@burh/nuxt-core 1.0.459 → 1.0.461

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

@@ -1,88 +1,88 @@
-<template>
-	<div class="input__container__icon" :class="{ 'input__disabled': disabled || isLocked }" @click="isLocked && $emit('open-plan-modal')">
-		<label for="search">
-			<template v-if="!isLocked">
-				<i class="fas fa-search"></i>
-			</template>
-			<template v-else>
-				<i class="fas fa-lock"></i>
-			</template>
-		</label>
-		<input type="text" name="search" id="search"  :disabled="disabled || isLocked" :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'
-		},
-		isLocked: {
-			type: Boolean,
-			default: false
-		}
-	},
-	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: #AEB6BE !important;
-            cursor: not-allowed !important;
-        }
-        label {
-            cursor: not-allowed !important;
-        }
-    }
-}
-</style>
+<template>
+	<div class="input__container__icon" :class="{ 'input__disabled': disabled || isLocked }" @click="isLocked && $emit('open-plan-modal')">
+		<label for="search">
+			<template v-if="!isLocked">
+				<i class="fas fa-search"></i>
+			</template>
+			<template v-else>
+				<i class="fas fa-lock"></i>
+			</template>
+		</label>
+		<input type="text" name="search" id="search"  :disabled="disabled || isLocked" :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'
+		},
+		isLocked: {
+			type: Boolean,
+			default: false
+		}
+	},
+	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: #AEB6BE !important;
+            cursor: not-allowed !important;
+        }
+        label {
+            cursor: not-allowed !important;
+        }
+    }
+}
+</style>

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

@@ -98,9 +98,9 @@
 						:key="index"
 					>
 						<button
+							v-if="buttons.id != 8"
 							role="button"
 							class="tag tag-outline-primary d-block w-100 buttons"
-							:id="'button-' + buttons.id"
 							:value="buttons.value"
 							:class="
 								buttons.id == currentSelectedButton
@@ -115,6 +115,26 @@
 							></i>
 							<small>{{ buttons.time }}</small>
 						</button>
+						<div :class="
+							buttons.id == currentSelectedButton
+								? 'active-time'
+								: ''" class="custom-time-div">
+							<i
+								v-if="buttons.id == currentSelectedButton"
+								class="fas fa-check mr-1 custom-time-icon"
+							></i>
+							<input
+								v-if="buttons.id == 8"
+								:placeholder="buttons.time"
+								v-model="buttons.value"
+								@change="setValueChange()"
+								@click="setInitValue(buttons.id)"
+								:class="currentSelectedButton == buttons.id ? 'active-custom': '' "
+								class="d-block w-100 buttons tag tag-outline-primary custom-time"
+								type="text"
+								v-mask="['##:##:##']"
+							/>
+						</div>
 					</div>
 				</div>
 			</div>
@@ -142,11 +162,12 @@
 </template>
 <script>
 import { mask } from 'vue-the-mask';
+import swal from 'sweetalert2';
 import { Select, Option } from 'element-ui';
 export default {
 	components: {
 		[Select.name]: Select,
-		[Option.name]: Option
+		[Option.name]: Option,
 	},
 	directives: { mask },
 	data() {
@@ -197,14 +218,14 @@ export default {
 		buttons: {
 			type: Array,
 			default: () => [
-				{ id: '1', time: '5 minutos', value: '00:05:00' },
-				{ id: '2', time: '10 minutos', value: '00:10:00' },
-				{ id: '3', time: '15 minutos', value: '00:15:00' },
-				{ id: '4', time: '30 minutos', value: '00:30:00' },
-				{ id: '5', time: '45 minutos', value: '00:45:00' },
-				{ id: '6', time: '60 minutos', value: '01:00:00' },
-				{ id: '7', time: '2 horas', value: '02:00:00' },
-				{ id: '8', time: '8 horas', value: '08:00:00' }
+				{ id: '1', time: '5 minutos', value: '00:05:00', custom: false },
+				{ id: '2', time: '10 minutos', value: '00:10:00', custom: false },
+				{ id: '3', time: '15 minutos', value: '00:15:00', custom: false },
+				{ id: '4', time: '30 minutos', value: '00:30:00', custom: false },
+				{ id: '5', time: '45 minutos', value: '00:45:00', custom: false },
+				{ id: '6', time: '60 minutos', value: '01:00:00', custom: false },
+				{ id: '7', time: '2 horas', value: '02:00:00', custom: false },
+				{ id: '8', time: 'Outro', value: null, custom: true }
 			],
 			description: 'Botoes de tempo'
 		},
@@ -295,11 +316,28 @@ export default {
 			set(show) {
 				this.$emit('input', show);
 			}
-		}
+		},
 	},
 	methods: {
+		setInitValue(id){
+			this.currentSelectedButton = id;
+			let getIndex = this.buttons.findIndex((e)=>e.custom == true);
+			if(!this.buttons[getIndex].value){
+				this.buttons[getIndex].value = '00:00:00';
+			}
+		},
+		setValueChange(){
+			this.configInfo.selectedTime = this.buttons.find((e)=>e.custom == true).value;
+		},
 		loadTime() {
-			let time = this.buttons.find(e => e.value === this.time);
+			let time = null;
+			if(this.time){
+				time = this.buttons.find(e => e.value === this.time);
+				if(!time){
+					time = this.buttons.find(e => e.custom === true);
+					time.value = this.time;
+				}
+			}
 			if (time != null) {
 				this.currentSelectedButton = time.id;
 				this.configInfo.selectedTime = this.time;
@@ -312,16 +350,37 @@ export default {
 			}
 		},
 		timeSelection(buttonId) {
-			let btn = document.getElementById('button-' + buttonId);
+			let btn = this.buttons.find((e)=>e.id == buttonId);
+			this.buttons[7].value = null;
 			this.configInfo.selectedTime = btn.value;
 			this.currentSelectedButton = buttonId;
 		},
 		async sendConfig() {
+			let customButton = this.buttons.find((e)=>e.custom == true);
 			const pass = await this.$refs.appConfigModal.validate();
 			if (!pass) {
 				return;
 			}
 			let config;
+			if(this.currentSelectedButton == customButton.id){
+				let minuteReplace = customButton.value.search(60);
+				let timeReplaced = customButton.value.replaceAll(':', '');
+
+				if(timeReplaced == '000000' || timeReplaced.length < 6){
+					return this.showMessage('Tempo inválido');
+				}
+				if(timeReplaced > 240000){
+					return this.showMessage('O tempo não pode ser maior que 24 horas');
+				}
+				if((minuteReplace && minuteReplace >= 0 && minuteReplace == 3)
+                    || customButton.value[3] + customButton.value[4] > 60 ){
+					return this.showMessage('Insira um valor entre 00 e 59 para o minuto');
+				}
+				if(minuteReplace && minuteReplace >= 0 && minuteReplace == 6
+                    || customButton.value[6] + customButton.value[7] > 60){
+					return this.showMessage('Insira um valor entre 00 e 59 para o segundo');
+				}
+			}
 			if (!this.isCourse) {
 				config = {
 					title: this.configInfo.title,
@@ -339,6 +398,19 @@ export default {
 			}
 			this.$emit('send-config-info', config);
 			this.openModal = false;
+		},
+		showMessage(title, type = 'error'){
+			const Toast = swal.mixin({
+				toast: true,
+				position: 'top-end',
+				showConfirmButton: false,
+				timer: 3100,
+			});
+
+			return Toast.fire({
+				type: type,
+				title: title
+			});
 		}
 	}
 };
@@ -388,3 +460,30 @@ export default {
     }
 }
 </style>
+<style lang="scss" scoped>
+.custom-time::placeholder{
+    font-size: 80%;
+    color:#00b388;
+}
+.custom-time:hover::placeholder{
+    color: #fff;
+}
+.active-time{
+    background-color:#00B388;
+}
+.custom-time-div{
+    position: relative;
+    .custom-time-icon{
+        position:absolute;
+        top:1rem;
+        left:1.5rem;
+        color:#fff;
+    }
+    .active-custom{
+        color: #fff !important;
+        &::placeholder{
+            color: #fff !important;
+        }
+    }
+}
+</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/SendTest.vue

@@ -4,11 +4,9 @@
 		:size="'lg'"
 		@close="$emit('close')"
 	>
-		<basics :isLoading="loading" v-if="loading"/>
 		<template>
+			<basics :isLoading="loading" v-if="loading"/>
 			<div class="ml-5 mr-5">
-				<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>
 				</div>
@@ -61,9 +59,8 @@
 									placeholder="Escolha o teste"
 									:class="{'is-invalid': errors[0]}"
 									rules="required"
-									id="teste"
-									v-model="testid"
-									class="w-100 fix-input"
+									v-model="teste"
+									class="w-100"
 								>
 									<el-option
 										v-for="test in allTests"
@@ -191,7 +188,9 @@ export default {
 			type: Boolean,
 			default: false
 		},
-		selectedTest: Number,
+		selectedTest: {
+			type:Number
+		},
 		categoriesAllowedToSend: {
 			type: Object,
 			default: () => ({})
@@ -225,7 +224,7 @@ export default {
 			const formatRequest = slot => ({
 				...slot,
 				jobid: this.jobid,
-				testid: this.testid
+				testid: this.teste
 			});
 			const testRequest = this.slots
 				.filter(filterSlots)
@@ -257,15 +256,21 @@ export default {
 		}
 	},
 	watch: {
-
-		selectedTest(newValue) {
-			this.testid = newValue;
-		},
 		isModalOpen(newValue) {
 			!newValue && this.closeModal();
 			this.resetSlots();
 		}
 	},
+	computed:{
+		teste:{
+			get(){
+				return !this.testid ? this.selectedTest : this.testid;
+			},
+			set(value){
+				this.testid = value;
+			}
+		}
+	},
 	data() {
 		return {
 			loading: false,
@@ -279,7 +284,7 @@ export default {
 				}
 			]
 		};
-	}
+	},
 };
 </script>
 <style lang="scss" scoped>