@burh/nuxt-core 1.0.98 → 1.0.100
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/assets/sass/burh-ds/variables/_colors.scss +269 -224
- package/components/burh-ds/Curriculum/UserCurriculum/UserCvLeftSide.vue +10 -1
- package/components/burh-ds/Curriculum/UserCurriculum/UserCvRightSide.vue +31 -27
- package/components/burh-ds/Groups/SimpleProductItem.vue +85 -55
- package/components/burh-ds/Modals/SendCourse.vue +203 -201
- package/package.json +2 -2
|
@@ -1,259 +1,304 @@
|
|
|
1
1
|
//Burh colors - Main
|
|
2
|
-
$color-default: #
|
|
3
|
-
$color-default--lighten: #
|
|
4
|
-
$color-default--mid-dark: #
|
|
5
|
-
$color-default--darken: #
|
|
6
|
-
$color-primary: #
|
|
7
|
-
$color-primary--lighten: #
|
|
8
|
-
$color-primary--mid-dark: #
|
|
2
|
+
$color-default: #13293b;
|
|
3
|
+
$color-default--lighten: #7092a6;
|
|
4
|
+
$color-default--mid-dark: #071e2a;
|
|
5
|
+
$color-default--darken: #0a0c10;
|
|
6
|
+
$color-primary: #1da1f1;
|
|
7
|
+
$color-primary--lighten: #81bfeb;
|
|
8
|
+
$color-primary--mid-dark: #0062ae;
|
|
9
9
|
$color-primary--darken: #004483;
|
|
10
|
-
$color-secondary: #
|
|
11
|
-
$color-secondary--lighten: #
|
|
12
|
-
$color-secondary--mid-dark: #
|
|
13
|
-
$color-secondary--darken: #
|
|
14
|
-
$color-light: #
|
|
15
|
-
$color-light--lighten: #
|
|
16
|
-
$color-light--mid-dark: #
|
|
17
|
-
$color-light--darken: #
|
|
10
|
+
$color-secondary: #fddf00;
|
|
11
|
+
$color-secondary--lighten: #fae871;
|
|
12
|
+
$color-secondary--mid-dark: #f9d100;
|
|
13
|
+
$color-secondary--darken: #ffb200;
|
|
14
|
+
$color-light: #ecf1f5;
|
|
15
|
+
$color-light--lighten: #f9f9f9;
|
|
16
|
+
$color-light--mid-dark: #ccd9df;
|
|
17
|
+
$color-light--darken: #b8c8d3;
|
|
18
18
|
$color-dark: #485863;
|
|
19
|
-
$color-dark--lighten: #
|
|
20
|
-
$color-dark--mid-dark: #
|
|
19
|
+
$color-dark--lighten: #768b9a;
|
|
20
|
+
$color-dark--mid-dark: #3b4b56;
|
|
21
21
|
$color-dark--darken: #040405;
|
|
22
22
|
|
|
23
23
|
//Burh colors - Feedback
|
|
24
|
-
$color-info: #
|
|
25
|
-
$color-info--ligthen: #
|
|
26
|
-
$color-info--mid-dark: #
|
|
27
|
-
$color-info--darken: #
|
|
28
|
-
$color-success: #
|
|
29
|
-
$color-success--ligthen: #
|
|
30
|
-
$color-success--mid-dark: #
|
|
31
|
-
$color-success--darken: #
|
|
32
|
-
$color-danger: #
|
|
33
|
-
$color-danger--ligthen: #
|
|
34
|
-
$color-danger--mid-dark: #
|
|
35
|
-
$color-danger--darken: #
|
|
36
|
-
$color-warning: #
|
|
37
|
-
$color-warning--ligthen: #
|
|
38
|
-
$color-warning--mid-dark: #
|
|
39
|
-
$color-warning--darken: #
|
|
24
|
+
$color-info: #2bb3dc;
|
|
25
|
+
$color-info--ligthen: #cae7f0;
|
|
26
|
+
$color-info--mid-dark: #56bcd5;
|
|
27
|
+
$color-info--darken: #56bcd5;
|
|
28
|
+
$color-success: #4fa86f;
|
|
29
|
+
$color-success--ligthen: #cadee3;
|
|
30
|
+
$color-success--mid-dark: #7ebd94;
|
|
31
|
+
$color-success--darken: #35824d;
|
|
32
|
+
$color-danger: #de214b;
|
|
33
|
+
$color-danger--ligthen: #efc2ce;
|
|
34
|
+
$color-danger--mid-dark: #e88ca4;
|
|
35
|
+
$color-danger--darken: #c50035;
|
|
36
|
+
$color-warning: #e69e33;
|
|
37
|
+
$color-warning--ligthen: #e69e33;
|
|
38
|
+
$color-warning--mid-dark: #db8e37;
|
|
39
|
+
$color-warning--darken: #e66433;
|
|
40
40
|
|
|
41
41
|
//Burh Colors - Monochrome Scale
|
|
42
42
|
$color-mono-blue: #004484;
|
|
43
43
|
$color-mono-blue-90: #195690;
|
|
44
|
-
$color-mono-blue-80: #
|
|
45
|
-
$color-mono-blue-70: #
|
|
46
|
-
$color-mono-blue-60: #
|
|
47
|
-
$color-mono-blue-50: #
|
|
48
|
-
$color-mono-blue-40: #
|
|
49
|
-
$color-mono-blue-30: #
|
|
50
|
-
$color-mono-blue-20: #
|
|
51
|
-
$color-mono-blue-10: #
|
|
52
|
-
$color-mono-dark: #
|
|
44
|
+
$color-mono-blue-80: #33699c;
|
|
45
|
+
$color-mono-blue-70: #4c7ba8;
|
|
46
|
+
$color-mono-blue-60: #668eb5;
|
|
47
|
+
$color-mono-blue-50: #7fa1c1;
|
|
48
|
+
$color-mono-blue-40: #99b4ce;
|
|
49
|
+
$color-mono-blue-30: #b2c6da;
|
|
50
|
+
$color-mono-blue-20: #ccd9e6;
|
|
51
|
+
$color-mono-blue-10: #e5ecf2;
|
|
52
|
+
$color-mono-dark: #232c30;
|
|
53
53
|
$color-mono-dark-90: #384044;
|
|
54
|
-
$color-mono-dark-80: #
|
|
55
|
-
$color-mono-dark-70: #
|
|
56
|
-
$color-mono-dark-60: #
|
|
54
|
+
$color-mono-dark-80: #4f5659;
|
|
55
|
+
$color-mono-dark-70: #646a6d;
|
|
56
|
+
$color-mono-dark-60: #7b8082;
|
|
57
57
|
$color-mono-dark-50: #909597;
|
|
58
|
-
$color-mono-dark-40: #
|
|
59
|
-
$color-mono-dark-30: #
|
|
60
|
-
$color-mono-dark-20: #
|
|
61
|
-
$color-mono-dark-10: #
|
|
58
|
+
$color-mono-dark-40: #a7aaac;
|
|
59
|
+
$color-mono-dark-30: #bcbfc0;
|
|
60
|
+
$color-mono-dark-20: #d3d4d5;
|
|
61
|
+
$color-mono-dark-10: #e8e9ea;
|
|
62
62
|
|
|
63
63
|
//Burh Colors - Social Media
|
|
64
64
|
|
|
65
65
|
//Burh Colors - Base Duotone
|
|
66
|
-
$base-light: #
|
|
66
|
+
$base-light: #ffffff;
|
|
67
67
|
$base-dark: $color-mono-dark;
|
|
68
68
|
|
|
69
|
-
|
|
70
69
|
// Shadows
|
|
71
70
|
|
|
72
|
-
$enable-shadows:
|
|
73
|
-
|
|
74
|
-
|
|
71
|
+
$enable-shadows: true !default;
|
|
75
72
|
|
|
76
73
|
// Color system
|
|
77
74
|
|
|
78
|
-
$white:
|
|
75
|
+
$white: #fff !default;
|
|
79
76
|
$gray-100: #f6f9fc !default;
|
|
80
77
|
$gray-200: #e9ecef !default;
|
|
81
78
|
$gray-300: #dee2e6 !default;
|
|
82
79
|
$gray-400: #ced4da !default;
|
|
83
80
|
$gray-500: #adb5bd !default;
|
|
84
|
-
$gray-600: #8898aa !default;
|
|
85
|
-
$gray-700: #525f7f !default;
|
|
86
|
-
$gray-800: #32325d !default;
|
|
81
|
+
$gray-600: #8898aa !default; // Line footer color
|
|
82
|
+
$gray-700: #525f7f !default; // Line p color
|
|
83
|
+
$gray-800: #32325d !default; // Line heading color
|
|
87
84
|
$gray-900: #212529 !default;
|
|
88
|
-
$black:
|
|
85
|
+
$black: #000 !default;
|
|
89
86
|
|
|
90
87
|
$grays: () !default;
|
|
91
|
-
$grays: map-merge(
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
$
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
$
|
|
107
|
-
$
|
|
108
|
-
$
|
|
109
|
-
$
|
|
110
|
-
$
|
|
111
|
-
$
|
|
112
|
-
$
|
|
88
|
+
$grays: map-merge(
|
|
89
|
+
(
|
|
90
|
+
"100": $gray-100,
|
|
91
|
+
"200": $gray-200,
|
|
92
|
+
"300": $gray-300,
|
|
93
|
+
"400": $gray-400,
|
|
94
|
+
"500": $gray-500,
|
|
95
|
+
"600": $gray-600,
|
|
96
|
+
"700": $gray-700,
|
|
97
|
+
"800": $gray-800,
|
|
98
|
+
"900": $gray-900
|
|
99
|
+
),
|
|
100
|
+
$grays
|
|
101
|
+
);
|
|
102
|
+
|
|
103
|
+
$blue: #5e72e4 !default;
|
|
104
|
+
$indigo: #5603ad !default;
|
|
105
|
+
$purple: #8965e0 !default;
|
|
106
|
+
$pink: #f3a4b5 !default;
|
|
107
|
+
$red: #f5365c !default;
|
|
108
|
+
$orange: #fb6340 !default;
|
|
109
|
+
$yellow: #ffd600 !default;
|
|
110
|
+
$green: #2dce89 !default;
|
|
111
|
+
$teal: #11cdef !default;
|
|
112
|
+
$cyan: #2bffc6 !default;
|
|
113
|
+
// NEW COLORS
|
|
114
|
+
$search: #5983fe !default;
|
|
115
|
+
$recruitment: #39e2fd !default;
|
|
116
|
+
$university: #0c95fc !default;
|
|
117
|
+
$interviews: #ff539d !default;
|
|
118
|
+
$workus: #ff7d7e !default;
|
|
119
|
+
$store: #9d35fc !default;
|
|
120
|
+
$tests: #8be77a !default;
|
|
121
|
+
$buffer: #ffacff !default;
|
|
122
|
+
$sms: #ffcf02 !default;
|
|
123
|
+
$carrers: #5983fe !default;
|
|
124
|
+
$disc: #9d35fc !default;
|
|
113
125
|
|
|
114
126
|
$colors: () !default;
|
|
115
|
-
$colors: map-merge(
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
$
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
$
|
|
149
|
-
$
|
|
150
|
-
$
|
|
151
|
-
$
|
|
152
|
-
$
|
|
153
|
-
$
|
|
154
|
-
$
|
|
127
|
+
$colors: map-merge(
|
|
128
|
+
(
|
|
129
|
+
"blue": $blue,
|
|
130
|
+
"indigo": $indigo,
|
|
131
|
+
"purple": $purple,
|
|
132
|
+
"pink": $pink,
|
|
133
|
+
"red": $red,
|
|
134
|
+
"orange": $orange,
|
|
135
|
+
"yellow": $yellow,
|
|
136
|
+
"green": $green,
|
|
137
|
+
"teal": $teal,
|
|
138
|
+
"cyan": $cyan,
|
|
139
|
+
"white": $white,
|
|
140
|
+
"gray": $gray-600,
|
|
141
|
+
"light": $gray-400,
|
|
142
|
+
"lighter": $gray-200,
|
|
143
|
+
"lightest": lighten($gray-200, 5%),
|
|
144
|
+
"gray-dark": $gray-800,
|
|
145
|
+
"search": $search,
|
|
146
|
+
"recruitment": $recruitment,
|
|
147
|
+
"university": $university,
|
|
148
|
+
"interviews": $interviews,
|
|
149
|
+
"workus": $workus,
|
|
150
|
+
"store": $store,
|
|
151
|
+
"tests": $tests,
|
|
152
|
+
"buffer": $buffer,
|
|
153
|
+
"sms": $sms,
|
|
154
|
+
"carrers": $carrers,
|
|
155
|
+
"disc": $disc
|
|
156
|
+
),
|
|
157
|
+
$colors
|
|
158
|
+
);
|
|
159
|
+
|
|
160
|
+
$default: $color-default !default;
|
|
161
|
+
$primary: $color-primary !default;
|
|
162
|
+
$secondary: $color-secondary !default;
|
|
163
|
+
$success: $color-success !default;
|
|
164
|
+
$info: $color-info !default;
|
|
165
|
+
$warning: $color-warning !default;
|
|
166
|
+
$danger: $color-danger !default;
|
|
167
|
+
$light: $color-light !default;
|
|
168
|
+
$dark: $gray-900 !default;
|
|
169
|
+
$darker: $base-dark;
|
|
170
|
+
|
|
171
|
+
$facebook: #3b5999 !default;
|
|
172
|
+
$twitter: #1da1f2 !default;
|
|
173
|
+
$google-plus: #dd4b39 !default;
|
|
174
|
+
$instagram: #e4405f !default;
|
|
175
|
+
$pinterest: #bd081c !default;
|
|
176
|
+
$youtube: #cd201f !default;
|
|
177
|
+
$slack: #3aaf85 !default;
|
|
178
|
+
$dribbble: #ea4c89 !default;
|
|
179
|
+
$github: #222222 !default;
|
|
180
|
+
$vimeo: #04a0f0 !default;
|
|
155
181
|
|
|
156
182
|
$theme-colors: () !default;
|
|
157
|
-
$theme-colors: map-merge(
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
183
|
+
$theme-colors: map-merge(
|
|
184
|
+
(
|
|
185
|
+
"default": $default,
|
|
186
|
+
"primary": $primary,
|
|
187
|
+
"secondary": $secondary,
|
|
188
|
+
"success": $success,
|
|
189
|
+
"info": $info,
|
|
190
|
+
"warning": $warning,
|
|
191
|
+
"danger": $danger,
|
|
192
|
+
"white": $white,
|
|
193
|
+
"neutral": $white,
|
|
194
|
+
"dark": $dark,
|
|
195
|
+
"darker": $darker
|
|
196
|
+
),
|
|
197
|
+
$theme-colors
|
|
198
|
+
);
|
|
170
199
|
|
|
171
200
|
$brand-colors: () !default;
|
|
172
|
-
$brand-colors: map-merge(
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
201
|
+
$brand-colors: map-merge(
|
|
202
|
+
(
|
|
203
|
+
"facebook": $facebook,
|
|
204
|
+
"twitter": $twitter,
|
|
205
|
+
"google-plus": $google-plus,
|
|
206
|
+
"instagram": $instagram,
|
|
207
|
+
"pinterest": $pinterest,
|
|
208
|
+
"youtube": $youtube,
|
|
209
|
+
"slack": $slack,
|
|
210
|
+
"dribbble": $dribbble,
|
|
211
|
+
"github": $github,
|
|
212
|
+
"vimeo": $vimeo
|
|
213
|
+
),
|
|
214
|
+
$brand-colors
|
|
215
|
+
);
|
|
184
216
|
|
|
185
217
|
$shape-colors: () !default;
|
|
186
|
-
$shape-colors: map-merge(
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
),
|
|
218
|
+
$shape-colors: map-merge(
|
|
219
|
+
(
|
|
220
|
+
"default": #32325d,
|
|
221
|
+
"primary": #5533ff,
|
|
222
|
+
"secondary": #24b47e,
|
|
223
|
+
"neutral": #e9ecef,
|
|
224
|
+
"blue-gray": #b2cbe1,
|
|
225
|
+
"purple-primary": #555abf
|
|
226
|
+
),
|
|
227
|
+
$shape-colors
|
|
228
|
+
);
|
|
195
229
|
|
|
196
230
|
$shapes-primary-colors: () !default;
|
|
197
|
-
$shapes-primary-colors: map-merge(
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
231
|
+
$shapes-primary-colors: map-merge(
|
|
232
|
+
(
|
|
233
|
+
"step-1-gradient-bg": #281483,
|
|
234
|
+
"step-2-gradient-bg": #8f6ed5,
|
|
235
|
+
"step-3-gradient-bg": #d782d9,
|
|
236
|
+
"span-1-bg": #53f,
|
|
237
|
+
"span-2-bg": #4553ff,
|
|
238
|
+
"span-3-bg": #4f40ff,
|
|
239
|
+
"span-4-bg": #25ddf5,
|
|
240
|
+
"span-5-bg": #1fa2ff
|
|
241
|
+
),
|
|
242
|
+
$shapes-primary-colors
|
|
243
|
+
);
|
|
207
244
|
|
|
208
245
|
$shapes-default-colors: () !default;
|
|
209
|
-
$shapes-default-colors: map-merge(
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
246
|
+
$shapes-default-colors: map-merge(
|
|
247
|
+
(
|
|
248
|
+
"step-1-gradient-bg": #7795f8,
|
|
249
|
+
"step-2-gradient-bg": #6772e5,
|
|
250
|
+
"step-3-gradient-bg": #555abf,
|
|
251
|
+
"span-1-bg": #7795f8,
|
|
252
|
+
"span-2-bg": #7b9aff,
|
|
253
|
+
"span-3-bg": #6f8ff8,
|
|
254
|
+
"span-4-bg": #76eea7,
|
|
255
|
+
"span-5-bg": #6adaff
|
|
256
|
+
),
|
|
257
|
+
$shapes-default-colors
|
|
258
|
+
);
|
|
219
259
|
|
|
220
260
|
$shapes-light-colors: () !default;
|
|
221
|
-
$shapes-light-colors: map-merge(
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
261
|
+
$shapes-light-colors: map-merge(
|
|
262
|
+
(
|
|
263
|
+
"step-1-gradient-bg": #b2cbe1,
|
|
264
|
+
"step-2-gradient-bg": #f6f9fc,
|
|
265
|
+
"step-3-gradient-bg": #f6f9fc,
|
|
266
|
+
"span-1-bg": #b4cce1,
|
|
267
|
+
"span-2-bg": #c5dbef,
|
|
268
|
+
"span-3-bg": #b9d5ed,
|
|
269
|
+
"span-4-bg": #74e4a2,
|
|
270
|
+
"span-5-bg": #008169
|
|
271
|
+
),
|
|
272
|
+
$shapes-light-colors
|
|
273
|
+
);
|
|
231
274
|
|
|
232
275
|
$shapes-dark-colors: () !default;
|
|
233
|
-
$shapes-dark-colors: map-merge(
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
276
|
+
$shapes-dark-colors: map-merge(
|
|
277
|
+
(
|
|
278
|
+
"step-1-gradient-bg": #32325d,
|
|
279
|
+
"step-2-gradient-bg": #32325d,
|
|
280
|
+
"step-3-gradient-bg": #32325d,
|
|
281
|
+
"span-1-bg": #2e2e57,
|
|
282
|
+
"span-2-bg": #2b2b58,
|
|
283
|
+
"span-3-bg": #25254d,
|
|
284
|
+
"span-4-bg": #d782d9,
|
|
285
|
+
"span-5-bg": #008169
|
|
286
|
+
),
|
|
287
|
+
$shapes-dark-colors
|
|
288
|
+
);
|
|
244
289
|
|
|
245
290
|
// Translucent color variations
|
|
246
|
-
$translucent-color-opacity: .6 !default;
|
|
291
|
+
$translucent-color-opacity: 0.6 !default;
|
|
247
292
|
|
|
248
293
|
// Set a specific jump point for requesting color jumps
|
|
249
|
-
$theme-color-interval:
|
|
294
|
+
$theme-color-interval: 8% !default;
|
|
250
295
|
|
|
251
296
|
// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
|
|
252
|
-
$yiq-contrasted-threshold:
|
|
297
|
+
$yiq-contrasted-threshold: 200 !default;
|
|
253
298
|
|
|
254
299
|
// Customize the light and dark text colors for use in our YIQ color contrast function.
|
|
255
|
-
$yiq-text-dark:
|
|
256
|
-
$yiq-text-light:
|
|
300
|
+
$yiq-text-dark: $gray-900 !default;
|
|
301
|
+
$yiq-text-light: $white !default;
|
|
257
302
|
|
|
258
303
|
// Action colors
|
|
259
304
|
|
|
@@ -264,40 +309,40 @@ $favorite-color: $yellow !default;
|
|
|
264
309
|
$like-color: $blue !default;
|
|
265
310
|
$love-color: $red !default;
|
|
266
311
|
|
|
267
|
-
|
|
268
312
|
// Body
|
|
269
313
|
|
|
270
|
-
$body-bg:
|
|
271
|
-
$body-color:
|
|
272
|
-
$page-bg:
|
|
273
|
-
$bg-default:
|
|
274
|
-
|
|
314
|
+
$body-bg: #f8f9fe !default;
|
|
315
|
+
$body-color: $gray-700 !default;
|
|
316
|
+
$page-bg: $color-mono-dark-30 !default;
|
|
317
|
+
$bg-default: $gray-100;
|
|
275
318
|
|
|
276
319
|
// Sections
|
|
277
320
|
|
|
278
321
|
$section-colors: () !default;
|
|
279
|
-
$section-colors: map-merge(
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
322
|
+
$section-colors: map-merge(
|
|
323
|
+
(
|
|
324
|
+
"primary": $body-bg,
|
|
325
|
+
"secondary": $secondary,
|
|
326
|
+
"light": $gray-400,
|
|
327
|
+
"dark": $dark,
|
|
328
|
+
"darker": $darker
|
|
329
|
+
),
|
|
330
|
+
$section-colors
|
|
331
|
+
);
|
|
286
332
|
|
|
287
333
|
// Links
|
|
288
334
|
|
|
289
|
-
$link-color:
|
|
290
|
-
$link-decoration:
|
|
291
|
-
$link-hover-color:
|
|
292
|
-
$link-hover-decoration:
|
|
293
|
-
|
|
335
|
+
$link-color: $primary !default;
|
|
336
|
+
$link-decoration: none !default;
|
|
337
|
+
$link-hover-color: darken($link-color, 15%) !default;
|
|
338
|
+
$link-hover-decoration: none !default;
|
|
294
339
|
|
|
295
340
|
@mixin generate_backgrounds() {
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
341
|
+
@each $key, $color in $colors {
|
|
342
|
+
.bg-#{$key} {
|
|
343
|
+
background-color: $color;
|
|
344
|
+
}
|
|
299
345
|
}
|
|
300
|
-
}
|
|
301
346
|
}
|
|
302
347
|
|
|
303
|
-
@include generate_backgrounds();
|
|
348
|
+
@include generate_backgrounds();
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div class="cv-left col-5 bg-light--darken py-5 px-5">
|
|
2
|
+
<div class="cv-left col-5 bg-light--darken py-5 px-5" :class=" !currentUser ? 'disable-none' : '' ">
|
|
3
3
|
<div class="d-flex justify-content-center">
|
|
4
4
|
<a href="#!" class="avatar avatar-pdf">
|
|
5
5
|
<img alt="Image placeholder" :src="avatar" v-show="avatar" />
|
|
@@ -102,6 +102,7 @@ export default {
|
|
|
102
102
|
number: String,
|
|
103
103
|
cellphone: String,
|
|
104
104
|
phone: String,
|
|
105
|
+
currentUser: Object,
|
|
105
106
|
education: {
|
|
106
107
|
type: Array,
|
|
107
108
|
default: () => []
|
|
@@ -119,6 +120,9 @@ export default {
|
|
|
119
120
|
default: () => []
|
|
120
121
|
}
|
|
121
122
|
},
|
|
123
|
+
mounted(){
|
|
124
|
+
console.log(this.currentUser)
|
|
125
|
+
},
|
|
122
126
|
methods: {
|
|
123
127
|
getTime(
|
|
124
128
|
{ start_year = null, end_year = null, start_month, end_month },
|
|
@@ -231,4 +235,9 @@ export default {
|
|
|
231
235
|
.cv-left{
|
|
232
236
|
word-break: initial;
|
|
233
237
|
}
|
|
238
|
+
|
|
239
|
+
.disable-none {
|
|
240
|
+
user-select: none;
|
|
241
|
+
}
|
|
242
|
+
|
|
234
243
|
</style>
|
|
@@ -1,35 +1,34 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
<div class="cv-right col-7 bg-lighter py-5 px-5" :class=" !currentUser ? 'disable-none' : '' ">
|
|
3
|
+
<h2 class="display-4 text-center mb-4">{{name}}</h2>
|
|
4
|
+
<p class="text-muted mb-0" v-show="wagePretesion"> Pretensão Salarial de {{wagePretesion | convertToReal}} reais.</p>
|
|
5
|
+
<p class="text-muted" v-show="codUser">Código de indicação do usuário: <b>{{codUser}}</b></p>
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
<h2 class="display-4" v-show="about">Sobre</h2>
|
|
8
|
+
<p id="USER_ABOUT" class="mb-0" :class="!wordIsLesserThan(about) && 'readmore'">{{about}}</p>
|
|
9
|
+
<a href="#" aria-label="expandir conteudo"
|
|
10
|
+
v-show="about && !wordIsLesserThan(about)" @click.prevent.stop="toggleReadMore($event,'USER_ABOUT')">Ler mais</a>
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
<h2 class="display-4 mt-4" v-show="experience.length">Experiência</h2>
|
|
13
13
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
<div>
|
|
20
|
-
<p :id="`USER_EXPERIENCE-${index + 1}`" class="mb-0" :class="!wordIsLesserThan(exp.description) && 'readmore'">{{exp.description}}</p>
|
|
21
|
-
<a href="#" aria-label="expandir conteudo"
|
|
22
|
-
v-show="!wordIsLesserThan(exp.description)" @click.prevent.stop="toggleReadMore($event,`USER_EXPERIENCE-${index+1}`)">Ler mais</a>
|
|
23
|
-
</div>
|
|
24
|
-
</div>
|
|
14
|
+
<div class="mb-4" v-for="(exp, index) in experience" :key="`exp-${index}`">
|
|
15
|
+
<h4 class="d-inline-block h6 text-muted font-weight-bold">{{exp.job_title}} - </h4>
|
|
16
|
+
<h5 class="d-inline-block h6 text-muted font-weight-bold">{{exp.company}}</h5>
|
|
17
|
+
<h6>{{exp.start_month}}/{{exp.start_year}} - {{treatEndDate(exp.end_month, exp.end_year)}} {{getTime(exp, 'Trabalhando')}}</h6>
|
|
25
18
|
|
|
26
|
-
|
|
19
|
+
<div>
|
|
20
|
+
<p :id="`USER_EXPERIENCE-${index + 1}`" class="mb-0" :class="!wordIsLesserThan(exp.description) && 'readmore'">{{exp.description}}</p>
|
|
21
|
+
<a href="#" aria-label="expandir conteudo"
|
|
22
|
+
v-show="!wordIsLesserThan(exp.description)" @click.prevent.stop="toggleReadMore($event,`USER_EXPERIENCE-${index+1}`)">Ler mais</a>
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
27
25
|
|
|
28
|
-
|
|
29
|
-
v-for="(roleDesired, i) in roleDesireds" :key="`${roleDesired.occupation}-${i}`">
|
|
30
|
-
{{roleDesired.occupation}}
|
|
31
|
-
</badge>
|
|
26
|
+
<h2 class="display-4 mt-4" v-show="roleDesireds.length">Cargos Desejados</h2>
|
|
32
27
|
|
|
28
|
+
<badge rounded type="primary" class="mr-2 mb-2"
|
|
29
|
+
v-for="(roleDesired, i) in roleDesireds" :key="`${roleDesired.occupation}-${i}`">
|
|
30
|
+
{{roleDesired.occupation}}
|
|
31
|
+
</badge>
|
|
33
32
|
</div>
|
|
34
33
|
</template>
|
|
35
34
|
|
|
@@ -40,6 +39,7 @@ export default {
|
|
|
40
39
|
name: String,
|
|
41
40
|
about: String,
|
|
42
41
|
codUser: String | Number,
|
|
42
|
+
currentUser: Object,
|
|
43
43
|
wagePretesion: {
|
|
44
44
|
type: Number,
|
|
45
45
|
default: 0
|
|
@@ -55,8 +55,8 @@ export default {
|
|
|
55
55
|
},
|
|
56
56
|
filters: {
|
|
57
57
|
convertToReal(value) {
|
|
58
|
-
|
|
59
|
-
|
|
58
|
+
return 'R$ ' + value.toFixed(2).replace('.', ',');
|
|
59
|
+
}
|
|
60
60
|
},
|
|
61
61
|
methods: {
|
|
62
62
|
toggleReadMore(event, id) {
|
|
@@ -113,4 +113,8 @@ export default {
|
|
|
113
113
|
word-break: initial;
|
|
114
114
|
}
|
|
115
115
|
|
|
116
|
+
.disable-none {
|
|
117
|
+
user-select: none;
|
|
118
|
+
}
|
|
119
|
+
|
|
116
120
|
</style>
|
|
@@ -1,66 +1,80 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
2
|
+
<default-link @click="callVideoTutorial" :link="to" class="product-item">
|
|
3
|
+
<div :class="'product-item--avatar bg-'+color">
|
|
4
|
+
<img :src="avatar" alt="">
|
|
5
|
+
</div>
|
|
6
|
+
<div :class="contentClass" class="product-item--content">
|
|
7
|
+
<component
|
|
8
|
+
:is="titleTag"
|
|
9
|
+
:class="titleClass"
|
|
10
|
+
class="product-item--title"
|
|
11
|
+
>{{ title }}</component
|
|
12
|
+
>
|
|
13
|
+
<p
|
|
14
|
+
:class="descriptionClass"
|
|
15
|
+
class="product-item--description"
|
|
16
|
+
v-if="description"
|
|
17
|
+
>
|
|
18
|
+
{{ description }}
|
|
19
|
+
</p>
|
|
20
|
+
<badge
|
|
21
|
+
rounded
|
|
22
|
+
size="md"
|
|
23
|
+
class="ml-auto badge-bg-color badge-font"
|
|
24
|
+
type="primary"
|
|
25
|
+
v-show="hasEnableBadge"
|
|
26
|
+
>UPGRADE
|
|
27
|
+
</badge>
|
|
28
|
+
</div>
|
|
29
|
+
</default-link>
|
|
17
30
|
</template>
|
|
18
31
|
|
|
19
32
|
<script>
|
|
20
|
-
import DefaultLink from
|
|
33
|
+
import DefaultLink from "../Link/DefaultLink";
|
|
21
34
|
export default {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
35
|
+
name: "simple-product-item",
|
|
36
|
+
components: {
|
|
37
|
+
DefaultLink
|
|
38
|
+
},
|
|
39
|
+
props: {
|
|
40
|
+
tag: {
|
|
41
|
+
type: String,
|
|
42
|
+
default: "section"
|
|
43
|
+
},
|
|
44
|
+
contentClass: String,
|
|
45
|
+
title: String,
|
|
46
|
+
titleTag: {
|
|
47
|
+
type: String,
|
|
48
|
+
default: "h3"
|
|
49
|
+
},
|
|
50
|
+
titleClass: String,
|
|
51
|
+
avatar: String,
|
|
52
|
+
color: String,
|
|
53
|
+
icon: String,
|
|
54
|
+
avatarClass: String,
|
|
55
|
+
description: String,
|
|
56
|
+
descriptionClass: String,
|
|
57
|
+
hasEnableBadge: Boolean,
|
|
58
|
+
badgeClass: String,
|
|
59
|
+
to: {
|
|
60
|
+
type: String,
|
|
61
|
+
default: "/"
|
|
62
|
+
},
|
|
63
|
+
indexableName: String
|
|
64
|
+
},
|
|
65
|
+
methods: {
|
|
66
|
+
callVideoTutorial() {
|
|
67
|
+
if (this.indexableName == "VIDEO_CHAMADA") {
|
|
68
|
+
this.$emit("callVideoTutorial");
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|
|
58
72
|
};
|
|
59
73
|
</script>
|
|
60
74
|
|
|
61
75
|
<style lang="scss" scoped>
|
|
62
76
|
.product-item {
|
|
63
|
-
display:inline-block;
|
|
77
|
+
display: inline-block;
|
|
64
78
|
|
|
65
79
|
&--title {
|
|
66
80
|
text-align: center;
|
|
@@ -74,12 +88,28 @@ export default {
|
|
|
74
88
|
margin: 0;
|
|
75
89
|
padding: 0;
|
|
76
90
|
}
|
|
91
|
+
|
|
92
|
+
.product-item--avatar {
|
|
93
|
+
width: 64.78px;
|
|
94
|
+
height: 64.78px;
|
|
95
|
+
border-radius: 14.0834px;
|
|
96
|
+
top: 164px;
|
|
97
|
+
left: 186px;
|
|
98
|
+
|
|
99
|
+
display: flex;
|
|
100
|
+
align-items: center;
|
|
101
|
+
justify-content: center;
|
|
102
|
+
|
|
103
|
+
img {
|
|
104
|
+
color: #fff;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
77
107
|
}
|
|
78
108
|
|
|
79
109
|
.card-body {
|
|
80
|
-
|
|
110
|
+
height: 30rem !important;
|
|
81
111
|
}
|
|
82
112
|
.badge-font {
|
|
83
|
-
|
|
113
|
+
font-size: 10px !important;
|
|
84
114
|
}
|
|
85
115
|
</style>
|
|
@@ -1,215 +1,217 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
>
|
|
110
|
-
</div>
|
|
111
|
-
</modal>
|
|
2
|
+
<modal :show="isModalOpen" v-on:close="closeModal" size="xl" class="modal">
|
|
3
|
+
<template slot="header">
|
|
4
|
+
<h2 class="display-4 px-4">
|
|
5
|
+
Insira os e-mail que deseja enviar o treinamento
|
|
6
|
+
</h2>
|
|
7
|
+
</template>
|
|
8
|
+
<div class="row px-4">
|
|
9
|
+
<div class="col-4">
|
|
10
|
+
<label for="name">Nome Completo</label>
|
|
11
|
+
</div>
|
|
12
|
+
<div class="col-4">
|
|
13
|
+
<label for="email">E-mail</label>
|
|
14
|
+
</div>
|
|
15
|
+
<div class="col-4">
|
|
16
|
+
<label for="email">Cargo</label>
|
|
17
|
+
</div>
|
|
18
|
+
</div>
|
|
19
|
+
<validation-observer ref="sendCourse">
|
|
20
|
+
<div class="row px-4" v-for="(slot, idx) in slots" :key="idx">
|
|
21
|
+
<validation-provider
|
|
22
|
+
tag="div"
|
|
23
|
+
class="col-4"
|
|
24
|
+
:vid="`send-name-${idx}`"
|
|
25
|
+
name="Nome"
|
|
26
|
+
rules="required|regex:\w+\s+\w+"
|
|
27
|
+
v-slot="{ errors }"
|
|
28
|
+
>
|
|
29
|
+
<base-input
|
|
30
|
+
v-model="slot.name"
|
|
31
|
+
:error="errors[0]"
|
|
32
|
+
:valid="errors.length ? true : false"
|
|
33
|
+
/>
|
|
34
|
+
</validation-provider>
|
|
35
|
+
|
|
36
|
+
<validation-provider
|
|
37
|
+
tag="div"
|
|
38
|
+
class="col-4"
|
|
39
|
+
:vid="`send-email-${idx}`"
|
|
40
|
+
name="Email"
|
|
41
|
+
rules="required|email"
|
|
42
|
+
v-slot="{ errors }"
|
|
43
|
+
>
|
|
44
|
+
<base-input
|
|
45
|
+
v-model="slot.email"
|
|
46
|
+
:error="errors[0]"
|
|
47
|
+
:valid="errors.length ? true : false"
|
|
48
|
+
/>
|
|
49
|
+
</validation-provider>
|
|
50
|
+
<div tag="div" class="col-3" name="role">
|
|
51
|
+
<el-select
|
|
52
|
+
class="select-danger"
|
|
53
|
+
v-model="slot.role"
|
|
54
|
+
:placeholder="''"
|
|
55
|
+
>
|
|
56
|
+
<el-option
|
|
57
|
+
v-for="role in corporativeRole"
|
|
58
|
+
:key="role.id"
|
|
59
|
+
:label="role.name"
|
|
60
|
+
:value="role.id"
|
|
61
|
+
>
|
|
62
|
+
</el-option>
|
|
63
|
+
</el-select>
|
|
64
|
+
</div>
|
|
65
|
+
<div class="col-1">
|
|
66
|
+
<i
|
|
67
|
+
v-if="idx !== slots.length - 1"
|
|
68
|
+
class="fa fa-trash pointer"
|
|
69
|
+
@click="removeSlot(idx)"
|
|
70
|
+
></i>
|
|
71
|
+
<i v-else class="fa fa-plus pointer" @click="addSlot"></i>
|
|
72
|
+
</div>
|
|
73
|
+
</div>
|
|
74
|
+
</validation-observer>
|
|
75
|
+
|
|
76
|
+
<hr />
|
|
77
|
+
|
|
78
|
+
<div class="row px-4">
|
|
79
|
+
<div class="col-12">
|
|
80
|
+
<label for="courses">Acesso aos Treinamentos</label>
|
|
81
|
+
</div>
|
|
82
|
+
</div>
|
|
83
|
+
<div class="row px-4">
|
|
84
|
+
<div class="col-12">
|
|
85
|
+
<el-select
|
|
86
|
+
v-model="coursesToSend"
|
|
87
|
+
multiple
|
|
88
|
+
style="width: 100%;"
|
|
89
|
+
placeholder="Treinamentos"
|
|
90
|
+
name="courses"
|
|
91
|
+
>
|
|
92
|
+
<el-option
|
|
93
|
+
v-for="item in courses"
|
|
94
|
+
:key="item.id"
|
|
95
|
+
:label="item.name"
|
|
96
|
+
:value="item.id"
|
|
97
|
+
>
|
|
98
|
+
</el-option>
|
|
99
|
+
</el-select>
|
|
100
|
+
</div>
|
|
101
|
+
</div>
|
|
102
|
+
|
|
103
|
+
<div class="row">
|
|
104
|
+
<base-button class="mx-auto" type="primary" @click="sendTest"
|
|
105
|
+
>Enviar</base-button
|
|
106
|
+
>
|
|
107
|
+
</div>
|
|
108
|
+
</modal>
|
|
112
109
|
</template>
|
|
113
110
|
|
|
114
111
|
<script>
|
|
115
|
-
import { Select, Option } from
|
|
112
|
+
import { Select, Option } from "element-ui";
|
|
116
113
|
|
|
117
114
|
export default {
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
115
|
+
name: "send-course",
|
|
116
|
+
components: {
|
|
117
|
+
[Select.name]: Select,
|
|
118
|
+
[Option.name]: Option
|
|
119
|
+
},
|
|
120
|
+
props: {
|
|
121
|
+
isModalOpen: {
|
|
122
|
+
type: Boolean,
|
|
123
|
+
default: false
|
|
124
|
+
},
|
|
125
|
+
selectedCourse: Number,
|
|
126
|
+
corporativeRole: null,
|
|
127
|
+
courses: Array
|
|
128
|
+
},
|
|
129
|
+
methods: {
|
|
130
|
+
closeModal(e) {
|
|
131
|
+
this.$emit("closemodal", e);
|
|
132
|
+
},
|
|
133
|
+
|
|
134
|
+
removeSlot(idx) {
|
|
135
|
+
this.slots.splice(idx, 1);
|
|
136
|
+
},
|
|
137
|
+
|
|
138
|
+
addSlot() {
|
|
139
|
+
const newSlot = {
|
|
140
|
+
idx: "",
|
|
141
|
+
name: "",
|
|
142
|
+
email: "",
|
|
143
|
+
role: ""
|
|
144
|
+
};
|
|
145
|
+
|
|
146
|
+
this.slots = [...this.slots, newSlot];
|
|
147
|
+
},
|
|
148
|
+
|
|
149
|
+
async sendTest() {
|
|
150
|
+
const pass = await this.$refs.sendCourse.validate();
|
|
151
|
+
|
|
152
|
+
if (!pass) {
|
|
153
|
+
return;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
const filterSlots = slot => slot.email !== "";
|
|
157
|
+
|
|
158
|
+
const formatRequest = () => {
|
|
159
|
+
let formattedCourses = this.coursesToSend.map(course => ({
|
|
160
|
+
course_id: course
|
|
161
|
+
}));
|
|
162
|
+
|
|
163
|
+
let formattedSlots = this.slots
|
|
164
|
+
.filter(filterSlots)
|
|
165
|
+
.map(slot => ({
|
|
166
|
+
name: slot.name.substring(slot.name.indexOf(" "), 0),
|
|
167
|
+
last_name: slot.name.substring(
|
|
168
|
+
slot.name.indexOf(" ") + 1
|
|
169
|
+
),
|
|
170
|
+
email: slot.email,
|
|
171
|
+
courses: formattedCourses,
|
|
172
|
+
role_id: slot.role
|
|
173
|
+
}));
|
|
174
|
+
|
|
175
|
+
return {
|
|
176
|
+
...formattedSlots
|
|
177
|
+
};
|
|
178
|
+
};
|
|
179
|
+
|
|
180
|
+
let params = {
|
|
181
|
+
users: formatRequest()
|
|
182
|
+
};
|
|
183
183
|
this.resetSlots();
|
|
184
|
-
|
|
184
|
+
this.$emit("send-course", params);
|
|
185
185
|
},
|
|
186
186
|
resetSlots() {
|
|
187
187
|
this.slots = [
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
188
|
+
{
|
|
189
|
+
idx: "",
|
|
190
|
+
name: "",
|
|
191
|
+
email: "",
|
|
192
|
+
role: ""
|
|
193
|
+
}
|
|
194
|
+
];
|
|
195
|
+
}
|
|
196
|
+
},
|
|
197
|
+
watch: {
|
|
198
|
+
selectedCourse(newValue) {
|
|
199
|
+
this.coursesToSend = newValue ? [newValue] : [];
|
|
194
200
|
}
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
],
|
|
210
|
-
coursesToSend: []
|
|
211
|
-
};
|
|
212
|
-
},
|
|
201
|
+
},
|
|
202
|
+
data() {
|
|
203
|
+
return {
|
|
204
|
+
slots: [
|
|
205
|
+
{
|
|
206
|
+
idx: "",
|
|
207
|
+
name: "",
|
|
208
|
+
email: "",
|
|
209
|
+
role: ""
|
|
210
|
+
}
|
|
211
|
+
],
|
|
212
|
+
coursesToSend: []
|
|
213
|
+
};
|
|
214
|
+
}
|
|
213
215
|
};
|
|
214
216
|
</script>
|
|
215
217
|
<style lang="scss" scoped>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@burh/nuxt-core",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.100",
|
|
4
4
|
"description": "Design System and Components.",
|
|
5
5
|
"author": "Burh",
|
|
6
6
|
"scripts": {
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
"img-loader": "^3.0.1",
|
|
91
91
|
"lodash": "^4.17.15",
|
|
92
92
|
"node-dir": "^0.1.17",
|
|
93
|
-
"node-sass": "^
|
|
93
|
+
"node-sass": "^5.0.0",
|
|
94
94
|
"nodemon": "^1.18.9",
|
|
95
95
|
"sass-loader": "^7.1.0"
|
|
96
96
|
},
|