@burh/nuxt-core 1.0.456 → 1.0.458

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

@@ -188,7 +188,20 @@
 
 				<p class="notes-title mb-0">Laudo do Candidato</p>
 				<div class="line mb-3"></div>
-
+				<div class="evaluation-area">
+					<div class="action">
+						<like class="icon" :colorActiveLike="likeStatus"/>
+						<span class="font-weight-bold evaluation-area__text">
+							Gostei
+						</span>
+					</div>
+					<div class="action">
+						<deslike class="icon" :colorActiveDeslike="likeStatus"/>
+						<span class="font-weight-bold evaluation-area__text">
+							Não Gostei
+						</span>
+					</div>
+				</div>
 				<template v-if="!isLocked">
 					<div class="input-container" v-if="!userReportData.annex">
 						<dropzone-file-upload
@@ -319,6 +332,8 @@ import { Tabs, TabPane } from 'element-ui';
 import DropzoneFileUpload from '@burh/nuxt-core/components/argon-core/Inputs/DropzoneFileUpload.vue';
 import swal from 'sweetalert2';
 import UpgradePlan from './UpgradePlan.vue';
+import like from '../../../organismos/atomos/Like.vue';
+import deslike from '../../../organismos/atomos/Deslike.vue';
 
 export default {
 	name: 'user-cv-right-side',
@@ -351,13 +366,16 @@ export default {
 		[Tabs.name]: Tabs,
 		[TabPane.name]: TabPane,
 		DropzoneFileUpload,
-		UpgradePlan
+		UpgradePlan,
+		like,
+		deslike
 	},
 	data(){
 		return {
 			newNote: '',
 			newReportNote: '',
 			active: this.activeName,
+			liked: 0,
 			hasRemove: null,
 			isError: true,
 			currentRemoveItem: null,
@@ -551,7 +569,10 @@ export default {
 				const apiUrl = `${process.env.baseApiUrlV2}/company/buffer/folder/user/${this.userFolderId}`;
 
 				const data = await this.$axios(apiUrl)
-					.then(res => res.data)
+					.then((res) => {
+						this.liked = res.data.data.like;
+						return res.data;
+					})
 					.catch(() => {});
 
 				if (!data) return;
@@ -575,7 +596,10 @@ export default {
 			return !this.companyHasProduct(
 				this.$store.state.loja && this.$store.state.loja.showableProducts && this.$store.state.loja.showableProducts['HISTORICO_USUARIO'] || false
 			);
-		}
+		},
+		likeStatus(){
+			return this.liked;
+		},
 	}
 };
 </script>
@@ -617,7 +641,46 @@ export default {
         border: 0;
     }
 }
+.evaluation-area{
+    margin-bottom: 16px;
+    display: grid;
+    grid-template-columns: repeat(2, 95px);
+    @media (max-width:1155px){
+        grid-template-columns: 1fr;
+    }
+    .action{
+        display: grid;
+        grid-template-columns: 2rem 1fr;
+        align-items: center;
+        white-space: nowrap;
+        user-select: none;
+        .icon {
+            width: 2rem !important;
+        }
+        @media (max-width: 1440px) {
+            justify-content:start;
+        }
+        @media (max-width:1155px){
+            width: 7rem;
+            margin-bottom: 0 !important;
+        }
+    }
+	&__text {
+        font-size: 0.8rem;
+        color: #32325D;
+        margin-left: 0.35rem;
+	}
 
+    .active-icon {
+        font-size: 25px;
+        color: #AEB0B7;
+		transition: color 0.25s;
+		cursor: pointer;
+        &.active{
+            color:#fff;
+        }
+    }
+}
 /deep/ .el-tab-pane {
     height: 760px;
     max-height: 760px;

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

@@ -18,34 +18,43 @@
 				<div class="line mb-3"/>
 
 				<div class="evaluation-area">
-					<div
-						@click="() => {
-							evaluateUser(1)
-						}"
-						class="like"
+					<div @click.prevent="() => {
+						evaluateUser(1)
+					}"
 					>
-						<span class="font-weight-bold evaluation-area__text">
-							Gostei
-						</span>
-						<i
-							class="fas fa-thumbs-up active-icon"
-							:class="{'active':likeStatus == 1}"
-						/>
+						<el-tooltip
+							class="item"
+							effect="dark"
+							content="Gostei"
+							placement="top"
+						>
+							<div class="action">
+								<like class="icon" :colorActiveLike="likeStatus"/>
+								<span class="font-weight-bold evaluation-area__text">
+									Gostei
+								</span>
+							</div>
+						</el-tooltip>
 					</div>
 
 					<div
-						@click="() => {
+						@click.prevent="() => {
 							evaluateUser(2)
 						}"
-						class="like"
 					>
-						<i
-							class="fas fa-thumbs-down active-icon"
-							:class="{'active':likeStatus == 2}"
-						/>
-						<span class="font-weight-bold evaluation-area__text">
-							Não Gostei
-						</span>
+						<el-tooltip
+							class="item"
+							effect="dark"
+							content="Não gostei"
+							placement="top"
+						>
+							<div class="action">
+								<deslike class="icon" :colorActiveDeslike="likeStatus"/>
+								<span class="font-weight-bold evaluation-area__text">
+									Não Gostei
+								</span>
+							</div>
+						</el-tooltip>
 					</div>
 				</div>
 
@@ -108,6 +117,8 @@
 
 <script>
 import { Tabs, TabPane } from 'element-ui';
+import like from '../../../organismos/atomos/Like.vue';
+import deslike from '../../../organismos/atomos/Deslike.vue';
 
 export default {
 	name: 'user-cv-right-side',
@@ -124,6 +135,8 @@ export default {
 	components: {
 		[Tabs.name]: Tabs,
 		[TabPane.name]: TabPane,
+		like,
+		deslike,
 	},
 	data(){
 		return {
@@ -153,11 +166,10 @@ export default {
 			const data = await this.$axios(apiUrl)
 				.then(res => {
 					this.liked = res.data.data.like;
+					return res.data;
 				})
 				.catch(() => {});
-
 			if (!data) return;
-
 			this.mountUserReport(data.data);
 		},
 
@@ -352,19 +364,33 @@ export default {
 }
 .evaluation-area{
     margin-bottom: 16px;
-    justify-content: center;
-    display: flex;
-    gap: 1rem;
-    .like{
+    display: grid;
+    grid-template-columns: repeat(2, 95px);
+    @media (max-width:1155px){
+        grid-template-columns: 1fr;
+    }
+    .action{
+        display: grid;
+        grid-template-columns: 2rem 1fr;
+        align-items: center;
+        white-space: nowrap;
         cursor: pointer;
         user-select: none;
-        &:hover{
-            .active-icon{
-                color:#586AE9;
-            }
+        .icon {
+            width: 2rem !important;
+        }
+        @media (max-width: 1440px) {
+            justify-content:start;
+        }
+        @media (max-width:1155px){
+            width: 7rem;
+            margin-bottom: 0 !important;
         }
     }
 	&__text {
+        font-size: 0.8rem;
+        color: #32325D;
+        margin-left: 0.35rem;
 		cursor: pointer;
 	}
 
@@ -374,7 +400,7 @@ export default {
 		transition: color 0.25s;
 		cursor: pointer;
         &.active{
-            color:#586AE9;
+            color:#fff;
         }
     }
 }
@@ -458,6 +484,9 @@ export default {
 }
 
 .history-text {
+    @media (max-width:1390px){
+        margin-right: 1rem;
+    }
     font-size: 13px;
     color: #62778c;
 }

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/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>