Clean up/add german translations

webapp/components/Notification/Notification.vue

@@ -1,39 +1,37 @@
 <template>
-  <ds-container>
-    <ds-space :class="{ read: notification.read, notification: true }" margin-bottom="x-small">
-      <client-only>
-        <ds-space margin-bottom="x-small">
-          <hc-user :user="from.author" :date-time="from.createdAt" :trunc="35" />
-        </ds-space>
-        <ds-text class="reason-text-for-test" color="soft">
-          {{ $t(`notifications.reason.${notification.reason}`) }}
-        </ds-text>
-      </client-only>
-      <ds-space margin-bottom="x-small" />
-      <nuxt-link
-        class="notification-mention-post"
-        :to="{ name: 'post-id-slug', params, ...hashParam }"
-        @click.native="$emit('read')"
-      >
-        <ds-space margin-bottom="x-small">
-          <ds-card
-            :header="from.title || from.post.title"
-            hover
-            space="x-small"
-            class="notifications-card"
-          >
-            <ds-space margin-bottom="x-small" />
-            <div>
-              <span v-if="isComment" class="comment-notification-header">
-                {{ $t(`notifications.comment`) }}:
-              </span>
-              {{ from.contentExcerpt | removeHtml }}
-            </div>
-          </ds-card>
-        </ds-space>
-      </nuxt-link>
-    </ds-space>
-  </ds-container>
+  <ds-space :class="{ read: notification.read, notification: true }" margin-bottom="x-small">
+    <client-only>
+      <ds-space margin-bottom="x-small">
+        <hc-user :user="from.author" :date-time="from.createdAt" :trunc="35" />
+      </ds-space>
+      <ds-text class="reason-text-for-test" color="soft">
+        {{ $t(`notifications.reason.${notification.reason}`) }}
+      </ds-text>
+    </client-only>
+    <ds-space margin-bottom="x-small" />
+    <nuxt-link
+      class="notification-mention-post"
+      :to="{ name: 'post-id-slug', params, ...hashParam }"
+      @click.native="$emit('read')"
+    >
+      <ds-space margin-bottom="x-small">
+        <ds-card
+          :header="from.title || from.post.title"
+          hover
+          space="x-small"
+          class="notifications-card"
+        >
+          <ds-space margin-bottom="x-small" />
+          <div>
+            <span v-if="isComment" class="comment-notification-header">
+              {{ $t(`notifications.comment`) }}:
+            </span>
+            {{ from.contentExcerpt | removeHtml }}
+          </div>
+        </ds-card>
+      </ds-space>
+    </nuxt-link>
+  </ds-space>
 </template>
 
 <script>

webapp/locales/de.json

@@ -175,7 +175,16 @@
       "mentioned_in_comment": "Hat dich in einem Kommentar erwähnt …",
       "commented_on_post": "Hat deinen Beitrag kommentiert …"
     },
-    "comment": "Kommentar"
+    "comment": "Kommentar",
+    "title": "Benachrichtigungen",
+    "post": "Beitrag",
+    "user": "Benutzer",
+    "content": "Inhalt",
+    "sortingLabel": {
+      "all": "Alle",
+      "read": "Lesen  ",
+      "unread": "Ungelesen"
+    }
   },
   "search": {
     "placeholder": "Suchen",

webapp/locales/en.json

@@ -178,11 +178,14 @@
     },
     "comment": "Comment",
     "title": "Notifications",
-    "page": "All notifications",
-    "createdAt": "Notification created at",
-    "type": "Type",
+    "post": "Post",
     "user": "User",
-    "content": "Content"
+    "content": "Content",
+    "sortingLabel": {
+      "all": "All",
+      "read": "Read",
+      "unread": "Unread"
+    }
   },
   "search": {
     "placeholder": "Search",

webapp/pages/notifications/index.vue

@@ -99,11 +99,11 @@ export default {
   data() {
     return {
       selectedNotifications: [],
-      selected: 'All',
+      selected: this.$t('notifications.sortingLabel.all'),
       sortingOptions: [
-        { label: 'All', value: null },
-        { label: 'Read', value: true },
-        { label: 'Unread', value: false },
+        { label: this.$t('notifications.sortingLabel.all'), value: null },
+        { label: this.$t('notifications.sortingLabel.read'), value: true },
+        { label: this.$t('notifications.sortingLabel.unread'), value: false },
       ],
       nofiticationRead: null,
     }
@@ -112,7 +112,7 @@ export default {
     fields() {
       return {
         user: this.$t('notifications.user'),
-        post: this.$t('notifications.type'),
+        post: this.$t('notifications.post'),
         content: this.$t('notifications.content'),
       }
     },