adata-ui 0.1.79 → 0.1.80
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 +618 -1819
- package/dist/adata-ui.common.js.map +1 -1
- package/dist/adata-ui.css +1 -1
- package/dist/adata-ui.umd.js +618 -1819
- 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 +481 -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,58 @@ export default {
|
|
|
597
787
|
|
|
598
788
|
.menu_mobile {
|
|
599
789
|
display: none;
|
|
790
|
+
grid-template-columns: 10% 90%;
|
|
791
|
+
.empty-space {
|
|
792
|
+
background: black;
|
|
793
|
+
opacity: 20%;
|
|
794
|
+
}
|
|
795
|
+
&::-webkit-scrollbar {
|
|
796
|
+
width: 4px;
|
|
797
|
+
&-thumb {
|
|
798
|
+
background: #c4c4c4;
|
|
799
|
+
}
|
|
800
|
+
&-track {
|
|
801
|
+
background: #fff;
|
|
802
|
+
}
|
|
803
|
+
}
|
|
600
804
|
|
|
601
805
|
&--switcher {
|
|
602
806
|
display: none;
|
|
807
|
+
cursor: pointer;
|
|
808
|
+
}
|
|
809
|
+
|
|
810
|
+
button.sign {
|
|
811
|
+
height: auto;
|
|
812
|
+
justify-content: flex-start;
|
|
813
|
+
|
|
814
|
+
svg {
|
|
815
|
+
margin-right: 8px;
|
|
816
|
+
height: 24px;
|
|
817
|
+
width: 24px;
|
|
818
|
+
}
|
|
819
|
+
|
|
820
|
+
span {
|
|
821
|
+
color: #007AFF;
|
|
822
|
+
font-size: 14px;
|
|
823
|
+
}
|
|
603
824
|
}
|
|
604
825
|
|
|
605
826
|
@media (max-width: 1025px) {
|
|
606
|
-
display:
|
|
827
|
+
display: grid;
|
|
828
|
+
background: transparent!important;
|
|
607
829
|
.mobile-table-head {
|
|
608
|
-
padding: 11px 16px;
|
|
609
830
|
display: flex;
|
|
610
|
-
justify-content:
|
|
611
|
-
|
|
831
|
+
justify-content: space-between;
|
|
832
|
+
padding: 20px 16px;
|
|
833
|
+
height: auto;
|
|
834
|
+
background: #ECEFF1;
|
|
835
|
+
border-bottom: 0.5px solid rgba(157, 163, 172, 0.5);
|
|
612
836
|
}
|
|
613
837
|
&-wrapper {
|
|
614
838
|
border-top: 1px solid #9da3ac4c;
|
|
615
|
-
padding:
|
|
839
|
+
padding: 16px;
|
|
616
840
|
font-weight: 600;
|
|
617
|
-
font-size:
|
|
841
|
+
font-size: 14px;
|
|
618
842
|
line-height: 22px;
|
|
619
843
|
color: #2c3e50;
|
|
620
844
|
display: block;
|
|
@@ -633,16 +857,76 @@ export default {
|
|
|
633
857
|
justify-content: center;
|
|
634
858
|
}
|
|
635
859
|
}
|
|
860
|
+
.menu-wrapper {
|
|
861
|
+
height: 100%;
|
|
862
|
+
display: flex;
|
|
863
|
+
flex-direction: column;
|
|
864
|
+
justify-content: space-between;
|
|
865
|
+
box-shadow: -6px 4px 12px rgb(157 163 172 / 40%);
|
|
866
|
+
background: #fff;
|
|
867
|
+
&__top {
|
|
868
|
+
&-left {
|
|
869
|
+
display: flex;
|
|
870
|
+
gap: 8px;
|
|
871
|
+
align-items: center;
|
|
872
|
+
.svg-wrapper {
|
|
873
|
+
width: 32px;
|
|
874
|
+
height: 32px;
|
|
875
|
+
background: rgba(189, 199, 206, 0.2);
|
|
876
|
+
display: flex;
|
|
877
|
+
justify-content: center;
|
|
878
|
+
align-items: center;
|
|
879
|
+
border-radius: 50%;
|
|
880
|
+
svg {
|
|
881
|
+
width: 24px;
|
|
882
|
+
height: 24px;
|
|
883
|
+
}
|
|
884
|
+
}
|
|
885
|
+
.text-wrapper {
|
|
886
|
+
p {
|
|
887
|
+
font-size: 14px;
|
|
888
|
+
font-weight: 500;
|
|
889
|
+
&:first-child {
|
|
890
|
+
margin-bottom: 4px;
|
|
891
|
+
}
|
|
892
|
+
&:nth-child(2) {
|
|
893
|
+
font-weight: 600;
|
|
894
|
+
}
|
|
895
|
+
}
|
|
896
|
+
}
|
|
897
|
+
}
|
|
898
|
+
&-right {
|
|
899
|
+
display: flex;
|
|
900
|
+
align-items: center;
|
|
901
|
+
justify-content: center;
|
|
902
|
+
cursor: pointer;
|
|
903
|
+
}
|
|
904
|
+
}
|
|
905
|
+
}
|
|
906
|
+
&-footer {
|
|
907
|
+
width: 100%;
|
|
908
|
+
background: #007AFF;
|
|
909
|
+
padding: 20px 16px;
|
|
910
|
+
display: flex;
|
|
911
|
+
margin-top: auto;
|
|
912
|
+
button.sign {
|
|
913
|
+
span {
|
|
914
|
+
color: #fff;
|
|
915
|
+
}
|
|
916
|
+
}
|
|
917
|
+
}
|
|
636
918
|
}
|
|
637
919
|
|
|
638
|
-
.menu-
|
|
639
|
-
margin: 20px 0;
|
|
920
|
+
.menu-wrapper__bottom {
|
|
921
|
+
margin: 20px 0 0;
|
|
922
|
+
|
|
640
923
|
&-header {
|
|
641
924
|
background: rgba(189, 199, 206, 0.2);
|
|
642
925
|
padding: 4px 16px;
|
|
643
926
|
display: flex;
|
|
644
927
|
justify-content: space-between;
|
|
645
928
|
align-items: center;
|
|
929
|
+
|
|
646
930
|
span {
|
|
647
931
|
font-weight: 500;
|
|
648
932
|
font-size: 12px;
|
|
@@ -650,22 +934,34 @@ export default {
|
|
|
650
934
|
color: #666C72;
|
|
651
935
|
}
|
|
652
936
|
}
|
|
937
|
+
|
|
653
938
|
&-body {
|
|
654
939
|
padding: 8px 16px 16px;
|
|
655
940
|
display: flex;
|
|
656
941
|
flex-direction: column;
|
|
657
942
|
justify-content: space-between;
|
|
658
943
|
gap: 12px;
|
|
944
|
+
margin-bottom: 36px;
|
|
659
945
|
}
|
|
946
|
+
|
|
660
947
|
&-row {
|
|
661
948
|
display: flex;
|
|
662
949
|
justify-content: space-between;
|
|
663
950
|
align-items: center;
|
|
664
951
|
}
|
|
952
|
+
|
|
665
953
|
&-column {
|
|
666
954
|
display: flex;
|
|
667
955
|
align-items: center;
|
|
668
956
|
gap: 8px;
|
|
957
|
+
&:first-child {
|
|
958
|
+
justify-content: flex-start;
|
|
959
|
+
}
|
|
960
|
+
&:nth-child(2), &:nth-child(3) {
|
|
961
|
+
justify-content: flex-end;
|
|
962
|
+
width: 60px;;
|
|
963
|
+
}
|
|
964
|
+
|
|
669
965
|
span {
|
|
670
966
|
font-weight: 500;
|
|
671
967
|
font-size: 14px;
|
|
@@ -673,23 +969,27 @@ export default {
|
|
|
673
969
|
color: #2C3E50;
|
|
674
970
|
}
|
|
675
971
|
}
|
|
972
|
+
|
|
676
973
|
&-footer {
|
|
677
974
|
background: rgba(189, 199, 206, 0.2);
|
|
678
975
|
padding: 8px 16px;
|
|
679
976
|
display: flex;
|
|
680
977
|
flex-direction: column;
|
|
681
978
|
gap: 10px;
|
|
979
|
+
|
|
682
980
|
&-item {
|
|
683
981
|
display: flex;
|
|
684
982
|
justify-content: space-between;
|
|
685
983
|
align-items: center;
|
|
686
984
|
}
|
|
985
|
+
|
|
687
986
|
&-title {
|
|
688
987
|
font-weight: 500;
|
|
689
988
|
font-size: 14px;
|
|
690
989
|
line-height: 20px;
|
|
691
990
|
color: #2C3E50;
|
|
692
991
|
}
|
|
992
|
+
|
|
693
993
|
&-circle {
|
|
694
994
|
color: #ffffff;
|
|
695
995
|
padding: 4px 12px;
|