@burh/nuxt-core 1.0.341 → 1.0.343

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

@@ -1,230 +1,230 @@
-<template>
-	<modal
-		:show.sync="openModal"
-		v-on:close="closeModal"
-		size="lg"
-		class="modal"
-	>
-		<basics :isLoading="loading" v-if="loading"/>
-		<template slot="header">
-			<h2 class="display-4 py-2 px-1">
-				Enviar Passaporte
-			</h2>
-		</template>
-		<div class="row p-2 px-4">
-			<div class="col-6">
-				<label for="name">Nome Completo</label>
-			</div>
-			<div class="col-6">
-				<label for="email">E-mail</label>
-			</div>
-		</div>
-		<validation-observer ref="sendDisc">
-			<div class="row px-4" v-for="(slot, idx) in slots" :key="idx">
-				<validation-provider
-					tag="div"
-					class="col-6"
-					:vid="`send-name-${idx}`"
-					name="Nome"
-					rules="required|regex:\w+\s+\w+"
-					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-5"
-					: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 py-2">
-					<i
-						v-if="idx !== slots.length - 1"
-						class="fa fa-trash pointer"
-						@click="removeSlot(idx)"
-					></i>
-					<i v-else class="fa fa-plus pointer" @click="addSlot"></i>
-				</div>
-			</div>
-		</validation-observer>
-
-		<base-button class="mr-5 float-right" type="primary" @click="sendTest">
-			Enviar
-		</base-button>
-
-		<div id="credits-amount" class="ml-3 float-left">
-			{{ creditsAmount }} Créditos disponíveis
-		</div>
-	</modal>
-</template>
-
-<script>
-import { Select, Option } from 'element-ui';
-import Basics from '../Loadings/Basics';
-import swal from 'sweetalert2';
-
-export default {
-	name: 'send-course',
-	components: {
-		[Select.name]: Select,
-		[Option.name]: Option,
-		Basics,
-	},
-	props: {
-		show: {
-			type: Boolean,
-			default: false
-		},
-		selectedCourse: Number,
-		corporativeRole: null,
-		courses: Array,
-		reportType: null,
-		creditsAmount: Number
-	},
-	model: {
-		prop: 'show'
-	},
-	computed: {
-		openModal: {
-			get() {
-				return this.show;
-			},
-			set(show) {
-				this.$emit('input', show);
-			}
-		}
-	},
-	methods: {
-		closeModal(e) {
-			this.$emit('close-modal', e);
-		},
-
-		removeSlot(idx) {
-			this.slots = this.slots.filter((slot, index) => index !== idx);
-		},
-
-		addSlot() {
-			const newSlot = {
-				name: '',
-				email: ''
-			};
-
-			this.slots = [...this.slots, newSlot];
-		},
-
-		resetSlots() {
-			this.slots = [
-				{
-					name: '',
-					email: ''
-				}
-			];
-		},
-		async sendTest() {
-			const pass = await this.$refs.sendDisc.validate();
-			if(this.creditsAmount <= 0){
-				const Toast = swal.mixin({
-					toast: true,
-					position: 'top-end',
-					showConfirmButton: false,
-					timer: 3000
-				});
-
-				Toast.fire({
-					type: 'warning',
-					title: 'Esta empresa não possui ou excedeu a quantidade de usos desse serviço!'
-				});
-				return;
-			}
-			if (!pass) {
-				const Toast = swal.mixin({
-					toast: true,
-					position: 'top-end',
-					showConfirmButton: false,
-					timer: 3000
-				});
-
-				Toast.fire({
-					type: 'warning',
-					title: 'Preecha todos os campos corretamente'
-				});
-				return;
-			} else {
-				this.loading = true;
-				setTimeout(() => {
-					this.$emit('submit', this.slots);
-					this.resetSlots();
-					requestAnimationFrame(() => {
-						this.$refs.sendCourse.reset();
-					});
-					this.loading = false;
-					this.closeModal();
-				}, 2000);
-			}
-
-		}
-	},
-	watch: {
-		show(newValue) {
-			this.show = newValue;
-		}
-	},
-	data() {
-		return {
-			loading: false,
-			slots: [
-				{
-					name: '',
-					email: ''
-				}
-			]
-		};
-	}
-};
-</script>
-<style lang="scss" scoped>
-@import "@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss";
-.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;
-}
-
-#credits-amount {
-    min-width: 8em;
-    margin: 1rem 1rem 1rem 0;
-    padding: 0.75em 2em;
-    font-size: 1rem;
-    line-height: 1.4em;
-    border-radius: 23rem;
-    font-weight: 400;
-    text-align: center;
-    background-color: rgba($color-primary, 0.1);
-    color: $color-primary;
-}
-</style>
+<template>
+	<modal
+		:show.sync="openModal"
+		v-on:close="closeModal"
+		size="lg"
+		class="modal"
+	>
+		<basics :isLoading="loading" v-if="loading"/>
+		<template slot="header">
+			<h2 class="display-4 py-2 px-1">
+				Enviar Passaporte
+			</h2>
+		</template>
+		<div class="row p-2 px-4">
+			<div class="col-6">
+				<label for="name">Nome Completo</label>
+			</div>
+			<div class="col-6">
+				<label for="email">E-mail</label>
+			</div>
+		</div>
+		<validation-observer ref="sendDisc">
+			<div class="row px-4" v-for="(slot, idx) in slots" :key="idx">
+				<validation-provider
+					tag="div"
+					class="col-6"
+					:vid="`send-name-${idx}`"
+					name="Nome"
+					rules="required|regex:\w+\s+\w+"
+					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-5"
+					: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 py-2">
+					<i
+						v-if="idx !== slots.length - 1"
+						class="fa fa-trash pointer"
+						@click="removeSlot(idx)"
+					></i>
+					<i v-else class="fa fa-plus pointer" @click="addSlot"></i>
+				</div>
+			</div>
+		</validation-observer>
+
+		<base-button class="mr-5 float-right" type="primary" @click="sendTest">
+			Enviar
+		</base-button>
+
+		<div id="credits-amount" class="ml-3 float-left">
+			{{ creditsAmount }} Créditos disponíveis
+		</div>
+	</modal>
+</template>
+
+<script>
+import { Select, Option } from 'element-ui';
+import Basics from '../Loadings/Basics';
+import swal from 'sweetalert2';
+
+export default {
+	name: 'send-course',
+	components: {
+		[Select.name]: Select,
+		[Option.name]: Option,
+		Basics,
+	},
+	props: {
+		show: {
+			type: Boolean,
+			default: false
+		},
+		selectedCourse: Number,
+		corporativeRole: null,
+		courses: Array,
+		reportType: null,
+		creditsAmount: Number
+	},
+	model: {
+		prop: 'show'
+	},
+	computed: {
+		openModal: {
+			get() {
+				return this.show;
+			},
+			set(show) {
+				this.$emit('input', show);
+			}
+		}
+	},
+	methods: {
+		closeModal(e) {
+			this.$emit('close-modal', e);
+		},
+
+		removeSlot(idx) {
+			this.slots = this.slots.filter((slot, index) => index !== idx);
+		},
+
+		addSlot() {
+			const newSlot = {
+				name: '',
+				email: ''
+			};
+
+			this.slots = [...this.slots, newSlot];
+		},
+
+		resetSlots() {
+			this.slots = [
+				{
+					name: '',
+					email: ''
+				}
+			];
+		},
+		async sendTest() {
+			const pass = await this.$refs.sendDisc.validate();
+			if(this.creditsAmount <= 0){
+				const Toast = swal.mixin({
+					toast: true,
+					position: 'top-end',
+					showConfirmButton: false,
+					timer: 3000
+				});
+
+				Toast.fire({
+					type: 'warning',
+					title: 'Esta empresa não possui ou excedeu a quantidade de usos desse serviço!'
+				});
+				return;
+			}
+			if (!pass) {
+				const Toast = swal.mixin({
+					toast: true,
+					position: 'top-end',
+					showConfirmButton: false,
+					timer: 3000
+				});
+
+				Toast.fire({
+					type: 'warning',
+					title: 'Preecha todos os campos corretamente'
+				});
+				return;
+			} else {
+				this.loading = true;
+				setTimeout(() => {
+					this.$emit('submit', this.slots);
+					this.resetSlots();
+					requestAnimationFrame(() => {
+						this.$refs.sendCourse.reset();
+					});
+					this.loading = false;
+					this.closeModal();
+				}, 2000);
+			}
+
+		}
+	},
+	watch: {
+		show(newValue) {
+			this.show = newValue;
+		}
+	},
+	data() {
+		return {
+			loading: false,
+			slots: [
+				{
+					name: '',
+					email: ''
+				}
+			]
+		};
+	}
+};
+</script>
+<style lang="scss" scoped>
+@import "@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss";
+.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;
+}
+
+#credits-amount {
+    min-width: 8em;
+    margin: 1rem 1rem 1rem 0;
+    padding: 0.75em 2em;
+    font-size: 1rem;
+    line-height: 1.4em;
+    border-radius: 23rem;
+    font-weight: 400;
+    text-align: center;
+    background-color: rgba($color-primary, 0.1);
+    color: $color-primary;
+}
+</style>