Implemented: button for navigating to launchpad and handled launchpad…

… and app logout
hotwax · Aug 3, 2023 · 1ceacd7 · 1ceacd7
1 parent 420ffaa
commit 1ceacd7
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 4 deletions.
diff --git a/src/locales/en.json b/src/locales/en.json
@@ -38,6 +38,7 @@
   "First name": "First name",
   "Generate packing slips": "Generate packing slips",
   "Go to OMS": "Go to OMS",
+  "Go to Launchpad": "Go to Launchpad",
   "Handover": "Handover",
   "Inactive store": "Inactive store",
   "in stock": "in stock",

diff --git a/src/locales/es.json b/src/locales/es.json
@@ -38,6 +38,7 @@
   "First name": "Nombre",
   "Generate packing slips": "Generar documentos de embalaje",
   "Go to OMS": "Ir a OMS",
+  "Go to Launchpad": "Go to Launchpad",
   "Handover": "Entregar",
   "Inactive store": "Tienda inactiva",
   "in stock": "en stock",

diff --git a/src/locales/ja.json b/src/locales/ja.json
@@ -38,6 +38,7 @@
   "First name": "名",
   "Generate packing slips": "内容明細票の作成",
   "Go to OMS": "OMSへ",
+  "Go to Launchpad": "Go to Launchpad",
   "Handover": "引き継ぐ",
   "Inactive store": "休止店舗",
   "in stock": "在庫あり",

diff --git a/src/router/index.ts b/src/router/index.ts
@@ -34,6 +34,16 @@ const authGuard = async (to: any, from: any, next: any) => {
   next()
 };
 
+const loginGuard = (to: any, from: any, next: any) => {
+  const authStore = useAuthStore()
+  if (authStore.isAuthenticated) {
+    // if route has token and oms do the login flow processing
+    if (to.query?.token && to.query?.oms) next()
+    else next('/')
+  }
+  next();
+};
+
 const routes: Array<RouteRecordRaw> = [
   {
     path: '/',
@@ -74,7 +84,8 @@ const routes: Array<RouteRecordRaw> = [
   {
     path: '/login',
     name: 'Login',
-    component: Login
+    component: Login,
+    beforeEnter: loginGuard
   },
   {
     path: "/orderdetail/:orderId/:orderPartSeqId",

diff --git a/src/views/Settings.vue b/src/views/Settings.vue
@@ -13,12 +13,19 @@
             <ion-avatar slot="start" v-if="userProfile?.partyImageUrl">
               <Image :src="userProfile.partyImageUrl"/>
             </ion-avatar>
-            <ion-card-header>
+            <!-- ion-no-padding to remove extra side/horizontal padding as additional padding 
+            is added on sides from ion-item and ion-padding-vertical to compensate the removed
+            vertical padding -->
+            <ion-card-header class="ion-no-padding ion-padding-vertical">
               <ion-card-subtitle>{{ userProfile?.userLoginId }}</ion-card-subtitle>
               <ion-card-title>{{ userProfile?.partyName }}</ion-card-title>
             </ion-card-header>
           </ion-item>
-          <ion-button fill="outline" color="danger" @click="logout()">{{ $t("Logout") }}</ion-button>
+          <ion-button color="danger" @click="logout()">{{ $t("Logout") }}</ion-button>
+          <ion-button fill="outline" @click="goToLaunchpad()">
+            {{ $t("Go to Launchpad") }}
+            <ion-icon slot="end" :icon="openOutline" />
+          </ion-button>
           <!-- Commenting this code as we currently do not have reset password functionality -->
           <!-- <ion-button fill="outline" color="medium">{{ $t("Reset password") }}</ion-button> -->
         </ion-card>
@@ -290,9 +297,13 @@ export default defineComponent({
     },
     logout () {
       this.store.dispatch('user/logout').then(() => {
-        window.location.href = process.env.VUE_APP_LOGIN_URL as string
+        const redirectUrl = window.location.origin + '/login'
+        window.location.href = `${process.env.VUE_APP_LOGIN_URL}?isLoggedOut=true&redirectUrl=${redirectUrl}`
       })
     },
+    goToLaunchpad() {
+      window.location.href = `${process.env.VUE_APP_LOGIN_URL}`
+    },
     setShowShippingOrdersPreference (ev: any) {
       this.store.dispatch('user/setUserPreference', { showShippingOrders: ev.detail.checked })
     },