@tapni/auth 1.0.4 → 1.0.6-3.dev

package/src/store/store.js

@@ -1,8 +1,8 @@
-import { createStore } from 'vuex'
-import auth from './auth.js'
+import { createStore } from 'vuex';
+import auth from './auth.js';
 
 export default createStore({
-  modules: {
-    auth
-  },
-})
+	modules: {
+		auth
+	}
+});

package/src/views/Account.vue

@@ -2,7 +2,7 @@
   <div class="page-login content-boxed content-boxed-padding center-text" style="margin-top: -1px; overflow: hidden; border: solid 0px #ffffff;">
     <br>
     <img v-if="false" :src="account.photo" class="user-photo margin-center" style="max-width: 110px;" alt="">
-    <h1 class="bold full-top no-bottom center-text">{{ssoLang[appLanguage].welcome_account}}</h1>
+    <h1 class="bold full-top no-bottom center-text text-[24px]">{{ssoLang[appLanguage].welcome_account}}</h1>
     <p class="full-bottom half-top center-text font-16">{{account.email}}</p>
 
     <div v-if="display !== 'npm' && false" class="full-top full-bottom">
@@ -79,7 +79,19 @@
         </div>
       </div>
 
-      <router-link to="/general" class="settingRow">
+      <div v-if="isModal" class="settingRow" @click="$emit('update:viewProp', 'AuthGeneral')">
+        <div class="firstRow">
+          <img
+              :src="getIcon('user-black.svg')"
+              class="withBackground"
+          />
+          <h4>{{ssoLang[appLanguage].general }}</h4>
+
+          <img :src="getIcon('arrow-gray-right.svg')" />
+        </div>
+      </div>
+
+      <router-link v-else to="/general" class="settingRow">
         <div class="firstRow">
           <img
               :src="getIcon('user-black.svg')"
@@ -91,7 +103,19 @@
         </div>
       </router-link>
 
-      <router-link to="/security" class="settingRow">
+      <div v-if="isModal" class="settingRow" @click="$emit('update:viewProp', 'AuthSecurity')">
+        <div class="firstRow">
+          <img
+              :src="getIcon('shield-black.svg')"
+              class="withBackground"
+          />
+          <h4>{{ssoLang[appLanguage].security }}</h4>
+
+          <img :src="getIcon('arrow-gray-right.svg')" />
+        </div>
+      </div>
+
+      <router-link v-else to="/security" class="settingRow">
         <div class="firstRow">
           <img
               :src="getIcon('shield-black.svg')"
@@ -103,7 +127,7 @@
         </div>
       </router-link>
 
-      <router-link to="/apps" class="settingRow">
+      <router-link v-if="false" to="/apps" class="settingRow">
         <div class="firstRow">
           <img
               :src="getIcon('apps-black.svg')"
@@ -128,7 +152,7 @@
       </router-link>
 
 
-      <div class="settingRow" @click="logoutAccount">
+      <div v-if="!isModal" class="settingRow" @click="logoutAccount">
         <div class="firstRow">
           <img
               :src="getIcon('logout-red.svg')"
@@ -159,6 +183,12 @@ import { EventBus } from "../store/event-bus.js";
 import CONSTANTS from "../store/constants.js";
 export default {
   mixins: [AuthMixin],
+  props: {
+    isModal: {
+      type: Boolean,
+      default: false
+    }
+  },
   data () {
     return {
       expanded: false,
@@ -174,17 +204,15 @@ export default {
     if (!this.isLoggedIn) {
       return this.$router.push('/');
     }
-    this.getAccountSettings();
+    await this.getAccountSettings();
   },
   methods: {
     continueTo (realm) {
-      console.log('continue to ' + realm);
     },
     addAccount () {
       this.$router.push('/login');
     },
     switchAccount (username) {
-      console.log('switch', username);
     },
     toggleLanguageModal () {
       EventBus.$emit('toggleSSOLanguageModal')

package/src/views/Apps.vue

@@ -7,7 +7,7 @@
         </a>
       <div class="subheaderContainer full-top">
         <!-- Back Button -->
-        <router-link to="/account" class="button gray-button pointer left-button">
+        <router-link v-if="!isModal" to="/account" class="button gray-button pointer left-button">
           <img
               :src="getIcon('arrow-gray-right.svg')"
               height="20"
@@ -29,41 +29,17 @@
         <div class="full-top">
           <h3 v-if="false" class="full-top bold small-bottom">{{ssoLang[appLanguage].apps_my}}</h3>
 
-          <router-link to="/apps/tapni" class="settingRow">
+          <a v-for="app in apps" :key="app.id" :href="app.t_apps_url" target="_blank" class="settingRow half-bottom">
             <div class="firstRow">
               <img
-                  :src="getIcon('tapni-logo-small-black.png')"
+                  :src="getIcon(app.t_apps_icon)"
                   class="withBackground"
               />
-              <h4>Tapni</h4>
+              <h4>{{ app.t_apps_name }}</h4>
 
               <img :src="getIcon('arrow-gray-right.svg')" />
             </div>
-          </router-link>
-
-          <router-link to="/apps/mailsign" class="settingRow half-top">
-            <div class="firstRow">
-              <img
-                  :src="getIcon('app-logo-mailsign.svg')"
-                  class="withBackground"
-              />
-              <h4>MailSign</h4>
-
-              <img :src="getIcon('arrow-gray-right.svg')" />
-            </div>
-          </router-link>
-
-          <router-link v-if="false" to="/apps/qrcodetoolkit" class="settingRow half-top">
-            <div class="firstRow">
-              <img
-                  :src="getIcon('app-logo-qrcodetoolkit.svg')"
-                  class="withBackground"
-              />
-              <h4>QRCode Toolkit</h4>
-
-              <img :src="getIcon('arrow-gray-right.svg')" />
-            </div>
-          </router-link>
+          </a>
         </div>
       </div>
     </div>
@@ -73,9 +49,10 @@
 <script>
 import AuthMixin from "../mixins/auth.mixin";
 import {EventBus} from "@/store/event-bus.js";
+import MetadataService from "@/services/MetadataService.js";
 
 export default {
-  name: "AuthSecurity",
+  name: "AuthApps",
   mixins: [AuthMixin],
   props: {
     payload: {
@@ -86,10 +63,20 @@ export default {
   data () {
     return {
       loading: false,
+      apps: []
     }
   },
   async mounted() {
     if (!this.isLoggedIn) this.$router.push('/login');
+
+    const response = await MetadataService.getRecords({
+      objectId: '6dc545ea-2e2f-4720-b4fe-c5ebdd8af063',
+      query: {
+        fields: ['t_apps_name', 't_apps_icon', 't_apps_url'],
+        relations: []
+      }
+    })
+    this.apps = response.data.records;
   },
   methods: {
     close () {