💄 : add types classes to dashboard widgets

gaia-app · Dec 12, 2019 · f146f0f · f146f0f
1 parent e7d5be1
commit f146f0f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
@@ -34,9 +34,9 @@
 <template id="dashboard-template">
     <div>
         <div class="row column1">
-            <dashboard-widget text="Modules" :value="moduleCount" variant="blue2_bg" icon="fa-object-group" link="/modules"></dashboard-widget>
-            <dashboard-widget text="Running Stacks" :value="runningStacksCount" variant="blue2_bg" icon="fa-layer-group" link="/stacks"></dashboard-widget>
-            <dashboard-widget text="Stacks to update" :value="toUpdateStackCount" variant="yellow_bg" icon="fa-caret-square-up" link="/stacks"></dashboard-widget>
+            <dashboard-widget text="Modules" :value="moduleCount" variant="blue2_bg" type="modules_count" icon="fa-object-group" link="/modules"></dashboard-widget>
+            <dashboard-widget text="Running Stacks" :value="runningStacksCount" variant="blue2_bg" type="stacks_count" icon="fa-layer-group" link="/stacks"></dashboard-widget>
+            <dashboard-widget text="Stacks to update" :value="toUpdateStackCount" variant="yellow_bg" type="stacks_toUpdate_count" icon="fa-caret-square-up" link="/stacks"></dashboard-widget>
         </div>
 
         <div sec:authorize="authentication.name != 'admin'" v-if="! team" class="full_container">

diff --git a/src/main/resources/templates/vue_templates/dashboard-widget.vue b/src/main/resources/templates/vue_templates/dashboard-widget.vue
@@ -9,7 +9,7 @@
                 </div>
                 <div class="counter_no">
                     <div>
-                        <p class="total_no">{{value}}</p>
+                        <p class="total_no" :class="type">{{value}}</p>
                         <p class="head_couter">{{text}}</p>
                     </div>
                 </div>
@@ -21,6 +21,6 @@
 <script>
     Vue.component('dashboard-widget', {
         template: '#dashboard-widget',
-        props: ['text', 'value', 'variant', 'icon', 'link'],
+        props: ['text', 'value', 'variant', 'icon', 'link', 'type'],
     });
 </script>