From 2cf4cc4a1825f3de1c7adb966ac9506d4a9b34fd Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Wed, 25 May 2022 08:51:03 +0200
Subject: [PATCH] refactor set and reset passwort component for new style

---
 frontend/src/components/Auth/MobileStart.vue | 13 ++++++++-----
 frontend/src/components/Auth/Navbar.vue      |  6 +++---
 frontend/src/layouts/AuthLayout.vue          |  8 ++++----
 frontend/src/pages/ResetPassword.vue         |  7 +------
 4 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/frontend/src/components/Auth/MobileStart.vue b/frontend/src/components/Auth/MobileStart.vue
index b6bfcbc2d..494adf9d7 100644
--- a/frontend/src/components/Auth/MobileStart.vue
+++ b/frontend/src/components/Auth/MobileStart.vue
@@ -9,32 +9,32 @@
       {{ $t('auth.left.newCurrency') }}
     </div>
     <img
-      src="img/template/Blaetter.png"
+      src="/img/template/Blaetter.png"
       class="sheet-img position-absolute d-block d-lg-none zindex1000"
     />
     <b-img
       id="img0"
       class="position-absolute zindex1000"
-      src="img/template/logo-header.png"
+      src="/img/template/logo-header.png"
       alt="start background image"
     ></b-img>
     <b-img
       fluid
       id="img1"
       class="position-absolute h-100 w-100 overflow-hidden zindex100"
-      src="img/template/gold_03.png"
+      src="/img/template/gold_03.png"
       alt="start background image"
     ></b-img>
     <b-img
       id="img2"
       class="position-absolute zindex100"
-      src="img/template/gradido_background_header.png"
+      src="/img/template/gradido_background_header.png"
       alt="start background image"
     ></b-img>
     <b-img
       id="img3"
       class="position-relative zindex10"
-      src="img/template/Foto_01.jpg"
+      src="/img/template/Foto_01.jpg"
       alt="start background image"
     ></b-img>
     <div class="mobil-start-box-text position-fixed w-100 text-center zindex1000">
@@ -58,6 +58,9 @@
 <script>
 export default {
   name: 'AuthMobileStart',
+  props: {
+    mobileStart: { type: Boolean, default: false },
+  },
 }
 </script>
 
diff --git a/frontend/src/components/Auth/Navbar.vue b/frontend/src/components/Auth/Navbar.vue
index ffef864fe..7b3eed0e3 100644
--- a/frontend/src/components/Auth/Navbar.vue
+++ b/frontend/src/components/Auth/Navbar.vue
@@ -10,7 +10,7 @@
         />
         <b-img
           class="imgLogoBack mt--3 ml--3"
-          src="img/template/gradido_background_header.png"
+          src="/img/template/gradido_background_header.png"
           width="230"
           alt="start background image"
         ></b-img>
@@ -37,8 +37,8 @@ export default {
   name: 'AuthNavbar',
   data() {
     return {
-      logo: 'img/brand/green.png',
-      sheet: 'img/template/Blaetter.png',
+      logo: '/img/brand/green.png',
+      sheet: '/img/template/Blaetter.png',
     }
   },
 }
diff --git a/frontend/src/layouts/AuthLayout.vue b/frontend/src/layouts/AuthLayout.vue
index 1cc4923d1..e66f19fc3 100644
--- a/frontend/src/layouts/AuthLayout.vue
+++ b/frontend/src/layouts/AuthLayout.vue
@@ -34,7 +34,7 @@
                 <div class="mb-0">{{ $t('1000thanks') }}</div>
               </b-col>
               <b-col cols="3" class="text-right d-none d-sm-none d-md-inline">
-                <b-avatar src="img/brand/gradido_coin●.png" size="6rem"></b-avatar>
+                <b-avatar src="/img/brand/gradido_coin●.png" size="6rem"></b-avatar>
               </b-col>
             </b-row>
             <b-card no-body ref="pageFontSize" class="border-0 mt-4 gradido-custom-background">
@@ -44,7 +44,7 @@
                 </b-col>
                 <b-col cols="2" class="text-right">
                   <div id="popover-target-1" class="pointer">
-                    <b-img src="img/svg/type.svg" width="19" class="svgType"></b-img>
+                    <b-img src="/img/svg/type.svg" width="19" class="svgType"></b-img>
                   </div>
                   <b-popover
                     target="popover-target-1"
@@ -64,7 +64,7 @@
               </b-row>
               <b-row class="d-inline d-sm-inline d-md-none d-lg-none mb-3">
                 <b-col class="text-center">
-                  <b-avatar src="img/brand/gradido_coin●.png" size="6rem"></b-avatar>
+                  <b-avatar src="/img/brand/gradido_coin●.png" size="6rem"></b-avatar>
                   <b-row>
                     <b-col class="zindex1000 d-flex justify-content-center">
                       <navbar-small />
@@ -73,7 +73,7 @@
                 </b-col>
               </b-row>
               <b-card-body class="">
-                <router-view></router-view>
+                <router-view @is-mobile-start="setMobileStart"></router-view>
               </b-card-body>
             </b-card>
           </div>
diff --git a/frontend/src/pages/ResetPassword.vue b/frontend/src/pages/ResetPassword.vue
index a8b21da65..24bf92564 100644
--- a/frontend/src/pages/ResetPassword.vue
+++ b/frontend/src/pages/ResetPassword.vue
@@ -12,12 +12,6 @@
         </div>
       </b-form>
     </validation-observer>
-
-    <b-row v-if="displaySetup.linkTo">
-      <b-col class="text-center py-lg-4">
-        <router-link :to="displaySetup.linkTo" class="mt-3">{{ $t('back') }}</router-link>
-      </b-col>
-    </b-row>
   </div>
 </template>
 
@@ -116,6 +110,7 @@ export default {
     },
   },
   created() {
+    this.$emit('is-mobile-start', false)
     this.setDisplaySetup()
   },
 }