From baac0748a002d64b2df56b7d6cf3eecdd936552a Mon Sep 17 00:00:00 2001
From: Grzegorz Leoniec <greg@app-interactive.de>
Date: Fri, 18 Jan 2019 15:13:13 +0100
Subject: [PATCH] Added comming soon empty state to setting, admin and take
 action pages

---
 pages/admin/categories.vue          |  5 +--
 pages/admin/notifications.vue       | 19 +++++++++---
 pages/admin/organizations.vue       | 19 +++++++++---
 pages/admin/pages.vue               | 19 +++++++++---
 pages/admin/settings.vue            | 19 +++++++++---
 pages/admin/tags.vue                |  5 +--
 pages/admin/users.vue               | 19 +++++++++---
 pages/post/_slug/take-action.vue    | 48 +++++------------------------
 pages/settings/data-download.vue    | 19 +++++++++---
 pages/settings/delete-account.vue   | 19 +++++++++---
 pages/settings/index.vue            |  5 +--
 pages/settings/invites.vue          | 19 +++++++++---
 pages/settings/languages.vue        | 19 +++++++++---
 pages/settings/my-organizations.vue | 19 +++++++++---
 pages/settings/security.vue         | 19 +++++++++---
 15 files changed, 175 insertions(+), 97 deletions(-)

diff --git a/pages/admin/categories.vue b/pages/admin/categories.vue
index 14fee98b6..20739a661 100644
--- a/pages/admin/categories.vue
+++ b/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"
diff --git a/pages/admin/notifications.vue b/pages/admin/notifications.vue
index 59d9ab693..9eab7ee12 100644
--- a/pages/admin/notifications.vue
+++ b/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>
diff --git a/pages/admin/organizations.vue b/pages/admin/organizations.vue
index dbc3bf38c..ceeed031d 100644
--- a/pages/admin/organizations.vue
+++ b/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>
diff --git a/pages/admin/pages.vue b/pages/admin/pages.vue
index a6ef7af4a..5c90a6578 100644
--- a/pages/admin/pages.vue
+++ b/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>
diff --git a/pages/admin/settings.vue b/pages/admin/settings.vue
index 143607b0e..396aa54dd 100644
--- a/pages/admin/settings.vue
+++ b/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>
diff --git a/pages/admin/tags.vue b/pages/admin/tags.vue
index 0bcb0aa07..03115f091 100644
--- a/pages/admin/tags.vue
+++ b/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"
diff --git a/pages/admin/users.vue b/pages/admin/users.vue
index af5c0e4e7..12ea874b1 100644
--- a/pages/admin/users.vue
+++ b/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>
diff --git a/pages/post/_slug/take-action.vue b/pages/post/_slug/take-action.vue
index 9791791d8..712cf6178 100644
--- a/pages/post/_slug/take-action.vue
+++ b/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>
diff --git a/pages/settings/data-download.vue b/pages/settings/data-download.vue
index db99049db..5f22b1e1f 100644
--- a/pages/settings/data-download.vue
+++ b/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>
diff --git a/pages/settings/delete-account.vue b/pages/settings/delete-account.vue
index f28b777e6..7540230a5 100644
--- a/pages/settings/delete-account.vue
+++ b/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>
diff --git a/pages/settings/index.vue b/pages/settings/index.vue
index 9db497906..c018061a9 100644
--- a/pages/settings/index.vue
+++ b/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"
diff --git a/pages/settings/invites.vue b/pages/settings/invites.vue
index 7ae049e27..291fa62ad 100644
--- a/pages/settings/invites.vue
+++ b/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>
diff --git a/pages/settings/languages.vue b/pages/settings/languages.vue
index b1c253316..ef3d4ce96 100644
--- a/pages/settings/languages.vue
+++ b/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>
diff --git a/pages/settings/my-organizations.vue b/pages/settings/my-organizations.vue
index 62cd74fd1..c381d8dc4 100644
--- a/pages/settings/my-organizations.vue
+++ b/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>
diff --git a/pages/settings/security.vue b/pages/settings/security.vue
index 3ac2e7748..403015a4f 100644
--- a/pages/settings/security.vue
+++ b/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>