adata-ui 0.1.72 → 0.1.73
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 +282 -31
- package/dist/adata-ui.common.js.map +1 -1
- package/dist/adata-ui.css +1 -1
- package/dist/adata-ui.umd.js +282 -31
- package/dist/adata-ui.umd.js.map +1 -1
- package/dist/adata-ui.umd.min.js +1 -1
- package/dist/adata-ui.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/App.vue +1 -2
- package/src/components/Header/Profile.vue +415 -158
- package/src/components/SearchTextField/SearchTextField.vue +1 -0
|
@@ -1,85 +1,190 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="profile" :class="{ active: active }">
|
|
3
|
-
<div
|
|
3
|
+
<div
|
|
4
|
+
v-click-outside="
|
|
5
|
+
() => {
|
|
6
|
+
active = false;
|
|
7
|
+
}
|
|
8
|
+
"
|
|
9
|
+
>
|
|
4
10
|
<div class="profile__inner">
|
|
5
11
|
<div class="profile__item" @click="active = !active">
|
|
6
12
|
<div v-show="isAuthenticated" class="profile__item-link">
|
|
7
13
|
<span class="desktop">{{ email }}</span>
|
|
8
|
-
<svg
|
|
14
|
+
<svg
|
|
15
|
+
width="18"
|
|
16
|
+
height="18"
|
|
17
|
+
fill="#25476AFF"
|
|
18
|
+
class="desktop arrow-svg"
|
|
19
|
+
:class="{ rotate: active }"
|
|
20
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
21
|
+
viewBox="0 0 16 16"
|
|
22
|
+
>
|
|
9
23
|
<path fill="none" d="M0 0h16v16H0z"></path>
|
|
10
|
-
<path
|
|
24
|
+
<path
|
|
25
|
+
fill="none"
|
|
26
|
+
d="M3 6.5L8 10l5-3.5"
|
|
27
|
+
stroke="#2C3E50"
|
|
28
|
+
stroke-linecap="round"
|
|
29
|
+
stroke-linejoin="round"
|
|
30
|
+
></path>
|
|
11
31
|
</svg>
|
|
12
32
|
</div>
|
|
13
33
|
<div v-show="isAuthenticated" class="profile__item-link">
|
|
14
|
-
<svg
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
34
|
+
<svg
|
|
35
|
+
width="18"
|
|
36
|
+
height="18"
|
|
37
|
+
fill="#25476AFF"
|
|
38
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
39
|
+
viewBox="0 0 24 24"
|
|
40
|
+
class="user"
|
|
41
|
+
>
|
|
42
|
+
<path
|
|
43
|
+
fill-rule="evenodd"
|
|
44
|
+
clip-rule="evenodd"
|
|
45
|
+
d="M15.5 8a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0zm-1.023 4.344a5 5 0 10-4.954 0C5.757 13.417 3 16.874 3 20.974V21h1.543v-.026c0-4.106 3.339-7.435 7.457-7.435 4.119 0 7.457 3.329 7.457 7.435V21H21v-.026c0-4.1-2.757-7.557-6.523-8.63z"
|
|
46
|
+
fill="#2C3E50"
|
|
47
|
+
></path>
|
|
18
48
|
</svg>
|
|
19
49
|
</div>
|
|
20
|
-
<
|
|
21
|
-
|
|
50
|
+
<button
|
|
51
|
+
@click.prevent="goAuth"
|
|
52
|
+
class="sign"
|
|
53
|
+
v-show="!isAuthenticated"
|
|
54
|
+
>
|
|
55
|
+
<svg
|
|
56
|
+
width="18"
|
|
57
|
+
height="18"
|
|
58
|
+
fill="#25476AFF"
|
|
59
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
60
|
+
viewBox="0 0 16 16"
|
|
61
|
+
class="desktop"
|
|
62
|
+
>
|
|
22
63
|
<path fill="#fff" d="M0 0h16v16H0z" stroke="none"></path>
|
|
23
|
-
<path
|
|
24
|
-
|
|
64
|
+
<path
|
|
65
|
+
d="M8 10l2-2.054L8.077 6"
|
|
66
|
+
stroke-miterlimit="10"
|
|
67
|
+
stroke-linecap="round"
|
|
68
|
+
stroke-linejoin="round"
|
|
69
|
+
></path>
|
|
70
|
+
<path
|
|
71
|
+
d="M6 4.1V2h8v12H6v-1.65M9 8H2"
|
|
72
|
+
stroke-miterlimit="10"
|
|
73
|
+
stroke-linecap="round"
|
|
74
|
+
stroke-linejoin="round"
|
|
75
|
+
></path>
|
|
25
76
|
</svg>
|
|
26
|
-
<svg
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
77
|
+
<svg
|
|
78
|
+
width="18"
|
|
79
|
+
height="18"
|
|
80
|
+
fill="#25476AFF"
|
|
81
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
82
|
+
viewBox="0 0 24 24"
|
|
83
|
+
class="user"
|
|
84
|
+
>
|
|
85
|
+
<path
|
|
86
|
+
fill-rule="evenodd"
|
|
87
|
+
clip-rule="evenodd"
|
|
88
|
+
d="M13 7.94L17.06 12 13 16.06 11.94 15l3-3-3-3L13 7.94z"
|
|
89
|
+
fill="#2C3E50"
|
|
90
|
+
></path>
|
|
91
|
+
<path
|
|
92
|
+
fill-rule="evenodd"
|
|
93
|
+
clip-rule="evenodd"
|
|
94
|
+
d="M8.25 2.25h13.5v19.5H8.25v-4.5h1.5v3h10.5V3.75H9.75v3h-1.5v-4.5z"
|
|
95
|
+
fill="#2C3E50"
|
|
96
|
+
></path>
|
|
97
|
+
<path
|
|
98
|
+
fill-rule="evenodd"
|
|
99
|
+
clip-rule="evenodd"
|
|
100
|
+
d="M2.25 11.25h13.5v1.5H2.25v-1.5z"
|
|
101
|
+
fill="#2C3E50"
|
|
102
|
+
></path>
|
|
30
103
|
</svg>
|
|
31
104
|
<span class="sign_text">Вход</span>
|
|
32
|
-
</
|
|
105
|
+
</button>
|
|
33
106
|
</div>
|
|
34
107
|
</div>
|
|
35
108
|
<SlideToggle v-slot="{ animationClass }">
|
|
36
109
|
<div
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
110
|
+
class="profile-menu"
|
|
111
|
+
v-if="isAuthenticated"
|
|
112
|
+
v-show="active"
|
|
113
|
+
:class="animationClass"
|
|
41
114
|
>
|
|
42
115
|
<div class="profile-menu__inner">
|
|
43
116
|
<div class="profile-menu__items" v-if="listDropDown.length">
|
|
44
117
|
<div v-for="(elem, index) in listDropDown" :key="index">
|
|
45
|
-
<a
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
118
|
+
<a
|
|
119
|
+
:href="elem[mode]"
|
|
120
|
+
:class="
|
|
121
|
+
elem.link
|
|
122
|
+
? 'profile-menu__balance-link'
|
|
123
|
+
: 'profile-menu__links'
|
|
124
|
+
"
|
|
125
|
+
class="gray-text"
|
|
126
|
+
v-if="elem[mode]"
|
|
127
|
+
@click="preventLink(elem.disabled, $event)"
|
|
128
|
+
onclick="`return false`"
|
|
50
129
|
>
|
|
51
130
|
<div>
|
|
52
131
|
{{ elem.name }}
|
|
53
132
|
</div>
|
|
54
133
|
<span
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
134
|
+
v-if="elem.link"
|
|
135
|
+
@click="showModal(elem[mode], elem.name)"
|
|
136
|
+
class="profile-menu__balance"
|
|
58
137
|
>
|
|
59
|
-
|
|
60
|
-
|
|
138
|
+
{{ elem.link }}
|
|
139
|
+
</span>
|
|
61
140
|
</a>
|
|
62
|
-
<div
|
|
63
|
-
|
|
141
|
+
<div
|
|
142
|
+
v-if="elem.children"
|
|
143
|
+
@click="rotateItem(index)"
|
|
144
|
+
class="gray-text profile-menu__item"
|
|
145
|
+
>
|
|
146
|
+
<div class="profile-menu__item__children">
|
|
147
|
+
{{ elem.name }}
|
|
64
148
|
<span v-if="elem.children.length > 0">
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
149
|
+
<svg
|
|
150
|
+
width="12"
|
|
151
|
+
height="8"
|
|
152
|
+
viewBox="0 0 12 8"
|
|
153
|
+
fill="none"
|
|
154
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
155
|
+
:class="{ rotated: elem.opened }"
|
|
156
|
+
>
|
|
157
|
+
<path
|
|
158
|
+
d="M1 1.5L6 6.5L11 1.5"
|
|
159
|
+
stroke="#69797D"
|
|
160
|
+
stroke-width="2"
|
|
161
|
+
stroke-linecap="round"
|
|
162
|
+
stroke-linejoin="round"
|
|
163
|
+
/>
|
|
164
|
+
</svg>
|
|
69
165
|
</span>
|
|
70
166
|
</div>
|
|
71
|
-
<SlideToggle
|
|
167
|
+
<SlideToggle
|
|
168
|
+
v-slot="{ animationClass }"
|
|
169
|
+
:class="animationClass"
|
|
170
|
+
>
|
|
72
171
|
<div v-if="elem.opened">
|
|
73
172
|
<template v-for="(child, idx) in elem.children">
|
|
74
173
|
<div
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
174
|
+
class="profile-menu__item__child"
|
|
175
|
+
:key="idx + 'link'"
|
|
176
|
+
v-if="child[mode]"
|
|
177
|
+
@click="handleClick(child[mode], child.name)"
|
|
79
178
|
>
|
|
80
179
|
<span>
|
|
81
|
-
<svg
|
|
82
|
-
|
|
180
|
+
<svg
|
|
181
|
+
width="4"
|
|
182
|
+
height="4"
|
|
183
|
+
viewBox="0 0 4 4"
|
|
184
|
+
fill="none"
|
|
185
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
186
|
+
>
|
|
187
|
+
<circle cx="2" cy="2" r="2" fill="#2C3E50" />
|
|
83
188
|
</svg>
|
|
84
189
|
{{ child.name }}
|
|
85
190
|
</span>
|
|
@@ -91,9 +196,19 @@
|
|
|
91
196
|
</div>
|
|
92
197
|
</div>
|
|
93
198
|
<div class="exit" @click="logout">
|
|
94
|
-
<svg
|
|
95
|
-
|
|
96
|
-
|
|
199
|
+
<svg
|
|
200
|
+
width="18"
|
|
201
|
+
height="18"
|
|
202
|
+
fill="#25476AFF"
|
|
203
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
204
|
+
viewBox="0 0 16 16"
|
|
205
|
+
>
|
|
206
|
+
<path
|
|
207
|
+
d="M11 10l2-2.054L11.077 6M10 11.9V14H2V2h8v1.65M12 8H5"
|
|
208
|
+
stroke-miterlimit="10"
|
|
209
|
+
stroke-linecap="round"
|
|
210
|
+
stroke-linejoin="round"
|
|
211
|
+
></path>
|
|
97
212
|
</svg>
|
|
98
213
|
Выход
|
|
99
214
|
</div>
|
|
@@ -101,36 +216,81 @@
|
|
|
101
216
|
</div>
|
|
102
217
|
</SlideToggle>
|
|
103
218
|
<MobileToggle v-slot="{ animationClass }">
|
|
104
|
-
<div
|
|
219
|
+
<div
|
|
220
|
+
v-show="isAuthenticated && active"
|
|
221
|
+
class="mobile-table"
|
|
222
|
+
:class="animationClass"
|
|
223
|
+
>
|
|
105
224
|
<div class="mobile-table-head">
|
|
106
225
|
<p>Профиль пользователя</p>
|
|
107
226
|
<!-- close_hamburger-->
|
|
108
|
-
<svg
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
227
|
+
<svg
|
|
228
|
+
@click.stop="active = !active"
|
|
229
|
+
fill="none"
|
|
230
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
231
|
+
viewBox="0 0 24 24"
|
|
232
|
+
id="close_hamburger"
|
|
233
|
+
>
|
|
234
|
+
<path
|
|
235
|
+
fill-rule="evenodd"
|
|
236
|
+
clip-rule="evenodd"
|
|
237
|
+
d="M4.414 18.142L18.556 4l1.415 1.414L5.828 19.556l-1.414-1.414z"
|
|
238
|
+
fill="#2C3E50"
|
|
239
|
+
></path>
|
|
240
|
+
<path
|
|
241
|
+
fill-rule="evenodd"
|
|
242
|
+
clip-rule="evenodd"
|
|
243
|
+
d="M5.414 4l14.142 14.142-1.414 1.414L4 5.414 5.414 4z"
|
|
244
|
+
fill="#2C3E50"
|
|
245
|
+
></path>
|
|
113
246
|
</svg>
|
|
114
247
|
</div>
|
|
115
248
|
<div class="profile-menu-mobile">
|
|
116
249
|
<div class="profile-menu-mobile__inner">
|
|
117
|
-
<div
|
|
118
|
-
|
|
250
|
+
<div
|
|
251
|
+
class="profile-menu-mobile__items"
|
|
252
|
+
v-if="listDropDown.length > 0"
|
|
253
|
+
>
|
|
254
|
+
<div
|
|
255
|
+
v-for="(elem, index) in listDropDown"
|
|
256
|
+
:key="index"
|
|
257
|
+
class="bb"
|
|
258
|
+
>
|
|
119
259
|
<div
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
260
|
+
@click="handleClick(elem[mode], elem.name)"
|
|
261
|
+
v-if="elem[mode]"
|
|
262
|
+
:class="
|
|
263
|
+
elem.link
|
|
264
|
+
? 'profile-menu-mobile__balance-link'
|
|
265
|
+
: 'profile-menu-mobile__links'
|
|
266
|
+
"
|
|
123
267
|
>
|
|
124
268
|
<div v-if="!elem.link" class="button-inner">
|
|
125
269
|
<div>{{ elem.name }}</div>
|
|
126
270
|
<!-- arrow_right -->
|
|
127
|
-
<svg
|
|
128
|
-
|
|
129
|
-
|
|
271
|
+
<svg
|
|
272
|
+
width="18"
|
|
273
|
+
height="18"
|
|
274
|
+
fill="none"
|
|
275
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
276
|
+
viewBox="0 0 10 18"
|
|
277
|
+
v-show="!elem.withoutArray"
|
|
278
|
+
>
|
|
279
|
+
<path
|
|
280
|
+
fill-rule="evenodd"
|
|
281
|
+
clip-rule="evenodd"
|
|
282
|
+
d="M2.108.59L9.318 9l-7.21 8.41L.59 16.108 6.683 9 .59 1.892 2.108.59z"
|
|
283
|
+
fill="#2C3E50"
|
|
284
|
+
></path>
|
|
130
285
|
</svg>
|
|
131
286
|
</div>
|
|
132
|
-
<div
|
|
133
|
-
|
|
287
|
+
<div
|
|
288
|
+
v-if="elem.link"
|
|
289
|
+
class="profile-menu-mobile__balance-items"
|
|
290
|
+
>
|
|
291
|
+
<div
|
|
292
|
+
class="profile-menu-mobile__balance-items__upper-text"
|
|
293
|
+
>
|
|
134
294
|
{{ elem.name.substr(0, 15) }}
|
|
135
295
|
</div>
|
|
136
296
|
<div class="profile-menu-mobile__balance__bot-text">
|
|
@@ -138,20 +298,34 @@
|
|
|
138
298
|
</div>
|
|
139
299
|
</div>
|
|
140
300
|
<span
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
301
|
+
v-if="elem.link"
|
|
302
|
+
@click="$emit('showBalanceModal', true)"
|
|
303
|
+
class="profile-menu-mobile__balance"
|
|
144
304
|
>
|
|
145
|
-
|
|
146
|
-
|
|
305
|
+
{{ elem.link }}
|
|
306
|
+
</span>
|
|
147
307
|
</div>
|
|
148
|
-
<div
|
|
308
|
+
<div
|
|
309
|
+
v-if="elem.children"
|
|
310
|
+
@click="rotateItem(index)"
|
|
311
|
+
class="profile-menu-mobile__links"
|
|
312
|
+
>
|
|
149
313
|
<div class="button-inner">
|
|
150
314
|
<div>{{ elem.name }}</div>
|
|
151
315
|
<!-- arrow_right -->
|
|
152
|
-
<svg
|
|
153
|
-
|
|
154
|
-
|
|
316
|
+
<svg
|
|
317
|
+
width="18"
|
|
318
|
+
height="18"
|
|
319
|
+
fill="none"
|
|
320
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
321
|
+
viewBox="0 0 10 18"
|
|
322
|
+
>
|
|
323
|
+
<path
|
|
324
|
+
fill-rule="evenodd"
|
|
325
|
+
clip-rule="evenodd"
|
|
326
|
+
d="M2.108.59L9.318 9l-7.21 8.41L.59 16.108 6.683 9 .59 1.892 2.108.59z"
|
|
327
|
+
fill="#2C3E50"
|
|
328
|
+
></path>
|
|
155
329
|
</svg>
|
|
156
330
|
</div>
|
|
157
331
|
</div>
|
|
@@ -160,14 +334,32 @@
|
|
|
160
334
|
</div>
|
|
161
335
|
<div class="exit-mob" @click="logout">
|
|
162
336
|
<!-- exit-black-->
|
|
163
|
-
<svg
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
337
|
+
<svg
|
|
338
|
+
width="18"
|
|
339
|
+
height="18"
|
|
340
|
+
fill="#25476AFF"
|
|
341
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
342
|
+
viewBox="0 0 24 24"
|
|
343
|
+
class="arrow-svg"
|
|
344
|
+
>
|
|
345
|
+
<path
|
|
346
|
+
fill-rule="evenodd"
|
|
347
|
+
clip-rule="evenodd"
|
|
348
|
+
d="M17.7501 7.93933L21.8108 12L17.7501 16.0607L16.6895 15L19.6895 12L16.6895 8.99999L17.7501 7.93933Z"
|
|
349
|
+
fill="#2C3E50"
|
|
350
|
+
></path>
|
|
351
|
+
<path
|
|
352
|
+
fill-rule="evenodd"
|
|
353
|
+
clip-rule="evenodd"
|
|
354
|
+
d="M15.5 2.25H2V21.75H15.5V17.25H14V20.25H3.5V3.75H14V6.75H15.5V2.25Z"
|
|
355
|
+
fill="#2C3E50"
|
|
356
|
+
></path>
|
|
357
|
+
<path
|
|
358
|
+
fill-rule="evenodd"
|
|
359
|
+
clip-rule="evenodd"
|
|
360
|
+
d="M7 11.25L20.5 11.25L20.5 12.75L7 12.75L7 11.25Z"
|
|
361
|
+
fill="#2C3E50"
|
|
362
|
+
></path>
|
|
171
363
|
</svg>
|
|
172
364
|
Выход
|
|
173
365
|
</div>
|
|
@@ -176,29 +368,55 @@
|
|
|
176
368
|
</MobileToggle>
|
|
177
369
|
<MobileToggle v-slot="{ animationClass }">
|
|
178
370
|
<div
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
371
|
+
v-show="
|
|
372
|
+
someMobileOpened.length > 0 &&
|
|
373
|
+
chosenElem &&
|
|
374
|
+
chosenElem.children.length > 0
|
|
375
|
+
"
|
|
376
|
+
:class="animationClass"
|
|
377
|
+
class="mobile-table"
|
|
182
378
|
>
|
|
183
379
|
<div class="mobile-table-head mobile-table-head-chosen">
|
|
184
380
|
<div @click="chosenElem.opened = false">
|
|
185
381
|
<!-- arrow_right -->
|
|
186
|
-
<svg
|
|
187
|
-
|
|
188
|
-
|
|
382
|
+
<svg
|
|
383
|
+
width="18"
|
|
384
|
+
height="18"
|
|
385
|
+
fill="none"
|
|
386
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
387
|
+
class="rotated"
|
|
388
|
+
viewBox="0 0 10 18"
|
|
389
|
+
>
|
|
390
|
+
<path
|
|
391
|
+
fill-rule="evenodd"
|
|
392
|
+
clip-rule="evenodd"
|
|
393
|
+
d="M2.108.59L9.318 9l-7.21 8.41L.59 16.108 6.683 9 .59 1.892 2.108.59z"
|
|
394
|
+
fill="#2C3E50"
|
|
395
|
+
></path>
|
|
189
396
|
</svg>
|
|
190
397
|
</div>
|
|
191
398
|
<p>{{ chosenElem.name }}</p>
|
|
192
399
|
</div>
|
|
193
|
-
<div
|
|
194
|
-
class="profile-menu-mobile"
|
|
195
|
-
>
|
|
400
|
+
<div class="profile-menu-mobile">
|
|
196
401
|
<div class="profile-menu-mobile__inner">
|
|
197
|
-
<div
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
402
|
+
<div
|
|
403
|
+
class="profile-menu-mobile__items"
|
|
404
|
+
v-if="chosenElem.children.length > 0"
|
|
405
|
+
>
|
|
406
|
+
<div
|
|
407
|
+
v-for="(elem, index) in chosenElem.children"
|
|
408
|
+
:key="index"
|
|
409
|
+
class="bb"
|
|
410
|
+
>
|
|
411
|
+
<div
|
|
412
|
+
@click="handleClick(elem[mode], elem.name)"
|
|
413
|
+
v-if="elem[mode]"
|
|
414
|
+
:class="
|
|
415
|
+
elem.link
|
|
416
|
+
? 'profile-menu-mobile__balance-link'
|
|
417
|
+
: 'profile-menu-mobile__links'
|
|
418
|
+
"
|
|
419
|
+
>
|
|
202
420
|
<div class="button-inner">
|
|
203
421
|
<div>{{ elem.name }}</div>
|
|
204
422
|
</div>
|
|
@@ -208,14 +426,32 @@
|
|
|
208
426
|
</div>
|
|
209
427
|
<div class="exit-mob" @click="logout">
|
|
210
428
|
<!-- exit-black-->
|
|
211
|
-
<svg
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
429
|
+
<svg
|
|
430
|
+
width="18"
|
|
431
|
+
height="18"
|
|
432
|
+
fill="#25476AFF"
|
|
433
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
434
|
+
viewBox="0 0 24 24"
|
|
435
|
+
class="arrow-svg"
|
|
436
|
+
>
|
|
437
|
+
<path
|
|
438
|
+
fill-rule="evenodd"
|
|
439
|
+
clip-rule="evenodd"
|
|
440
|
+
d="M17.7501 7.93933L21.8108 12L17.7501 16.0607L16.6895 15L19.6895 12L16.6895 8.99999L17.7501 7.93933Z"
|
|
441
|
+
fill="#2C3E50"
|
|
442
|
+
></path>
|
|
443
|
+
<path
|
|
444
|
+
fill-rule="evenodd"
|
|
445
|
+
clip-rule="evenodd"
|
|
446
|
+
d="M15.5 2.25H2V21.75H15.5V17.25H14V20.25H3.5V3.75H14V6.75H15.5V2.25Z"
|
|
447
|
+
fill="#2C3E50"
|
|
448
|
+
></path>
|
|
449
|
+
<path
|
|
450
|
+
fill-rule="evenodd"
|
|
451
|
+
clip-rule="evenodd"
|
|
452
|
+
d="M7 11.25L20.5 11.25L20.5 12.75L7 12.75L7 11.25Z"
|
|
453
|
+
fill="#2C3E50"
|
|
454
|
+
></path>
|
|
219
455
|
</svg>
|
|
220
456
|
Выход
|
|
221
457
|
</div>
|
|
@@ -240,8 +476,8 @@ export default {
|
|
|
240
476
|
type: String,
|
|
241
477
|
required: true,
|
|
242
478
|
validator: function (value) {
|
|
243
|
-
return [
|
|
244
|
-
}
|
|
479
|
+
return ["prod", "dev", "staging"].indexOf(value) !== -1;
|
|
480
|
+
},
|
|
245
481
|
},
|
|
246
482
|
profileDropDown: {
|
|
247
483
|
type: Array,
|
|
@@ -249,53 +485,69 @@ export default {
|
|
|
249
485
|
},
|
|
250
486
|
isAuthenticated: {
|
|
251
487
|
type: Boolean,
|
|
252
|
-
default: false
|
|
488
|
+
default: false,
|
|
253
489
|
},
|
|
254
490
|
email: {
|
|
255
491
|
type: String,
|
|
256
|
-
default: ""
|
|
492
|
+
default: "",
|
|
257
493
|
},
|
|
258
494
|
loginUrl: {
|
|
259
495
|
type: String,
|
|
260
496
|
default: "",
|
|
261
|
-
required: true
|
|
497
|
+
required: true,
|
|
262
498
|
},
|
|
263
499
|
activeTabKey: {
|
|
264
500
|
type: String,
|
|
265
501
|
default: "",
|
|
266
|
-
required: true
|
|
267
|
-
}
|
|
502
|
+
required: true,
|
|
503
|
+
},
|
|
268
504
|
},
|
|
269
505
|
components: {
|
|
270
506
|
SlideToggle,
|
|
271
|
-
MobileToggle
|
|
507
|
+
MobileToggle,
|
|
272
508
|
},
|
|
273
509
|
data() {
|
|
274
510
|
return {
|
|
275
511
|
active: false,
|
|
276
512
|
listDropDown: [],
|
|
277
513
|
chosenElem: {
|
|
278
|
-
children: []
|
|
279
|
-
}
|
|
514
|
+
children: [],
|
|
515
|
+
},
|
|
280
516
|
};
|
|
281
517
|
},
|
|
282
518
|
mounted() {
|
|
283
519
|
if (this.profileDropDown && this.profileDropDown.length > 0) {
|
|
284
|
-
this.listDropDown = [...this.profileDropDown]
|
|
520
|
+
this.listDropDown = [...this.profileDropDown];
|
|
285
521
|
}
|
|
286
|
-
if(
|
|
287
|
-
this.
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
this.chosenElem = this.listDropDown.find(
|
|
522
|
+
if (
|
|
523
|
+
this.activeTabKey === "counterparty" &&
|
|
524
|
+
window &&
|
|
525
|
+
window.innerWidth > 850
|
|
526
|
+
) {
|
|
527
|
+
this.chosenElem = this.listDropDown.find(
|
|
528
|
+
(el) => el.name === "Контрагенты"
|
|
529
|
+
);
|
|
530
|
+
} else if (
|
|
531
|
+
this.activeTabKey === "tenders" &&
|
|
532
|
+
window &&
|
|
533
|
+
window.innerWidth > 850
|
|
534
|
+
) {
|
|
535
|
+
this.chosenElem = this.listDropDown.find((el) => el.name === "Тендеры");
|
|
536
|
+
} else if (
|
|
537
|
+
this.activeTabKey === "work" &&
|
|
538
|
+
window &&
|
|
539
|
+
window.innerWidth > 850
|
|
540
|
+
) {
|
|
541
|
+
this.chosenElem = this.listDropDown.find((el) => el.name === "Работа");
|
|
292
542
|
}
|
|
293
543
|
this.chosenElem.opened = true;
|
|
294
544
|
},
|
|
295
545
|
computed: {
|
|
296
546
|
someMobileOpened() {
|
|
297
|
-
return this.listDropDown.filter(
|
|
298
|
-
|
|
547
|
+
return this.listDropDown.filter(
|
|
548
|
+
(el) => el.opened && el.children.length > 0
|
|
549
|
+
);
|
|
550
|
+
},
|
|
299
551
|
},
|
|
300
552
|
methods: {
|
|
301
553
|
setShowModal(bool) {
|
|
@@ -306,21 +558,21 @@ export default {
|
|
|
306
558
|
},
|
|
307
559
|
preventLink(disabled, e) {
|
|
308
560
|
if (disabled) {
|
|
309
|
-
e.preventDefault()
|
|
561
|
+
e.preventDefault();
|
|
310
562
|
}
|
|
311
563
|
},
|
|
312
564
|
async showModal(url, name) {
|
|
313
|
-
if (name.includes(
|
|
314
|
-
if(window.location.href.includes(url)) {
|
|
565
|
+
if (name.includes("Текущий")) {
|
|
566
|
+
if (window.location.href.includes(url)) {
|
|
315
567
|
this.$emit("setIsReplenishModal", true);
|
|
316
568
|
this.setShowModal(true);
|
|
317
569
|
} else {
|
|
318
|
-
await window.open(url + "&modal=show", "_self")
|
|
570
|
+
await window.open(url + "&modal=show", "_self");
|
|
319
571
|
}
|
|
320
572
|
}
|
|
321
573
|
},
|
|
322
574
|
handleClick(url, name) {
|
|
323
|
-
if (!name.includes(
|
|
575
|
+
if (!name.includes("Текущий")) {
|
|
324
576
|
window.open(url, "_self");
|
|
325
577
|
// this.active = false;
|
|
326
578
|
// if (this.chosenElem) this.chosenElem.opened = false;
|
|
@@ -328,15 +580,19 @@ export default {
|
|
|
328
580
|
},
|
|
329
581
|
rotateItem(index) {
|
|
330
582
|
this.chosenElem = this.listDropDown[index];
|
|
331
|
-
this.$set(
|
|
583
|
+
this.$set(
|
|
584
|
+
this.listDropDown[index],
|
|
585
|
+
"opened",
|
|
586
|
+
!this.listDropDown[index].opened
|
|
587
|
+
);
|
|
332
588
|
},
|
|
333
589
|
goAuth() {
|
|
334
|
-
const fullPath = encodeURIComponent(window.location.toString())
|
|
590
|
+
const fullPath = encodeURIComponent(window.location.toString());
|
|
335
591
|
if (window) {
|
|
336
|
-
window.location.href = `${this.loginUrl}?url=${fullPath}
|
|
592
|
+
window.location.href = `${this.loginUrl}?url=${fullPath}`;
|
|
337
593
|
}
|
|
338
|
-
}
|
|
339
|
-
}
|
|
594
|
+
},
|
|
595
|
+
},
|
|
340
596
|
};
|
|
341
597
|
</script>
|
|
342
598
|
|
|
@@ -347,7 +603,7 @@ a {
|
|
|
347
603
|
}
|
|
348
604
|
|
|
349
605
|
svg {
|
|
350
|
-
transition: all .3s linear;
|
|
606
|
+
transition: all 0.3s linear;
|
|
351
607
|
}
|
|
352
608
|
|
|
353
609
|
svg.rotated {
|
|
@@ -409,7 +665,6 @@ svg.rotated {
|
|
|
409
665
|
height: 16px;
|
|
410
666
|
transform: rotate(0deg);
|
|
411
667
|
|
|
412
|
-
|
|
413
668
|
&.rotate {
|
|
414
669
|
transform: rotate(180deg);
|
|
415
670
|
}
|
|
@@ -438,18 +693,19 @@ svg.rotated {
|
|
|
438
693
|
cursor: pointer;
|
|
439
694
|
|
|
440
695
|
div:not(:last-child) > a > .gray-text {
|
|
441
|
-
border-bottom: 0.5px solid #
|
|
696
|
+
border-bottom: 0.5px solid #bdc7ce;
|
|
442
697
|
}
|
|
443
698
|
|
|
444
699
|
div:not(:last-child) > .gray-text {
|
|
445
|
-
border-bottom: 0.5px solid #
|
|
700
|
+
border-bottom: 0.5px solid #bdc7ce;
|
|
446
701
|
|
|
447
702
|
& + div {
|
|
448
703
|
padding: 10px 16px;
|
|
449
704
|
}
|
|
450
705
|
}
|
|
451
706
|
|
|
452
|
-
div
|
|
707
|
+
div
|
|
708
|
+
> .gray-text:not(.profile-menu__balance-link):not(.profile-menu__links) {
|
|
453
709
|
padding: 0;
|
|
454
710
|
|
|
455
711
|
a {
|
|
@@ -466,11 +722,11 @@ svg.rotated {
|
|
|
466
722
|
padding: 0 16px 0 32px;
|
|
467
723
|
height: 40px;
|
|
468
724
|
display: flex;
|
|
469
|
-
border-top: 0.5px solid #
|
|
725
|
+
border-top: 0.5px solid #bdc7ce;
|
|
470
726
|
align-items: center;
|
|
471
727
|
|
|
472
728
|
&:hover {
|
|
473
|
-
background: #
|
|
729
|
+
background: #2c3e500c;
|
|
474
730
|
}
|
|
475
731
|
|
|
476
732
|
span {
|
|
@@ -481,7 +737,7 @@ svg.rotated {
|
|
|
481
737
|
margin-right: 5px;
|
|
482
738
|
|
|
483
739
|
path {
|
|
484
|
-
fill: #
|
|
740
|
+
fill: #2c3e500c !important;
|
|
485
741
|
}
|
|
486
742
|
}
|
|
487
743
|
}
|
|
@@ -494,7 +750,7 @@ svg.rotated {
|
|
|
494
750
|
align-items: center;
|
|
495
751
|
height: 40px;
|
|
496
752
|
&:hover {
|
|
497
|
-
background: #
|
|
753
|
+
background: #2c3e500c;
|
|
498
754
|
}
|
|
499
755
|
}
|
|
500
756
|
|
|
@@ -539,7 +795,7 @@ svg.rotated {
|
|
|
539
795
|
}
|
|
540
796
|
|
|
541
797
|
.exit {
|
|
542
|
-
background: #
|
|
798
|
+
background: #69797d;
|
|
543
799
|
height: 40px;
|
|
544
800
|
border-radius: 0 0 2px 2px;
|
|
545
801
|
display: flex;
|
|
@@ -559,7 +815,7 @@ svg.rotated {
|
|
|
559
815
|
|
|
560
816
|
svg {
|
|
561
817
|
margin-right: 8px;
|
|
562
|
-
background: #
|
|
818
|
+
background: #69797d;
|
|
563
819
|
fill: none !important;
|
|
564
820
|
stroke: #fff;
|
|
565
821
|
transition: all 0s;
|
|
@@ -583,6 +839,8 @@ svg.rotated {
|
|
|
583
839
|
|
|
584
840
|
.sign {
|
|
585
841
|
height: 40px;
|
|
842
|
+
background: transparent;
|
|
843
|
+
border: none;
|
|
586
844
|
border-radius: 0 0 2px 2px;
|
|
587
845
|
display: flex;
|
|
588
846
|
align-items: center;
|
|
@@ -613,10 +871,9 @@ svg.rotated {
|
|
|
613
871
|
margin-right: 8px;
|
|
614
872
|
fill: none !important;
|
|
615
873
|
stroke: #2c3e50 !important;
|
|
616
|
-
@media(max-width: 1025px) {
|
|
874
|
+
@media (max-width: 1025px) {
|
|
617
875
|
stroke: none !important;
|
|
618
876
|
margin-right: 24px;
|
|
619
|
-
|
|
620
877
|
}
|
|
621
878
|
}
|
|
622
879
|
|
|
@@ -659,7 +916,7 @@ svg.rotated {
|
|
|
659
916
|
|
|
660
917
|
.user {
|
|
661
918
|
display: none;
|
|
662
|
-
@media(max-width: 1025px) {
|
|
919
|
+
@media (max-width: 1025px) {
|
|
663
920
|
width: 24px;
|
|
664
921
|
height: 24px;
|
|
665
922
|
margin-right: 24px;
|
|
@@ -669,13 +926,11 @@ svg.rotated {
|
|
|
669
926
|
|
|
670
927
|
.exit-mobile {
|
|
671
928
|
display: none;
|
|
672
|
-
@media(max-width: 1025px) {
|
|
929
|
+
@media (max-width: 1025px) {
|
|
673
930
|
display: block;
|
|
674
931
|
width: 24px;
|
|
675
932
|
height: 24px;
|
|
676
933
|
margin-right: 12px;
|
|
677
|
-
|
|
678
|
-
|
|
679
934
|
}
|
|
680
935
|
}
|
|
681
936
|
|
|
@@ -687,7 +942,7 @@ svg.rotated {
|
|
|
687
942
|
|
|
688
943
|
&-head {
|
|
689
944
|
padding: 0 16px;
|
|
690
|
-
background: #
|
|
945
|
+
background: #f4f4f4;
|
|
691
946
|
display: flex;
|
|
692
947
|
align-items: center;
|
|
693
948
|
justify-content: space-between;
|
|
@@ -698,7 +953,7 @@ svg.rotated {
|
|
|
698
953
|
font-weight: 600;
|
|
699
954
|
font-size: 17px;
|
|
700
955
|
line-height: 19px;
|
|
701
|
-
color: #
|
|
956
|
+
color: #2c3e50;
|
|
702
957
|
}
|
|
703
958
|
|
|
704
959
|
svg {
|
|
@@ -724,7 +979,8 @@ svg.rotated {
|
|
|
724
979
|
.profile-menu-mobile {
|
|
725
980
|
height: 100%;
|
|
726
981
|
|
|
727
|
-
.bb > a,
|
|
982
|
+
.bb > a,
|
|
983
|
+
.bb > a:visited {
|
|
728
984
|
color: #000;
|
|
729
985
|
}
|
|
730
986
|
|
|
@@ -734,10 +990,11 @@ svg.rotated {
|
|
|
734
990
|
height: 72%;
|
|
735
991
|
}
|
|
736
992
|
|
|
737
|
-
&__links,
|
|
993
|
+
&__links,
|
|
994
|
+
&__item {
|
|
738
995
|
padding: 0 16px;
|
|
739
996
|
height: 52px;
|
|
740
|
-
border: 1px solid #
|
|
997
|
+
border: 1px solid #9da3ac;
|
|
741
998
|
border-bottom: none;
|
|
742
999
|
font-size: 14px;
|
|
743
1000
|
display: flex;
|
|
@@ -747,7 +1004,7 @@ svg.rotated {
|
|
|
747
1004
|
&__balance-link {
|
|
748
1005
|
padding: 0 16px;
|
|
749
1006
|
height: 52px;
|
|
750
|
-
border: 1px solid #
|
|
1007
|
+
border: 1px solid #9da3ac;
|
|
751
1008
|
border-bottom: none;
|
|
752
1009
|
font-size: 14px;
|
|
753
1010
|
display: flex;
|
|
@@ -755,7 +1012,7 @@ svg.rotated {
|
|
|
755
1012
|
}
|
|
756
1013
|
|
|
757
1014
|
&__balance {
|
|
758
|
-
color: #
|
|
1015
|
+
color: #1e88e5;
|
|
759
1016
|
font-size: 16px;
|
|
760
1017
|
white-space: nowrap;
|
|
761
1018
|
display: flex;
|
|
@@ -770,7 +1027,7 @@ svg.rotated {
|
|
|
770
1027
|
font-weight: normal;
|
|
771
1028
|
font-size: 10px;
|
|
772
1029
|
line-height: 14px;
|
|
773
|
-
color: #
|
|
1030
|
+
color: #69797d;
|
|
774
1031
|
margin-bottom: 4px;
|
|
775
1032
|
}
|
|
776
1033
|
|
|
@@ -778,14 +1035,14 @@ svg.rotated {
|
|
|
778
1035
|
font-weight: 600;
|
|
779
1036
|
font-size: 12px;
|
|
780
1037
|
line-height: 16px;
|
|
781
|
-
color: #
|
|
1038
|
+
color: #2c3e50;
|
|
782
1039
|
}
|
|
783
1040
|
}
|
|
784
1041
|
}
|
|
785
1042
|
}
|
|
786
1043
|
|
|
787
1044
|
.exit-mob {
|
|
788
|
-
background: #
|
|
1045
|
+
background: #ffcd33;
|
|
789
1046
|
border-radius: 2px;
|
|
790
1047
|
height: 40px;
|
|
791
1048
|
display: flex;
|
|
@@ -806,7 +1063,7 @@ svg.rotated {
|
|
|
806
1063
|
|
|
807
1064
|
.bb {
|
|
808
1065
|
&:last-child {
|
|
809
|
-
border-bottom: 1px solid #
|
|
1066
|
+
border-bottom: 1px solid #9da3ac;
|
|
810
1067
|
}
|
|
811
1068
|
}
|
|
812
1069
|
|