@burh/nuxt-core 1.0.460 → 1.0.461

package/components/burh-ds/Avatar/AvatarLink.vue

@@ -2,7 +2,11 @@
 	<span @click="handleClick">
 		<div class="media align-items-center">
 			<span class="avatar avatar-sm rounded-circle">
-				<img :src="logo">
+				<image-with-fallback
+					:src="logo"
+					:alt="`Logo da empresa ${name}`"
+					:fallbackText="name"
+				/>
 			</span>
 			<div class="media-body ml-2 d-none d-lg-block" v-if="!isCompany">
 				<span class="mb-0 text-sm font-weight-bold">

package/components/burh-ds/Curriculum/UserCurriculum/UserCvLeftSide.vue

@@ -3,15 +3,11 @@
 		<div class="profile w-100 text-center">
 			<div class="avatar">
 				<image-with-fallback
-					v-if="userData.urlAvatar"
 					:src="userData.urlAvatar"
 					:alt="userData.name"
 					:fallbackText="userData.name"
 					fallbackSize="1024"
 				/>
-				<div v-else class=".">
-					{{ userData.name }}
-				</div>
 			</div>
 
 			<h5

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/layouts/burh-ds/footer/ProductsFooter.vue

@@ -29,12 +29,12 @@
 				<ul class="product__content--list">
 					<li><a :href="`${baseAppUrl}/busca`">Busca Avançada</a></li>
 					<li>
-						<a :href="`${oldBusinessUrl}/burh/vagas`"
+						<a :href="`${baseAppUrl}/recrutamento`"
 						>Recrutamento</a
 						>
 					</li>
 					<li>
-						<a :href="`${oldBusinessUrl}/app/university`"
+						<a :href="`${baseAppUrl}/universidades`"
 						>Busca por Universidades</a
 						>
 					</li>
@@ -170,15 +170,15 @@ export default {
 	data() {
 		return {
 			year: new Date().getFullYear(),
-			url: '',
-			baseAppUrl: '',
-			oldBusinessUrl: ''
 		};
 	},
-	mounted() {
-		this.url = process.env.baseUserUrl;
-		this.baseAppUrl = process.env.baseAppUrl;
-		this.oldBusinessUrl = process.env.oldBusinessUrl;
+	computed: {
+		url() {
+			return process.env.baseUserUrl;
+		},
+		baseAppUrl() {
+			return process.env.baseAppUrl;
+		}
 	}
 };
 </script>

package/package.json

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