Merge pull request #1175 from Human-Connection/Replace-layout-blank-with-layout-default

edit layout default for guests

webapp/layouts/default.vue

@@ -20,7 +20,7 @@
               :width="{ base: '85%', sm: '85%', md: '50%', lg: '50%' }"
               :class="{ 'hide-mobile-menu': !toggleMobileMenu }"
             >
-              <div id="nav-search-box">
+              <div id="nav-search-box" v-if="isLoggedIn">
                 <search-input
                   id="nav-search"
                   :delay="300"
@@ -33,6 +33,7 @@
               </div>
             </ds-flex-item>
             <ds-flex-item
+              v-if="isLoggedIn"
               :width="{ base: '15%', sm: '15%', md: '10%', lg: '10%' }"
               :class="{ 'hide-mobile-menu': !toggleMobileMenu }"
             >
@@ -125,11 +126,11 @@
       &nbsp;-&nbsp;
       <nuxt-link to="/imprint">{{ $t('site.imprint') }}</nuxt-link>
       &nbsp;‑&nbsp;
-      <nuxt-link to="/terms-and-conditions">{{ $t('site.termsAc') }}</nuxt-link>
+      <nuxt-link to="/terms-and-conditions">{{ $t('site.termsAndConditions') }}</nuxt-link>
       &nbsp;‑&nbsp;
       <nuxt-link to="/code-of-conduct">{{ $t('site.code-of-conduct') }}</nuxt-link>
       &nbsp;‑&nbsp;
-      <nuxt-link to="/privacy">{{ $t('site.privacy') }}</nuxt-link>
+      <nuxt-link to="/data-privacy">{{ $t('site.data-privacy') }}</nuxt-link>
       &nbsp;‑&nbsp;
       <nuxt-link to="/changelog">{{ $t('site.changelog') }}</nuxt-link>
     </div>
@@ -151,7 +152,6 @@ import HcAvatar from '~/components/Avatar/Avatar.vue'
 import seo from '~/mixins/seo'
 import FilterPosts from '~/components/FilterPosts/FilterPosts.vue'
 import CategoryQuery from '~/graphql/CategoryQuery.js'
-
 export default {
   components: {
     Dropdown,
@@ -268,47 +268,38 @@ export default {
   align-self: center;
   display: inline-flex;
 }
-
 .main-container {
   padding-top: 6rem;
   padding-bottom: 5rem;
 }
-
 .main-navigation {
   a {
     color: $text-color-soft;
   }
 }
-
 .main-navigation-right {
   display: flex;
   flex: 1;
 }
-
 .main-navigation-right .desktop-view {
   float: right;
 }
-
 .avatar-menu {
   margin: 2px 0px 0px 5px;
 }
-
 .avatar-menu-trigger {
   user-select: none;
   display: flex;
   align-items: center;
   padding-left: $space-xx-small;
 }
-
 .avatar-menu-popover {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
-
   hr {
     color: $color-neutral-90;
     background-color: $color-neutral-90;
   }
-
   .logout-link {
     margin-left: -$space-small;
     margin-right: -$space-small;
@@ -317,43 +308,35 @@ export default {
     padding: $space-x-small $space-small;
     // subtract menu border with from padding
     padding-left: $space-small - 2;
-
     color: $text-color-base;
-
     &:hover {
       color: $text-color-link-active;
     }
   }
-
   nav {
     margin-left: -$space-small;
     margin-right: -$space-small;
     margin-top: -$space-xx-small;
     margin-bottom: -$space-xx-small;
-
     a {
       padding-left: 12px;
     }
   }
 }
-
 @media only screen and (min-width: 960px) {
   .mobile-hamburger-menu {
     display: none;
   }
 }
-
 @media only screen and (max-width: 960px) {
   #nav-search-box,
   .main-navigation-right {
     margin: 10px 0px;
   }
-
   .hide-mobile-menu {
     display: none;
   }
 }
-
 .ds-footer {
   text-align: center;
   position: fixed;

webapp/locales/de.json

@@ -12,7 +12,7 @@
     "made": "Mit ❤ gemacht",
     "imprint": "Impressum",
     "termsAc": "Nutzungsbedingungen",
-    "privacy": "Datenschutz",
+    "data-privacy": "Datenschutz",
     "changelog": "Änderungen & Verlauf",
     "contact": "Kontakt",
     "tribunal": "Registergericht",

webapp/locales/en.json

@@ -11,8 +11,8 @@
   "site": {
     "made": "Made with ❤",
     "imprint": "Imprint",
-    "termsAc": "Terms and conditions",
-    "privacy": "Data privacy",
+    "termsAndConditions": "Terms and conditions",
+    "data-privacy": "Data privacy",
     "changelog": "Changes & History",
     "contact": "Contact",
     "tribunal": "Registry court",

webapp/locales/es.json

@@ -6,7 +6,7 @@
     "made": "Con ❤ realizado",
     "imprint": "Pie de imprenta",
     "termsAc": "términos y condiciones",
-    "privacy": "protección de datos",
+    "data-privacy": "protección de datos",
     "changelog": "Cambios e historia",
     "contact": "Contacto",
     "tribunal": "tribunal de registro",

webapp/locales/fr.json

@@ -6,7 +6,7 @@
     "made": "Avec ❤ fait",
     "imprint": "Mentions légales",
     "termsAc": "modalités et conditions",
-    "privacy": "protection des données",
+    "data-privacy": "protection des données",
     "changelog": "Changements et historique",
     "contact": "Contacter",
     "tribunal": "tribunal de registre",

webapp/locales/it.json

@@ -3,7 +3,7 @@
     "made": "Con ❤ fatto",
     "imprint": "Impressum",
     "termsAc": "Condizioni d'uso",
-    "privacy": "protezione dei dati",
+    "data-privacy": "protezione dei dati",
     "changelog": "Cambiamenti e storia",
     "contact": "Contatto",
     "tribunal": "registro tribunale",

webapp/locales/nl.json

@@ -3,7 +3,7 @@
     "made": "Met ❤ gemaakt",
     "imprint": "Afdruk",
     "termsAc": "Gebruiksvoorwaarden",
-    "privacy": "gegevensbescherming",
+    "data-privacy": "gegevensbescherming",
     "changelog": "Veranderingen & Geschiedenis",
     "contact": "contact",
     "tribunal": "registerrechtbank",

webapp/locales/pl.json

@@ -6,7 +6,7 @@
     "made": "Z ❤ zrobiony",
     "imprint": "Nadruk",
     "termsAc": "Warunki użytkowania",
-    "privacy": "ochrona danych",
+    "data-privacy": "ochrona danych",
     "changelog": "Zmiany i historia",
     "contact": "Kontakt",
     "tribunal": "sąd rejestrowy",

webapp/locales/pt.json

@@ -3,7 +3,7 @@
     "made": "Com ❤ feito",
     "imprint": "Impressão",
     "termsAc": "termos e condições",
-    "privacy": "protecção de dados",
+    "data-privacy": "protecção de dados",
     "changelog": "Mudanças e Histórico",
     "contact": "Contato",
     "tribunal": "tribunal",

webapp/nuxt.config.js

@@ -39,6 +39,11 @@ module.exports = {
       'registration-verify-code',
       'registration-create-user-account',
       'pages-slug',
+      'imprint',
+      'terms-and-conditions',
+      'code-of-conduct',
+      'data-privacy',
+      'changelog',
     ],
     // pages to keep alive
     keepAlivePages: ['index'],

webapp/pages/data-privacy.vue

@@ -1,11 +1,11 @@
 <template>
   <div>
     <ds-space>
-      <ds-heading tag="h2">{{ $t('site.privacy') }}</ds-heading>
+      <ds-heading tag="h2">{{ $t('site.data-privacy') }}</ds-heading>
     </ds-space>
     <ds-container>
       <ds-space margin-top="large">
-        <ds-text>{{ $t('site.privacy') }}</ds-text>
+        <ds-text>{{ $t('site.data-privacy') }}</ds-text>
         <ds-text>...</ds-text>
       </ds-space>
     </ds-container>
@@ -16,7 +16,7 @@
 export default {
   head() {
     return {
-      title: this.$t('site.privacy'),
+      title: this.$t('site.data-privacy'),
     }
   },
 }

webapp/pages/login.vue

@@ -23,9 +23,7 @@
           </ds-flex-item>
           <ds-flex-item :width="{ base: '100%', sm: '50%' }" centered>
             <ds-space margin="small">
-              <ds-text size="small">
-                {{ $t('login.copy') }}
-              </ds-text>
+              <ds-text size="small">{{ $t('login.copy') }}</ds-text>
             </ds-space>
             <form :disabled="pending" @submit.prevent="onSubmit">
               <ds-input
@@ -46,9 +44,7 @@
                 type="password"
               />
               <ds-space class="password-reset-link" margin-bottom="large">
-                <nuxt-link to="/password-reset/request">
-                  {{ $t('login.forgotPassword') }}
-                </nuxt-link>
+                <nuxt-link to="/password-reset/request">{{ $t('login.forgotPassword') }}</nuxt-link>
               </ds-space>
               <ds-button
                 :loading="pending"
@@ -84,7 +80,7 @@ export default {
   components: {
     LocaleSwitch,
   },
-  layout: 'blank',
+  layout: 'default',
   data() {
     return {
       ready: false,

webapp/pages/logout.vue

@@ -6,9 +6,7 @@
           <img style="width: 200px;" src="/img/sign-up/onourjourney.png" alt="Human Connection" />
         </ds-space>
         <ds-space style="text-align: center;" margin-top="small" margin-bottom="xxx-small" centered>
-          <ds-heading tag="h3" soft>
-            Logging out...
-          </ds-heading>
+          <ds-heading tag="h3" soft>Logging out...</ds-heading>
         </ds-space>
       </ds-flex-item>
     </ds-flex>
@@ -17,7 +15,7 @@
 
 <script>
 export default {
-  layout: 'blank',
+  layout: 'default',
   async beforeCreate() {
     await this.$store.dispatch('auth/logout')
     this.$router.replace('/')