@burh/nuxt-core 1.0.405 → 1.0.406

package/components/burh-ds/Inputs/SearchInput.vue

@@ -1,64 +1,79 @@
-<template>
-	<div class="input__container__icon">
-		<label for="search">
-			<i class="fas fa-search"></i>
-		</label>
-		<input type="text" name="search" id="search" :placeholder="placeholder" v-model="searchModel" @change="$emit('change')">
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'search-input',
-	props: {
-		search: String,
-		placeholder: {
-			type: String,
-			default: 'Busque por vaga'
-		}
-	},
-	data() {
-		return {
-			searchModel: null
-		};
-	},
-	mounted() {
-		this.searchModel = this.search;
-	},
-	watch: {
-		search(value) {
-			this.searchModel = value;
-		},
-		searchModel(value) {
-			this.$emit('search', value);
-		}
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-.input__container__icon {
-	position: relative;
-	display: flex;
-	align-items: center;
-	border-radius: 100px;
-	max-width: 270px;
-	overflow: hidden;
-	border: 1px solid #E9ECEF;
-	input {
-		background: transparent;
-		border: 0;
-		outline: none;
-		padding: 5px 0;
-		width: 100%;
-	}
-	label {
-		margin: 0;
-		display: block;
-	}
-	i {
-		padding: 0 10px;
-		color: #AEB6BE;
-	}
-}
-</style>
+<template>
+	<div class="input__container__icon" :class="{ 'input__disabled': disabled }">
+		<label for="search">
+			<i class="fas fa-search"></i>
+		</label>
+		<input type="text" name="search" id="search"  :disabled="disabled" :placeholder="placeholder" v-model="searchModel" @change="$emit('change')">
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'search-input',
+	props: {
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		search: String,
+		placeholder: {
+			type: String,
+			default: 'Busque por vaga'
+		}
+	},
+	data() {
+		return {
+			searchModel: null
+		};
+	},
+	mounted() {
+		this.searchModel = this.search;
+	},
+	watch: {
+		search(value) {
+			this.searchModel = value;
+		},
+		searchModel(value) {
+			this.$emit('search', value);
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.input__container__icon {
+	position: relative;
+	display: flex;
+	align-items: center;
+	border-radius: 100px;
+	max-width: 270px;
+	overflow: hidden;
+	border: 1px solid #E9ECEF;
+	input {
+		background: transparent;
+		border: 0;
+		outline: none;
+		padding: 5px 0;
+		width: 100%;
+	}
+	label {
+		margin: 0;
+		display: block;
+	}
+	i {
+		padding: 0 10px;
+		color: #AEB6BE;
+	}
+    &.input__disabled {
+        background-color: #E9ECEF;
+        cursor: not-allowed !important;
+        input {
+            color: #e9e9e9 !important;
+            cursor: not-allowed !important;
+        }
+        label {
+            cursor: not-allowed !important;
+        }
+    }
+}
+</style>

package/components/burh-ds/Modals/AddCustomerModal.vue

@@ -178,7 +178,7 @@
 									tag="div"
 									name="E-mail"
 									:vid="`send-email-${idx}`"
-									rules="required"
+									rules="required|email"
 									v-slot="{ errors }"
 								>
 									<label for="email">Email</label>

package/components/burh-ds/Modals/SendTest.vue

@@ -55,6 +55,7 @@
 								<el-select
 									filterable
 									required
+									clearable
 									no-match-text="Nenhuma teste encontrado"
 									no-data-text="Nenhum teste encontrado"
 									placeholder="Escolha o teste"
@@ -147,11 +148,19 @@
 					</div>
 				</validation-observer>
 
-				<div class="col text-center mt-1">
-					<button class="send send-button" @click="sendTest">
-						Enviar teste
-					</button>
+				<div class="col text-right">
+					<base-button
+						class="ml-auto"
+						type="primary"
+						@click="sendTest"
+						:disabled="loading"
+						:class="{'is-loading': loading}"
+					>
+						{{ loading ? 'Enviando' : 'Enviar Teste' }}
+
+					</base-button>
 				</div>
+
 			</div>
 
 			<span class="tool tool-close" @click="closeModal">
@@ -225,8 +234,9 @@ export default {
 			const testRequest = this.slots
 				.filter(filterSlots)
 				.map(formatRequest);
-		   	setTimeout(() => {
+			setTimeout(() => {
 				this.$emit('send-test', testRequest);
+				this.resetSlots();
 				this.$emit('closemodal');
 				this.loading = false;
 			}, 2000 );
@@ -236,14 +246,28 @@ export default {
 				this.categoriesAllowedToSend
 			).find(id => id == categoryId);
 			return categoryIsAllowToSend ? true : false;
+		},
+		resetSlots(){
+			this.$refs.sendTest && this.$refs.sendTest.reset();
+			this.jobid = '',
+			this.testid = '';
+			this.slots = [
+				{
+					id: 'first',
+					name: '',
+					email: ''
+				}
+			];
 		}
 	},
 	watch: {
+
 		selectedTest(newValue) {
 			this.testid = newValue;
 		},
 		isModalOpen(newValue) {
 			!newValue && this.closeModal();
+			this.resetSlots();
 		}
 	},
 	data() {

package/components/burh-ds/Modals/SmsModal.vue

@@ -145,11 +145,9 @@
 </template>
 
 <script>
-import { Select, Option, Checkbox, Tooltip, Button } from 'element-ui';
+import { Select, Option, Checkbox, Tooltip } from 'element-ui';
 import { mask } from 'vue-the-mask';
 import swal from 'sweetalert2';
-import { isConsole } from 'mobile-device-detect';
-import BaseInput from '../../argon-core/Inputs/BaseInput.vue';
 export default {
 	directives: { mask },
 	name: 'send-sms',
@@ -276,7 +274,7 @@ export default {
 			this.allNumbers.push(number);
 			this.receiver = '';
 		},
-		
+
 		deleteNumber(index) {
 			this.allNumbers.splice(index, 1);
 		},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burh/nuxt-core",
-  "version": "1.0.405",
+  "version": "1.0.406",
   "description": "Design System and Components.",
   "author": "Burh",
   "scripts": {