adata-ui 0.1.79 → 0.1.82
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/adata-ui.common.js +608 -1809
- package/dist/adata-ui.common.js.map +1 -1
- package/dist/adata-ui.css +1 -1
- package/dist/adata-ui.umd.js +608 -1809
- package/dist/adata-ui.umd.js.map +1 -1
- package/dist/adata-ui.umd.min.js +2 -2
- package/dist/adata-ui.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Header/Header.stories.js +2 -2
- package/src/components/Header/Header.vue +484 -181
- package/src/components/Header/Profile.vue +141 -424
- package/src/components/Header/ProfileMobile.vue +300 -0
- package/src/components/SearchMultiCategory/SearchMultiCategory.stories.js +16 -0
- package/src/components/SearchMultiCategory/SearchMultiCategory.vue +75 -0
- package/src/configs/profileDropDown.js +15 -12
|
@@ -15,25 +15,25 @@
|
|
|
15
15
|
<div class="header__left">
|
|
16
16
|
<a class="logo" :href="main[mode]">
|
|
17
17
|
<svg
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
18
|
+
class="adata-logo"
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
+
viewBox="0 0 166 48"
|
|
21
21
|
>
|
|
22
22
|
<path
|
|
23
|
-
|
|
23
|
+
d="M62.926 38.22v-28h10.316c10.342 0 15.511 4.55 15.508 13.652 0 4.36-1.41 7.843-4.232 10.448-2.822 2.605-6.58 3.907-11.276 3.904l-10.316-.004zm6.56-22.868v17.752h3.248c2.839 0 5.069-.82 6.69-2.46 1.622-1.64 2.43-3.873 2.424-6.7 0-2.667-.8-4.767-2.403-6.3-1.602-1.533-3.853-2.297-6.752-2.292h-3.206zM118.5 38.22h-7.131l-2.079-6.228H98.958l-2.079 6.228h-7.093l10.598-28h7.775l10.341 28zm-10.723-11.072l-3.127-9.416a11.94 11.94 0 01-.486-2.516h-.162c-.07.83-.24 1.649-.508 2.44l-3.168 9.492h7.451zm31.833-11.796h-8.316V38.22h-6.557V15.352h-8.274v-5.136h23.147v5.136zM166 38.22h-7.143l-2.079-6.228h-10.349l-2.05 6.228h-7.106l10.598-28h7.776l10.353 28zm-10.719-11.072l-3.127-9.416a11.94 11.94 0 01-.486-2.516h-.163c-.069.83-.239 1.649-.507 2.44l-3.168 9.492h7.451zM24.553 15.252h-.163c-.069.83-.24 1.649-.507 2.44L20.715 27.2h7.45l-3.126-9.412a12.02 12.02 0 01-.486-2.536z"
|
|
24
24
|
></path>
|
|
25
25
|
<path
|
|
26
|
-
|
|
26
|
+
d="M44.905 0H4.99a5.091 5.091 0 00-3.528 1.406A4.71 4.71 0 000 4.8v38.4a4.71 4.71 0 001.461 3.394A5.091 5.091 0 004.99 48h39.916a5.091 5.091 0 003.528-1.406 4.71 4.71 0 001.462-3.394V4.8a4.71 4.71 0 00-1.462-3.394A5.091 5.091 0 0044.905 0zM31.737 38.26l-2.079-6.232H19.305l-2.05 6.232h-7.097l10.598-28h7.776l10.353 28h-7.148z"
|
|
27
27
|
></path>
|
|
28
28
|
</svg>
|
|
29
29
|
</a>
|
|
30
30
|
<div class="menu" v-show="headerItems.length > 0">
|
|
31
31
|
<a
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
32
|
+
v-for="(item, index) in headerItems"
|
|
33
|
+
:key="index"
|
|
34
|
+
class="menu__wrapper menu__items"
|
|
35
|
+
:class="{ active: item.key === activeTabKey }"
|
|
36
|
+
:href="item[mode]"
|
|
37
37
|
>
|
|
38
38
|
{{ item.name }}
|
|
39
39
|
</a>
|
|
@@ -42,24 +42,25 @@
|
|
|
42
42
|
<div class="header__right" v-show="!noAuth">
|
|
43
43
|
<slot name="chooseCountry"></slot>
|
|
44
44
|
<Profile
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
45
|
+
:mode="mode"
|
|
46
|
+
:activeTabKey="activeTabKey"
|
|
47
|
+
:isAuthenticated="isAuthenticated"
|
|
48
|
+
:email="email"
|
|
49
|
+
:loginUrl="loginUrl"
|
|
50
|
+
:rate="rateCodes[rate]"
|
|
51
|
+
:balance="this.thousandSeparator(balance)"
|
|
52
|
+
@showBalanceModal="
|
|
52
53
|
(val) => {
|
|
53
54
|
$emit('showBalanceModal', val);
|
|
54
55
|
}
|
|
55
56
|
"
|
|
56
|
-
|
|
57
|
+
@setShowModal="
|
|
57
58
|
(val) => {
|
|
58
59
|
$emit('setShowModal', val);
|
|
59
60
|
}
|
|
60
61
|
"
|
|
61
|
-
|
|
62
|
-
|
|
62
|
+
@logout="$emit('logout')"
|
|
63
|
+
@setIsReplenishModal="
|
|
63
64
|
(val) => {
|
|
64
65
|
$emit('setIsReplenishModal', val);
|
|
65
66
|
}
|
|
@@ -68,17 +69,17 @@
|
|
|
68
69
|
<div class="menu_mobile--switcher" @click="changeValue">
|
|
69
70
|
<!-- icon_hamburger -->
|
|
70
71
|
<svg
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
72
|
+
width="24"
|
|
73
|
+
height="24"
|
|
74
|
+
fill="none"
|
|
75
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
76
|
+
viewBox="0 0 24 24"
|
|
76
77
|
>
|
|
77
78
|
<path
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
79
|
+
fill-rule="evenodd"
|
|
80
|
+
clip-rule="evenodd"
|
|
81
|
+
d="M2 4h20v2H2V4zm0 14h20v2H2v-2zm0-7h20v2H2v-2z"
|
|
82
|
+
fill="#2C3E50"
|
|
82
83
|
></path>
|
|
83
84
|
</svg>
|
|
84
85
|
</div>
|
|
@@ -86,54 +87,91 @@
|
|
|
86
87
|
</div>
|
|
87
88
|
<MobileToggle v-slot="{ animationClass }">
|
|
88
89
|
<div
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
90
|
+
class="menu_mobile"
|
|
91
|
+
:class="animationClass"
|
|
92
|
+
v-show="headerItems.length > 0 && isOpen"
|
|
92
93
|
>
|
|
94
|
+
<div class="empty-space" @click="changeValue"></div>
|
|
93
95
|
<div class="menu-wrapper">
|
|
94
|
-
<div
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
96
|
+
<div class="menu-wrapper__top">
|
|
97
|
+
<div class="mobile-table-head">
|
|
98
|
+
<button
|
|
99
|
+
@click.prevent="goAuth"
|
|
100
|
+
class="sign"
|
|
101
|
+
v-if="!isAuthenticated"
|
|
102
|
+
>
|
|
103
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
104
|
+
<path d="M13.5 15L16.5 11.9189L13.6154 9" stroke="#007AFF" stroke-miterlimit="10"
|
|
105
|
+
stroke-linecap="round" stroke-linejoin="round"/>
|
|
106
|
+
<path d="M9 7.125V4.5H19.5V19.5H9V17.4375" stroke="#007AFF" stroke-miterlimit="10"
|
|
107
|
+
stroke-linecap="round" stroke-linejoin="round"/>
|
|
108
|
+
<path d="M16 12H4" stroke="#007AFF" stroke-miterlimit="10" stroke-linecap="round"
|
|
109
|
+
stroke-linejoin="round"/>
|
|
110
|
+
</svg>
|
|
111
|
+
<span>Войти</span>
|
|
112
|
+
</button>
|
|
113
|
+
<div v-else class="menu-wrapper__top-left">
|
|
114
|
+
<div class="svg-wrapper">
|
|
115
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
116
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 9C8 6.79086 9.79086 5 12 5C14.2091 5 16 6.79086 16 9C16 11.2091 14.2091 13 12 13C9.79086 13 8 11.2091 8 9ZM14.8148 13.133C16.134 12.2329 17 10.7176 17 9C17 6.23858 14.7614 4 12 4C9.23858 4 7 6.23858 7 9C7 10.7176 7.86603 12.2329 9.18525 13.133C6.22569 13.741 4 16.3606 4 19.5H5C5 16.4624 7.46243 14 10.5 14H12H13.5C16.5376 14 19 16.4624 19 19.5H20C20 16.3606 17.7743 13.741 14.8148 13.133Z" fill="#2C3E50"/>
|
|
117
|
+
</svg>
|
|
118
|
+
</div>
|
|
119
|
+
<div class="text-wrapper">
|
|
120
|
+
<p>{{ email }}</p>
|
|
121
|
+
<p>Тариф {{ rateCodes[rate] }}</p>
|
|
122
|
+
</div>
|
|
123
|
+
</div>
|
|
124
|
+
<div v-if="!isAuthenticated" class="menu-wrapper__top-right" @click.stop="changeValue">
|
|
125
|
+
<svg
|
|
126
|
+
width="18"
|
|
127
|
+
height="18"
|
|
128
|
+
fill="none"
|
|
129
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
130
|
+
viewBox="0 0 24 24"
|
|
131
|
+
>
|
|
132
|
+
<path
|
|
133
|
+
fill-rule="evenodd"
|
|
134
|
+
clip-rule="evenodd"
|
|
135
|
+
d="M4.414 18.142L18.556 4l1.415 1.414L5.828 19.556l-1.414-1.414z"
|
|
136
|
+
fill="#2C3E50"
|
|
137
|
+
></path>
|
|
138
|
+
<path
|
|
139
|
+
fill-rule="evenodd"
|
|
140
|
+
clip-rule="evenodd"
|
|
141
|
+
d="M5.414 4l14.142 14.142-1.414 1.414L4 5.414 5.414 4z"
|
|
142
|
+
fill="#2C3E50"
|
|
143
|
+
></path>
|
|
144
|
+
</svg>
|
|
145
|
+
</div>
|
|
146
|
+
<div v-else class="menu-wrapper__top-right" @click.stop.prevent="isActiveMenu = true">
|
|
147
|
+
<svg width="8" height="16" viewBox="0 0 8 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
148
|
+
<path d="M1 15.5L7 8L1 0.500001" stroke="#2C3E50" stroke-linecap="round" stroke-linejoin="round"/>
|
|
149
|
+
</svg>
|
|
150
|
+
</div>
|
|
151
|
+
</div>
|
|
152
|
+
<div class="menu__link">
|
|
153
|
+
<a
|
|
154
|
+
v-for="(item, index) in headerItems"
|
|
155
|
+
:key="index"
|
|
156
|
+
class="menu_mobile-wrapper"
|
|
157
|
+
:class="{ 'active-burger-tab': item.key === activeTabKey }"
|
|
158
|
+
:href="item[mode]"
|
|
159
|
+
>
|
|
160
|
+
{{ item.name }}
|
|
161
|
+
</a>
|
|
162
|
+
</div>
|
|
163
|
+
</div>
|
|
164
|
+
<div class="menu-wrapper__bottom">
|
|
165
|
+
<div class="menu-wrapper__bottom-header">
|
|
129
166
|
<span>Валюта</span>
|
|
130
167
|
<span>Покупка</span>
|
|
131
168
|
<span>Продажа</span>
|
|
132
169
|
</div>
|
|
133
|
-
<div class="menu-
|
|
134
|
-
<div v-for="(currency, index) in currencies" :key="index" class="menu-
|
|
135
|
-
<div class="menu-
|
|
136
|
-
<svg v-if="currency.currency === 'USD'" width="16" height="17" viewBox="0 0 16 17" fill="none"
|
|
170
|
+
<div class="menu-wrapper__bottom-body">
|
|
171
|
+
<div v-for="(currency, index) in currencies" :key="index" class="menu-wrapper__bottom-row">
|
|
172
|
+
<div class="menu-wrapper__bottom-column">
|
|
173
|
+
<svg v-if="currency.currency === 'USD'" width="16" height="17" viewBox="0 0 16 17" fill="none"
|
|
174
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
137
175
|
<g clip-path="url(#clip0_179_1917)">
|
|
138
176
|
<path d="M26.4 0.5H-4V16.5H26.4V0.5Z" fill="white"/>
|
|
139
177
|
<path d="M26.4 0.5H-4V1.732H26.4V0.5Z" fill="#B22234"/>
|
|
@@ -144,69 +182,173 @@
|
|
|
144
182
|
<path d="M26.4 12.8081H-4V14.0401H26.4V12.8081Z" fill="#B22234"/>
|
|
145
183
|
<path d="M26.4 15.2681H-4V16.5001H26.4V15.2681Z" fill="#B22234"/>
|
|
146
184
|
<path d="M8.16 0.5H-4V9.116H8.16V0.5Z" fill="#3C3B6E"/>
|
|
147
|
-
<path
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
<path
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
<path
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
<path
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
<path
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
<path
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
<path
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
<path
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
<path
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
<path
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
<path
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
<path
|
|
181
|
-
|
|
182
|
-
|
|
185
|
+
<path
|
|
186
|
+
d="M0.603882 1.20011L0.891882 1.40811L0.783882 1.75211L1.07188 1.54011L1.35988 1.75211L1.25188 1.40811L1.53988 1.20011H1.18388L1.07188 0.860107L0.959882 1.20011H0.603882Z"
|
|
187
|
+
fill="white"/>
|
|
188
|
+
<path
|
|
189
|
+
d="M2.61987 1.20011L2.90787 1.40811L2.79987 1.75211L3.08787 1.54011L3.37587 1.75211L3.26787 1.40811L3.55587 1.20011H3.19987L3.08787 0.860107L2.97587 1.20011H2.61987Z"
|
|
190
|
+
fill="white"/>
|
|
191
|
+
<path
|
|
192
|
+
d="M4.63599 1.20011L4.92399 1.40811L4.81599 1.75211L5.10399 1.54011L5.39199 1.75211L5.28399 1.40811L5.57199 1.20011H5.21599L5.10399 0.860107L4.99199 1.20011H4.63599Z"
|
|
193
|
+
fill="white"/>
|
|
194
|
+
<path
|
|
195
|
+
d="M6.65198 1.20011L6.93998 1.40811L6.83198 1.75211L7.11998 1.54011L7.40798 1.75211L7.29998 1.40811L7.58798 1.20011H7.23198L7.11998 0.860107L7.00798 1.20011H6.65198Z"
|
|
196
|
+
fill="white"/>
|
|
197
|
+
<path
|
|
198
|
+
d="M-0.403931 2.06412L-0.115931 2.27212L-0.223931 2.61612L0.0640694 2.40412L0.352069 2.61612L0.244069 2.27212L0.532069 2.06412H0.176069L0.0640694 1.72412L-0.0479305 2.06412H-0.403931Z"
|
|
199
|
+
fill="white"/>
|
|
200
|
+
<path
|
|
201
|
+
d="M1.61206 2.06412L1.90006 2.27212L1.79206 2.61612L2.08006 2.40412L2.36806 2.61612L2.26006 2.27212L2.54806 2.06412H2.19206L2.08006 1.72412L1.96806 2.06412H1.61206Z"
|
|
202
|
+
fill="white"/>
|
|
203
|
+
<path
|
|
204
|
+
d="M3.62817 2.06412L3.91617 2.27212L3.80817 2.61612L4.09617 2.40412L4.38417 2.61612L4.27617 2.27212L4.56417 2.06412H4.20817L4.09617 1.72412L3.98417 2.06412H3.62817Z"
|
|
205
|
+
fill="white"/>
|
|
206
|
+
<path
|
|
207
|
+
d="M5.64417 2.06412L5.93216 2.27212L5.82416 2.61612L6.11216 2.40412L6.40016 2.61612L6.29216 2.27212L6.58016 2.06412H6.22416L6.11216 1.72412L6.00016 2.06412H5.64417Z"
|
|
208
|
+
fill="white"/>
|
|
209
|
+
<path
|
|
210
|
+
d="M0.603882 2.92789L0.891882 3.13589L0.783882 3.47989L1.07188 3.26789L1.35988 3.47989L1.25188 3.13589L1.53988 2.92789H1.18388L1.07188 2.58789L0.959882 2.92789H0.603882Z"
|
|
211
|
+
fill="white"/>
|
|
212
|
+
<path
|
|
213
|
+
d="M2.61987 2.92789L2.90787 3.13589L2.79987 3.47989L3.08787 3.26789L3.37587 3.47989L3.26787 3.13589L3.55587 2.92789H3.19987L3.08787 2.58789L2.97587 2.92789H2.61987Z"
|
|
214
|
+
fill="white"/>
|
|
215
|
+
<path
|
|
216
|
+
d="M4.63599 2.92789L4.92399 3.13589L4.81599 3.47989L5.10399 3.26789L5.39199 3.47989L5.28399 3.13589L5.57199 2.92789H5.21599L5.10399 2.58789L4.99199 2.92789H4.63599Z"
|
|
217
|
+
fill="white"/>
|
|
218
|
+
<path
|
|
219
|
+
d="M6.65198 2.92789L6.93998 3.13589L6.83198 3.47989L7.11998 3.26789L7.40798 3.47989L7.29998 3.13589L7.58798 2.92789H7.23198L7.11998 2.58789L7.00798 2.92789H6.65198Z"
|
|
220
|
+
fill="white"/>
|
|
221
|
+
<path
|
|
222
|
+
d="M-0.380127 3.7959L-0.0881271 4.0039L-0.200127 4.3439L0.0878731 4.1359L0.379873 4.3439L0.267873 4.0039L0.555873 3.7959H0.199873L0.0878731 3.4519L-0.0201271 3.7959H-0.380127Z"
|
|
223
|
+
fill="white"/>
|
|
224
|
+
<path
|
|
225
|
+
d="M1.63599 3.7959L1.92399 4.0039L1.81599 4.3439L2.10399 4.1359L2.39599 4.3439L2.28399 4.0039L2.57199 3.7959H2.21599L2.10399 3.4519L1.99599 3.7959H1.63599Z"
|
|
226
|
+
fill="white"/>
|
|
227
|
+
<path
|
|
228
|
+
d="M3.65198 3.7959L3.94398 4.0039L3.83198 4.3439L4.11998 4.1359L4.41198 4.3439L4.29998 4.0039L4.58798 3.7959H4.23198L4.11998 3.4519L4.01198 3.7959H3.65198Z"
|
|
229
|
+
fill="white"/>
|
|
230
|
+
<path
|
|
231
|
+
d="M5.66797 3.7959L5.95597 4.0039L5.84797 4.3439L6.13597 4.1359L6.42797 4.3439L6.31597 4.0039L6.60397 3.7959H6.24797L6.13597 3.4519L6.02797 3.7959H5.66797Z"
|
|
232
|
+
fill="white"/>
|
|
233
|
+
<path
|
|
234
|
+
d="M0.635986 4.65201L0.923986 4.86001L0.811986 5.20401L1.10399 4.99201L1.39199 5.20401L1.27999 4.86001L1.57199 4.65201H1.21199L1.10399 4.31201L0.991986 4.65201H0.635986Z"
|
|
235
|
+
fill="white"/>
|
|
236
|
+
<path
|
|
237
|
+
d="M2.65198 4.65201L2.93998 4.86001L2.82798 5.20401L3.11998 4.99201L3.40798 5.20401L3.29598 4.86001L3.58798 4.65201H3.22798L3.11998 4.31201L3.00798 4.65201H2.65198Z"
|
|
238
|
+
fill="white"/>
|
|
239
|
+
<path
|
|
240
|
+
d="M4.66406 4.65201L4.95606 4.86001L4.84406 5.20401L5.13606 4.99201L5.42406 5.20401L5.31206 4.86001L5.60406 4.65201H5.24406L5.13606 4.31201L5.02406 4.65201H4.66406Z"
|
|
241
|
+
fill="white"/>
|
|
242
|
+
<path
|
|
243
|
+
d="M6.40002 4.84L6.69202 5.048L6.58002 5.392L6.87202 5.18L7.16002 5.392L7.04802 5.048L7.34002 4.84H6.98002L6.87202 4.5L6.76002 4.84H6.40002Z"
|
|
244
|
+
fill="white"/>
|
|
245
|
+
<path
|
|
246
|
+
d="M0.651978 6.35196L0.943977 6.55996L0.831978 6.90396L1.11998 6.69196L1.41198 6.90396L1.29998 6.55996L1.58798 6.35196H1.23198L1.11998 6.01196L1.01198 6.35196H0.651978Z"
|
|
247
|
+
fill="white"/>
|
|
248
|
+
<path
|
|
249
|
+
d="M2.66797 6.35196L2.95997 6.55996L2.84797 6.90396L3.13597 6.69196L3.42797 6.90396L3.31597 6.55996L3.60797 6.35196H3.24797L3.13597 6.01196L3.02797 6.35196H2.66797Z"
|
|
250
|
+
fill="white"/>
|
|
251
|
+
<path
|
|
252
|
+
d="M4.68396 6.35196L4.97596 6.55996L4.86396 6.90396L5.15196 6.69196L5.44396 6.90396L5.33196 6.55996L5.61996 6.35196H5.26396L5.15196 6.01196L5.04396 6.35196H4.68396Z"
|
|
253
|
+
fill="white"/>
|
|
254
|
+
<path
|
|
255
|
+
d="M6.69995 6.35196L6.99195 6.55996L6.87995 6.90396L7.16795 6.69196L7.45995 6.90396L7.34795 6.55996L7.63595 6.35196H7.27995L7.16795 6.01196L7.05995 6.35196H6.69995Z"
|
|
256
|
+
fill="white"/>
|
|
257
|
+
<path
|
|
258
|
+
d="M0.628174 8.07193L0.916174 8.28393L0.808174 8.62393L1.09617 8.41193L1.38817 8.62393L1.27617 8.28393L1.56417 8.07193H1.20817L1.09617 7.73193L0.988174 8.07193H0.628174Z"
|
|
259
|
+
fill="white"/>
|
|
260
|
+
<path
|
|
261
|
+
d="M2.64417 8.07193L2.93616 8.28393L2.82416 8.62393L3.11216 8.41193L3.40416 8.62393L3.29216 8.28393L3.58016 8.07193H3.22416L3.11216 7.73193L3.00416 8.07193H2.64417Z"
|
|
262
|
+
fill="white"/>
|
|
263
|
+
<path
|
|
264
|
+
d="M4.66016 8.07193L4.95216 8.28393L4.84016 8.62393L5.12816 8.41193L5.42016 8.62393L5.30816 8.28393L5.59616 8.07193H5.24016L5.12816 7.73193L5.02016 8.07193H4.66016Z"
|
|
265
|
+
fill="white"/>
|
|
266
|
+
<path
|
|
267
|
+
d="M6.67615 8.07193L6.96415 8.28393L6.85615 8.62393L7.14415 8.41193L7.43615 8.62393L7.32415 8.28393L7.61215 8.07193H7.25615L7.14415 7.73193L7.03615 8.07193H6.67615Z"
|
|
268
|
+
fill="white"/>
|
|
269
|
+
<path
|
|
270
|
+
d="M-0.376221 5.4921L-0.0842209 5.7041L-0.196221 6.0441L0.095779 5.8321L0.383779 6.0441L0.275779 5.7041L0.563779 5.4921H0.203779L0.095779 5.1521L-0.0162209 5.4921H-0.376221Z"
|
|
271
|
+
fill="white"/>
|
|
272
|
+
<path
|
|
273
|
+
d="M1.64417 5.4921L1.93217 5.7041L1.82017 6.0441L2.11217 5.8321L2.40017 6.0441L2.28817 5.7041L2.58017 5.4921H2.22017L2.11217 5.1521L2.00017 5.4921H1.64417Z"
|
|
274
|
+
fill="white"/>
|
|
275
|
+
<path
|
|
276
|
+
d="M3.65588 5.4921L3.94788 5.7041L3.83588 6.0441L4.12788 5.8321L4.41588 6.0441L4.30788 5.7041L4.59588 5.4921H4.23588L4.12788 5.1521L4.01588 5.4921H3.65588Z"
|
|
277
|
+
fill="white"/>
|
|
278
|
+
<path
|
|
279
|
+
d="M5.67188 5.4921L5.96387 5.7041L5.85187 6.0441L6.14387 5.8321L6.43187 6.0441L6.31987 5.7041L6.61187 5.4921H6.25187L6.14387 5.1521L6.03187 5.4921H5.67188Z"
|
|
280
|
+
fill="white"/>
|
|
281
|
+
<path
|
|
282
|
+
d="M-0.380127 7.21207L-0.0881271 7.42007L-0.200127 7.76007L0.0878731 7.55207L0.379873 7.76007L0.267873 7.42007L0.555873 7.21207H0.199873L0.0878731 6.87207L-0.0201271 7.21207H-0.380127Z"
|
|
283
|
+
fill="white"/>
|
|
284
|
+
<path
|
|
285
|
+
d="M1.63599 7.21207L1.92399 7.42007L1.81599 7.76007L2.10399 7.55207L2.39599 7.76007L2.28399 7.42007L2.57199 7.21207H2.21599L2.10399 6.87207L1.99599 7.21207H1.63599Z"
|
|
286
|
+
fill="white"/>
|
|
287
|
+
<path
|
|
288
|
+
d="M3.65198 7.21207L3.94398 7.42007L3.83198 7.76007L4.11998 7.55207L4.41198 7.76007L4.29998 7.42007L4.58798 7.21207H4.23198L4.11998 6.87207L4.01198 7.21207H3.65198Z"
|
|
289
|
+
fill="white"/>
|
|
290
|
+
<path
|
|
291
|
+
d="M5.66797 7.21207L5.95597 7.42007L5.84797 7.76007L6.13597 7.55207L6.42797 7.76007L6.31597 7.42007L6.60397 7.21207H6.24797L6.13597 6.87207L6.02797 7.21207H5.66797Z"
|
|
292
|
+
fill="white"/>
|
|
183
293
|
</g>
|
|
184
294
|
<defs>
|
|
185
295
|
<clipPath id="clip0_179_1917">
|
|
186
|
-
<path
|
|
296
|
+
<path
|
|
297
|
+
d="M0 2.5C0 1.39543 0.895431 0.5 2 0.5H14C15.1046 0.5 16 1.39543 16 2.5V14.5C16 15.6046 15.1046 16.5 14 16.5H2C0.895431 16.5 0 15.6046 0 14.5V2.5Z"
|
|
298
|
+
fill="white"/>
|
|
187
299
|
</clipPath>
|
|
188
300
|
</defs>
|
|
189
301
|
</svg>
|
|
190
|
-
<svg v-if="currency.currency === 'EUR'"
|
|
191
|
-
|
|
192
|
-
<path
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
<path
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
<path
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
<path
|
|
202
|
-
|
|
203
|
-
|
|
302
|
+
<svg v-if="currency.currency === 'EUR'" width="16" height="17" viewBox="0 0 16 17" fill="none"
|
|
303
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
304
|
+
<path
|
|
305
|
+
d="M0 2.5C0 1.39543 0.895431 0.5 2 0.5H14C15.1046 0.5 16 1.39543 16 2.5V14.5C16 15.6046 15.1046 16.5 14 16.5H2C0.895431 16.5 0 15.6046 0 14.5V2.5Z"
|
|
306
|
+
fill="#314199"/>
|
|
307
|
+
<path
|
|
308
|
+
d="M7.99479 12.5967L8.18355 13.1573L8.75857 13.1568L8.35044 13.4667L8.46265 14.0686L7.99479 13.7271L7.52542 14.0594L7.639 13.4667L7.23511 13.1549H7.80958L7.99479 12.5967Z"
|
|
309
|
+
fill="#F8EC26"/>
|
|
310
|
+
<path
|
|
311
|
+
d="M7.99479 2.85718L8.18355 3.41796L8.75857 3.41727L8.35044 3.72735L8.46265 4.32913L7.99479 3.98765L7.52542 4.31994L7.639 3.72735L7.23511 3.41535H7.80958L7.99479 2.85718Z"
|
|
312
|
+
fill="#F8EC26"/>
|
|
313
|
+
<path
|
|
314
|
+
d="M10.333 3.48364L10.5218 4.04428L11.097 4.04373L10.6888 4.35368L10.8009 4.95546L10.333 4.61411L9.86366 4.94641L9.97739 4.35368L9.57349 4.04181H10.148L10.333 3.48364Z"
|
|
315
|
+
fill="#F8EC26"/>
|
|
316
|
+
<path
|
|
317
|
+
d="M5.54397 3.48364L5.73273 4.04428L6.3079 4.04373L5.89976 4.35368L6.01184 4.95546L5.54397 4.61411L5.0746 4.94641L5.18832 4.35368L4.78442 4.04181H5.35877L5.54397 3.48364Z"
|
|
318
|
+
fill="#F8EC26"/>
|
|
319
|
+
<path
|
|
320
|
+
d="M10.333 11.9387L10.5218 12.4995L11.097 12.4989L10.6888 12.8089L10.8009 13.4107L10.333 13.0693L9.86366 13.4016L9.97739 12.8089L9.57349 12.4969H10.148L10.333 11.9387Z"
|
|
321
|
+
fill="#F8EC26"/>
|
|
322
|
+
<path
|
|
323
|
+
d="M5.54397 11.9387L5.73273 12.4995L6.3079 12.4989L5.89976 12.8089L6.01184 13.4107L5.54397 13.0693L5.0746 13.4016L5.18832 12.8089L4.78442 12.4969H5.35877L5.54397 11.9387Z"
|
|
324
|
+
fill="#F8EC26"/>
|
|
325
|
+
<path
|
|
326
|
+
d="M3.75309 5.32153L3.94185 5.88231L4.51688 5.88162L4.10888 6.1917L4.22082 6.79349L3.75309 6.45214L3.28372 6.7843L3.39731 6.1917L2.99341 5.8797H3.56789L3.75309 5.32153Z"
|
|
327
|
+
fill="#F8EC26"/>
|
|
328
|
+
<path
|
|
329
|
+
d="M12.1823 5.32153L12.3711 5.88231L12.9462 5.88162L12.5381 6.1917L12.6502 6.79349L12.1823 6.45214L11.7129 6.7843L11.8265 6.1917L11.4226 5.8797H11.9971L12.1823 5.32153Z"
|
|
330
|
+
fill="#F8EC26"/>
|
|
331
|
+
<path
|
|
332
|
+
d="M3.75309 10.1826L3.94185 10.7434L4.51688 10.7427L4.10888 11.0528L4.22082 11.6546L3.75309 11.3131L3.28372 11.6454L3.39731 11.0528L2.99341 10.7408H3.56789L3.75309 10.1826Z"
|
|
333
|
+
fill="#F8EC26"/>
|
|
334
|
+
<path
|
|
335
|
+
d="M12.1823 10.1826L12.3711 10.7434L12.9462 10.7427L12.5381 11.0528L12.6502 11.6546L12.1823 11.3131L11.7129 11.6454L11.8265 11.0528L11.4226 10.7408H11.9971L12.1823 10.1826Z"
|
|
336
|
+
fill="#F8EC26"/>
|
|
337
|
+
<path
|
|
338
|
+
d="M3.19682 7.73389L3.38558 8.29466L3.96074 8.29398L3.55261 8.60406L3.66469 9.20584L3.19682 8.86436L2.72745 9.19665L2.84103 8.60406L2.43713 8.29206H3.01161L3.19682 7.73389Z"
|
|
339
|
+
fill="#F8EC26"/>
|
|
340
|
+
<path
|
|
341
|
+
d="M12.799 7.73389L12.9877 8.29466L13.5629 8.29398L13.1548 8.60406L13.2668 9.20584L12.799 8.86436L12.3296 9.19665L12.4433 8.60406L12.0394 8.29206H12.6138L12.799 7.73389Z"
|
|
342
|
+
fill="#F8EC26"/>
|
|
204
343
|
</svg>
|
|
205
|
-
<svg v-if="currency.currency === 'RUB'" width="16" height="17" viewBox="0 0 16 17" fill="none"
|
|
344
|
+
<svg v-if="currency.currency === 'RUB'" width="16" height="17" viewBox="0 0 16 17" fill="none"
|
|
345
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
206
346
|
<g clip-path="url(#clip0_179_2012)">
|
|
207
|
-
<path d="M0 0.5C0 -0.60457 0.895431 -1.5 2 -1.5H18C19.1046 -1.5 20 -0.604569 20 0.5V5.5H0V0.5Z"
|
|
347
|
+
<path d="M0 0.5C0 -0.60457 0.895431 -1.5 2 -1.5H18C19.1046 -1.5 20 -0.604569 20 0.5V5.5H0V0.5Z"
|
|
348
|
+
fill="#F0F0F0"/>
|
|
208
349
|
<rect y="5.5" width="20" height="7" fill="#0039A6"/>
|
|
209
|
-
<path d="M0 11.5H20V16.5C20 17.6046 19.1046 18.5 18 18.5H2C0.895431 18.5 0 17.6046 0 16.5V11.5Z"
|
|
350
|
+
<path d="M0 11.5H20V16.5C20 17.6046 19.1046 18.5 18 18.5H2C0.895431 18.5 0 17.6046 0 16.5V11.5Z"
|
|
351
|
+
fill="#D52B1E"/>
|
|
210
352
|
</g>
|
|
211
353
|
<defs>
|
|
212
354
|
<clipPath id="clip0_179_2012">
|
|
@@ -214,58 +356,98 @@
|
|
|
214
356
|
</clipPath>
|
|
215
357
|
</defs>
|
|
216
358
|
</svg>
|
|
217
|
-
<svg v-if="currency.currency === 'CNY'" width="16" height="16" viewBox="0 0 16 16" fill="none"
|
|
218
|
-
|
|
219
|
-
<path
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
<path
|
|
223
|
-
|
|
359
|
+
<svg v-if="currency.currency === 'CNY'" width="16" height="16" viewBox="0 0 16 16" fill="none"
|
|
360
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
361
|
+
<path
|
|
362
|
+
d="M0 2C0 0.895431 0.895431 0 2 0H14C15.1046 0 16 0.895431 16 2V14C16 15.1046 15.1046 16 14 16H2C0.895431 16 0 15.1046 0 14V2Z"
|
|
363
|
+
fill="#DE2910"/>
|
|
364
|
+
<path
|
|
365
|
+
d="M4.00115 1.60043L5.41155 5.94203L1.71875 3.25883H6.28355L2.59075 5.94203L4.00115 1.60043Z"
|
|
366
|
+
fill="#FFDE00"/>
|
|
367
|
+
<path
|
|
368
|
+
d="M7.3125 2.01103L8.3117 0.863831L8.1781 2.37983L7.3957 1.07503L8.7957 1.67023L7.3125 2.01103Z"
|
|
369
|
+
fill="#FFDE00"/>
|
|
370
|
+
<path
|
|
371
|
+
d="M8.80803 3.31335L10.1744 2.64375L9.46323 3.98855L9.24803 2.48215L10.3072 3.57415L8.80803 3.31335Z"
|
|
372
|
+
fill="#FFDE00"/>
|
|
373
|
+
<path
|
|
374
|
+
d="M8.82968 5.38077L10.3497 5.32637L9.15208 6.26477L9.56968 4.80157L10.0913 6.23037L8.82968 5.38077Z"
|
|
375
|
+
fill="#FFDE00"/>
|
|
376
|
+
<path d="M7.3758 6.6997L8.7998 7.2365L7.3326 7.6397L8.283 6.4509L8.2118 7.9709L7.3758 6.6997Z"
|
|
377
|
+
fill="#FFDE00"/>
|
|
224
378
|
</svg>
|
|
225
379
|
|
|
226
380
|
<span>{{ currency.currency }}</span>
|
|
227
381
|
</div>
|
|
228
|
-
<div class="menu-
|
|
382
|
+
<div class="menu-wrapper__bottom-column">
|
|
229
383
|
<span>{{ currency.buy }}</span>
|
|
230
|
-
<svg v-if="currency.buy_state === 'DOWN'" width="16" height="17" viewBox="0 0 16 17" fill="none"
|
|
384
|
+
<svg v-if="currency.buy_state === 'DOWN'" width="16" height="17" viewBox="0 0 16 17" fill="none"
|
|
385
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
231
386
|
<path d="M8 12.5249L12.3301 4.52507H3.66987L8 12.5249Z" fill="#FF2E43"/>
|
|
232
387
|
</svg>
|
|
233
|
-
<svg v-else width="16" height="17" viewBox="0 0 16 17" fill="none"
|
|
388
|
+
<svg v-else width="16" height="17" viewBox="0 0 16 17" fill="none"
|
|
389
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
234
390
|
<path d="M8 4.47461L12.3301 12.4702H3.66987L8 4.47461Z" fill="#00B92D"/>
|
|
235
391
|
</svg>
|
|
236
392
|
</div>
|
|
237
|
-
<div class="menu-
|
|
393
|
+
<div class="menu-wrapper__bottom-column">
|
|
238
394
|
<span>{{ currency.sell }}</span>
|
|
239
|
-
<svg v-if="currency.sell_state === 'DOWN'" width="16" height="17" viewBox="0 0 16 17" fill="none"
|
|
395
|
+
<svg v-if="currency.sell_state === 'DOWN'" width="16" height="17" viewBox="0 0 16 17" fill="none"
|
|
396
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
240
397
|
<path d="M8 12.5249L12.3301 4.52507H3.66987L8 12.5249Z" fill="#FF2E43"/>
|
|
241
398
|
</svg>
|
|
242
|
-
<svg v-else width="16" height="17" viewBox="0 0 16 17" fill="none"
|
|
399
|
+
<svg v-else width="16" height="17" viewBox="0 0 16 17" fill="none"
|
|
400
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
243
401
|
<path d="M8 4.47461L12.3301 12.4702H3.66987L8 4.47461Z" fill="#00B92D"/>
|
|
244
402
|
</svg>
|
|
245
403
|
</div>
|
|
246
404
|
</div>
|
|
247
405
|
</div>
|
|
248
|
-
<div class="
|
|
249
|
-
<
|
|
250
|
-
<
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
<span
|
|
256
|
-
</
|
|
406
|
+
<div class="menu_mobile-footer">
|
|
407
|
+
<button class="sign" @click="$emit('logout')">
|
|
408
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
409
|
+
<path d="M16.5 15L19.5 12L16.5 9" stroke="white" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
410
|
+
<path d="M15 16.875L15 19.5L4.5 19.5L4.5 4.5L15 4.5L15 6.5625" stroke="white" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
411
|
+
<path d="M19 12H8" stroke="white" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
412
|
+
</svg>
|
|
413
|
+
<span>Выход</span>
|
|
414
|
+
</button>
|
|
257
415
|
</div>
|
|
416
|
+
<!-- <div class="menu-mobile__info-footer">-->
|
|
417
|
+
<!-- <div class="menu-mobile__info-footer-item" v-show="requestCount === 0 || requestCount">-->
|
|
418
|
+
<!-- <span class="menu-mobile__info-footer-title">Суточный лимит запросов:</span>-->
|
|
419
|
+
<!-- <span class="menu-mobile__info-footer-circle">{{ requestCount }}</span>-->
|
|
420
|
+
<!-- </div>-->
|
|
421
|
+
<!-- <div class="menu-mobile__info-footer-item" v-show="daysRemaining === 0 || daysRemaining">-->
|
|
422
|
+
<!-- <span class="menu-mobile__info-footer-title">Остаток дней:</span>-->
|
|
423
|
+
<!-- <span class="menu-mobile__info-footer-circle">{{ daysRemaining }}</span>-->
|
|
424
|
+
<!-- </div>-->
|
|
425
|
+
<!-- </div>-->
|
|
258
426
|
</div>
|
|
259
427
|
</div>
|
|
260
428
|
</div>
|
|
261
429
|
</MobileToggle>
|
|
430
|
+
<MobileToggle v-slot="{ animationClass }">
|
|
431
|
+
<ProfileMobile
|
|
432
|
+
v-show="isActiveMenu"
|
|
433
|
+
:rate="rateCodes[rate]"
|
|
434
|
+
:class="animationClass"
|
|
435
|
+
:email="email"
|
|
436
|
+
:mode="mode"
|
|
437
|
+
:balance="thousandSeparator(balance)"
|
|
438
|
+
:activeTabKey="activeTabKey"
|
|
439
|
+
:daysLeft="daysRemaining"
|
|
440
|
+
@changeValue="changeValue"
|
|
441
|
+
@close="isActiveMenu = false"
|
|
442
|
+
@logout="$emit('logout')"
|
|
443
|
+
/>
|
|
444
|
+
</MobileToggle>
|
|
262
445
|
</div>
|
|
263
446
|
</header>
|
|
264
447
|
</template>
|
|
265
448
|
|
|
266
449
|
<script>
|
|
267
|
-
import
|
|
268
|
-
|
|
450
|
+
import ProfileMobile from "./ProfileMobile";
|
|
269
451
|
import Profile from "./Profile";
|
|
270
452
|
import MobileToggle from "../transitions/VerticalMobileToggle";
|
|
271
453
|
import InfoHeader from "./InfoHeader";
|
|
@@ -275,8 +457,15 @@ export default {
|
|
|
275
457
|
InfoHeader,
|
|
276
458
|
Profile,
|
|
277
459
|
MobileToggle,
|
|
460
|
+
ProfileMobile
|
|
278
461
|
},
|
|
279
462
|
props: {
|
|
463
|
+
rate: {
|
|
464
|
+
type: String,
|
|
465
|
+
validator: function (value) {
|
|
466
|
+
return ['basic', 'basic_plus', 'adata_pro', 'adata', 'vip'].indexOf(value) !== -1
|
|
467
|
+
}
|
|
468
|
+
},
|
|
280
469
|
mode: {
|
|
281
470
|
type: String,
|
|
282
471
|
required: true,
|
|
@@ -329,7 +518,14 @@ export default {
|
|
|
329
518
|
},
|
|
330
519
|
data() {
|
|
331
520
|
return {
|
|
332
|
-
|
|
521
|
+
isActiveMenu: false,
|
|
522
|
+
rateCodes: {
|
|
523
|
+
basic: 'Базовый',
|
|
524
|
+
basic_plus: 'Базовый+',
|
|
525
|
+
adata: 'Adata',
|
|
526
|
+
adata_pro: 'Adata Pro',
|
|
527
|
+
vip: 'VIP'
|
|
528
|
+
},
|
|
333
529
|
main: {
|
|
334
530
|
dev: "https://adtdev.kz",
|
|
335
531
|
prod: "https://adata.kz",
|
|
@@ -389,19 +585,19 @@ export default {
|
|
|
389
585
|
this.fetchCurrencies();
|
|
390
586
|
},
|
|
391
587
|
mounted() {
|
|
392
|
-
this.setBalance(this.balance);
|
|
393
588
|
this.notificationShow()
|
|
394
589
|
},
|
|
395
|
-
watch: {
|
|
396
|
-
balance(newBalance) {
|
|
397
|
-
this.setBalance(newBalance);
|
|
398
|
-
},
|
|
399
|
-
},
|
|
400
590
|
methods: {
|
|
591
|
+
goAuth() {
|
|
592
|
+
const fullPath = encodeURIComponent(window.location.toString());
|
|
593
|
+
if (window) {
|
|
594
|
+
window.location.href = `${this.loginUrl}?url=${fullPath}`;
|
|
595
|
+
}
|
|
596
|
+
},
|
|
401
597
|
async fetchNotification() {
|
|
402
598
|
try {
|
|
403
599
|
const response = await fetch('https://users.adata.kz/api/v1/system-messages/active-list/?module_name=counterparty');
|
|
404
|
-
const {
|
|
600
|
+
const {data} = await response.json();
|
|
405
601
|
|
|
406
602
|
if (data.details.length) {
|
|
407
603
|
this.systemMessage = data.details[0].message;
|
|
@@ -409,13 +605,13 @@ export default {
|
|
|
409
605
|
localStorage.setItem('start_time', JSON.stringify(new Date()))
|
|
410
606
|
}
|
|
411
607
|
|
|
412
|
-
} catch(e) {
|
|
608
|
+
} catch (e) {
|
|
413
609
|
console.log(e.message)
|
|
414
610
|
}
|
|
415
611
|
},
|
|
416
612
|
notificationShow() {
|
|
417
613
|
const startTime = localStorage.getItem('start_time');
|
|
418
|
-
let diffTime = startTime ? Math.round((new Date() - new Date(JSON.parse(startTime))) / 3600000): 0
|
|
614
|
+
let diffTime = startTime ? Math.round((new Date() - new Date(JSON.parse(startTime))) / 3600000) : 0
|
|
419
615
|
if (startTime) {
|
|
420
616
|
if (diffTime >= 24) {
|
|
421
617
|
localStorage.removeItem('start_time')
|
|
@@ -427,26 +623,26 @@ export default {
|
|
|
427
623
|
async fetchCurrencies() {
|
|
428
624
|
try {
|
|
429
625
|
const response = await fetch('https://users.adata.kz/api/v1/information/currency');
|
|
430
|
-
const {
|
|
626
|
+
const {data} = await response.json();
|
|
431
627
|
|
|
432
|
-
if(data.currencies) {
|
|
628
|
+
if (data.currencies) {
|
|
433
629
|
this.currencies = data.currencies;
|
|
434
630
|
}
|
|
435
631
|
|
|
436
|
-
} catch(e) {
|
|
632
|
+
} catch (e) {
|
|
437
633
|
console.log(e.message)
|
|
438
634
|
}
|
|
439
635
|
},
|
|
440
636
|
async fetchWeather() {
|
|
441
637
|
try {
|
|
442
638
|
const response = await fetch('https://users.adata.kz/api/v1/information/weather');
|
|
443
|
-
const {
|
|
639
|
+
const {data} = await response.json();
|
|
444
640
|
|
|
445
|
-
if(data.cities) {
|
|
641
|
+
if (data.cities) {
|
|
446
642
|
this.weather = data.cities;
|
|
447
643
|
}
|
|
448
644
|
|
|
449
|
-
} catch(e) {
|
|
645
|
+
} catch (e) {
|
|
450
646
|
console.log(e.message)
|
|
451
647
|
}
|
|
452
648
|
},
|
|
@@ -454,15 +650,10 @@ export default {
|
|
|
454
650
|
this.isOpenNotification = !option
|
|
455
651
|
},
|
|
456
652
|
changeValue() {
|
|
653
|
+
this.isActiveMenu = false;
|
|
457
654
|
this.isOpen = !this.isOpen;
|
|
458
655
|
this.$emit("menuOpen", this.isOpen);
|
|
459
656
|
},
|
|
460
|
-
setBalance(balance) {
|
|
461
|
-
if (balance !== 0) {
|
|
462
|
-
this.profileDropDown[2].name =
|
|
463
|
-
"Текущий баланс: " + this.thousandSeparator(balance) + " ₸";
|
|
464
|
-
}
|
|
465
|
-
},
|
|
466
657
|
thousandSeparator(val) {
|
|
467
658
|
return val ? val.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ") : "";
|
|
468
659
|
},
|
|
@@ -504,8 +695,7 @@ export default {
|
|
|
504
695
|
display: flex;
|
|
505
696
|
align-items: center;
|
|
506
697
|
@media (max-width: 1025px) {
|
|
507
|
-
|
|
508
|
-
height: 40px;
|
|
698
|
+
height: 56px;
|
|
509
699
|
}
|
|
510
700
|
|
|
511
701
|
&.bordered {
|
|
@@ -597,24 +787,59 @@ export default {
|
|
|
597
787
|
|
|
598
788
|
.menu_mobile {
|
|
599
789
|
display: none;
|
|
790
|
+
grid-template-columns: 10% 90%;
|
|
791
|
+
z-index: 1000000;
|
|
792
|
+
position: absolute!important;
|
|
793
|
+
.empty-space {
|
|
794
|
+
background: rgba(0, 0, 0, 0.40);
|
|
795
|
+
}
|
|
796
|
+
&::-webkit-scrollbar {
|
|
797
|
+
width: 4px;
|
|
798
|
+
&-thumb {
|
|
799
|
+
background: #c4c4c4;
|
|
800
|
+
}
|
|
801
|
+
&-track {
|
|
802
|
+
background: #fff;
|
|
803
|
+
}
|
|
804
|
+
}
|
|
600
805
|
|
|
601
806
|
&--switcher {
|
|
602
807
|
display: none;
|
|
808
|
+
cursor: pointer;
|
|
809
|
+
}
|
|
810
|
+
|
|
811
|
+
button.sign {
|
|
812
|
+
height: auto;
|
|
813
|
+
justify-content: flex-start;
|
|
814
|
+
|
|
815
|
+
svg {
|
|
816
|
+
margin-right: 8px;
|
|
817
|
+
height: 24px;
|
|
818
|
+
width: 24px;
|
|
819
|
+
}
|
|
820
|
+
|
|
821
|
+
span {
|
|
822
|
+
color: #007AFF;
|
|
823
|
+
font-size: 14px;
|
|
824
|
+
}
|
|
603
825
|
}
|
|
604
826
|
|
|
605
827
|
@media (max-width: 1025px) {
|
|
606
|
-
display:
|
|
828
|
+
display: grid;
|
|
829
|
+
background: transparent!important;
|
|
607
830
|
.mobile-table-head {
|
|
608
|
-
padding: 11px 16px;
|
|
609
831
|
display: flex;
|
|
610
|
-
justify-content:
|
|
611
|
-
|
|
832
|
+
justify-content: space-between;
|
|
833
|
+
padding: 20px 16px;
|
|
834
|
+
height: auto;
|
|
835
|
+
background: #ECEFF1;
|
|
836
|
+
border-bottom: 0.5px solid rgba(157, 163, 172, 0.5);
|
|
612
837
|
}
|
|
613
838
|
&-wrapper {
|
|
614
839
|
border-top: 1px solid #9da3ac4c;
|
|
615
|
-
padding:
|
|
840
|
+
padding: 16px;
|
|
616
841
|
font-weight: 600;
|
|
617
|
-
font-size:
|
|
842
|
+
font-size: 14px;
|
|
618
843
|
line-height: 22px;
|
|
619
844
|
color: #2c3e50;
|
|
620
845
|
display: block;
|
|
@@ -633,16 +858,78 @@ export default {
|
|
|
633
858
|
justify-content: center;
|
|
634
859
|
}
|
|
635
860
|
}
|
|
861
|
+
.menu-wrapper {
|
|
862
|
+
height: 100%;
|
|
863
|
+
display: flex;
|
|
864
|
+
flex-direction: column;
|
|
865
|
+
justify-content: space-between;
|
|
866
|
+
box-shadow: -6px 4px 12px rgb(157 163 172 / 40%);
|
|
867
|
+
background: #fff;
|
|
868
|
+
&__top {
|
|
869
|
+
&-left {
|
|
870
|
+
display: flex;
|
|
871
|
+
gap: 8px;
|
|
872
|
+
align-items: center;
|
|
873
|
+
.svg-wrapper {
|
|
874
|
+
width: 32px;
|
|
875
|
+
height: 32px;
|
|
876
|
+
background: rgba(189, 199, 206, 0.2);
|
|
877
|
+
display: flex;
|
|
878
|
+
justify-content: center;
|
|
879
|
+
align-items: center;
|
|
880
|
+
border-radius: 50%;
|
|
881
|
+
svg {
|
|
882
|
+
width: 24px;
|
|
883
|
+
height: 24px;
|
|
884
|
+
}
|
|
885
|
+
}
|
|
886
|
+
.text-wrapper {
|
|
887
|
+
p {
|
|
888
|
+
font-size: 14px;
|
|
889
|
+
font-weight: 500;
|
|
890
|
+
&:first-child {
|
|
891
|
+
margin-bottom: 4px;
|
|
892
|
+
}
|
|
893
|
+
&:nth-child(2) {
|
|
894
|
+
font-weight: 600;
|
|
895
|
+
}
|
|
896
|
+
}
|
|
897
|
+
}
|
|
898
|
+
}
|
|
899
|
+
&-right {
|
|
900
|
+
display: flex;
|
|
901
|
+
align-items: center;
|
|
902
|
+
justify-content: center;
|
|
903
|
+
cursor: pointer;
|
|
904
|
+
}
|
|
905
|
+
}
|
|
906
|
+
}
|
|
907
|
+
&-footer {
|
|
908
|
+
width: 100%;
|
|
909
|
+
background: #007AFF;
|
|
910
|
+
padding: 20px 16px;
|
|
911
|
+
display: flex;
|
|
912
|
+
margin-top: auto;
|
|
913
|
+
position: relative;
|
|
914
|
+
z-index: 1000000;
|
|
915
|
+
button.sign {
|
|
916
|
+
span {
|
|
917
|
+
color: #fff;
|
|
918
|
+
}
|
|
919
|
+
}
|
|
920
|
+
}
|
|
636
921
|
}
|
|
637
922
|
|
|
638
|
-
.menu-
|
|
639
|
-
margin: 20px 0;
|
|
923
|
+
.menu-wrapper__bottom {
|
|
924
|
+
margin: 20px 0 0;
|
|
925
|
+
|
|
640
926
|
&-header {
|
|
641
927
|
background: rgba(189, 199, 206, 0.2);
|
|
642
928
|
padding: 4px 16px;
|
|
643
929
|
display: flex;
|
|
644
930
|
justify-content: space-between;
|
|
645
931
|
align-items: center;
|
|
932
|
+
|
|
646
933
|
span {
|
|
647
934
|
font-weight: 500;
|
|
648
935
|
font-size: 12px;
|
|
@@ -650,22 +937,34 @@ export default {
|
|
|
650
937
|
color: #666C72;
|
|
651
938
|
}
|
|
652
939
|
}
|
|
940
|
+
|
|
653
941
|
&-body {
|
|
654
942
|
padding: 8px 16px 16px;
|
|
655
943
|
display: flex;
|
|
656
944
|
flex-direction: column;
|
|
657
945
|
justify-content: space-between;
|
|
658
946
|
gap: 12px;
|
|
947
|
+
margin-bottom: 36px;
|
|
659
948
|
}
|
|
949
|
+
|
|
660
950
|
&-row {
|
|
661
951
|
display: flex;
|
|
662
952
|
justify-content: space-between;
|
|
663
953
|
align-items: center;
|
|
664
954
|
}
|
|
955
|
+
|
|
665
956
|
&-column {
|
|
666
957
|
display: flex;
|
|
667
958
|
align-items: center;
|
|
668
959
|
gap: 8px;
|
|
960
|
+
&:first-child {
|
|
961
|
+
justify-content: flex-start;
|
|
962
|
+
}
|
|
963
|
+
&:nth-child(2), &:nth-child(3) {
|
|
964
|
+
justify-content: flex-end;
|
|
965
|
+
width: 60px;;
|
|
966
|
+
}
|
|
967
|
+
|
|
669
968
|
span {
|
|
670
969
|
font-weight: 500;
|
|
671
970
|
font-size: 14px;
|
|
@@ -673,23 +972,27 @@ export default {
|
|
|
673
972
|
color: #2C3E50;
|
|
674
973
|
}
|
|
675
974
|
}
|
|
975
|
+
|
|
676
976
|
&-footer {
|
|
677
977
|
background: rgba(189, 199, 206, 0.2);
|
|
678
978
|
padding: 8px 16px;
|
|
679
979
|
display: flex;
|
|
680
980
|
flex-direction: column;
|
|
681
981
|
gap: 10px;
|
|
982
|
+
|
|
682
983
|
&-item {
|
|
683
984
|
display: flex;
|
|
684
985
|
justify-content: space-between;
|
|
685
986
|
align-items: center;
|
|
686
987
|
}
|
|
988
|
+
|
|
687
989
|
&-title {
|
|
688
990
|
font-weight: 500;
|
|
689
991
|
font-size: 14px;
|
|
690
992
|
line-height: 20px;
|
|
691
993
|
color: #2C3E50;
|
|
692
994
|
}
|
|
995
|
+
|
|
693
996
|
&-circle {
|
|
694
997
|
color: #ffffff;
|
|
695
998
|
padding: 4px 12px;
|