@burh/nuxt-core 1.0.24 → 1.0.25

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.
@@ -17,7 +17,7 @@
17
17
  <i class="fas fa-check"></i>
18
18
  </span>
19
19
  <div class="ml-4 small text-left">
20
- <span> {{ item.item.name }} </span>
20
+ <span> {{ item }} </span>
21
21
  </div>
22
22
  </div>
23
23
  </li>
@@ -41,7 +41,7 @@
41
41
  <i class="fas fa-check"></i>
42
42
  </span>
43
43
  <div class="ml-4 small">
44
- <span> {{ item.item.name }} </span>
44
+ <span> {{ item }} </span>
45
45
  </div>
46
46
  </div>
47
47
  </li>
@@ -93,7 +93,7 @@ export default {
93
93
  isCurrentPlan: {
94
94
  type: Boolean | Number,
95
95
  default: false
96
- }
96
+ },
97
97
  },
98
98
  filters: {
99
99
  convertToReal(value) {
@@ -1,23 +1,31 @@
1
1
  <template>
2
2
  <div class="card pt-3 px-4" :class="{'pb-5': !hideIcons}">
3
- <base-input
4
- name="Ask"
5
- :label="`Etapa #${position + 1}`"
6
- placeholder="Escreva o nome da etapa"
7
- type="text"
8
- class=""
9
- v-on:input="emitStage()"
10
- v-model="name"
11
- />
3
+ <validation-provider tag="div" :vid="`step-name-${position}`"
4
+ name="Nome da Etapa" rules="required" v-slot="{ errors }">
5
+ <base-input
6
+ :label="`Etapa #${position + 1}`"
7
+ placeholder="Escreva o nome da etapa"
8
+ type="text"
9
+ v-on:input="emitStage()"
10
+ v-model="name"
11
+ :error="errors[0]"
12
+ :valid="errors.length ? true : false"
13
+ />
14
+ </validation-provider>
12
15
 
13
- <div class="pb-3">
16
+ <validation-provider tag="div" class="pb-3" :vid="`step-description-${position}`"
17
+ name="Descrição da Etapa" rules="required" v-slot="{ errors }">
14
18
  <textarea
15
19
  v-on:input="emitStage()"
16
20
  v-model="description"
17
21
  class="form-control form-control-alternative"
22
+ :class="{'is-invalid': errors.length}"
18
23
  rows="3"
19
24
  placeholder="Descrição desta etapa..."/>
20
- </div>
25
+ <div v-if="errors.length" class="invalid-feedback" style="display: block;">
26
+ {{ errors[0] }}
27
+ </div>
28
+ </validation-provider>
21
29
 
22
30
  <ul class="step-icons" v-if="!hideIcons">
23
31
  <li v-for="(icon, index) in icons"
@@ -47,21 +47,30 @@
47
47
  <label for="email">E-mail</label>
48
48
  </div>
49
49
  </div>
50
- <div class="row px-4"
51
- v-for="(slot, idx) in slots"
52
- :key="idx"
53
- >
54
- <div class="col-4">
55
- <base-input v-model="slot.name"/>
56
- </div>
57
- <div class="col-7">
58
- <base-input v-model="slot.email"/>
59
- </div>
60
- <div class="col-1">
61
- <i v-if="idx !== (slots.length - 1)" class="fa fa-trash pointer" @click="removeSlot(slot.id)"></i>
62
- <i v-else class="fa fa-plus pointer" @click="addSlot"></i>
50
+ <validation-observer ref="sendTest">
51
+ <div class="row px-4"
52
+ v-for="(slot, idx) in slots"
53
+ :key="idx"
54
+ >
55
+ <validation-provider tag="div" class="col-4" :vid="`send-name-${idx}`"
56
+ name="Nome" rules="required" v-slot="{ errors }">
57
+ <base-input v-model="slot.name"
58
+ :error="errors[0]"
59
+ :valid="errors.length ? true : false"/>
60
+ </validation-provider>
61
+
62
+ <validation-provider tag="div" class="col-7" :vid="`send-email-${idx}`"
63
+ name="Email" rules="required|email" v-slot="{ errors }">
64
+ <base-input v-model="slot.email"
65
+ :error="errors[0]"
66
+ :valid="errors.length ? true : false"/>
67
+ </validation-provider>
68
+ <div class="col-1">
69
+ <i v-if="idx !== (slots.length - 1)" class="fa fa-trash pointer" @click="removeSlot(slot.id)"></i>
70
+ <i v-else class="fa fa-plus pointer" @click="addSlot"></i>
71
+ </div>
63
72
  </div>
64
- </div>
73
+ </validation-observer>
65
74
  <div class="row">
66
75
  <base-button class="mx-auto" type="primary" @click="sendTest">Enviar teste</base-button>
67
76
  </div>
@@ -103,7 +112,11 @@ export default {
103
112
 
104
113
  this.slots = [...this.slots, newSlot];
105
114
  },
106
- sendTest() {
115
+ async sendTest() {
116
+ const pass = await this.$refs.sendTest.validate();
117
+ if(!pass) {
118
+ return
119
+ }
107
120
  const filterSlots = slot => slot.email !== "";
108
121
  const formatRequest = slot => ({...slot, jobid: this.jobid, testid: this.testid});
109
122
  const testRequest = this.slots.filter(filterSlots).map(formatRequest);
@@ -125,26 +138,6 @@ export default {
125
138
  name: '',
126
139
  email: '',
127
140
  },
128
- {
129
- id: 'second',
130
- name: '',
131
- email: '',
132
- },
133
- {
134
- id: 'third',
135
- name: '',
136
- email: '',
137
- },
138
- {
139
- id: 'fourth',
140
- name: '',
141
- email: '',
142
- },
143
- {
144
- id: 'fifth',
145
- name: '',
146
- email: '',
147
- }
148
141
  ]
149
142
  }
150
143
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@burh/nuxt-core",
3
- "version": "1.0.24",
3
+ "version": "1.0.25",
4
4
  "description": "Design System and Components.",
5
5
  "author": "Burh",
6
6
  "scripts": {