Added comming soon empty state to setting, admin and take action pages

pages/admin/categories.vue

@@ -1,8 +1,5 @@
 <template>
-  <ds-card space="small">
-    <ds-heading tag="h3">
-      {{ $t('admin.categories.name') }}
-    </ds-heading>
+  <ds-card :header="$t('admin.categories.name')">
     <ds-table
       :data="Category"
       :fields="fields"

pages/admin/notifications.vue

@@ -1,7 +1,18 @@
 <template>
-  <ds-card space="small">
-    <ds-heading tag="h3">
-      {{ $t('admin.notifications.name') }}
-    </ds-heading>
+  <ds-card :header="$t('admin.notifications.name')">
+    <hc-empty
+      icon="tasks"
+      message="Comming Soon…"
+    />
   </ds-card>
 </template>
+
+<script>
+import HcEmpty from '~/components/Empty.vue'
+
+export default {
+  components: {
+    HcEmpty
+  }
+}
+</script>

pages/admin/organizations.vue

@@ -1,7 +1,18 @@
 <template>
-  <ds-card>
-    <ds-space margin="small">
-      {{ $t('admin.organizations.name') }}
-    </ds-space>
+  <ds-card :header="$t('admin.organizations.name')">
+    <hc-empty
+      icon="tasks"
+      message="Comming Soon…"
+    />
   </ds-card>
 </template>
+
+<script>
+import HcEmpty from '~/components/Empty.vue'
+
+export default {
+  components: {
+    HcEmpty
+  }
+}
+</script>

pages/admin/pages.vue

@@ -1,7 +1,18 @@
 <template>
-  <ds-card>
-    <ds-space margin="small">
-      {{ $t('admin.pages.name') }}
-    </ds-space>
+  <ds-card :header="$t('admin.pages.name')">
+    <hc-empty
+      icon="tasks"
+      message="Comming Soon…"
+    />
   </ds-card>
 </template>
+
+<script>
+import HcEmpty from '~/components/Empty.vue'
+
+export default {
+  components: {
+    HcEmpty
+  }
+}
+</script>

pages/admin/settings.vue

@@ -1,7 +1,18 @@
 <template>
-  <ds-card>
-    <ds-space margin="small">
-      {{ $t('admin.settings.name') }}
-    </ds-space>
+  <ds-card :header="$t('admin.settings.name')">
+    <hc-empty
+      icon="tasks"
+      message="Comming Soon…"
+    />
   </ds-card>
 </template>
+
+<script>
+import HcEmpty from '~/components/Empty.vue'
+
+export default {
+  components: {
+    HcEmpty
+  }
+}
+</script>

pages/admin/tags.vue

@@ -1,8 +1,5 @@
 <template>
-  <ds-card space="small">
-    <ds-heading tag="h3">
-      {{ $t('admin.tags.name') }}
-    </ds-heading>
+  <ds-card :header="$t('admin.tags.name')">
     <ds-table
       :data="Tag"
       :fields="fields"

pages/admin/users.vue

@@ -1,7 +1,18 @@
 <template>
-  <ds-card>
-    <ds-space margin="small">
-      {{ $t('admin.users.name') }}
-    </ds-space>
+  <ds-card :header="$t('admin.users.name')">
+    <hc-empty
+      icon="tasks"
+      message="Comming Soon…"
+    />
   </ds-card>
 </template>
+
+<script>
+import HcEmpty from '~/components/Empty.vue'
+
+export default {
+  components: {
+    HcEmpty
+  }
+}
+</script>

pages/post/_slug/take-action.vue

@@ -1,52 +1,18 @@
 <template>
   <ds-card header="Werde aktiv!">
-    <p>Was kann ich tun? Hier findest du mögliche Projekte, Aktioner, etc.</p>
+    <hc-empty
+      icon="tasks"
+      message="Comming Soon…"
+    />
   </ds-card>
 </template>
 
 <script>
-import gql from 'graphql-tag'
+import HcEmpty from '~/components/Empty.vue'
 
 export default {
-  transition: {
-    name: 'slide-up',
-    mode: 'out-in'
-  },
-
-  data() {
-    return {
-      Post: []
-    }
-  },
-  computed: {
-    tags() {
-      return this.Post ? this.Post[0].tags.map(tag => tag.name) : '-'
-    }
-  },
-  apollo: {
-    Post: {
-      query: gql(`
-        query {
-          Post {
-            id
-            title
-            tags {
-              name
-            }
-            categories {
-              name
-            }
-            shoutedCount
-            shoutedBy {
-              name
-              friends {
-                name
-              }
-            }
-          }
-        }
-      `)
-    }
+  components: {
+    HcEmpty
   }
 }
 </script>

pages/settings/data-download.vue

@@ -1,7 +1,18 @@
 <template>
-  <ds-card>
-    <ds-space margin="small">
-      {{ $t('settings.download.name') }}
-    </ds-space>
+  <ds-card :header="$t('settings.download.name')">
+    <hc-empty
+      icon="tasks"
+      message="Comming Soon…"
+    />
   </ds-card>
 </template>
+
+<script>
+import HcEmpty from '~/components/Empty.vue'
+
+export default {
+  components: {
+    HcEmpty
+  }
+}
+</script>

pages/settings/delete-account.vue

@@ -1,7 +1,18 @@
 <template>
-  <ds-card>
-    <ds-space margin="small">
-      {{ $t('settings.delete.name') }}
-    </ds-space>
+  <ds-card :header="$t('settings.delete.name')">
+    <hc-empty
+      icon="tasks"
+      message="Comming Soon…"
+    />
   </ds-card>
 </template>
+
+<script>
+import HcEmpty from '~/components/Empty.vue'
+
+export default {
+  components: {
+    HcEmpty
+  }
+}
+</script>

pages/settings/index.vue

@@ -3,10 +3,7 @@
     v-model="form"
     @submit="submit"
   >
-    <ds-card space="small">
-      <ds-heading tag="h3">
-        {{ $t('settings.data.name') }}
-      </ds-heading>
+    <ds-card :header="$t('settings.data.name')">
       <ds-input
         id="name"
         model="name"

pages/settings/invites.vue

@@ -1,7 +1,18 @@
 <template>
-  <ds-card>
-    <ds-space margin="small">
-      {{ $t('settings.invites.name') }}
-    </ds-space>
+  <ds-card :header="$t('settings.invites.name')">
+    <hc-empty
+      icon="tasks"
+      message="Comming Soon…"
+    />
   </ds-card>
 </template>
+
+<script>
+import HcEmpty from '~/components/Empty.vue'
+
+export default {
+  components: {
+    HcEmpty
+  }
+}
+</script>

pages/settings/languages.vue

@@ -1,7 +1,18 @@
 <template>
-  <ds-card>
-    <ds-space margin="small">
-      {{ $t('settings.languages.name') }}
-    </ds-space>
+  <ds-card :header="$t('settings.languages.name')">
+    <hc-empty
+      icon="tasks"
+      message="Comming Soon…"
+    />
   </ds-card>
 </template>
+
+<script>
+import HcEmpty from '~/components/Empty.vue'
+
+export default {
+  components: {
+    HcEmpty
+  }
+}
+</script>

pages/settings/my-organizations.vue

@@ -1,7 +1,18 @@
 <template>
-  <ds-card>
-    <ds-space margin="small">
-      {{ $t('settings.organizations.name') }}
-    </ds-space>
+  <ds-card :header="$t('settings.organizations.name')">
+    <hc-empty
+      icon="tasks"
+      message="Comming Soon…"
+    />
   </ds-card>
 </template>
+
+<script>
+import HcEmpty from '~/components/Empty.vue'
+
+export default {
+  components: {
+    HcEmpty
+  }
+}
+</script>

pages/settings/security.vue

@@ -1,7 +1,18 @@
 <template>
-  <ds-card>
-    <ds-space margin="small">
-      {{ $t('settings.security.name') }}
-    </ds-space>
+  <ds-card :header="$t('settings.security.name')">
+    <hc-empty
+      icon="tasks"
+      message="Comming Soon…"
+    />
   </ds-card>
 </template>
+
+<script>
+import HcEmpty from '~/components/Empty.vue'
+
+export default {
+  components: {
+    HcEmpty
+  }
+}
+</script>