@burh/nuxt-core 1.0.262 → 1.0.264

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

@@ -1,64 +1,64 @@
-<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">
+		<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>

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

@@ -1,87 +1,87 @@
-<template>
-	<div>
-		<modal
-			:show.sync="isModalOpen"
-			@close="$emit('close-modal')"
-			class="modal modal-new"
-			bodyClasses="container-fluid px-4 pt-0 modal-new-fix"
-			headerClasses="container-fluid new-modal-header pb-0"
-		>
-			<template slot="header">
-				<p>&ThinSpace;</p>
-			</template>
-			<div class="text-center mb-4 mt-0">
-				<img src="/img/logotipo_color.svg" class="pb-4" width="110" alt="Burh">
-				<h5 class="display-5 text-center">Olá! Sou a Burh! Estamos mudando.</h5>
-			</div>
-			<div class="mt-2 text-justify">
-				<p>
-					O Burh foi criado para empresas que buscam os melhores profissionais para compor seu time, mas que para isso não tenham que passar por sistemas burocráticos, ultrapassados e cheios de pegadinhas. Com o único propósito de tornar o mercado profissional em um lugar livre e aberto, chegou a hora de apresentarmos a melhor versão que já criamos, uma plataforma inteligente, rápida, segura e repleta de novas possibilidades.
-					<br><br>
-					Por isso acreditamos que você vai adorar! A nova plataforma possibilita criar e organizar pastas na nuvem, anexar documentos e notas nos perfis dos profissionais e compartilhar essas informações com toda segurança da LGPD. Tudo isso de forma simples, inovadora e inteligente.
-					<br><br>
-					Pode-se dizer que estamos amadurecendo, o que é meio chavão para uma marca dizer, mas nós somos gratos pelas pessoas que ficaram ao nosso lado nos últimos quatro anos e estamos empolgados para crescer cada vez mais juntos.
-					<br><br>
-					Hoje, apresentamos a nova Burh Empresas que será liberada nos próximos dias. Uma solução que reflete aquilo que somos, nossa essência e o que acreditamos. Nossas novas cores representam toda a integração, possibilidade e liberdade de criarmos o novo, de pessoas para pessoas.
-					<br><br>
-					Com amor,<br>Burh
-				</p>
-			</div>
-		</modal>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'new-user-modal',
-	props: {
-		show: {
-			type: Boolean,
-			default: false
-		},
-	},
-	data() {
-		return {
-			isModalOpen: this.show
-		};
-	},
-	watch: {
-		show(value) {
-			this.isModalOpen = value;
-		}
-	}
-};
-</script>
-<style lang="scss">
-.modal-new {
-    overflow-y: auto!important;
-    &::-webkit-scrollbar-track {
-		border-radius: 10px!important;
-		background-color: rgba(23, 43, 77, 0.7)!important;
-	}
-
-	&::-webkit-scrollbar {
-		width: 8px!important;
-		background-color: rgba(23, 43, 77, 0.7)!important;
-	}
-
-	&::-webkit-scrollbar-thumb {
-		border-radius: 10px!important;
-		background-color: #e9e8e8!important;
-	}
-    .modal-dialog {
-        min-width: 60rem;
-        display: flex;
-        flex-direction: columns;
-        align-items: center;
-    }
-}
-.modal-new-fix {
-    padding: 30px 60px!important;
-    padding-top: 0!important;
-    width: 75%!important;
-}
-.new-modal-header {
-	padding: 10px!important;
-}
-</style>
+<template>
+	<div>
+		<modal
+			:show.sync="isModalOpen"
+			@close="$emit('close-modal')"
+			class="modal modal-new"
+			bodyClasses="container-fluid px-4 pt-0 modal-new-fix"
+			headerClasses="container-fluid new-modal-header pb-0"
+		>
+			<template slot="header">
+				<p>&ThinSpace;</p>
+			</template>
+			<div class="text-center mb-4 mt-0">
+				<img src="/img/logotipo_color.svg" class="pb-4" width="110" alt="Burh">
+				<h5 class="display-5 text-center">Olá! Sou a Burh! Estamos mudando.</h5>
+			</div>
+			<div class="mt-2 text-justify">
+				<p>
+					O Burh foi criado para empresas que buscam os melhores profissionais para compor seu time, mas que para isso não tenham que passar por sistemas burocráticos, ultrapassados e cheios de pegadinhas. Com o único propósito de tornar o mercado profissional em um lugar livre e aberto, chegou a hora de apresentarmos a melhor versão que já criamos, uma plataforma inteligente, rápida, segura e repleta de novas possibilidades.
+					<br><br>
+					Por isso acreditamos que você vai adorar! A nova plataforma possibilita criar e organizar pastas na nuvem, anexar documentos e notas nos perfis dos profissionais e compartilhar essas informações com toda segurança da LGPD. Tudo isso de forma simples, inovadora e inteligente.
+					<br><br>
+					Pode-se dizer que estamos amadurecendo, o que é meio chavão para uma marca dizer, mas nós somos gratos pelas pessoas que ficaram ao nosso lado nos últimos quatro anos e estamos empolgados para crescer cada vez mais juntos.
+					<br><br>
+					Hoje, apresentamos a nova Burh Empresas que será liberada nos próximos dias. Uma solução que reflete aquilo que somos, nossa essência e o que acreditamos. Nossas novas cores representam toda a integração, possibilidade e liberdade de criarmos o novo, de pessoas para pessoas.
+					<br><br>
+					Com amor,<br>Burh
+				</p>
+			</div>
+		</modal>
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'new-user-modal',
+	props: {
+		show: {
+			type: Boolean,
+			default: false
+		},
+	},
+	data() {
+		return {
+			isModalOpen: this.show
+		};
+	},
+	watch: {
+		show(value) {
+			this.isModalOpen = value;
+		}
+	}
+};
+</script>
+<style lang="scss">
+.modal-new {
+    overflow-y: auto!important;
+    &::-webkit-scrollbar-track {
+		border-radius: 10px!important;
+		background-color: rgba(23, 43, 77, 0.7)!important;
+	}
+
+	&::-webkit-scrollbar {
+		width: 8px!important;
+		background-color: rgba(23, 43, 77, 0.7)!important;
+	}
+
+	&::-webkit-scrollbar-thumb {
+		border-radius: 10px!important;
+		background-color: #e9e8e8!important;
+	}
+    .modal-dialog {
+        min-width: 60rem;
+        display: flex;
+        flex-direction: columns;
+        align-items: center;
+    }
+}
+.modal-new-fix {
+    padding: 30px 60px!important;
+    padding-top: 0!important;
+    width: 75%!important;
+}
+.new-modal-header {
+	padding: 10px!important;
+}
+</style>

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

@@ -1,162 +1,168 @@
 <template>
-    <modal
-        :show.sync="openModal"
-        v-on:close="closeModal"
-        size="lg"
-        class="modal"
-    >
-        <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="sendCourse">
-            <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>
+	<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="sendCourse">
+			<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 { Select, Option } from 'element-ui';
+import Basics from '../Loadings/Basics';
 
 export default {
-    name: "send-course",
-    components: {
-        [Select.name]: Select,
-        [Option.name]: Option
-    },
-    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: ""
-                }
-            ];
-        },
-        sendTest() {
-            this.$emit("submit", this.slots);
-
-            this.resetSlots();
-
-            requestAnimationFrame(() => {
-                this.$refs.sendCourse.reset();
-            });
-
-            this.closeModal();
-        }
-    },
-    watch: {
-        show(newValue) {
-            this.show = newValue;
-        }
-    },
-    data() {
-        return {
-            slots: [
-                {
-                    name: "",
-                    email: ""
-                }
-            ]
-        };
-    }
+	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: ''
+				}
+			];
+		},
+		sendTest() {
+			this.loading = true;
+			setTimeout(() => {
+
+				this.$emit('submit', this.slots);
+				this.resetSlots();
+				requestAnimationFrame(() => {
+					this.$refs.sendCourse.reset();
+				});
+				this.closeModal();
+				this.loading = false;
+			}, 2000);
+		}
+	},
+	watch: {
+		show(newValue) {
+			this.show = newValue;
+		}
+	},
+	data() {
+		return {
+			loading: false,
+			slots: [
+				{
+					name: '',
+					email: ''
+				}
+			]
+		};
+	}
 };
 </script>
 <style lang="scss" scoped>

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

@@ -8,7 +8,7 @@
 		<basics :isLoading="loading" v-if="loading"/>
 		<template>
 			<div class="ml-5 mr-5">
-			<basics :isLoading="loading" v-if="loading"/>
+				<basics :isLoading="loading" v-if="loading"/>
 
 				<div class="row send send-test mx-0">
 					<h5>Insira o e-mail que deseja enviar o teste</h5>
@@ -214,8 +214,8 @@ export default {
 		   	setTimeout(() => {
 				this.$emit('send-test', testRequest);
 				this.$emit('closemodal');
-				this.loading = false
-			}, 2000 )
+				this.loading = false;
+			}, 2000 );
 		},
 		categoryIsAllowedToSend(categoryId) {
 			const categoryIsAllowToSend = Object.values(