From b81b27ce3e7e9e7cda18bb6a621c34e84e7e2311 Mon Sep 17 00:00:00 2001
From: 劉鈞霖 <benson@gmail.com>
Date: 星期一, 27 十二月 2021 12:27:55 +0800
Subject: [PATCH] [ Ref ] : refactor page : quickFilter , recommendConsultant , userReviews , userReviewsRecord and some related component

---
 PAMapp/components/BackActionBar.vue |   82 ++++++++++++++++++++++++++++++++++-------
 1 files changed, 68 insertions(+), 14 deletions(-)

diff --git a/PAMapp/components/BackActionBar.vue b/PAMapp/components/BackActionBar.vue
index e8b993c..afc908c 100644
--- a/PAMapp/components/BackActionBar.vue
+++ b/PAMapp/components/BackActionBar.vue
@@ -1,16 +1,34 @@
 <template>
     <nav class="pam-back-action-bar fix-chrome-click--issue">
-        <a @click="$router.push('/')">
-          <i class="icon-left "></i>{{ label }}
+        <a @click="goBack">
+            <i class="icon-left "></i>
         </a>
+        <div class="label">{{ label }}</div>
     </nav>
 </template>
 
 <script lang="ts">
-import { Vue, Component } from 'vue-property-decorator';
+import { namespace } from 'nuxt-property-decorator';
+import { Vue, Component,} from 'vue-property-decorator';
+
+import * as _ from 'lodash';
+
+import { Role } from '~/shared/models/enum/Role';
+
+const roleStorage = namespace('localStorage');
 
 @Component
 export default class UiCarousel extends Vue {
+
+  @roleStorage.Getter
+  currentRole!:string;
+
+  //////////////////////////////////////////////////////////////////////
+
+  goBack(): void {
+    const pathName = this.$route.name;
+    pathName?.includes('myConsultantList') ? this.$router.push('/') : this.$router.go(-1);
+  }
 
   get label(): string {
     if (this.$route.name) {
@@ -18,7 +36,7 @@
       let featureLabel = '';
       switch(routeName) {
         case 'login':
-          featureLabel = '��';
+          featureLabel = '�� | 閮餃��';
           break;
         case 'recommendConsultant':
           featureLabel = '������';
@@ -30,13 +48,30 @@
           featureLabel = '���“���';
           break;
         case 'agentInfo':
-          featureLabel = '璆剖�鞈��'
+          featureLabel = _.isEqual(this.currentRole,Role.ADMIN) ? '���董�����' : '璆剖�鞈��'
           break;
         default:
           featureLabel = '�����';
           break;
         case 'questionnaire':
           featureLabel = '�脰����';
+          break;
+        case 'notification':
+          featureLabel = '�';
+          break;
+        case 'userReviewsRecord':
+        case 'record':
+          featureLabel = '�������';
+          break;
+        case 'accountSetting':
+          featureLabel = '�犖撣唾�身摰�';
+          break;
+        case 'consultantAccountSetting':
+          featureLabel = '���董�����';
+          break;
+        case 'faq':
+          featureLabel = 'F&Q 撣貉����';
+          break;
       }
       return featureLabel;
     } else {
@@ -49,19 +84,38 @@
 
 <style lang="scss" scoped>
 .pam-back-action-bar {
-  height: 53px;
-  border: 1px solid #CCCCCC;
-  display: flex;
-  align-items: center;
+  height          : $MOB_NAV_BAR;
+  border          : 1px solid #CCCCCC;
+  display         : flex;
+  align-items     : center;
+  position        : fixed;
+  top             : $MOB_NAV_BAR;
+  left            : 0;
+  width           : 100%;
+  background-color: $PRIMARY_WHITE;
+  z-index         : 6;
+  font-size       : 20px;
+  font-weight     : bold;
   i {
-    font-size: 20px;
+    display      : block;
     padding-right: 14px;
   }
   a {
-    cursor: pointer;
-    font-size: 24px;
-    font-weight: bold;
-    padding: 20px;
+    cursor : pointer;
+    padding: 0 20px;
+    width  : 26px;
+  }
+  .label {
+    margin   : 0 auto;
+    transform: translateX(-33px);
   }
 }
+
+@include desktop {
+  .pam-back-action-bar {
+    top      : $DESKTOP_NAV_BAR;
+    font-size: 24px;
+  }
+}
+
 </style>

--
Gitblit v1.8.0