cob-cli 2.11.0 → 2.13.0

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

@@ -1,10 +1,12 @@
 <template>
     <ul class="space-y-2 text-slate-700 decoration-slate-700">
-        <li v-for="(item, i) in componentData.items" :key="item.text + i"
+        <li v-for="(menuItem, i) in menuItems" 
+            :key="'menuItem-' + i"
             :class="'transition ease-in-out duration-300 rounded-md border border-cobline border-l-2 border-l-sky-600 shadow-sm transform hover:translate-x-0.5 '
-                    + item.text_style">
-            <a :href="item.link" class="flex items-center font-light py-1 px-3">
-                <span v-html="item.text"/>
+                    + menuItem.style"
+        >
+            <a :href="menuItem.link" class="flex items-center font-light py-1 px-3" >
+                <span v-html="menuItem.text"/>
             </a>
         </li>
     </ul>
@@ -14,6 +16,15 @@
 export default {
     props: {
         componentData: Object
+    },
+    computed: {
+        menuItems() { 
+            return this.componentData['Text'].map( m => ({
+                text: m['Text'],
+                link: m['Link'],
+                style: m['Style Text'],
+            }))
+        }
     }
 }
 </script>

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

@@ -1,6 +1,6 @@
 <template>
-    <div class="text-slate-700 uppercase tracking-wider border-b border-b-cobline/50 pb-1 text-xs text-center">
-        <span v-html="componentData.title_text"/>
+    <div :class="'text-slate-700 uppercase tracking-wider border-b border-b-cobline/50 pb-1 text-xs text-center ' + style">
+        <span v-html="title"/>
     </div>
 </template>
 
@@ -8,6 +8,14 @@
 export default {
     props: {
         componentData: Object
+    },
+    computed: {
+        title() { 
+            return this.componentData['Title'] 
+        },
+        style() { 
+            return this.componentData['Style Text'] 
+        },
     }
 }
 </script>

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

@@ -10,10 +10,10 @@
         <tbody>
             <tr v-for="(line, i) in lines" :key="'line'+i"
                 class="text-slate-700">
-                <td :class="'py-2 ' + line.text_style">{{ line.text }}</td>
-                <td v-for="(badge, j) in line.values" :key="'badge'+j"
+                <td :class="'py-2 ' + line.style">{{ line.name }}</td>
+                <td v-for="(value, j) in line.values" :key="'value'+j"
                     class="py-2 text-right">
-                    <TotalsBadge :badge-data="badge" />
+                    <TotalsValue :value-data="value" />
                 </td>
             </tr>
         </tbody>
@@ -21,11 +21,24 @@
 </template>
 
 <script>
-import TotalsBadge from './TotalsBadge.vue'
+import TotalsValue from './TotalsValue.vue'
 export default {
-    components: { TotalsBadge },
+    components: { TotalsValue },
     props: { componentData: Object },
     computed: {
+        headers() { 
+            return this.componentData['Header'][0]['Text'].filter(x => !!x).map(h => h['Text']) 
+        },
+        headers_style() { 
+            return this.componentData['Header'][0]['Style Header'] 
+        },
+        lines() { 
+            return this.componentData['Line'].map( l => ({
+                name : l['Line'],
+                style : l['Style Line'],
+                values: l['Value']
+            }))
+        },
         valuesGridClass() {
             const dynamicClasses = {
                 1: "grid-cols-1",
@@ -44,10 +57,7 @@ export default {
             }
             // Grid with cols == amount of values
             return "grid " + dynamicClasses[this.lines[0].values.length]
-        },
-        headers() { return this.componentData.headers.filter(x => !!x) },
-        headers_style() { return this.componentData.headers_style },
-        lines() { return this.componentData.lines }
+        }
     }
 }
 </script>

package/templates/dashboards/dash/src/components/{TotalsBadge.vue → TotalsValue.vue}

@@ -1,6 +1,6 @@
 <template>
     <div :class="{'animate-pulse':signalChange}">
-        <a :href="badgeData.dash_info.href" :class="valueClass" class="relative inline-flex">
+        <a :href="valueData.dash_info.href" :class="valueClass" class="relative inline-flex">
             <span v-html="value"/>
 
             <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">
@@ -15,7 +15,7 @@
 
 export default {
     props: {
-        badgeData: Object
+        valueData: Object
     },
     data () {
       return {
@@ -32,19 +32,19 @@ export default {
     },
     computed: {
         updating() {
-            return this.badgeData.dash_info.state == "updating" || this.badgeData.dash_info.state == "loading"
+            return this.valueData.dash_info.state == "updating" || this.valueData.dash_info.state == "loading"
         },
         value() {
-            if(this.badgeData.dash_info.state == "loading") return "L"
-            if(this.badgeData.dash_info.state == "error") return "E"
-            if(isNaN(this.badgeData.dash_info.value)) {
-                return this.badgeData.dash_info.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', {}).format(this.badgeData.dash_info.value) 
+                return new Intl.NumberFormat('en-US', {}).format(this.valueData.dash_info.value) 
             }
         },
         state() {
-            return this.badgeData.dash_info.state
+            return this.valueData.dash_info.state
         },
         valueClass() {
             let c = "relative transition ease-in-out px-2 py-1 rounded-md text-center font-mono font-semibold transition border ring-offset-1 hover:ring-2"
@@ -59,10 +59,10 @@ export default {
                 "Fallback":   "text-slate-700 ring-slate-700",
             }
 
-            if(this.badgeData.dash_info.state == "loading") return c + " " + lookup["Warning"]
-            if(this.badgeData.dash_info.state == "error") return c + " " + lookup["Important"]
+            if(this.valueData.dash_info.state == "loading") return c + " " + lookup["Warning"]
+            if(this.valueData.dash_info.state == "error") return c + " " + lookup["Important"]
 
-            return c + " " + (this.badgeData.dash_info.value == 0 ? lookup["Gray"] : lookup[this.badgeData.style] ? lookup[this.badgeData.style] : lookup["Fallback"])
+            return c + " " + (this.valueData.dash_info.value == 0 ? lookup["Gray"] : lookup[this.valueData.style] ? lookup[this.valueData.style] : lookup["Fallback"])
         }
     }
 }

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

@@ -20,10 +20,15 @@
 <% } %>
       <style>section.custom-resource{visibility: hidden;opacity:0;}</style>
       <div id="app"></div>
-      <script>
+      <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>

package/templates/dashboards/dash/src/definition_dashboard_v59.json

@@ -0,0 +1,394 @@
+{
+    "id": null,
+    "name": "Dashboard",
+    "description": null,
+    "duplicable": null,
+    "state": "enabled",
+    "fieldDefinitions": [
+        {
+            "id": null,
+            "name": "Dashboard Info",
+            "required": null,
+            "description": "$group",
+            "condition": null,
+            "duplicable": false,
+            "fields": [],
+            "order": 0,
+            "rootField": true,
+            "restricted": false,
+            "defaultValue": null
+        },
+        {
+            "id": null,
+            "name": "Page Title",
+            "required": null,
+            "description": "$expanded $instanceLabel",
+            "condition": null,
+            "duplicable": false,
+            "fields": [],
+            "order": 1,
+            "rootField": true,
+            "restricted": false,
+            "defaultValue": null
+        },
+        {
+            "id": null,
+            "name": "Grid Columns",
+            "required": "mandatory",
+            "description": "$number $default(12)",
+            "condition": null,
+            "duplicable": false,
+            "fields": [],
+            "order": 2,
+            "rootField": true,
+            "restricted": false,
+            "defaultValue": "12"
+        },
+        {
+            "id": null,
+            "name": "Max Width",
+            "required": "mandatory",
+            "description": "$[xl,2xl,3xl,4xl,5xl,*6xl,full]",
+            "condition": null,
+            "duplicable": false,
+            "fields": [],
+            "order": 3,
+            "rootField": true,
+            "restricted": false,
+            "defaultValue": "6xl"
+        },
+        {
+            "id": null,
+            "name": "Permission",
+            "required": null,
+            "description": "What groups are allowed to see this dashboard",
+            "condition": null,
+            "duplicable": false,
+            "fields": [],
+            "order": 4,
+            "rootField": true,
+            "restricted": false,
+            "defaultValue": null
+        },
+        {
+            "id": null,
+            "name": "Boards",
+            "required": null,
+            "description": "$group",
+            "condition": null,
+            "duplicable": false,
+            "fields": [],
+            "order": 5,
+            "rootField": true,
+            "restricted": false,
+            "defaultValue": null
+        },
+        {
+            "id": null,
+            "name": "Board Title",
+            "required": null,
+            "description": "$instanceDescription $style[dualColumn]",
+            "condition": null,
+            "duplicable": true,
+            "fields": [
+                {
+                    "id": null,
+                    "name": "Col Span",
+                    "required": null,
+                    "description": "$number $default(3) ",
+                    "condition": null,
+                    "duplicable": false,
+                    "fields": [],
+                    "order": 7,
+                    "rootField": false,
+                    "restricted": false,
+                    "defaultValue": "3"
+                },
+                {
+                    "id": null,
+                    "name": "Row Span",
+                    "required": null,
+                    "description": "$number $default(1) ",
+                    "condition": null,
+                    "duplicable": false,
+                    "fields": [],
+                    "order": 8,
+                    "rootField": false,
+                    "restricted": false,
+                    "defaultValue": "1"
+                },
+                {
+                    "id": null,
+                    "name": "Component",
+                    "required": null,
+                    "description": "$[Totals,Menu,Kibana,Filter,Title] $instanceDescription $style[singleColumn] $expanded",
+                    "condition": null,
+                    "duplicable": true,
+                    "fields": [
+                        {
+                            "id": null,
+                            "name": "Header",
+                            "required": null,
+                            "description": "$group ",
+                            "condition": "=Totals",
+                            "duplicable": false,
+                            "fields": [
+                                {
+                                    "id": null,
+                                    "name": "Text",
+                                    "required": null,
+                                    "description": null,
+                                    "condition": null,
+                                    "duplicable": true,
+                                    "fields": [],
+                                    "order": 11,
+                                    "rootField": false,
+                                    "restricted": false,
+                                    "defaultValue": null
+                                },
+                                {
+                                    "id": null,
+                                    "name": "Style Header",
+                                    "required": null,
+                                    "description": null,
+                                    "condition": null,
+                                    "duplicable": false,
+                                    "fields": [],
+                                    "order": 12,
+                                    "rootField": false,
+                                    "restricted": false,
+                                    "defaultValue": null
+                                }
+                            ],
+                            "order": 10,
+                            "rootField": false,
+                            "restricted": false,
+                            "defaultValue": null
+                        },
+                        {
+                            "id": null,
+                            "name": "Line",
+                            "required": null,
+                            "description": null,
+                            "condition": "=Totals",
+                            "duplicable": true,
+                            "fields": [
+                                {
+                                    "id": null,
+                                    "name": "Value",
+                                    "required": null,
+                                    "description": "$[*definitionCount,domainCount,fieldSum,link] ",
+                                    "condition": null,
+                                    "duplicable": true,
+                                    "fields": [
+                                        {
+                                            "id": null,
+                                            "name": "Style Value",
+                                            "required": null,
+                                            "description": "$[*Info,Success,Warning,Important]",
+                                            "condition": null,
+                                            "duplicable": false,
+                                            "fields": [],
+                                            "order": 15,
+                                            "rootField": false,
+                                            "restricted": false,
+                                            "defaultValue": "Info"
+                                        },
+                                        {
+                                            "id": null,
+                                            "name": "Arg",
+                                            "required": null,
+                                            "description": null,
+                                            "condition": null,
+                                            "duplicable": true,
+                                            "fields": [],
+                                            "order": 16,
+                                            "rootField": false,
+                                            "restricted": false,
+                                            "defaultValue": null
+                                        }
+                                    ],
+                                    "order": 14,
+                                    "rootField": false,
+                                    "restricted": false,
+                                    "defaultValue": "definitionCount"
+                                },
+                                {
+                                    "id": null,
+                                    "name": "Style Line",
+                                    "required": null,
+                                    "description": null,
+                                    "condition": null,
+                                    "duplicable": false,
+                                    "fields": [],
+                                    "order": 17,
+                                    "rootField": false,
+                                    "restricted": false,
+                                    "defaultValue": null
+                                }
+                            ],
+                            "order": 13,
+                            "rootField": false,
+                            "restricted": false,
+                            "defaultValue": null
+                        },
+                        {
+                            "id": null,
+                            "name": "URL",
+                            "required": null,
+                            "description": null,
+                            "condition": "=Kibana",
+                            "duplicable": false,
+                            "fields": [],
+                            "order": 18,
+                            "rootField": false,
+                            "restricted": false,
+                            "defaultValue": null
+                        },
+                        {
+                            "id": null,
+                            "name": "FilterID",
+                            "required": null,
+                            "description": null,
+                            "condition": "=Kibana",
+                            "duplicable": false,
+                            "fields": [],
+                            "order": 19,
+                            "rootField": false,
+                            "restricted": false,
+                            "defaultValue": null
+                        },
+                        {
+                            "id": null,
+                            "name": "Text",
+                            "required": null,
+                            "description": null,
+                            "condition": "=Menu",
+                            "duplicable": true,
+                            "fields": [
+                                {
+                                    "id": null,
+                                    "name": "Link",
+                                    "required": null,
+                                    "description": null,
+                                    "condition": null,
+                                    "duplicable": false,
+                                    "fields": [],
+                                    "order": 21,
+                                    "rootField": false,
+                                    "restricted": false,
+                                    "defaultValue": null
+                                },
+                                {
+                                    "id": null,
+                                    "name": "Style Text",
+                                    "required": null,
+                                    "description": null,
+                                    "condition": null,
+                                    "duplicable": false,
+                                    "fields": [],
+                                    "order": 22,
+                                    "rootField": false,
+                                    "restricted": false,
+                                    "defaultValue": null
+                                }
+                            ],
+                            "order": 20,
+                            "rootField": false,
+                            "restricted": false,
+                            "defaultValue": null
+                        },
+                        {
+                            "id": null,
+                            "name": "FilterID",
+                            "required": null,
+                            "description": null,
+                            "condition": "=Filter",
+                            "duplicable": false,
+                            "fields": [],
+                            "order": 23,
+                            "rootField": false,
+                            "restricted": false,
+                            "defaultValue": null
+                        },
+                        {
+                            "id": null,
+                            "name": "subtype",
+                            "required": null,
+                            "description": "$[List,Text,Date]",
+                            "condition": "=Filter",
+                            "duplicable": true,
+                            "fields": [
+                                {
+                                    "id": null,
+                                    "name": "Alternatives",
+                                    "required": null,
+                                    "description": null,
+                                    "condition": "=List",
+                                    "duplicable": false,
+                                    "fields": [],
+                                    "order": 25,
+                                    "rootField": false,
+                                    "restricted": false,
+                                    "defaultValue": null
+                                },
+                                {
+                                    "id": null,
+                                    "name": "DateFilterType",
+                                    "required": null,
+                                    "description": null,
+                                    "condition": "=Date",
+                                    "duplicable": false,
+                                    "fields": [],
+                                    "order": 26,
+                                    "rootField": false,
+                                    "restricted": false,
+                                    "defaultValue": null
+                                }
+                            ],
+                            "order": 24,
+                            "rootField": false,
+                            "restricted": false,
+                            "defaultValue": null
+                        },
+                        {
+                            "id": null,
+                            "name": "Query",
+                            "required": null,
+                            "description": null,
+                            "condition": "=MD List",
+                            "duplicable": false,
+                            "fields": [],
+                            "order": 27,
+                            "rootField": false,
+                            "restricted": false,
+                            "defaultValue": null
+                        },
+                        {
+                            "id": null,
+                            "name": "Title",
+                            "required": null,
+                            "description": null,
+                            "condition": "=Title",
+                            "duplicable": false,
+                            "fields": [],
+                            "order": 28,
+                            "rootField": false,
+                            "restricted": false,
+                            "defaultValue": null
+                        }
+                    ],
+                    "order": 9,
+                    "rootField": false,
+                    "restricted": false,
+                    "defaultValue": null
+                }
+            ],
+            "order": 6,
+            "rootField": true,
+            "restricted": false,
+            "defaultValue": null
+        }
+    ],
+    "version": null
+}