@burh/nuxt-core 1.0.84 → 1.0.85

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

@@ -1,209 +1,209 @@
-<template>
-	<modal :show="isModalOpen" v-on:close="closeModal" size="xl" class="modal">
-		<template slot="header">
-			<h2 class="display-4 px-4">
-				Insira os e-mail que deseja enviar o teste
-			</h2>
-		</template>
-		<div class="row px-4 justify-content-start">
-			<div class="col-4">
-				<label for="teste">Selecione a vaga</label>
-			</div>
-			<div class="col-4">
-				<label for="teste">Selecione o teste</label>
-			</div>
-		</div>
-		<div class="row px-4 justify-content-start">
-			<div class="col-4">
-				<el-select
-					filterable
-					no-match-text="Nenhuma vaga encontrada"
-					no-data-text="Nenhuma vaga encontrada"
-					placeholder="Escolha a vaga"
-					v-model="jobid"
-				>
-					<el-option
-						v-for="job in allJobs"
-						class="select-danger"
-						:value="job.id"
-						:label="job.name"
-						:key="job.id"
-					></el-option>
-				</el-select>
-				<span></span>
-			</div>
-			<div class="col-4">
-				<el-select
-					filterable
-					no-match-text="Nenhuma teste encontrado"
-					no-data-text="Nenhum teste encontrado"
-					placeholder="Escolha o teste"
-					v-model="testid"
-				>
-					<el-option
-						v-for="test in allTests"
-						class="select-danger"
-						:value="test.id"
-						:label="test.name"
-						:key="test.id"
-						:disabled="!categoryIsAllowedToSend(test.category_test_id)"
-					></el-option>
-				</el-select>
-			</div>
-		</div>
-		<hr />
-		<div class="row px-4">
-			<div class="col-4">
-				<label for="name">Nome</label>
-			</div>
-			<div class="col-8">
-				<label for="email">E-mail</label>
-			</div>
-		</div>
-		<validation-observer ref="sendTest">
-			<div class="row px-4" v-for="(slot, idx) in slots" :key="idx">
-				<validation-provider
-					tag="div"
-					class="col-4"
-					:vid="`send-name-${idx}`"
-					name="Nome"
-					rules="required"
-					v-slot="{ errors }"
-				>
-					<base-input
-						v-model="slot.name"
-						:error="errors[0]"
-						:valid="errors.length ? true : false"
-					/>
-				</validation-provider>
-
-				<validation-provider
-					tag="div"
-					class="col-7"
-					:vid="`send-email-${idx}`"
-					name="Email"
-					rules="required|email"
-					v-slot="{ errors }"
-				>
-					<base-input
-						v-model="slot.email"
-						:error="errors[0]"
-						:valid="errors.length ? true : false"
-					/>
-				</validation-provider>
-				<div class="col-1">
-					<i
-						v-if="idx !== slots.length - 1"
-						class="fa fa-trash pointer"
-						@click="removeSlot(slot.id)"
-					></i>
-					<i v-else class="fa fa-plus pointer" @click="addSlot"></i>
-				</div>
-			</div>
-		</validation-observer>
-		<div class="row">
-			<base-button class="mx-auto" type="primary" @click="sendTest"
-			>Enviar teste</base-button
-			>
-		</div>
-	</modal>
-</template>
-
-<script>
-import { Select, Option } from 'element-ui';
-
-export default {
-	name: 'send-test',
-	components: {
-		[Select.name]: Select,
-		[Option.name]: Option
-	},
-	props: {
-		allTests: Array,
-		allJobs: Array,
-		isModalOpen: {
-			type: Boolean,
-			default: false
-		},
-        selectedTest: Number,
-        categoriesAllowedToSend: {
-            type: Object,
-            default: () => ({})
-        }
-	},
-	methods: {
-		closeModal(e) {
-			this.$emit('closemodal', e);
-		},
-		removeSlot(id) {
-			this.slots = this.slots.filter(slot => slot.id !== id);
-		},
-		addSlot() {
-			const newSlot = {
-				id: new Date().getTime(),
-				name: '',
-				email: '',
-				selected: 8
-			};
-
-			this.slots = [...this.slots, newSlot];
-		},
-		async sendTest() {
-			const pass = await this.$refs.sendTest.validate();
-			if (!pass) {
-				return;
-			}
-			const filterSlots = slot => slot.email !== '';
-			const formatRequest = slot => ({
-				...slot,
-				jobid: this.jobid,
-				testid: this.testid
-			});
-			const testRequest = this.slots
-				.filter(filterSlots)
-				.map(formatRequest);
-			this.$emit('send-test', testRequest);
-        },
-        categoryIsAllowedToSend(categoryId) {
-            const categoryIsAllowToSend = Object.values(this.categoriesAllowedToSend).find(id => id == categoryId);
-            return categoryIsAllowToSend ? true : false
-        }
-	},
-	watch: {
-		selectedTest(newValue) {
-			this.testid = newValue;
-		}
-	},
-	data() {
-		return {
-			jobid: null,
-			testid: this.selectedTest,
-			slots: [
-				{
-					id: 'first',
-					name: '',
-					email: ''
-				}
-			]
-		};
-	}
-};
-</script>
-<style lang="scss" scoped>
-.send-test-modal {
-    position: fixed;
-    overflow-y: scroll;
-    overflow-x: hidden;
-    width: 60%;
-    height: 50%;
-    background-color: #ffffff;
-    z-index: 999 !important;
-    top: 20% !important;
-    left: 20% !important;
-    box-sizing: border-box;
-}
-
-.pointer {
-    cursor: pointer;
-}
-</style>
+<template>
+	<modal :show="isModalOpen" v-on:close="closeModal" size="xl" class="modal">
+		<template slot="header">
+			<h2 class="display-4 px-4">
+				Insira os e-mail que deseja enviar o teste
+			</h2>
+		</template>
+		<div class="row px-4 justify-content-start">
+			<div class="col-4">
+				<label for="teste">Selecione a vaga</label>
+			</div>
+			<div class="col-4">
+				<label for="teste">Selecione o teste</label>
+			</div>
+		</div>
+		<div class="row px-4 justify-content-start">
+			<div class="col-4">
+				<el-select
+					filterable
+					no-match-text="Nenhuma vaga encontrada"
+					no-data-text="Nenhuma vaga encontrada"
+					placeholder="Escolha a vaga"
+					v-model="jobid"
+				>
+					<el-option
+						v-for="job in allJobs"
+						class="select-danger"
+						:value="job.id"
+						:label="job.name"
+						:key="job.id"
+					></el-option>
+				</el-select>
+				<span></span>
+			</div>
+			<div class="col-4">
+				<el-select
+					filterable
+					no-match-text="Nenhuma teste encontrado"
+					no-data-text="Nenhum teste encontrado"
+					placeholder="Escolha o teste"
+					v-model="testid"
+				>
+					<el-option
+						v-for="test in allTests"
+						class="select-danger"
+						:value="test.id"
+						:label="test.name"
+						:key="test.id"
+						:disabled="!categoryIsAllowedToSend(test.category_test_id)"
+					></el-option>
+				</el-select>
+			</div>
+		</div>
+		<hr />
+		<div class="row px-4">
+			<div class="col-4">
+				<label for="name">Nome</label>
+			</div>
+			<div class="col-8">
+				<label for="email">E-mail</label>
+			</div>
+		</div>
+		<validation-observer ref="sendTest">
+			<div class="row px-4" v-for="(slot, idx) in slots" :key="idx">
+				<validation-provider
+					tag="div"
+					class="col-4"
+					:vid="`send-name-${idx}`"
+					name="Nome"
+					rules="required"
+					v-slot="{ errors }"
+				>
+					<base-input
+						v-model="slot.name"
+						:error="errors[0]"
+						:valid="errors.length ? true : false"
+					/>
+				</validation-provider>
+
+				<validation-provider
+					tag="div"
+					class="col-7"
+					:vid="`send-email-${idx}`"
+					name="Email"
+					rules="required|email"
+					v-slot="{ errors }"
+				>
+					<base-input
+						v-model="slot.email"
+						:error="errors[0]"
+						:valid="errors.length ? true : false"
+					/>
+				</validation-provider>
+				<div class="col-1">
+					<i
+						v-if="idx !== slots.length - 1"
+						class="fa fa-trash pointer"
+						@click="removeSlot(slot.id)"
+					></i>
+					<i v-else class="fa fa-plus pointer" @click="addSlot"></i>
+				</div>
+			</div>
+		</validation-observer>
+		<div class="row">
+			<base-button class="mx-auto" type="primary" @click="sendTest"
+			>Enviar teste</base-button
+			>
+		</div>
+	</modal>
+</template>
+
+<script>
+import { Select, Option } from 'element-ui';
+
+export default {
+	name: 'send-test',
+	components: {
+		[Select.name]: Select,
+		[Option.name]: Option
+	},
+	props: {
+		allTests: Array,
+		allJobs: Array,
+		isModalOpen: {
+			type: Boolean,
+			default: false
+		},
+        selectedTest: Number,
+        categoriesAllowedToSend: {
+            type: Object,
+            default: () => ({})
+        }
+	},
+	methods: {
+		closeModal(e) {
+			this.$emit('closemodal', e);
+		},
+		removeSlot(id) {
+			this.slots = this.slots.filter(slot => slot.id !== id);
+		},
+		addSlot() {
+			const newSlot = {
+				id: new Date().getTime(),
+				name: '',
+				email: '',
+				selected: 8
+			};
+
+			this.slots = [...this.slots, newSlot];
+		},
+		async sendTest() {
+			const pass = await this.$refs.sendTest.validate();
+			if (!pass) {
+				return;
+			}
+			const filterSlots = slot => slot.email !== '';
+			const formatRequest = slot => ({
+				...slot,
+				jobid: this.jobid,
+				testid: this.testid
+			});
+			const testRequest = this.slots
+				.filter(filterSlots)
+				.map(formatRequest);
+			this.$emit('send-test', testRequest);
+        },
+        categoryIsAllowedToSend(categoryId) {
+            const categoryIsAllowToSend = Object.values(this.categoriesAllowedToSend).find(id => id == categoryId);
+            return categoryIsAllowToSend ? true : false
+        }
+	},
+	watch: {
+		selectedTest(newValue) {
+			this.testid = newValue;
+		}
+	},
+	data() {
+		return {
+			jobid: null,
+			testid: this.selectedTest,
+			slots: [
+				{
+					id: 'first',
+					name: '',
+					email: ''
+				}
+			]
+		};
+	}
+};
+</script>
+<style lang="scss" scoped>
+.send-test-modal {
+    position: fixed;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    width: 60%;
+    height: 50%;
+    background-color: #ffffff;
+    z-index: 999 !important;
+    top: 20% !important;
+    left: 20% !important;
+    box-sizing: border-box;
+}
+
+.pointer {
+    cursor: pointer;
+}
+</style>