[IMPROVE]: add empty information

GopherJ · Sep 19, 2018 · af7cb1d · af7cb1d
1 parent ef0225b
commit af7cb1d
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 8 deletions.
diff --git a/dist/LayoutGrid.js b/dist/LayoutGrid.js
diff --git a/dist/LayoutGrid.min.js b/dist/LayoutGrid.min.js
diff --git a/dist/LayoutGrid.min.js.map b/dist/LayoutGrid.min.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-layout-grid",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "description": "layout gridster with vue",
   "main": "dist/LayoutGrid.min.js",
   "scripts": {

diff --git a/src/components/LayoutGrid/LayoutGrid.vue b/src/components/LayoutGrid/LayoutGrid.vue
@@ -2,6 +2,7 @@
     <u-card :label="$t('UAnalytics.dashboard.label')">
         <div class="layout-grid" ref="LayoutGrid">
             <grid-layout
+                v-if="layout.length > 0"
                 :layout="layout"
                 :row-height="rowHeight"
                 :margin="margin"
@@ -87,6 +88,8 @@
                     </div>
                 </grid-item>
             </grid-layout>
+
+            <div class="layout-grid-empty" v-else>{{ $t('UAnalytics.dashboard.noChart') }}</div>
         </div>
     </u-card>
 </template>
@@ -346,6 +349,14 @@
         overflow-y: hidden;
     }
 
+    .layout-grid-empty {
+        width: 100%;
+        height: 40px;
+        border: 1px solid #dbdbdb;
+        line-height: 40px;
+        text-align: center;
+    }
+
     .icon {
         transition: .3s opacity;
         opacity: .4;