Fixed No untranslated strings

webapp/locales/de.json

@@ -160,6 +160,11 @@
     }
   },
   "common": {
+    "your": {
+      "post": "Dein Beitrag ::: Deine Beiträge",
+      "comment": "Dein Kommentar ::: Deine Kommentare",
+      "shouted": "Deine Empfehlung ::: Deine Empfehlungen"
+    },
     "post": "Beitrag ::: Beiträge",
     "comment": "Kommentar ::: Kommentare",
     "letsTalk": "Miteinander reden",

webapp/locales/en.json

@@ -160,6 +160,11 @@
     }
   },
   "common": {
+    "your": {
+      "post": "Your Post ::: Your Posts",
+      "comment": "Your Comment ::: Your Comments",
+      "shout": "Your Shout ::: Your Shouts"
+    },
     "post": "Post ::: Posts",
     "comment": "Comment ::: Comments",
     "letsTalk": "Let`s Talk",

webapp/pages/profile/_id/_slug.vue

@@ -28,9 +28,11 @@
               <ds-icon name="map-marker"/>
               {{ user.location.name }}
             </ds-text>
-            <ds-text align="center" color="soft" size="small">
+            <ds-text
-              {{ $t('profile.memberSince') }} {{ user.createdAt | date('MMMM yyyy') }}
+              align="center"
-            </ds-text>
+              color="soft"
+              size="small"
+            >{{ $t('profile.memberSince') }} {{ user.createdAt | date('MMMM yyyy') }}</ds-text>
           </ds-space>
           <ds-space v-if="user.badges && user.badges.length" margin="x-small">
             <hc-badges :badges="user.badges"/>
@@ -61,16 +63,14 @@
             />
           </ds-space>
           <template v-if="user.about">
-            <hr />
+            <hr>
             <ds-space margin-top="small" margin-bottom="small">
               <ds-text color="soft" size="small">{{ user.about }}</ds-text>
             </ds-space>
           </template>
         </ds-card>
         <ds-space/>
-        <ds-heading tag="h3" soft style="text-align: center; margin-bottom: 10px;">
+        <ds-heading tag="h3" soft style="text-align: center; margin-bottom: 10px;">Netzwerk</ds-heading>
-          Netzwerk
-        </ds-heading>
         <ds-card style="position: relative; height: auto;">
           <ds-space v-if="user.following && user.following.length" margin="x-small">
             <ds-text tag="h5" color="soft">Wem folgt {{ userName | truncate(15) }}?</ds-text>
@@ -83,9 +83,10 @@
               </no-ssr>
             </ds-space>
             <ds-space v-if="user.followingCount - user.following.length" margin="small">
-              <ds-text size="small" color="softer">
+              <ds-text
-                und {{ user.followingCount - user.following.length }} weitere
+                size="small"
-              </ds-text>
+                color="softer"
+              >und {{ user.followingCount - user.following.length }} weitere</ds-text>
             </ds-space>
           </template>
           <template v-else>
@@ -105,9 +106,10 @@
               </no-ssr>
             </ds-space>
             <ds-space v-if="user.followedByCount - user.followedBy.length" margin="small">
-              <ds-text size="small" color="softer">
+              <ds-text
-                und {{ user.followedByCount - user.followedBy.length }} weitere
+                size="small"
-              </ds-text>
+                color="softer"
+              >und {{ user.followedByCount - user.followedBy.length }} weitere</ds-text>
             </ds-space>
           </template>
           <template v-else>
@@ -117,9 +119,10 @@
         <ds-space v-if="user.socialMedia && user.socialMedia.length" margin="large">
           <ds-card style="position: relative; height: auto;">
             <ds-space margin="x-small">
-              <ds-text tag="h5" color="soft">
+              <ds-text
-                {{ $t('profile.socialMedia') }} {{ user.name | truncate(15) }}?
+                tag="h5"
-              </ds-text>
+                color="soft"
+              >{{ $t('profile.socialMedia') }} {{ user.name | truncate(15) }}?</ds-text>
               <template>
                 <ds-space v-for="link in socialMediaLinks" :key="link.username" margin="x-small">
                   <a :href="link.url">
@@ -137,7 +140,15 @@
           <ds-flex-item class="profile-top-navigation">
             <ds-card class="ds-tab-nav">
               <ds-flex>
-                <ds-flex-item class="ds-tab-nav-item ds-tab-nav-item-active">
+                <ds-flex-item
+                  v-tooltip="{
+                    content: $t('common.your.post', null, user.contributionsCount),
+                    placement: 'right',
+                    delay: { show: 500 },
+                  }"
+                  class="ds-tab-nav-item pointer ds-tab-nav-item-active"
+                  @click="tabActivity('posts', $event)"
+                >
                   <ds-space margin="small">
                     <!-- TODO: find better solution for rendering errors -->
                     <no-ssr>
@@ -147,10 +158,18 @@
                     </no-ssr>
                   </ds-space>
                 </ds-flex-item>
-                <!--<ds-flex-item class="ds-tab-nav-item">
+                <ds-flex-item
-                <ds-space margin="small">-->
+                  v-tooltip="{
+                    content: $t('common.your.comment', null, user.commentsCount),
+                    placement: 'right',
+                    delay: { show: 500 },
+                  }"
+                  class="ds-tab-nav-item pointer"
+                  @click="tabActivity('commented', $event)"
+                >
+                  <ds-space margin="small">
                     <!-- TODO: find better solution for rendering errors -->
-                <!--
+
                     <no-ssr>
                       <ds-number :label="$t('profile.commented')">
                         <hc-count-to slot="count" :end-val="user.commentsCount"/>
@@ -158,17 +177,24 @@
                     </no-ssr>
                   </ds-space>
                 </ds-flex-item>
-                -->
+
-                <!--<ds-flex-item class="ds-tab-nav-item">
+                <ds-flex-item
-                <ds-space margin="small">-->
+                  v-tooltip="{
+                    content: $t('common.your.shouted', null, user.shoutedCount),
+                    placement: 'right',
+                    delay: { show: 500 },
+                  }"
+                  class="ds-tab-nav-item pointer"
+                >
+                  <ds-space margin="small">
                     <!-- TODO: find better solution for rendering errors -->
-                <!--<no-ssr>
+                    <no-ssr>
                       <ds-number :label="$t('profile.shouted')">
                         <hc-count-to slot="count" :end-val="user.shoutedCount"/>
                       </ds-number>
                     </no-ssr>
                   </ds-space>
-                </ds-flex-item>-->
+                </ds-flex-item>
               </ds-flex>
             </ds-card>
           </ds-flex-item>
@@ -343,6 +369,14 @@ export default {
 </script>
 
 <style lang="scss">
+.pointer {
+  cursor: pointer;
+}
+
+.ds-tab-nav .ds-card-content .ds-tab-nav-item:hover {
+  border-bottom: 3px solid #c9c6ce;
+}
+
 .profile-avatar.ds-avatar {
   display: block;
   margin: auto;