@tapni/auth 0.0.1 → 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.vite/manifest.json +11 -0
- package/dist/TapniAuth.es.js +6806 -0
- package/dist/TapniAuth.umd.js +102 -0
- package/dist/style.css +1 -0
- package/package.json +5 -2
- package/.env.development +0 -5
- package/.env.production +0 -8
- package/.env.staging +0 -8
- package/.env.standalone +0 -4
- package/.vscode/extensions.json +0 -3
- package/index.html +0 -35
- package/jsconfig.json +0 -8
- package/src/App.vue +0 -269
- package/src/components/Language.vue +0 -158
- package/src/components/LinkIcon.vue +0 -288
- package/src/components/ModalOverlay.vue +0 -67
- package/src/components/SSO.vue +0 -126
- package/src/components/SSOPick.vue +0 -166
- package/src/install.js +0 -8
- package/src/main.js +0 -96
- package/src/mixins/apple.mixin.js +0 -60
- package/src/mixins/auth.mixin.js +0 -525
- package/src/mixins/facebook.mixin.js +0 -78
- package/src/mixins/global.mixin.js +0 -110
- package/src/mixins/google.mixin.js +0 -61
- package/src/mixins/microsoft.mixin.js +0 -88
- package/src/mixins/okta.mixin.js +0 -132
- package/src/mixins/qr-auth.mixin.js +0 -112
- package/src/mixins/saml.mixin.js +0 -84
- package/src/router/index.js +0 -9
- package/src/routes.js +0 -55
- package/src/services/Api.js +0 -55
- package/src/services/AuthService.js +0 -71
- package/src/services/CompanyService.js +0 -13
- package/src/services/DeviceService.js +0 -10
- package/src/services/UserService.js +0 -49
- package/src/services/UtilService.js +0 -221
- package/src/store/constants.js +0 -8
- package/src/store/event-bus.js +0 -30
- package/src/store/locales/cn.js +0 -462
- package/src/store/locales/de.js +0 -528
- package/src/store/locales/en.js +0 -514
- package/src/store/locales/es.js +0 -536
- package/src/store/locales/fr.js +0 -520
- package/src/store/locales/it.js +0 -518
- package/src/store/locales/kr.js +0 -496
- package/src/store/locales/lang.js +0 -47
- package/src/store/locales/sr.js +0 -497
- package/src/store/locales/tr.js +0 -491
- package/src/styles/framework.css +0 -4012
- package/src/styles/inter.ttf +0 -0
- package/src/styles/style.css +0 -618
- package/src/views/Callback.vue +0 -47
- package/src/views/Login.vue +0 -389
- package/src/views/QR.vue +0 -39
- package/src/views/Register.vue +0 -217
- package/src/views/Reset.vue +0 -155
- package/src/views/Verify.vue +0 -170
- package/src/views/Welcome.vue +0 -69
- package/vite.config.js +0 -58
- /package/{public → dist}/.gitkeep +0 -0
- /package/{public → dist}/.well-known/apple-app-site-association +0 -0
- /package/{public → dist}/.well-known/assetlinks.json +0 -0
- /package/{public → dist}/.well-known/microsoft-identity-association.json +0 -0
- /package/{public → dist}/android-chrome-192x192.png +0 -0
- /package/{public → dist}/android-chrome-512x512.png +0 -0
- /package/{public → dist}/apple-touch-icon.png +0 -0
- /package/{public → dist}/favicon-16x16.png +0 -0
- /package/{public → dist}/favicon-32x32.png +0 -0
- /package/{public → dist}/favicon.ico +0 -0
- /package/{public → dist}/icon.png +0 -0
- /package/{public → dist}/site.webmanifest +0 -0
package/dist/style.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.app-store-icon[data-v-bf520ec5]{box-shadow:0 4px 10px #00000017;border-radius:12px}#codeInput[data-v-2fd511e2],#emailInput[data-v-2fd511e2],#emailInput[data-v-220c28f9]{text-align:center;padding-right:15%;font-size:17px}.fade-enter-to[data-v-a128c2fa]{opacity:1}.sso-img[data-v-256337c2]{margin:2px auto 0;width:35px}input[data-v-256337c2]{margin:0 auto;height:25px}.sso-img[data-v-33bfb54b]{margin:2px auto 0;width:35px}input[data-v-33bfb54b]{margin:0 auto;height:25px}.link-grid,.user-link-img{width:100%;display:inline-table;position:relative}.link-grid{width:30%;margin:1.6%;padding:1.6%}.link-grid .user-link-img img{border-radius:25%!important}.link-grid .edit-icon{border-radius:20px;right:-3%;top:-3%;position:absolute;z-index:3;max-width:23%;overflow:hidden;min-width:30px}.link-grid .direct-icon{border-radius:20px;left:-3%;top:-3%;position:absolute;z-index:555;max-width:23%;overflow:hidden;min-width:30px}.link-grid .link-text{min-height:20px;margin-top:3px!important;display:block;text-align:center;line-height:normal;overflow-wrap:anywhere}.link-list{width:93%;max-height:67px!important;margin:0 auto;display:flex;border-radius:15px!important;background-color:#fff;border:solid 1px #e8e8e8;position:relative;align-items:center}.link-list .user-link-img{display:inline-block;width:65px;border-radius:25%!important}.link-list .link-text{display:inline-block;padding:18px 0% 17px 10%;font-size:15px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;text-align:left;border-radius:15px!important}.link-list .edit-icon{border-radius:20px;right:7%;top:30%;position:absolute;z-index:3;width:26px;overflow:hidden}.link-list .switching{width:45px}.link-list .direct-icon{border-radius:20px;left:-2%;top:-13%;position:absolute;z-index:555;width:26px;overflow:hidden}.small{width:22%!important;margin:2% 4% 0%;padding:0%}.small .link-text{margin-top:0!important;font-size:13px}.linkExternal{margin-right:20px;width:20px;display:inline-block!important;height:20px;background:#000;-webkit-mask:url(https://cdn.tapni.co/icons/link-external.svg) no-repeat center;mask:url(https://cdn.tapni.co/icons/link-external.svg) no-repeat center;transform:scale(1.5)}.user-img[data-v-e5a7ac07]{margin:2px auto 0;width:65px}input[data-v-e5a7ac07]{margin:0 auto;height:25px}html *{font-family:Inter,sans-serif}.action-block-top .default-text,.action-block-top .default-text:after{border-radius:50%;width:10em!important;height:10em!important}.action-block-top .default-text{margin:10px auto;font-size:3px;position:relative;text-indent:-9999em;border-left:.5em solid #000000;border-top:.5em solid rgba(0,0,0,.2);border-right:.5em solid rgba(0,0,0,.2);border-bottom:.5em solid rgba(0,0,0,.2);-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.smartbanner-ios{background:linear-gradient(to bottom,#f4f4f4,#f4f4f4);box-shadow:0 0 #fff;border-bottom:1px solid #dddddd}.smartbanner-icon{border-radius:16px}.smartbanner-ios .smartbanner-button{font-size:13px;padding:9px 0;height:40px;border-radius:13px;background:#f4f4f4;color:#0a99d2;border:none;box-shadow:none;text-transform:uppercase}.snack-body{display:none;border-radius:40px;font-size:15px!important}#errorSnack{background-color:#fee3e3!important;border:2px solid #edd9d9!important;color:#000}#successSnack{background-color:#eff5eb!important;border:2px solid #e3ecd7!important;color:#000}.grecaptcha-badge{visibility:hidden}.header-logo{position:absolute;left:50%;transform:translate(-50%,-50%);margin-top:0;z-index:2}.header-logo-img{height:40px;margin-top:10px}
|
package/package.json
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tapni/auth",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.2",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/TapniAuth.umd.js",
|
|
6
6
|
"module": "./dist/TapniAuth.es.js",
|
|
7
|
+
"files": [
|
|
8
|
+
"dist"
|
|
9
|
+
],
|
|
7
10
|
"exports": {
|
|
8
11
|
".": {
|
|
9
12
|
"import": "./dist/TapniAuth.es.js",
|
|
@@ -30,9 +33,9 @@
|
|
|
30
33
|
"@capacitor/preferences": "^5.0.6",
|
|
31
34
|
"@codetrix-studio/capacitor-google-auth": "^3.3.6",
|
|
32
35
|
"@recognizebv/capacitor-plugin-msauth": "^3.5.1",
|
|
36
|
+
"@tapni/capacitor-reactive-localstorage-vue3": "^0.0.4",
|
|
33
37
|
"await-to-js": "^3.0.0",
|
|
34
38
|
"axios": "^1.6.5",
|
|
35
|
-
"capacitor-reactive-localstorage-vue3": "^2.0.1",
|
|
36
39
|
"jwt-decode": "^4.0.0",
|
|
37
40
|
"qr-code-styling": "^1.6.0-rc.1",
|
|
38
41
|
"vue": "^3.3.11",
|
package/.env.development
DELETED
package/.env.production
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
VITE_APP_MODE=npm
|
|
2
|
-
#VITE_APP_APP_ROOT=http://localhost:7777
|
|
3
|
-
VITE_APP_APP_ROOT=https://t.link
|
|
4
|
-
#VITE_APP_API_ROOT=http://localhost:8888
|
|
5
|
-
VITE_APP_API_ROOT=https://api.tapni.co
|
|
6
|
-
VITE_APP_GOOGLE_RECAPTCHA_SITE_KEY='6LenkC0mAAAAADWBxPOhpmwXCwzCJd7cilNgtOLk'
|
|
7
|
-
VITE_APP_SSO_ID='9cd47053-080a-4df8-8fd8-ca4389163fde'
|
|
8
|
-
VITE_APP_POPUP_LOGIN_ALLOWED_ORIGIN=https://auth.tapni.com
|
package/.env.staging
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
VITE_APP_MODE=npm
|
|
2
|
-
#VITE_APP_APP_ROOT=http://localhost:7777
|
|
3
|
-
VITE_APP_APP_ROOT=https://dev.t.link
|
|
4
|
-
#VITE_APP_API_ROOT=http://localhost:8888
|
|
5
|
-
VITE_APP_API_ROOT=https://api-dev.tapni.co
|
|
6
|
-
VITE_APP_GOOGLE_RECAPTCHA_SITE_KEY='6LenkC0mAAAAADWBxPOhpmwXCwzCJd7cilNgtOLk'
|
|
7
|
-
VITE_APP_SSO_ID='9cd47053-080a-4df8-8fd8-ca4389163fde'
|
|
8
|
-
VITE_APP_POPUP_LOGIN_ALLOWED_ORIGIN=https://auth.tapni.com
|
package/.env.standalone
DELETED
package/.vscode/extensions.json
DELETED
package/index.html
DELETED
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE HTML>
|
|
2
|
-
<html>
|
|
3
|
-
<head>
|
|
4
|
-
<meta name="google-signin-client_id" content="977665455842-5d5ar2comte3muk65oaf4g5jrmcsvu1m.apps.googleusercontent.com">
|
|
5
|
-
<meta charset="utf-8">
|
|
6
|
-
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
|
|
7
|
-
<meta name="format-detection" content="telephone=no">
|
|
8
|
-
<meta name="msapplication-tap-highlight" content="no">
|
|
9
|
-
<meta name="format-detection" content="telephone=no">
|
|
10
|
-
<link rel="icon" href="/favicon.ico" class="next-head"/>
|
|
11
|
-
<title>Tapni - Share everything with just a tap</title>
|
|
12
|
-
<meta name="description" content="Your new connecting experience. Tapni allows you to share all your socials and contact information in a smart, contactless, and sustainable way. One TAP is all it takes. Keep all your links in one place. Bring your business card to life. Impress anyone you meet. Connecting made effortless with just a simple tap!">
|
|
13
|
-
<!-- Open Graph / Facebook -->
|
|
14
|
-
<meta property="og:type" content="website">
|
|
15
|
-
<meta property="og:title" content="Tapni - Share with just a tap">
|
|
16
|
-
<meta property="og:description" content="Share everything in a smart, contactless,and sustainable way">
|
|
17
|
-
<meta property="og:image" content="https://cdn.tapni.co/images/banner-sticker.png">
|
|
18
|
-
<meta property="og:url" content="https://tapni.com">
|
|
19
|
-
|
|
20
|
-
<!-- Twitter -->
|
|
21
|
-
<meta property="twitter:url" content="https://tapni.com">
|
|
22
|
-
<meta property="twitter:card" content="summary_large_image">
|
|
23
|
-
<meta property="twitter:site" content="@tapni_co">
|
|
24
|
-
<meta property="twitter:title" content="Tapni - Share everything with just a tap">
|
|
25
|
-
<meta property="twitter:description" content="Your new connecting experience. Tapni allows you to share all your socials and contact information in a smart, contactless, and sustainable way. One TAP is all it takes. Keep all your links in one place. Bring your business card to life. Impress anyone you meet. Connecting made effortless with just a simple tap!">
|
|
26
|
-
<meta property="twitter:image" content="https://cdn.tapni.co/images/banner-sticker.png">
|
|
27
|
-
|
|
28
|
-
<link rel="apple-touch-icon" href="/icon.png">
|
|
29
|
-
<link rel="android-touch-icon" href="/icon.png" />
|
|
30
|
-
</head>
|
|
31
|
-
<body id="bodyId" class="lazy-scroll no-select">
|
|
32
|
-
<div id="app"></div>
|
|
33
|
-
<script type="module" src="/src/main.js"></script>
|
|
34
|
-
</body>
|
|
35
|
-
</html>
|
package/jsconfig.json
DELETED
package/src/App.vue
DELETED
|
@@ -1,269 +0,0 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
import { RouterView } from 'vue-router'
|
|
3
|
-
|
|
4
|
-
document.addEventListener('DOMContentLoaded', function() {
|
|
5
|
-
const recaptchaScript = document.createElement('script');
|
|
6
|
-
recaptchaScript.src = `https://www.google.com/recaptcha/api.js?render=${import.meta.env.VITE_GOOGLE_RECAPTCHA_SITE_KEY}`;
|
|
7
|
-
document.head.appendChild(recaptchaScript);
|
|
8
|
-
});
|
|
9
|
-
</script>
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
<template>
|
|
13
|
-
<div id="ssoapp">
|
|
14
|
-
<a v-if="display === 'redirect'" href="/" class="header-logo"><img src="data:image/png;base64,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" onerror="this.onerror=null;this.src='https://cdn.tapni.co/images/logo-dark.png';" class="header-logo-img"></a>
|
|
15
|
-
|
|
16
|
-
<a v-if="display === 'redirect'"
|
|
17
|
-
@click="toggleLanguageModal"
|
|
18
|
-
class="font-18 no-border pointer color-black"
|
|
19
|
-
style="position: absolute; right: 20px; top: -10px">
|
|
20
|
-
<span class="lang-icon">{{ appLang.toUpperCase() }}</span>
|
|
21
|
-
</a>
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
<ModalOverlay />
|
|
25
|
-
<Language />
|
|
26
|
-
<SSO />
|
|
27
|
-
<SSOPick />
|
|
28
|
-
|
|
29
|
-
<AuthWelcome v-if="initialized && renderView === 'AuthWelcome'" />
|
|
30
|
-
<AuthLogin v-else-if="initialized && renderView === 'AuthLogin'" :isModal="isModal" />
|
|
31
|
-
<AuthRegister v-else-if="initialized && renderView === 'AuthRegister'" :isModal="isModal" />
|
|
32
|
-
<AuthVerify v-else-if="initialized && renderView === 'AuthVerify'" :isModal="isModal" />
|
|
33
|
-
<AuthReset v-else-if="initialized && renderView === 'AuthReset'" />
|
|
34
|
-
<AuthCallback v-else-if="initialized && renderView === 'AuthCallback'" />
|
|
35
|
-
<RouterView v-else />
|
|
36
|
-
|
|
37
|
-
<div class="snackbar snackbar-boxed" id="snackbar">
|
|
38
|
-
<p class="snack-body" id="errorSnack">
|
|
39
|
-
<span id="errorMessage"> {{ ssoLang[appLang].error }} </span>
|
|
40
|
-
<a
|
|
41
|
-
@click="closeSnacks"
|
|
42
|
-
style="
|
|
43
|
-
position: absolute;
|
|
44
|
-
right: 10px;
|
|
45
|
-
top: 10px;
|
|
46
|
-
width: 50px;
|
|
47
|
-
height: 50px;
|
|
48
|
-
"
|
|
49
|
-
>
|
|
50
|
-
<img
|
|
51
|
-
src="https://cdn.tapni.co/icons/notification-close.png"
|
|
52
|
-
style="width: 100%;:"
|
|
53
|
-
/>
|
|
54
|
-
</a>
|
|
55
|
-
</p>
|
|
56
|
-
<p class="snack-body" id="successSnack">
|
|
57
|
-
<span id="successMessage"> {{ ssoLang[appLang].success }} </span>
|
|
58
|
-
<a
|
|
59
|
-
@click="closeSnacks"
|
|
60
|
-
style="
|
|
61
|
-
position: absolute;
|
|
62
|
-
right: 10px;
|
|
63
|
-
top: 10px;
|
|
64
|
-
width: 50px;
|
|
65
|
-
height: 50px;
|
|
66
|
-
"
|
|
67
|
-
>
|
|
68
|
-
<img
|
|
69
|
-
src="https://cdn.tapni.co/icons/notification-close.png"
|
|
70
|
-
style="width: 100%"
|
|
71
|
-
/>
|
|
72
|
-
</a>
|
|
73
|
-
</p>
|
|
74
|
-
</div>
|
|
75
|
-
</div>
|
|
76
|
-
</template>
|
|
77
|
-
|
|
78
|
-
<script>
|
|
79
|
-
import AuthWelcome from "@/views/Welcome.vue";
|
|
80
|
-
import AuthLogin from "@/views/Login.vue";
|
|
81
|
-
import AuthRegister from "@/views/Register.vue";
|
|
82
|
-
import AuthVerify from "@/views/Verify.vue";
|
|
83
|
-
import AuthReset from "@/views/Reset.vue";
|
|
84
|
-
import AuthCallback from "@/views/Callback.vue";
|
|
85
|
-
import ModalOverlay from "@/components/ModalOverlay.vue";
|
|
86
|
-
import SSO from "@/components/SSO.vue";
|
|
87
|
-
import SSOPick from "@/components/SSOPick.vue";
|
|
88
|
-
import {EventBus} from "@/store/event-bus.js";
|
|
89
|
-
import AuthMixin from "@/mixins/auth.mixin.js";
|
|
90
|
-
import Language from "@/components/Language.vue";
|
|
91
|
-
import {StorageService, StorageMixin} from '@tapni/capacitor-reactive-localstorage-vue3';
|
|
92
|
-
|
|
93
|
-
export default {
|
|
94
|
-
name: 'TapniAuth',
|
|
95
|
-
mixins: [AuthMixin, StorageMixin],
|
|
96
|
-
data () {
|
|
97
|
-
return {
|
|
98
|
-
initialized: false
|
|
99
|
-
}
|
|
100
|
-
},
|
|
101
|
-
components: {
|
|
102
|
-
Language,
|
|
103
|
-
SSOPick,
|
|
104
|
-
SSO, ModalOverlay, AuthCallback, AuthReset, AuthVerify, AuthRegister, AuthLogin, AuthWelcome
|
|
105
|
-
},
|
|
106
|
-
props: {
|
|
107
|
-
view: {
|
|
108
|
-
type: String,
|
|
109
|
-
default: ''
|
|
110
|
-
},
|
|
111
|
-
isModal: {
|
|
112
|
-
type: Boolean,
|
|
113
|
-
default: false
|
|
114
|
-
}
|
|
115
|
-
},
|
|
116
|
-
mounted() {
|
|
117
|
-
this.applyBgStyle()
|
|
118
|
-
|
|
119
|
-
EventBus.$on('ssoEvent', this.ssoOutgoingEvent)
|
|
120
|
-
EventBus.$on('ssoLogout',(data) => this.logout(data))
|
|
121
|
-
EventBus.$on('getLoggedInAccounts',(data) => this.getLoggedInAccounts(data))
|
|
122
|
-
EventBus.$on('refreshTokenAction',(data) => this.refreshTokenAction(data))
|
|
123
|
-
},
|
|
124
|
-
methods: {
|
|
125
|
-
async init () {
|
|
126
|
-
const storage = await StorageService.getAll();
|
|
127
|
-
await this.setStorage(storage)
|
|
128
|
-
|
|
129
|
-
if (this.storage && this.storage.token && this.storage.refreshTokens) {
|
|
130
|
-
this.setToken(this.storage.token);
|
|
131
|
-
const refreshTokens = this.getRefreshTokens();
|
|
132
|
-
this.setRefreshToken(refreshTokens[0]);
|
|
133
|
-
this.getLoggedInAccounts();
|
|
134
|
-
}
|
|
135
|
-
this.initialized = true;
|
|
136
|
-
this.$emit('ssoLibraryReady');
|
|
137
|
-
},
|
|
138
|
-
ssoOutgoingEvent (data) {
|
|
139
|
-
this.$emit('ssoEvent', data)
|
|
140
|
-
},
|
|
141
|
-
ssoIncomingEvent (data) {
|
|
142
|
-
EventBus.$emit(data.name, data.data)
|
|
143
|
-
},
|
|
144
|
-
applyBgStyle () {
|
|
145
|
-
if (this.display === 'redirect') {
|
|
146
|
-
document.getElementsByTagName("html")[0].style = "background: #dfeefe;"
|
|
147
|
-
} else {
|
|
148
|
-
document.getElementsByTagName("html")[0].style = ""
|
|
149
|
-
}
|
|
150
|
-
},
|
|
151
|
-
toggleLanguageModal () {
|
|
152
|
-
EventBus.$emit('toggleLanguageModal', true)
|
|
153
|
-
}
|
|
154
|
-
},
|
|
155
|
-
watch: {
|
|
156
|
-
display () {
|
|
157
|
-
this.applyBgStyle()
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
|
-
}
|
|
161
|
-
</script>
|
|
162
|
-
|
|
163
|
-
<style>
|
|
164
|
-
html * {
|
|
165
|
-
font-family: "Inter", sans-serif;
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
.action-block-top .default-text,
|
|
169
|
-
.action-block-top .default-text:after {
|
|
170
|
-
border-radius: 50%;
|
|
171
|
-
width: 10em !important;
|
|
172
|
-
height: 10em !important;
|
|
173
|
-
}
|
|
174
|
-
.action-block-top .default-text {
|
|
175
|
-
margin: 10px auto;
|
|
176
|
-
font-size: 3px;
|
|
177
|
-
position: relative;
|
|
178
|
-
text-indent: -9999em;
|
|
179
|
-
/*
|
|
180
|
-
border-left: 0.5em solid #ffffff;
|
|
181
|
-
border-top: 0.5em solid rgba(255, 255, 255, 0.2);
|
|
182
|
-
border-right: 0.5em solid rgba(255, 255, 255, 0.2);
|
|
183
|
-
border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);
|
|
184
|
-
*/
|
|
185
|
-
border-left: 0.5em solid #000000;
|
|
186
|
-
border-top: 0.5em solid rgba(0, 0, 0, 0.2);
|
|
187
|
-
border-right: 0.5em solid rgba(0, 0, 0, 0.2);
|
|
188
|
-
border-bottom: 0.5em solid rgba(0, 0, 0, 0.2);
|
|
189
|
-
-webkit-transform: translateZ(0);
|
|
190
|
-
-ms-transform: translateZ(0);
|
|
191
|
-
transform: translateZ(0);
|
|
192
|
-
-webkit-animation: load8 1.1s infinite linear;
|
|
193
|
-
animation: load8 1.1s infinite linear;
|
|
194
|
-
}
|
|
195
|
-
@-webkit-keyframes load8 {
|
|
196
|
-
0% {
|
|
197
|
-
-webkit-transform: rotate(0deg);
|
|
198
|
-
transform: rotate(0deg);
|
|
199
|
-
}
|
|
200
|
-
100% {
|
|
201
|
-
-webkit-transform: rotate(360deg);
|
|
202
|
-
transform: rotate(360deg);
|
|
203
|
-
}
|
|
204
|
-
}
|
|
205
|
-
@keyframes load8 {
|
|
206
|
-
0% {
|
|
207
|
-
-webkit-transform: rotate(0deg);
|
|
208
|
-
transform: rotate(0deg);
|
|
209
|
-
}
|
|
210
|
-
100% {
|
|
211
|
-
-webkit-transform: rotate(360deg);
|
|
212
|
-
transform: rotate(360deg);
|
|
213
|
-
}
|
|
214
|
-
}
|
|
215
|
-
.smartbanner-ios {
|
|
216
|
-
background: linear-gradient(to bottom, #f4f4f4, #f4f4f4);
|
|
217
|
-
box-shadow: 0 0px 0px #ffffff;
|
|
218
|
-
border-bottom: 1px solid #dddddd;
|
|
219
|
-
}
|
|
220
|
-
.smartbanner-icon {
|
|
221
|
-
border-radius: 16px;
|
|
222
|
-
}
|
|
223
|
-
.smartbanner-ios .smartbanner-button {
|
|
224
|
-
font-size: 13px;
|
|
225
|
-
padding: 9px 0px;
|
|
226
|
-
height: 40px;
|
|
227
|
-
border-radius: 13px;
|
|
228
|
-
background: #f4f4f4;
|
|
229
|
-
color: #0a99d2;
|
|
230
|
-
border: none;
|
|
231
|
-
box-shadow: none;
|
|
232
|
-
text-transform: uppercase;
|
|
233
|
-
}
|
|
234
|
-
|
|
235
|
-
.snack-body {
|
|
236
|
-
display: none;
|
|
237
|
-
border-radius: 40px;
|
|
238
|
-
font-size: 15px !important;
|
|
239
|
-
}
|
|
240
|
-
|
|
241
|
-
#errorSnack {
|
|
242
|
-
background-color: #fee3e3 !important;
|
|
243
|
-
border: 2px solid #edd9d9 !important;
|
|
244
|
-
color: #000000;
|
|
245
|
-
}
|
|
246
|
-
|
|
247
|
-
#successSnack {
|
|
248
|
-
background-color: #eff5eb !important;
|
|
249
|
-
border: 2px solid #e3ecd7 !important;
|
|
250
|
-
color: #000000;
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
.grecaptcha-badge {
|
|
254
|
-
visibility: hidden;
|
|
255
|
-
}
|
|
256
|
-
|
|
257
|
-
.header-logo {
|
|
258
|
-
position: absolute;
|
|
259
|
-
left: 50%;
|
|
260
|
-
transform: translate(-50%, -50%);
|
|
261
|
-
margin-top: 0px;
|
|
262
|
-
z-index: 2;
|
|
263
|
-
}
|
|
264
|
-
|
|
265
|
-
.header-logo-img {
|
|
266
|
-
height: 40px;
|
|
267
|
-
margin-top: 10px;
|
|
268
|
-
}
|
|
269
|
-
</style>
|
|
@@ -1,158 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div
|
|
3
|
-
class="menu-wrapper menu-light menu-white menu-modal center-text activate-page"
|
|
4
|
-
:class="{ 'active-menu': toggle }"
|
|
5
|
-
style="height: auto; max-height: 92vh; margin-top: -172.5px"
|
|
6
|
-
>
|
|
7
|
-
<a
|
|
8
|
-
@click="close"
|
|
9
|
-
class="color-black pull-right pointer"
|
|
10
|
-
style="margin-top: 5px; position: absolute; right: 5px"
|
|
11
|
-
>
|
|
12
|
-
<i class="font-17 fa color-black">
|
|
13
|
-
<img
|
|
14
|
-
src="https://cdn.tapni.co/icons/down-arrow.png"
|
|
15
|
-
class="fa responsive-image"
|
|
16
|
-
style="width: 45%"
|
|
17
|
-
/>
|
|
18
|
-
</i>
|
|
19
|
-
</a>
|
|
20
|
-
<h3 class="bold center-text color-black small-bottom">
|
|
21
|
-
{{ ssoLang[appLang].app_language }}
|
|
22
|
-
</h3>
|
|
23
|
-
|
|
24
|
-
<LinkIcon
|
|
25
|
-
@click.native="updateLanguage('en')"
|
|
26
|
-
:link-style="'link-grid'"
|
|
27
|
-
:data="{ type: 'lang/en', text: ssoLang[this.appLang].english }"
|
|
28
|
-
:editing="false"
|
|
29
|
-
:class="{ 'add-button': true }"
|
|
30
|
-
/>
|
|
31
|
-
|
|
32
|
-
<LinkIcon
|
|
33
|
-
@click.native="updateLanguage('es')"
|
|
34
|
-
:link-style="'link-grid'"
|
|
35
|
-
:data="{ type: 'lang/es', text: ssoLang[this.appLang].spanish }"
|
|
36
|
-
:editing="false"
|
|
37
|
-
:class="{ 'add-button': true }"
|
|
38
|
-
/>
|
|
39
|
-
|
|
40
|
-
<LinkIcon
|
|
41
|
-
@click.native="updateLanguage('de')"
|
|
42
|
-
:link-style="'link-grid'"
|
|
43
|
-
:data="{ type: 'lang/de', text: ssoLang[this.appLang].german }"
|
|
44
|
-
:editing="false"
|
|
45
|
-
:class="{ 'add-button': true }"
|
|
46
|
-
/>
|
|
47
|
-
|
|
48
|
-
<LinkIcon
|
|
49
|
-
@click.native="updateLanguage('it')"
|
|
50
|
-
:link-style="'link-grid'"
|
|
51
|
-
:data="{ type: 'lang/it', text: ssoLang[this.appLang].italian }"
|
|
52
|
-
:editing="false"
|
|
53
|
-
:class="{ 'add-button': true }"
|
|
54
|
-
/>
|
|
55
|
-
|
|
56
|
-
<LinkIcon
|
|
57
|
-
@click.native="updateLanguage('fr')"
|
|
58
|
-
:link-style="'link-grid'"
|
|
59
|
-
:data="{ type: 'lang/fr', text: ssoLang[this.appLang].french }"
|
|
60
|
-
:editing="false"
|
|
61
|
-
:class="{ 'add-button': true }"
|
|
62
|
-
/>
|
|
63
|
-
|
|
64
|
-
<LinkIcon
|
|
65
|
-
@click.native="updateLanguage('kr')"
|
|
66
|
-
:link-style="'link-grid'"
|
|
67
|
-
:data="{ type: 'lang/kr', text: ssoLang[this.appLang].korean }"
|
|
68
|
-
:editing="false"
|
|
69
|
-
:class="{ 'add-button': true }"
|
|
70
|
-
/>
|
|
71
|
-
|
|
72
|
-
<LinkIcon
|
|
73
|
-
@click.native="updateLanguage('sr')"
|
|
74
|
-
:link-style="'link-grid'"
|
|
75
|
-
:data="{ type: 'lang/sr', text: ssoLang[this.appLang].serbian }"
|
|
76
|
-
:editing="false"
|
|
77
|
-
:class="{ 'add-button': true }"
|
|
78
|
-
/>
|
|
79
|
-
|
|
80
|
-
<LinkIcon
|
|
81
|
-
@click.native="updateLanguage('tr')"
|
|
82
|
-
:link-style="'link-grid'"
|
|
83
|
-
:data="{ type: 'lang/tr', text: ssoLang[this.appLang].turkish }"
|
|
84
|
-
:editing="false"
|
|
85
|
-
:class="{ 'add-button': true }"
|
|
86
|
-
/>
|
|
87
|
-
<!--
|
|
88
|
-
<LinkIcon @click.native="updateLanguage('cn')"
|
|
89
|
-
:link-style="'link-grid'"
|
|
90
|
-
:data="{ type: 'lang/cn', text: ssoLang[this.appLang].chinese }"
|
|
91
|
-
:editing="false"
|
|
92
|
-
:class="{ 'add-button': true }" />
|
|
93
|
-
-->
|
|
94
|
-
</div>
|
|
95
|
-
</template>
|
|
96
|
-
|
|
97
|
-
<script>
|
|
98
|
-
import { EventBus } from "../store/event-bus.js";
|
|
99
|
-
import LinkIcon from "./LinkIcon.vue";
|
|
100
|
-
import UtilService from "../services/UtilService.js";
|
|
101
|
-
import CONSTANTS from "../store/constants.js";
|
|
102
|
-
import { Device } from "@capacitor/device";
|
|
103
|
-
import AuthMixin from "../mixins/auth.mixin.js";
|
|
104
|
-
|
|
105
|
-
export default {
|
|
106
|
-
name: "Language",
|
|
107
|
-
mixins: [AuthMixin],
|
|
108
|
-
components: { LinkIcon },
|
|
109
|
-
data() {
|
|
110
|
-
return {
|
|
111
|
-
toggle: false,
|
|
112
|
-
};
|
|
113
|
-
},
|
|
114
|
-
async mounted() {
|
|
115
|
-
EventBus.$on("toggleLanguageModal", this.toggleModal);
|
|
116
|
-
EventBus.$on("closeModal", () => {
|
|
117
|
-
this.toggle = false;
|
|
118
|
-
});
|
|
119
|
-
|
|
120
|
-
let lang = this.isNative
|
|
121
|
-
? await Device.getLanguageCode()
|
|
122
|
-
: UtilService.getFirstBrowserLanguage();
|
|
123
|
-
if (lang && CONSTANTS.SUPPORTED_LANGUAGES.includes(lang)) {
|
|
124
|
-
this.updateLanguage(lang);
|
|
125
|
-
}
|
|
126
|
-
},
|
|
127
|
-
beforeDestroy() {
|
|
128
|
-
EventBus["_events"]["toggleLanguageModal"].pop();
|
|
129
|
-
},
|
|
130
|
-
methods: {
|
|
131
|
-
forceClose() {
|
|
132
|
-
EventBus.$emit("closeModal");
|
|
133
|
-
},
|
|
134
|
-
close() {
|
|
135
|
-
this.forceClose();
|
|
136
|
-
},
|
|
137
|
-
async updateLanguage(lang) {
|
|
138
|
-
EventBus.$emit("updateLang", lang);
|
|
139
|
-
EventBus.$emit("closeModal");
|
|
140
|
-
},
|
|
141
|
-
toggleModal() {
|
|
142
|
-
this.toggle = !this.toggle;
|
|
143
|
-
},
|
|
144
|
-
},
|
|
145
|
-
};
|
|
146
|
-
</script>
|
|
147
|
-
|
|
148
|
-
<style scoped>
|
|
149
|
-
.user-img {
|
|
150
|
-
margin: 0 auto;
|
|
151
|
-
margin-top: 2px;
|
|
152
|
-
width: 65px;
|
|
153
|
-
}
|
|
154
|
-
input {
|
|
155
|
-
margin: 0 auto;
|
|
156
|
-
height: 25px;
|
|
157
|
-
}
|
|
158
|
-
</style>
|