cob-cli 2.25.0 → 2.26.0

package/templates/dashboards/dash/src/components/Menu.vue

@@ -1,44 +0,0 @@
-<template>
-    <div :class="classes">
-        <a v-for="(line, i) in lines" 
-            :key="i"
-            :class="line.classes"
-            :href="line.link"
-        >
-            <span>
-                <i v-if="line.icon" :class="line.icon" style="margin-right:4px"></i>
-                <span v-html="line.text"></span>
-            </span>
-            <Attention class="absolute right-1" :attentionInfo="line.attention"/>
-        </a>
-    </div>
-</template>
-
-<script>
-    import Attention from './Attention.vue'
-
-    export default {
-        components: { Attention },
-        props: { 
-            component: Object,
-            userInfo: Object
-        },
-        computed: {
-            options() { return this.component['MenuCustomize'][0] },
-            classes() { return this.options['MenuClasses']      || "flex flex-col gap-y-2" },             
-            lines() {
-                let lines = this.component['Text'].map( line => ({
-                    classes:   line["TextCustomize"][0]['TextClasses'] || "transition ease-in-out duration-300 rounded-md border border-gray-300 border-l-2 border-l-sky-600 shadow-sm transform hover:translate-x-0.5 p-2 bg-white",
-                    icon:      line["TextCustomize"][0]['Icon'] || "",
-                    text:      line['Text'] || "",
-                    link:      line['Link'] && line['Link'].replace(/__USERNAME__/g, this.userInfo.username) || "",
-                    groups:    line["TextCustomize"][0]['GroupVisibility'].map(g => g["GroupVisibility"] && g["GroupVisibility"] ).filter(g => g) || [],
-                    attention: line["TextCustomize"][0]['AttentionInfo'],
-                }))
-                // Filter out lines that have groupVisibility AND the user does not have any of the groups
-                let userGroups = this.component.userInfo.groups.map(g => g.name)
-                return lines.filter(l => l.groups.length === 0 || l.groups.filter(g => userGroups.includes(g)).length !== 0 )
-            }
-        }
-    }
-</script>

package/templates/dashboards/dash/src/components/Totals.vue

@@ -1,49 +0,0 @@
-<template>
-    <table :class="classes">
-        <tr v-for="(line, i) in lines" :key="'line'+i" :class="line.lineClasses">
-            <td  :class="line.titleClasses">
-                {{ line.title }}
-            </td>
-            <td v-for="(value, j) in line.values" :key="'value'+i+'-'+j">
-                <TotalsValue :value-data="value"/>
-            </td>
-        </tr>
-    </table>
-</template>
-
-<script>
-    import TotalsValue from './TotalsValue.vue'
-
-    export default {
-        components: { TotalsValue },
-        props: {
-          component: Object,
-          userInfo: Object
-        },
-        computed: {
-            options()     { return this.component['TotalsCustomize'][0] },
-            classes()     { return this.options['TotalsClasses'] || "w-full table-auto" },
-            inputs()      { return this.options['InputVarTotals'].map(v => v['InputVarTotals']) },
-            inputFilter() { return this.inputs.filter(v => this.component.vars[v]).map(v => this.component.vars[v]).join(" ")},
-            lines() {
-                return this.component['Line'].map( l => ({
-                    title :       l['Line']                             || "",
-                    lineClasses:  l["LineCustomize"][0]["LineClasses"]  || "text-right transition ease-in-out ring-sky-600 ring-offset-1 hover:ring-2 rounded-md",
-                    titleClasses: l["LineCustomize"][0]["TitleClasses"] || "text-left p-2",
-                    values:       l['Value']
-            }))}
-        },
-        watch: {
-            inputFilter(newValue) {
-                if(newValue === "") return //PRESSUPOSTO IMPORTANTE: se newValue é vazio é porque estamos em transições (porque usamos sempre um valor, nem que seja *) e o melhor é usar o valor antigo para o valor não mudar momentaneamente (e ainda desperdicar uma pesquisa). Se o pressuposto for quebrado vamos impedir a actualização do inputFilter quando o valor é ""
-                this.lines.forEach(l => {
-                    l.values.forEach(v => {
-                      let arg = (v.Arg[1] instanceof Object ? v.Arg[1].Arg : v.Arg[1])
-                      let newFilter = ((arg || "") + " " + newValue.trim()) || "*"
-                      if (v.dash_info) v.dash_info.changeArgs({query: newFilter.replaceAll("__USERNAME__",this.userInfo.username)})
-                    });
-                });
-            }
-        }
-    }
-</script>

package/templates/dashboards/dash/src/components/TotalsValue.vue

@@ -1,59 +0,0 @@
-<template>
-    <a v-if="state" :href="link" :class="expandedClasses">
-
-        <Attention :attentionInfo="attention" :classes="attentionClasses" />
-
-        <span v-html="value"/><span class="" >{{unit}}</span>
-
-        <svg v-if="updating" class="absolute animate-spin -top-1 -right-1 h-2 w-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
-            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
-        </svg>
-    </a>
-</template>
-
-<script>
-    import Attention from './Attention.vue'
-    const specialClasses = {
-        "Info":      "border border-sky-600 bg-sky-200/10 ring-sky-600 bg-white ",
-        "Success":   "border border-lime-500 bg-lime-200/10 ring-lime-500 bg-white ",
-        "Warning":   "border border-amber-500 bg-amber-200/10 ring-amber-500 bg-white ",
-        "Important": "border border-rose-600 bg-rose-200/10 ring-rose-600 bg-white ",
-        "Gray":      "text-gray-400 border-gray-200 bg-gray-200/10 ring-gray-200 bg-white ",
-        "Default":   "inline-block "                                                    // para poder conter internamente o Attention sem ser noutra linha
-                    +"bg-white  "                                                       // Para ficar legível
-                    +"whitespace-nowrap "                                               // Para não partir o texto + attention
-                    +"font-mono font-semibold "                                         // Estilo default para o texto
-                    +"px-2 py-1 "                                                       // Espaçamento horizontal e vertical
-                    +"rounded-md "                                                      // Border arrendondada
-                    +"transition ease-in-out ring-sky-600 ring-offset-1 hover:ring-2 ", // Estilo para hover (só funciona em localhost, não sei porquê)
-        "S_loading": "border border-amber-500 bg-amber-200/10 ring-amber-500 ",         // Igual a Warning
-        "S_error":   "border border-rose-600 bg-rose-200/10 ring-rose-600 ",            // Igual a Important
-    }
-
-    export default {
-        components: { Attention },
-        props: { valueData: Object },
-        computed: {
-            options()          { return this.valueData['ValueCustomize'][0] },
-            view()             { return this.options['View'] },
-            attention()        { return this.options['AttentionInfo'] },
-            attentionClasses() { return this.options['ValueAttentionClasses'] },
-            unit()             { return this.options['Unit'] },
-            state()            { return this.valueData.dash_info && this.valueData.dash_info.state || "" },
-            updating()         { return this.state === "updating" || this.state === "loading" },
-            classes()          { return (this.options['ValueClasses'] || "Default Info") + " S_"+this.valueData.dash_info.state },
-            link()             { return this.valueData.dash_info.href + (this.view ? "?av=" + this.view : "") },
-            expandedClasses()  { return this.classes.split(/\s/).map(c => specialClasses[c] || c ).join(" ") },
-            value() {
-                if(this.valueData.dash_info.state === "loading") return "L"
-                if(this.valueData.dash_info.state === "error") return "E"
-                if(isNaN(this.valueData.dash_info.value)) {
-                    return this.valueData.dash_info.value
-                } else {
-                    return new Intl.NumberFormat('en-US', {maximumFractionDigits: 0}).format(this.valueData.dash_info.value) 
-                }
-            }
-        }
-    }
-</script>

package/templates/dashboards/dash/src/components/shared/Instance.vue

@@ -1,64 +0,0 @@
-<template>
-  <div class='flex flex-col p-4 rounded border-2 border-zinc-300 bg-zinc-50 calendar-tooltip'>
-    <a :href='instanceUrl' class='max-w-fit mb-4 text-sky-500 uppercase no-underline hover:underline js-instance-label main-info'>
-      {{ instanceLabel }}
-    </a>
-    <div class='details flex flex-col flex-wrap justify-start'>
-      <div class='flex flex-row mr-4 field-group max-w-xs'
-           v-for='(description,i) in instanceDescriptions' 
-           :key="i" 
-      >
-        <div class='whitespace-nowrap mr-1 text-gray-400 field'>{{ description.name }}:</div>
-        <div class='whitespace-nowrap text-ellipsis overflow-hidden value' v-html="description.value"></div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import {toEsFieldName} from "@cob/rest-api-wrapper/src/utils/ESHelper";
-import {getValue} from "@/utils/EsInstanceUtils";
-
-export default {
-  props: {
-    esInstance: Object
-  },
-
-  computed: {
-    instanceUrl() {
-      return `#/instance/${this.esInstance.id}`
-    },
-
-    instanceLabel() {
-      if (!this.esInstance._definitionInfo.instanceLabel || !this.esInstance._definitionInfo.instanceLabel.length) {
-        return this.esInstance.id
-      } else {
-        const fieldDefinition = this.esInstance._definitionInfo.instanceLabel[0];
-        return getValue(this.esInstance, fieldDefinition)[0]
-      }
-    },
-
-    instanceDescriptions() {
-      if (!this.esInstance._definitionInfo.instanceDescription) {
-        return null
-
-      } else {
-        return this.esInstance._definitionInfo.instanceDescription
-            .filter(fieldDefinition => this.esInstance[toEsFieldName(fieldDefinition.name)])
-            .map(fieldDefinition => {
-              let value = getValue(this.esInstance, fieldDefinition).join(', ')
-              if(fieldDefinition.description.indexOf("$date")>=0) {
-                value = (new Date(value*1)).toISOString().split('T')[0]
-              } else if(fieldDefinition.description.indexOf("$link")>=0) {
-                value = "<a href='"+getValue(this.esInstance, fieldDefinition)+"'>link</a>"
-              }
-              return {
-                name: fieldDefinition.name,
-                value: value
-              }
-            });
-      }
-    },
-  }
-}
-</script>

package/templates/dashboards/dash/src/components/shared/Waiting.vue

@@ -1,25 +0,0 @@
-<template>
-  <div v-show="active" :class="['z-40 absolute inset-0 w-full h-full opacity-75', {'pointer-events-none':interactable}]">
-    <div class="absolute inset-0 bg-white opacity-50"></div>
-    <div class="flex p-4">
-      <i class="fas fa-spinner fa-spin fa-2x text-slate-700"></i>
-    </div>
-  </div>
-</template>
-
-<script>
-  export default {
-    props: {
-      active: {
-        /* If true show overlay */
-        type: Boolean,
-        default: false
-      },
-      interactable: {
-        /* If true it will allow interaction with elements bellow */
-        type: Boolean,
-        default: false
-      }
-    }
-  }
-</script>

package/templates/dashboards/dash/src/dashboard.html

@@ -1,39 +0,0 @@
-<% if (htmlWebpackPlugin.options.rmIntegrated == false) { %>
-  <!DOCTYPE html>
-  <html lang="en">
-    <head>
-      <meta charset="utf-8">
-      <meta http-equiv="X-UA-Compatible" content="IE=edge">
-      <meta name="viewport" content="width=device-width,initial-scale=1.0">
-
-<% } %>
-<% for (var css in htmlWebpackPlugin.files.css) { %>
-      <link href="<%= htmlWebpackPlugin.files.css[css] %>" rel="preload" as="style">
-      <link href="<%= htmlWebpackPlugin.files.css[css] %>" rel="stylesheet">
-<% } %>
-<% for (var chunk in htmlWebpackPlugin.files.chunks) { %>
-      <link href="<%= htmlWebpackPlugin.files.chunks[chunk].entry %>" rel="preload" as="script">
-<% } %>
-<% if (htmlWebpackPlugin.options.rmIntegrated == false) { %>
-    </head>
-    <body>
-<% } %>
-      <style>section.custom-resource{visibility: hidden;opacity:0;top:63px;left:0;right:0;bottom:0;padding:0;}</style>
-      <div id="app"></div>
-      <script>
-            // mimes: .cob-app tem estilos globais que se aplicam a elementos vuetify que mudam o aspecto previsto
-            let section = document.getElementsByClassName("custom-resource")[0];
-            section && section.classList.remove("cob-app"); //TODO: validar que isto é a melhor opção (considerar remover class na ui-all)
-
-            // se header não está visivel posiciona o top a 0
-            if(document.getElementById("header").style['display'] == 'none') {
-                  section.style['top'] = "0px"
-            }
-      </script>
-<% for (var chunk in htmlWebpackPlugin.files.chunks) { %>
-      <script type="text/javascript" src="<%= htmlWebpackPlugin.files.chunks[chunk].entry %>"></script>
-<% } %>
-<% if (htmlWebpackPlugin.options.rmIntegrated == false) { %>
-    </body>
-  </html>
-<% } %>