@burh/nuxt-core 1.0.194 → 1.0.196

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.
@@ -1,182 +1,186 @@
1
1
  <template>
2
- <div class="bg-white content-right tabs">
3
- <el-tabs
4
- :class="active"
5
- class="mt-3 ml-4 handle-icon-color"
6
- v-model="active"
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
- class="mt-3"
20
- v-for="(item, index) in orderByDate(companyHistory())"
21
- :key="index"
22
- >
23
- <p class="history-text mb-0">
24
- {{item.text}}
25
- </p>
26
- <span>{{ item.date | convertDate }}</span>
27
- </div>
28
- <p
29
- v-show="companyHistory().length === 0"
30
- class="history-text"
31
- >
32
- Histórico vazio.
33
- </p>
34
- </el-tab-pane>
35
-
36
- <el-tab-pane name="notes" v-if="isNotesActived">
37
- <span class="tab__icon" slot="label">
38
- <img
39
- class="img__icon img__icon--notes"
40
- src="../../../../assets/images/icons/notesCv.svg"
41
- />
42
- </span>
43
- <p class="notes-title mb-0">Notas da equipe</p>
44
- <div class="line mb-3"></div>
45
- <div
46
- v-show="notes.length > 0"
47
- v-for="(note, index) in notes.slice(0, 5)"
48
- :key="index"
49
- >
50
- <div class="notes-baloon">
51
- <div class="notes-text ml-3 pt-1">
52
- <p class="mt-3">{{ note.text }}</p>
53
- </div>
54
- <div
55
- class="d-flex justify-content-end align-items-center mr-3"
56
- >
57
- <p class="notes-date">
58
- {{ note.created_at | convertDate }}
59
- </p>
60
- </div>
61
- </div>
62
- <div class="notes-owner d-flex mt-2">
63
- <img
64
- v-show="note.user.urlAvatar"
65
- :src="note.user.urlAvatar"
66
- :alt="note.user.name"
67
- />
68
- <div
69
- v-show="!note.user.urlAvatar"
70
- class="notes-avatar"
71
- ></div>
72
- <p class="ml-1">
73
- {{ note.user.name }}
74
- </p>
75
- </div>
76
- </div>
77
- <div class="notes-text" v-show="notes.length === 0">
78
- <p>Nenhuma nota criada.</p>
79
- </div>
80
-
81
- <div class="input-container">
82
- <input
83
- class="notes-new pl-4 mt-3 mb-3 form-rounded"
84
- type="text"
85
- placeholder="Escrever anotação"
86
- v-model="newNote"
87
- @change="$emit('new-note', newNote, userData.id)"
88
- v-on:change="cleatInput()"
89
- />
90
- <i
91
- @click="(newNote.length > 0) && $emit('new-note', newNote, userData.id)"
92
- class="fas fa-paper-plane input-icon"
93
- ></i>
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>
2
+ <div class="bg-white content-right tabs">
3
+ <el-tabs
4
+ :class="active"
5
+ class="mt-3 ml-4 handle-icon-color"
6
+ v-model="active"
7
+ >
8
+ <el-tab-pane class="history" name="history">
9
+ <span class="tab__icon-pane" slot="label">
10
+ <img
11
+ class="img__icon-pane 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
+ class="mt-3"
20
+ v-for="(item, index) in orderByDate(companyHistory())"
21
+ :key="index"
22
+ >
23
+ <p class="history-text mb-0">
24
+ {{ item.text }}
25
+ </p>
26
+ <span>{{ item.date | convertDate }}</span>
27
+ </div>
28
+ <p v-show="companyHistory().length === 0" class="history-text">
29
+ Histórico vazio.
30
+ </p>
31
+ </el-tab-pane>
32
+
33
+ <el-tab-pane name="notes" v-if="isNotesActived">
34
+ <span class="tab__icon-pane" slot="label">
35
+ <img
36
+ class="img__icon-pane img__icon--notes"
37
+ src="../../../../assets/images/icons/notesCv.svg"
38
+ />
39
+ </span>
40
+ <p class="notes-title mb-0">Notas da equipe</p>
41
+ <div class="line mb-3"></div>
42
+ <div
43
+ v-show="notes.length > 0"
44
+ v-for="(note, index) in notes.slice(0, 5)"
45
+ :key="index"
46
+ >
47
+ <div class="notes-baloon">
48
+ <div class="notes-text ml-3 pt-1">
49
+ <p class="mt-3">{{ note.text }}</p>
50
+ </div>
51
+ <div
52
+ class="d-flex justify-content-end align-items-center mr-3"
53
+ >
54
+ <p class="notes-date">
55
+ {{ note.created_at | convertDate }}
56
+ </p>
57
+ </div>
58
+ </div>
59
+ <div class="notes-owner d-flex mt-2">
60
+ <img
61
+ v-show="note.user.urlAvatar"
62
+ :src="note.user.urlAvatar"
63
+ :alt="note.user.name"
64
+ />
65
+ <div
66
+ v-show="!note.user.urlAvatar"
67
+ class="notes-avatar"
68
+ ></div>
69
+ <p class="ml-1">
70
+ {{ note.user.name }}
71
+ </p>
72
+ </div>
73
+ </div>
74
+ <div class="notes-text" v-show="notes.length === 0">
75
+ <p>Nenhuma nota criada.</p>
76
+ </div>
77
+
78
+ <div class="input-container">
79
+ <input
80
+ class="notes-new pl-4 mt-3 mb-3 form-rounded"
81
+ type="text"
82
+ placeholder="Escrever anotação"
83
+ v-model="newNote"
84
+ @change="$emit('new-note', newNote, userData.id)"
85
+ v-on:change="cleatInput()"
86
+ />
87
+ <i
88
+ @click="
89
+ newNote.length > 0 &&
90
+ $emit('new-note', newNote, userData.id)
91
+ "
92
+ class="fas fa-paper-plane input-icon"
93
+ ></i>
94
+ </div>
95
+ </el-tab-pane>
96
+
97
+ <el-tab-pane :disabled="true">
98
+ <span class="tab__icon-pane cursor-disabled" slot="label">
99
+ <img
100
+ class="img__icon-pane"
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-pane cursor-disabled" slot="label">
108
+ <img
109
+ class="img__icon-pane"
110
+ src="../../../../assets/images/icons/icon4.svg"
111
+ />
112
+ </span>
113
+ </el-tab-pane>
114
+ </el-tabs>
115
+ </div>
116
116
  </template>
117
117
 
118
118
  <script>
119
119
  import { Tabs, TabPane } from 'element-ui';
120
120
 
121
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
- mounted(){
144
- this.companyHistory();
145
- },
146
- methods: {
147
- cleatInput() {
148
- this.newNote = '';
149
- },
150
- companyHistory(){
151
- let sms = this.userData.company_sms.map(x => ({ 'date': x.created_at, 'text': 'Recebeu um SMS' }));
152
- let tests = this.userData.tests.map(x => ({ 'date': x.finished_at, 'text': `Finalizou o teste ${x.test.name.toUpperCase()}` }));
153
- let discs = this.userData.solides.map(x => ({ 'date': x.end, 'text': 'Realizou um teste DISC' }));
154
-
155
- return sms.concat(tests, discs);
156
- },
157
- orderByDate(data) {
158
- let sortedArray = data.sort((a, b) => {
159
- a = [
160
- a.date || '2020/01/01'
161
- ];
162
-
163
- b = [
164
- b.date || '2020/01/01'
165
- ];
166
-
167
- return (new Date(b) - new Date(a));
168
-
169
- });
170
-
171
- return sortedArray;
172
- }
173
- },
174
- data() {
175
- return {
176
- newNote: '',
177
- active: this.activeName
178
- };
179
- }
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
+ mounted() {
144
+ this.companyHistory();
145
+ },
146
+ methods: {
147
+ cleatInput() {
148
+ this.newNote = '';
149
+ },
150
+ companyHistory() {
151
+ let sms = this.userData.company_sms.map(x => ({
152
+ date: x.created_at,
153
+ text: 'Recebeu um SMS'
154
+ }));
155
+ let tests = this.userData.tests.map(x => ({
156
+ date: x.finished_at,
157
+ text: `Finalizou o teste ${x.test.name.toUpperCase()}`
158
+ }));
159
+ let discs = this.userData.solides.map(x => ({
160
+ date: x.end,
161
+ text: 'Realizou um teste DISC'
162
+ }));
163
+
164
+ return sms.concat(tests, discs);
165
+ },
166
+ orderByDate(data) {
167
+ let sortedArray = data.sort((a, b) => {
168
+ a = [a.date || '2020/01/01'];
169
+
170
+ b = [b.date || '2020/01/01'];
171
+
172
+ return new Date(b) - new Date(a);
173
+ });
174
+
175
+ return sortedArray;
176
+ }
177
+ },
178
+ data() {
179
+ return {
180
+ newNote: '',
181
+ active: this.activeName
182
+ };
183
+ }
180
184
  };
181
185
  </script>
182
186
 
@@ -209,22 +213,22 @@ export default {
209
213
  top: 50%;
210
214
  right: 15px;
211
215
  transform: translateY(-50%);
212
- color: #C8C8C8;
216
+ color: #c8c8c8;
213
217
  }
214
218
  }
215
219
 
216
220
  &::-webkit-scrollbar {
217
- width: 8px;
218
- }
221
+ width: 8px;
222
+ }
219
223
 
220
- &::-webkit-scrollbar-track {
221
- background: #F5F5F5;
222
- }
224
+ &::-webkit-scrollbar-track {
225
+ background: #f5f5f5;
226
+ }
223
227
 
224
- &::-webkit-scrollbar-thumb {
225
- background: #E9E8E8;
226
- border-radius: 10px;
227
- }
228
+ &::-webkit-scrollbar-thumb {
229
+ background: #e9e8e8;
230
+ border-radius: 10px;
231
+ }
228
232
  }
229
233
 
230
234
  .readmore {
@@ -234,12 +238,9 @@ export default {
234
238
  -webkit-line-clamp: 3;
235
239
  -webkit-box-orient: vertical;
236
240
  }
237
- .el-tabs__item {
238
- padding: 3rem;
239
- }
240
241
 
241
- .tab__icon {
242
- .img__icon {
242
+ .tab__icon-pane {
243
+ .img__icon-pane {
243
244
  background-color: #f5f5f5 !important;
244
245
  border-radius: 30%;
245
246
  padding: 7px;
@@ -1,37 +1,52 @@
1
1
  <template>
2
2
  <el-dialog
3
3
  :visible.sync="isActive"
4
- width="34%"
4
+ width="55%"
5
5
  custom-class="position-relative"
6
6
  @close="$emit('close')"
7
7
  >
8
8
  <template>
9
- <div class="row flex-column align-items-center plan-modal mx-0">
9
+ <div class="plan">
10
10
  <img :src="cover" alt="" />
11
11
 
12
- <span class="plan plan-upgrade mt-3">Atualizar</span>
13
-
14
- <h4 class="mt-2 plan-name">Plano Burh Empresas</h4>
15
-
16
- <p
17
- class="text-center ml-4 mr-4 mt-2 plan-message content-block"
18
- >
19
- Para habilitar essa solução é necessário fazer uma
20
- atualização para o
21
- <strong>Plano Burh Empresas.</strong>
22
- </p>
23
-
24
- <p class="text-center ml-4 mr-4 plan-message content-block">
25
- Entre em contato com nosso time comercial para mais
26
- informações.
27
- </p>
28
-
29
- <a
30
- href="mailto:burh@burh.com.br"
31
- @click="$emit('close')"
32
- class="plan-contact mt-5"
33
- >Entrar em contato</a
34
- >
12
+ <div class="plan__modal">
13
+ <section class="plan__information">
14
+ <h4>
15
+ Você vai amar o Plano Empresas. <br />
16
+ Dê um Upgrade no seu R&S
17
+ </h4>
18
+
19
+ <p>
20
+ A Tecnologia Burh e suas Soluções oferecem um
21
+ ambiente único de Recrutamento e Seleção.
22
+ Treinamentos e Página de Carreiras para sua empresa.
23
+ </p>
24
+ </section>
25
+ <section class="plan__contact">
26
+ <p>
27
+ Preencha as informações abaixo e nosso time entrará
28
+ em contato.
29
+ </p>
30
+
31
+ <form>
32
+ <input
33
+ type="text"
34
+ v-model="name"
35
+ placeholder="Nome Completo"
36
+ />
37
+
38
+ <input
39
+ type="text"
40
+ v-model="phone"
41
+ placeholder="Telefone"
42
+ />
43
+
44
+ <button type="button" @click="sendContact()">
45
+ Solicitar Contato
46
+ </button>
47
+ </form>
48
+ </section>
49
+ </div>
35
50
  </div>
36
51
 
37
52
  <span class="tool tool-close" @click="$emit('close')">
@@ -56,6 +71,19 @@ export default {
56
71
  props: {
57
72
  isActive: Boolean,
58
73
  cover: String
74
+ },
75
+ data() {
76
+ return {
77
+ name: '',
78
+ phone: ''
79
+ };
80
+ },
81
+ methods: {
82
+ sendContact() {
83
+ if (this.name || this.phone) {
84
+ this.$emit('send-contact', this.name, this.phone);
85
+ }
86
+ }
59
87
  }
60
88
  };
61
89
  </script>
@@ -75,79 +103,104 @@ export default {
75
103
  overflow: hidden;
76
104
  border-radius: 10px;
77
105
  padding-bottom: 50px;
78
- max-width: 460px;
79
- min-width: 460px;
106
+ max-width: 47.5rem;
80
107
  }
81
108
 
82
- .plan-modal {
109
+ .plan {
83
110
  background: #fff;
84
- word-break: break-word !important;
85
111
  img {
86
112
  width: 100%;
87
- height: 130px;
113
+ height: 8.12rem;
88
114
  object-fit: cover;
89
115
  }
90
- }
91
-
92
- .plan {
93
- &-upgrade {
94
- width: 78px;
95
- height: 17.8px;
96
- background: #c6ddff;
97
- border-radius: 8.8px;
98
- text-transform: uppercase;
99
-
100
- font-family: Poppins;
101
- font-style: normal;
102
- font-weight: 500;
103
- font-size: 10px;
104
- line-height: 31px;
105
116
 
117
+ &__modal {
106
118
  display: flex;
107
- justify-content: center;
108
- align-items: center;
119
+ justify-content: space-between;
109
120
 
110
- color: #1d364b;
121
+ margin-top: 2.5rem;
122
+ padding: 0 2rem;
123
+
124
+ @media (max-width: 960px) {
125
+ display: flex;
126
+ justify-content: center;
127
+ align-items: center;
128
+ flex-direction: column;
129
+ }
111
130
  }
112
131
 
113
- &-name {
114
- font-style: normal;
115
- font-weight: 600;
116
- font-size: 23.4259px;
117
- line-height: 30px;
132
+ &__information {
133
+ width: 53%;
134
+ word-break: break-word !important;
118
135
 
119
- color: #1d364b;
120
- }
136
+ h4 {
137
+ font-style: normal;
138
+ font-weight: 600;
139
+ font-size: 1.25rem;
140
+ line-height: 1.875rem;
121
141
 
122
- &-message {
123
- font-family: Poppins;
124
- font-style: normal;
125
- font-weight: normal;
126
- font-size: 14.9074px;
127
- line-height: 21px;
128
- color: #62778c;
142
+ color: #1d364b;
143
+ }
144
+
145
+ p {
146
+ font-style: normal;
147
+ font-weight: normal;
148
+ font-size: 14px;
149
+ line-height: 21px;
150
+
151
+ color: #62778c;
152
+ }
129
153
  }
130
154
 
131
- &-contact {
132
- display: flex;
133
- justify-content: center;
134
- align-items: center;
155
+ &__contact {
156
+ width: 47%;
135
157
 
136
- outline: 0;
137
- width: 196px;
138
- height: 35px;
158
+ background: #ededed;
159
+ border-radius: 5px;
160
+ padding: 1rem 1.5rem 1rem;
161
+ margin-left: 2rem;
139
162
 
140
- background: #1f8ceb;
141
- box-shadow: 0px 4.22794px 10.1471px rgba(0, 0, 0, 0.15);
142
- border-radius: 22.8309px;
143
- border: none;
163
+ p {
164
+ word-break: break-word !important;
144
165
 
145
- font-family: Poppins;
146
- font-style: normal;
147
- font-weight: 600;
148
- font-size: 13.5294px;
149
- line-height: 21px;
150
- color: #fff;
166
+ font-style: normal;
167
+ font-weight: 500;
168
+ font-size: 15px;
169
+ line-height: 22px;
170
+ text-align: center;
171
+
172
+ color: #1d364b;
173
+ }
174
+
175
+ form {
176
+ input {
177
+ margin: 0.4rem 0;
178
+ padding: 0.75rem;
179
+
180
+ width: 100%;
181
+ height: 2rem;
182
+
183
+ background: #ffffff;
184
+ border-radius: 3px;
185
+ border: 0;
186
+ outline: 0;
187
+ }
188
+
189
+ button {
190
+ margin-top: 0.6rem;
191
+
192
+ width: 100%;
193
+ height: 2rem;
194
+
195
+ background: #1f8ceb;
196
+ box-shadow: 0px 4.22794px 10.1471px rgba(0, 0, 0, 0.15);
197
+ border-radius: 22.8309px;
198
+ border: 0;
199
+ outline: 0;
200
+
201
+ color: #fff;
202
+ }
203
+ }
151
204
  }
152
205
  }
153
206
 
@@ -176,4 +229,8 @@ export default {
176
229
  color: #fff;
177
230
  }
178
231
  }
232
+
233
+ ::-webkit-input-placeholder {
234
+ color: #c0c0c0;
235
+ }
179
236
  </style>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@burh/nuxt-core",
3
- "version": "1.0.194",
3
+ "version": "1.0.196",
4
4
  "description": "Design System and Components.",
5
5
  "author": "Burh",
6
6
  "scripts": {