@tapni/auth 0.0.170 → 0.0.172

package/src/components/Language.vue

@@ -1,168 +1,91 @@
 <template>
-  <div
-    class="menu-wrapper menu-light menu-white menu-modal center-text activate-page"
-    :class="{ 'active-menu': toggle }"
-    style="height: auto; max-height: 92vh; margin-top: -172.5px"
-  >
-    <a
-      @click="close"
-      class="color-black pull-right pointer"
-      style="margin-top: 5px; position: absolute; right: 5px"
-    >
-      <i class="font-17 fa color-black">
-        <img
-          src="https://cdn.tapni.co/icons/down-arrow.png"
-          class="fa responsive-image"
-          style="width: 45%"
-        />
-      </i>
-    </a>
-    <h3 class="bold center-text color-black small-bottom">
-      {{ ssoLang[appLanguage].app_language }}
-    </h3>
+	<div class="menu-wrapper menu-light menu-white menu-modal center-text activate-page" :class="{ 'active-menu': toggle }" style="height: auto; max-height: 92vh; margin-top: -172.5px">
+		<a @click="close" class="color-black pull-right pointer" style="margin-top: 5px; position: absolute; right: 5px">
+			<i class="font-17 fa color-black">
+				<img src="https://cdn.tapni.co/icons/down-arrow.png" class="fa responsive-image" style="width: 45%" />
+			</i>
+		</a>
+		<h3 class="bold center-text color-black small-bottom">
+			{{ ssoLang[appLanguage].app_language }}
+		</h3>
 
-    <LinkIcon
-      @click.native="updateLanguage('en')"
-      :link-style="'link-list'"
-      :data="{ type: 'lang/en', text: ssoLang[this.appLanguage].english }"
-      :editing="false"
-      :class="{ 'add-button': true }"
-      :customLinkStyle="{ linkIcon: { display: 'none' }}"
-    />
+		<LinkIcon @click.native="updateLanguage('en')" :link-style="'link-list'" :data="{ type: 'lang/en', text: ssoLang[this.appLanguage].english }" :editing="false" :class="{ 'add-button': true }" :customLinkStyle="{ linkIcon: { display: 'none' } }" />
 
-    <LinkIcon
-      @click.native="updateLanguage('es')"
-      :link-style="'link-list'"
-      :data="{ type: 'lang/es', text: ssoLang[this.appLanguage].spanish }"
-      :editing="false"
-      :class="{ 'add-button': true }"
-      :customLinkStyle="{ linkIcon: { display: 'none' }}"
-    />
+		<LinkIcon @click.native="updateLanguage('es')" :link-style="'link-list'" :data="{ type: 'lang/es', text: ssoLang[this.appLanguage].spanish }" :editing="false" :class="{ 'add-button': true }" :customLinkStyle="{ linkIcon: { display: 'none' } }" />
 
-    <LinkIcon
-      @click.native="updateLanguage('de')"
-      :link-style="'link-list'"
-      :data="{ type: 'lang/de', text: ssoLang[this.appLanguage].german }"
-      :editing="false"
-      :class="{ 'add-button': true }"
-      :customLinkStyle="{ linkIcon: { display: 'none' }}"
-    />
+		<LinkIcon @click.native="updateLanguage('de')" :link-style="'link-list'" :data="{ type: 'lang/de', text: ssoLang[this.appLanguage].german }" :editing="false" :class="{ 'add-button': true }" :customLinkStyle="{ linkIcon: { display: 'none' } }" />
 
-    <LinkIcon
-      @click.native="updateLanguage('it')"
-      :link-style="'link-list'"
-      :data="{ type: 'lang/it', text: ssoLang[this.appLanguage].italian }"
-      :editing="false"
-      :class="{ 'add-button': true }"
-      :customLinkStyle="{ linkIcon: { display: 'none' }}"
-    />
+		<LinkIcon @click.native="updateLanguage('it')" :link-style="'link-list'" :data="{ type: 'lang/it', text: ssoLang[this.appLanguage].italian }" :editing="false" :class="{ 'add-button': true }" :customLinkStyle="{ linkIcon: { display: 'none' } }" />
 
-    <LinkIcon
-      @click.native="updateLanguage('fr')"
-      :link-style="'link-list'"
-      :data="{ type: 'lang/fr', text: ssoLang[this.appLanguage].french }"
-      :editing="false"
-      :class="{ 'add-button': true }"
-      :customLinkStyle="{ linkIcon: { display: 'none' }}"
-    />
+		<LinkIcon @click.native="updateLanguage('fr')" :link-style="'link-list'" :data="{ type: 'lang/fr', text: ssoLang[this.appLanguage].french }" :editing="false" :class="{ 'add-button': true }" :customLinkStyle="{ linkIcon: { display: 'none' } }" />
 
-    <LinkIcon
-      @click.native="updateLanguage('kr')"
-      :link-style="'link-list'"
-      :data="{ type: 'lang/kr', text: ssoLang[this.appLanguage].korean }"
-      :editing="false"
-      :class="{ 'add-button': true }"
-      :customLinkStyle="{ linkIcon: { display: 'none' }}"
-    />
+		<LinkIcon @click.native="updateLanguage('kr')" :link-style="'link-list'" :data="{ type: 'lang/kr', text: ssoLang[this.appLanguage].korean }" :editing="false" :class="{ 'add-button': true }" :customLinkStyle="{ linkIcon: { display: 'none' } }" />
 
-    <LinkIcon
-      @click.native="updateLanguage('sr')"
-      :link-style="'link-list'"
-      :data="{ type: 'lang/sr', text: ssoLang[this.appLanguage].serbian }"
-      :editing="false"
-      :class="{ 'add-button': true }"
-      :customLinkStyle="{ linkIcon: { display: 'none' }}"
-    />
+		<LinkIcon @click.native="updateLanguage('sr')" :link-style="'link-list'" :data="{ type: 'lang/sr', text: ssoLang[this.appLanguage].serbian }" :editing="false" :class="{ 'add-button': true }" :customLinkStyle="{ linkIcon: { display: 'none' } }" />
 
-    <LinkIcon
-      @click.native="updateLanguage('tr')"
-      :link-style="'link-list'"
-      :data="{ type: 'lang/tr', text: ssoLang[this.appLanguage].turkish }"
-      :editing="false"
-      :class="{ 'add-button': true }"
-      :customLinkStyle="{ linkIcon: { display: 'none' }}"
-    />
+		<LinkIcon @click.native="updateLanguage('tr')" :link-style="'link-list'" :data="{ type: 'lang/tr', text: ssoLang[this.appLanguage].turkish }" :editing="false" :class="{ 'add-button': true }" :customLinkStyle="{ linkIcon: { display: 'none' } }" />
 
-    <LinkIcon
-      @click.native="updateLanguage('cn')"
-      :link-style="'link-list'"
-      :data="{ type: 'lang/cn', text: ssoLang[this.appLanguage].chinese }"
-      :editing="false"
-      :class="{ 'add-button': true }"
-      :customLinkStyle="{ linkIcon: { display: 'none' }}"
-    />
-  </div>
+		<LinkIcon @click.native="updateLanguage('cn')" :link-style="'link-list'" :data="{ type: 'lang/cn', text: ssoLang[this.appLanguage].chinese }" :editing="false" :class="{ 'add-button': true }" :customLinkStyle="{ linkIcon: { display: 'none' } }" />
+	</div>
 </template>
 
 <script>
-import { EventBus } from "../store/event-bus.js";
-import LinkIcon from "./LinkIcon.vue";
-import UtilService from "../services/UtilService.js";
-import CONSTANTS from "../store/constants.js";
-import { Device } from "@capacitor/device";
-import AuthMixin from "../mixins/auth.mixin.js";
+import { EventBus } from '../store/event-bus.js';
+import LinkIcon from './LinkIcon.vue';
+import UtilService from '../services/UtilService.js';
+import CONSTANTS from '../store/constants.js';
+import { Device } from '@capacitor/device';
+import AuthMixin from '../mixins/auth.mixin.js';
 
 export default {
-  name: "Language",
-  mixins: [AuthMixin],
-  components: { LinkIcon },
-  data() {
-    return {
-      toggle: false,
-    };
-  },
-  async mounted() {
-    EventBus.$on("toggleSSOLanguageModal", this.toggleModal);
-    EventBus.$on("closeModal", () => {
-      this.toggle = false;
-    });
+	name: 'Language',
+	mixins: [AuthMixin],
+	components: { LinkIcon },
+	data() {
+		return {
+			toggle: false
+		};
+	},
+	async mounted() {
+		EventBus.$on('toggleSSOLanguageModal', this.toggleModal);
+		EventBus.$on('closeModal', () => {
+			this.toggle = false;
+		});
 
-    let lang = this.isNative
-      ? await Device.getLanguageCode()
-      : UtilService.getFirstBrowserLanguage();
-    if (lang && CONSTANTS.SUPPORTED_LANGUAGES.includes(lang)) {
-      this.updateLanguage(lang);
-    }
-  },
-  beforeDestroy() {
-    EventBus["_events"]["toggleSSOLanguageModal"].pop();
-  },
-  methods: {
-    forceClose() {
-      EventBus.$emit("closeModal");
-    },
-    close() {
-      this.forceClose();
-    },
-    async updateLanguage(lang) {
-      this.updateLang(lang);
-      EventBus.$emit("closeModal");
-    },
-    toggleModal() {
-      this.toggle = !this.toggle;
-    },
-  },
+		let lang = this.isNative ? await Device.getLanguageCode() : UtilService.getFirstBrowserLanguage();
+		if (lang && CONSTANTS.SUPPORTED_LANGUAGES.includes(lang)) {
+			this.updateLanguage(lang);
+		}
+	},
+	beforeDestroy() {
+		EventBus['_events']['toggleSSOLanguageModal'].pop();
+	},
+	methods: {
+		forceClose() {
+			EventBus.$emit('closeModal');
+		},
+		close() {
+			this.forceClose();
+		},
+		async updateLanguage(lang) {
+			this.updateLang(lang);
+			EventBus.$emit('closeModal');
+		},
+		toggleModal() {
+			this.toggle = !this.toggle;
+		}
+	}
 };
 </script>
 
 <style scoped>
 .user-img {
-  margin: 0 auto;
-  margin-top: 2px;
-  width: 65px;
+	margin: 0 auto;
+	margin-top: 2px;
+	width: 65px;
 }
 input {
-  margin: 0 auto;
-  height: 25px;
+	margin: 0 auto;
+	height: 25px;
 }
 </style>