@burh/nuxt-core 1.0.167 → 1.0.169

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.
Files changed (3) hide show
  1. package/components/burh-ds/Curriculum/UserCurriculum/UserCvRightSide.vue +309 -272
  2. package/components/burh-ds/Modals/SharedModal.vue +12 -3
  3. package/package.json +1 -1
package/components/burh-ds/Curriculum/UserCurriculum/UserCvRightSide.vue CHANGED
@@ -1,272 +1,309 @@
1
- <template>
2
- <div class="bg-white content-right tabs">
3
- <el-tabs
4
- :class="activeName"
5
- class="mt-3 ml-4 handle-icon-color"
6
- v-model="activeName"
7
- >
8
- <el-tab-pane class="history" name="history">
9
- <span class="tab__icon" slot="label">
10
- <img
11
- class="img__icon img__icon--history"
12
- src="../../../../assets/images/icons/historicCv.svg"
13
- />
14
- </span>
15
- <p class="notes-title mb-0">Histórico com sua empresa</p>
16
- <div class="line mb-3"></div>
17
-
18
- <div
19
- v-show="userData.user_applied_job.length > 0"
20
- class="mt-3"
21
- v-for="(applied, index) in userData.user_applied_job.slice(
22
- 0,
23
- 5
24
- )"
25
- :key="index"
26
- >
27
- <p class="history-text mb-0">
28
- Se candidatou na vaga {{ applied.job.title }}
29
- </p>
30
- <span>{{ applied.subscribe_at | convertDate }}</span>
31
- </div>
32
- <p
33
- v-show="userData.user_applied_job.length === 0"
34
- class="history-text"
35
- >
36
- Nenhuma vaga aplicada.
37
- </p>
38
- </el-tab-pane>
39
-
40
- <el-tab-pane name="notes" v-if="isNotesActived">
41
- <span class="tab__icon" slot="label">
42
- <img
43
- class="img__icon img__icon--notes"
44
- src="../../../../assets/images/icons/notesCv.svg"
45
- />
46
- </span>
47
- <p class="notes-title mb-0">Notas da equipe</p>
48
- <div class="line mb-3"></div>
49
- <div
50
- v-show="notes.length > 0"
51
- v-for="(note, index) in notes.slice(0, 5)"
52
- :key="index"
53
- >
54
- <div class="notes-baloon">
55
- <div class="notes-text ml-3 pt-1">
56
- <p class="mt-3">{{ note.text }}</p>
57
- </div>
58
- <div
59
- class="d-flex justify-content-end align-items-center mr-3"
60
- >
61
- <p class="notes-date">
62
- {{ note.created_at | convertDate }}
63
- </p>
64
- </div>
65
- </div>
66
- <div class="notes-owner d-flex mt-2">
67
- <img
68
- v-show="note.user.urlAvatar"
69
- :src="note.user.urlAvatar"
70
- :alt="note.user.name"
71
- />
72
- <div
73
- v-show="!note.user.urlAvatar"
74
- class="notes-avatar"
75
- ></div>
76
- <p class="ml-1">
77
- {{ note.user.name }}
78
- </p>
79
- </div>
80
- </div>
81
- <div class="notes-text" v-show="notes.length === 0">
82
- <p>Nenhuma nota criada.</p>
83
- </div>
84
-
85
- <input
86
- class="notes-new pl-4 mt-3 mb-3 form-rounded"
87
- type="text"
88
- placeholder="Escrever anotação"
89
- v-model="newNote"
90
- @change="$emit('new-note', newNote, userData.id)"
91
- v-on:change="cleatInput()"
92
- />
93
- </el-tab-pane>
94
-
95
- <el-tab-pane :disabled="true">
96
- <span class="tab__icon cursor-disabled" slot="label">
97
- <img
98
- class="img__icon"
99
- src="../../../../assets/images/icons/icon3.svg"
100
- />
101
- </span>
102
- </el-tab-pane>
103
-
104
- <el-tab-pane :disabled="true">
105
- <span class="tab__icon cursor-disabled" slot="label">
106
- <img
107
- class="img__icon"
108
- src="../../../../assets/images/icons/icon4.svg"
109
- />
110
- </span>
111
- </el-tab-pane>
112
- </el-tabs>
113
- </div>
114
- </template>
115
-
116
- <script>
117
- import { Tabs, TabPane } from 'element-ui';
118
-
119
- export default {
120
- name: 'user-cv-left-side',
121
- filters: {
122
- convertDate(data) {
123
- let d = new Date(data);
124
- let options = { hour: '2-digit', minute: '2-digit' };
125
- return d.toLocaleDateString('pt-BR', options);
126
- }
127
- },
128
- components: {
129
- [Tabs.name]: Tabs,
130
- [TabPane.name]: TabPane
131
- },
132
- props: {
133
- userData: Object,
134
- notes: Array,
135
- activeName: String,
136
- isNotesActived: {
137
- type: Boolean,
138
- default: true
139
- }
140
- },
141
- methods: {
142
- cleatInput() {
143
- this.newNote = '';
144
- }
145
- },
146
- data() {
147
- return {
148
- newNote: '',
149
- active: this.activeName
150
- };
151
- }
152
- };
153
- </script>
154
-
155
- <style lang="scss" scoped>
156
- @import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
157
-
158
- .readmore {
159
- overflow: hidden;
160
- text-overflow: ellipsis;
161
- display: -webkit-box;
162
- -webkit-line-clamp: 3;
163
- -webkit-box-orient: vertical;
164
- }
165
- .el-tabs__item {
166
- padding: 3rem;
167
- }
168
-
169
- .tab__icon {
170
- .img__icon {
171
- background-color: #f5f5f5 !important;
172
- border-radius: 30%;
173
- padding: 7px;
174
- margin-bottom: 1rem;
175
- }
176
- }
177
-
178
- .content-right {
179
- width: 25%;
180
- }
181
-
182
- .notes-title {
183
- font-size: 14px;
184
- color: #1d364b;
185
- font-weight: bold;
186
- }
187
-
188
- .notes-baloon {
189
- width: 231px;
190
- height: auto;
191
-
192
- background: #eff5fd;
193
- border-radius: 10px 10px 10px 0px;
194
- }
195
-
196
- .notes-text {
197
- p {
198
- font-size: 13px;
199
- color: #62778c;
200
- }
201
- }
202
-
203
- .notes-date {
204
- font-size: 11px;
205
- text-align: right;
206
-
207
- color: #8da2b5;
208
- top: calc(50% - 17px / 2 - 444.5px);
209
- }
210
-
211
- .notes-owner {
212
- img {
213
- width: 23px;
214
- height: 23px;
215
- border-radius: 50%;
216
- }
217
-
218
- .notes-avatar {
219
- width: 23px;
220
- height: 23px;
221
- border-radius: 50%;
222
- background-color: #adb5bd;
223
- }
224
-
225
- p {
226
- font-size: 13px;
227
- font-weight: 600;
228
- text-transform: uppercase;
229
-
230
- color: #62778c;
231
- }
232
- }
233
-
234
- .notes-new {
235
- width: 231px;
236
- height: 33px;
237
-
238
- background: #f5f5f5;
239
- border-radius: 16.5px;
240
- border: none;
241
-
242
- outline: 0;
243
- }
244
-
245
- .line {
246
- width: 221px;
247
- height: 0px;
248
-
249
- border: 1px solid #ececec5c;
250
- }
251
-
252
- .history {
253
- margin-right: 22px;
254
- word-break: break-word;
255
-
256
- .history-text {
257
- font-size: 13px;
258
- color: #62778c;
259
- }
260
-
261
- span {
262
- font-size: 11px;
263
- line-height: 16px;
264
-
265
- color: #8da2b5;
266
- }
267
- }
268
-
269
- .cursor-disabled {
270
- cursor: no-drop;
271
- }
272
- </style>
1
+ <template>
2
+ <div class="bg-white content-right tabs">
3
+ <el-tabs
4
+ :class="activeName"
5
+ class="mt-3 ml-4 handle-icon-color"
6
+ v-model="activeName"
7
+ >
8
+ <el-tab-pane class="history" name="history">
9
+ <span class="tab__icon" slot="label">
10
+ <img
11
+ class="img__icon img__icon--history"
12
+ src="../../../../assets/images/icons/historicCv.svg"
13
+ />
14
+ </span>
15
+ <p class="notes-title mb-0">Histórico com sua empresa</p>
16
+ <div class="line mb-3"></div>
17
+
18
+ <div
19
+ v-show="userData.user_applied_job.length > 0"
20
+ class="mt-3"
21
+ v-for="(applied, index) in userData.user_applied_job.slice(
22
+ 0,
23
+ 5
24
+ )"
25
+ :key="index"
26
+ >
27
+ <p class="history-text mb-0">
28
+ Se candidatou na vaga {{ applied.job.title }}
29
+ </p>
30
+ <span>{{ applied.subscribe_at | convertDate }}</span>
31
+ </div>
32
+ <p
33
+ v-show="userData.user_applied_job.length === 0"
34
+ class="history-text"
35
+ >
36
+ Nenhuma vaga aplicada.
37
+ </p>
38
+ </el-tab-pane>
39
+
40
+ <el-tab-pane name="notes" v-if="isNotesActived">
41
+ <span class="tab__icon" slot="label">
42
+ <img
43
+ class="img__icon img__icon--notes"
44
+ src="../../../../assets/images/icons/notesCv.svg"
45
+ />
46
+ </span>
47
+ <p class="notes-title mb-0">Notas da equipe</p>
48
+ <div class="line mb-3"></div>
49
+ <div
50
+ v-show="notes.length > 0"
51
+ v-for="(note, index) in notes.slice(0, 5)"
52
+ :key="index"
53
+ >
54
+ <div class="notes-baloon">
55
+ <div class="notes-text ml-3 pt-1">
56
+ <p class="mt-3">{{ note.text }}</p>
57
+ </div>
58
+ <div
59
+ class="d-flex justify-content-end align-items-center mr-3"
60
+ >
61
+ <p class="notes-date">
62
+ {{ note.created_at | convertDate }}
63
+ </p>
64
+ </div>
65
+ </div>
66
+ <div class="notes-owner d-flex mt-2">
67
+ <img
68
+ v-show="note.user.urlAvatar"
69
+ :src="note.user.urlAvatar"
70
+ :alt="note.user.name"
71
+ />
72
+ <div
73
+ v-show="!note.user.urlAvatar"
74
+ class="notes-avatar"
75
+ ></div>
76
+ <p class="ml-1">
77
+ {{ note.user.name }}
78
+ </p>
79
+ </div>
80
+ </div>
81
+ <div class="notes-text" v-show="notes.length === 0">
82
+ <p>Nenhuma nota criada.</p>
83
+ </div>
84
+
85
+ <div class="input-container">
86
+ <input
87
+ class="notes-new pl-4 mt-3 mb-3 form-rounded"
88
+ type="text"
89
+ placeholder="Escrever anotação"
90
+ v-model="newNote"
91
+ @change="$emit('new-note', newNote, userData.id)"
92
+ v-on:change="cleatInput()"
93
+ />
94
+ </div>
95
+ </el-tab-pane>
96
+
97
+ <el-tab-pane :disabled="true">
98
+ <span class="tab__icon cursor-disabled" slot="label">
99
+ <img
100
+ class="img__icon"
101
+ src="../../../../assets/images/icons/icon3.svg"
102
+ />
103
+ </span>
104
+ </el-tab-pane>
105
+
106
+ <el-tab-pane :disabled="true">
107
+ <span class="tab__icon cursor-disabled" slot="label">
108
+ <img
109
+ class="img__icon"
110
+ src="../../../../assets/images/icons/icon4.svg"
111
+ />
112
+ </span>
113
+ </el-tab-pane>
114
+ </el-tabs>
115
+ </div>
116
+ </template>
117
+
118
+ <script>
119
+ import { Tabs, TabPane } from 'element-ui';
120
+
121
+ export default {
122
+ name: 'user-cv-left-side',
123
+ filters: {
124
+ convertDate(data) {
125
+ let d = new Date(data);
126
+ let options = { hour: '2-digit', minute: '2-digit' };
127
+ return d.toLocaleDateString('pt-BR', options);
128
+ }
129
+ },
130
+ components: {
131
+ [Tabs.name]: Tabs,
132
+ [TabPane.name]: TabPane
133
+ },
134
+ props: {
135
+ userData: Object,
136
+ notes: Array,
137
+ activeName: String,
138
+ isNotesActived: {
139
+ type: Boolean,
140
+ default: true
141
+ }
142
+ },
143
+ methods: {
144
+ cleatInput() {
145
+ this.newNote = '';
146
+ }
147
+ },
148
+ data() {
149
+ return {
150
+ newNote: '',
151
+ active: this.activeName
152
+ };
153
+ }
154
+ };
155
+ </script>
156
+
157
+ <style lang="scss" scoped>
158
+ @import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
159
+
160
+ /deep/ .el-tab-pane {
161
+ max-height: 700px;
162
+ overflow: hidden;
163
+ overflow-y: auto;
164
+ position: relative;
165
+
166
+ > .notes-title {
167
+ position: sticky;
168
+ position: -webkit-sticky;
169
+ top: 0;
170
+ background: white;
171
+ padding: 10px 0;
172
+ }
173
+
174
+ > .input-container {
175
+ position: sticky;
176
+ position: -webkit-sticky;
177
+ bottom: 0;
178
+ background: white;
179
+ }
180
+
181
+ &::-webkit-scrollbar {
182
+ width: 8px;
183
+ }
184
+
185
+ &::-webkit-scrollbar-track {
186
+ background: #F5F5F5;
187
+ }
188
+
189
+ &::-webkit-scrollbar-thumb {
190
+ background: #E9E8E8;
191
+ border-radius: 10px;
192
+ }
193
+ }
194
+
195
+ .readmore {
196
+ overflow: hidden;
197
+ text-overflow: ellipsis;
198
+ display: -webkit-box;
199
+ -webkit-line-clamp: 3;
200
+ -webkit-box-orient: vertical;
201
+ }
202
+ .el-tabs__item {
203
+ padding: 3rem;
204
+ }
205
+
206
+ .tab__icon {
207
+ .img__icon {
208
+ background-color: #f5f5f5 !important;
209
+ border-radius: 30%;
210
+ padding: 7px;
211
+ margin-bottom: 1rem;
212
+ }
213
+ }
214
+
215
+ .content-right {
216
+ width: 25%;
217
+ }
218
+
219
+ .notes-title {
220
+ font-size: 14px;
221
+ color: #1d364b;
222
+ font-weight: bold;
223
+ }
224
+
225
+ .notes-baloon {
226
+ width: 231px;
227
+ height: auto;
228
+
229
+ background: #eff5fd;
230
+ border-radius: 10px 10px 10px 0px;
231
+ }
232
+
233
+ .notes-text {
234
+ p {
235
+ font-size: 13px;
236
+ color: #62778c;
237
+ }
238
+ }
239
+
240
+ .notes-date {
241
+ font-size: 11px;
242
+ text-align: right;
243
+
244
+ color: #8da2b5;
245
+ top: calc(50% - 17px / 2 - 444.5px);
246
+ }
247
+
248
+ .notes-owner {
249
+ img {
250
+ width: 23px;
251
+ height: 23px;
252
+ border-radius: 50%;
253
+ }
254
+
255
+ .notes-avatar {
256
+ width: 23px;
257
+ height: 23px;
258
+ border-radius: 50%;
259
+ background-color: #adb5bd;
260
+ }
261
+
262
+ p {
263
+ font-size: 13px;
264
+ font-weight: 600;
265
+ text-transform: uppercase;
266
+
267
+ color: #62778c;
268
+ }
269
+ }
270
+
271
+ .notes-new {
272
+ width: 231px;
273
+ height: 33px;
274
+
275
+ background: #f5f5f5;
276
+ border-radius: 16.5px;
277
+ border: none;
278
+
279
+ outline: 0;
280
+ }
281
+
282
+ .line {
283
+ width: 221px;
284
+ height: 0px;
285
+
286
+ border: 1px solid #ececec5c;
287
+ }
288
+
289
+ .history {
290
+ margin-right: 22px;
291
+ word-break: break-word;
292
+
293
+ .history-text {
294
+ font-size: 13px;
295
+ color: #62778c;
296
+ }
297
+
298
+ span {
299
+ font-size: 11px;
300
+ line-height: 16px;
301
+
302
+ color: #8da2b5;
303
+ }
304
+ }
305
+
306
+ .cursor-disabled {
307
+ cursor: no-drop;
308
+ }
309
+ </style>
package/components/burh-ds/Modals/SharedModal.vue CHANGED
@@ -82,7 +82,7 @@
82
82
  </div>
83
83
 
84
84
  <div class="row">
85
- <div class="col-8" @click="copyToClipboard">
85
+ <div class="col-6" @click="copyToClipboard">
86
86
  <label class="ml-5 social social-label" for="linkShareModal"
87
87
  >Link compartilhável</label
88
88
  >
@@ -96,7 +96,16 @@
96
96
  />
97
97
  </div>
98
98
 
99
- <div class="col-4 pt-1">
99
+ <div class="col-6 text-center pt-1">
100
+ <base-button
101
+ size="sm"
102
+ type="outline-primary"
103
+ class="mt-4 ml-3"
104
+ @click="$emit('close-modal')"
105
+ >
106
+ Voltar
107
+ </base-button>
108
+
100
109
  <base-button
101
110
  id="btnCopyLinkShare"
102
111
  size="sm"
@@ -185,7 +194,7 @@ export default {
185
194
  }
186
195
 
187
196
  &-input {
188
- width: 400px;
197
+ /* width: 300px; */
189
198
  border: none;
190
199
  border-radius: 5px;
191
200
  background: #e9ecef;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@burh/nuxt-core",
3
- "version": "1.0.167",
3
+ "version": "1.0.169",
4
4
  "description": "Design System and Components.",
5
5
  "author": "Burh",
6
6
  "scripts": {