@burh/nuxt-core 1.0.450 → 1.0.452

package/components/burh-ds/Cards/CourseInfoCard.vue

@@ -26,7 +26,7 @@
 								<span
 									v-if="items.number"
 									:class="items.color ? items.color : ''"
-									class="display-1 font-weight-bold"
+									class="display-1 font-weight-bold number-value"
 								>{{ items.percentage ? items.percentage : items.number}}</span
 								>
 								<p
@@ -111,6 +111,18 @@ export default {
             }
         }
     }
+     @media screen and (max-width: 1380px){
+        font-size: .8rem;
+    }
+    @media screen and (max-width: 1132px){
+        font-size: .7rem;
+    }
+    @media screen and (max-width: 1009px){
+        font-size: .67rem;
+    }
+    @media screen and (max-width: 768px){
+        font-size: 1rem;
+    }
 }
 
 .chart__graph {
@@ -134,9 +146,30 @@ export default {
     align-items: center;
     justify-content: center;
     flex-direction: column;
-
 }
 
+.number-value{
+    font-size: 2rem;
+
+    @media screen and (max-width: 1380px){
+        font-size: 1.5rem;
+    }
+    @media screen and (max-width: 1075px){
+        font-size: 1.3rem;
+    }
+    @media screen and (max-width: 934px){
+        font-size: 1.2rem;
+    }
+    @media screen and (max-width: 952px){
+        font-size: 1rem;
+    }
+    @media screen and (max-width: 768px){
+        font-size: 1.8rem;
+    }
+    @media screen and (max-width: 672px){
+        font-size: 1.4rem;
+    }
+}
 .card__content {
     width: 100%;
 }
@@ -144,6 +177,7 @@ export default {
 .card-title {
     font-size: 1rem;
 }
+
 .info-box {
     @media (min-width: 576px) {
         flex: 0 0 50%;

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

@@ -27,7 +27,7 @@
 
 			<p
 				class="user-info"
-				v-if="userData.user_experience.length > 0"
+				v-if="userData && userData.user_experience && userData.user_experience.length || 0"
 				v-html="
 					highlightText(
 						search,
@@ -99,7 +99,7 @@
 		</div>
 
 		<div
-			v-show="userData.user_desired_job.length > 0"
+			v-show="userData && userData.user_desired_job && userData.user_desired_job.length || 0"
 			class="desidered title-block mt-3 ml-4"
 		>
 			<h6 class="mb-0">Cargos desejados</h6>
@@ -114,7 +114,7 @@
 		</div>
 
 		<div
-			v-show="userData.user_language.length > 0"
+			v-show="userData && userData.user_language && userData.user_language.length || 0"
 			class="languages title-block mt-3 ml-4"
 		>
 			<h6 class="mb-0">Idiomas</h6>
@@ -134,7 +134,7 @@
 		</div>
 
 		<div
-			v-show="userData.user_skill.length > 0"
+			v-show="userData&&userData.user_skill &&userData.user_skill.length > 0"
 			class="skills title-block ml-4"
 		>
 			<h6 class="mb-0">Habilidades</h6>

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

@@ -14,6 +14,41 @@
 				</span>
 
 				<p class="notes-title mb-0">Laudo do Candidato</p>
+
+				<div class="line mb-3"/>
+
+				<div class="evaluation-area">
+					<div
+						@click="() => {
+							evaluateUser(1)
+						}"
+						class="like"
+					>
+						<span class="font-weight-bold evaluation-area__text">
+							Gostei
+						</span>
+						<i
+							class="fas fa-thumbs-up active-icon"
+							:class="{'active':likeStatus == 1}"
+						/>
+					</div>
+
+					<div
+						@click="() => {
+							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>
+					</div>
+				</div>
+
 				<div class="line mb-3"></div>
 
 				<p v-show="!userReportData.annex" class="history-text">
@@ -96,21 +131,29 @@ export default {
 			newReportNote: '',
 			active: 'reports',
 			userReportData: [],
+			liked: 0,
 		};
 	},
+	computed: {
+		likeStatus(){
+			return this.liked;
+		}
+	},
 	props: {
 		userData: Object,
 		userFolderId: String,
 	},
-	mounted() {
-		this.getUserFolderData();
+	async mounted() {
+		await this.getUserFolderData();
 	},
 	methods: {
 		async getUserFolderData() {
 			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;
+				})
 				.catch(() => {});
 
 			if (!data) return;
@@ -118,6 +161,24 @@ export default {
 			this.mountUserReport(data.data);
 		},
 
+		async evaluateUser(like){
+			const apiUrl = `${process.env.baseApiUrlV2}/company/buffer/folder/user/like`;
+
+			let payload = {
+				company_buffer_folder_user_id: this.userFolderId,
+				like
+			};
+
+			if(this.likeStatus == like){
+				return;
+			}
+			const data = await this.$axios.post(apiUrl, payload);
+
+			if(data && !data.error){
+				this.liked = like;
+			}
+		},
+
 		openArchive(item) {
 			window.open(item.storage_url, '_blank');
 		},
@@ -289,7 +350,34 @@ export default {
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
 }
+.evaluation-area{
+    margin-bottom: 16px;
+    justify-content: center;
+    display: flex;
+    gap: 1rem;
+    .like{
+        cursor: pointer;
+        user-select: none;
+        &:hover{
+            .active-icon{
+                color:#586AE9;
+            }
+        }
+    }
+	&__text {
+		cursor: pointer;
+	}
 
+    .active-icon {
+        font-size: 25px;
+        color: #AEB0B7;
+		transition: color 0.25s;
+		cursor: pointer;
+        &.active{
+            color:#586AE9;
+        }
+    }
+}
 .tab__icon-pane {
     .img__icon-pane {
         background-color: #f5f5f5 !important;

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

@@ -3,7 +3,7 @@
 		:visible.sync="isActive"
 		width="80%"
 		:custom-class="`position-relative user__preview__container ${isLoading ? 'loading' : ''}`"
-		@close="$emit('close')"
+		:before-close="handleClose"
 		class="test-radius"
 	>
 		<template>
@@ -19,7 +19,7 @@
                         @click="showTools = !showTools"/>
                 </span>
             </el-tooltip> -->
-			<span class="tool tool-close" @click="$emit('close')">
+			<span v-if="!isPreviewShare" class="tool tool-close" @click="$emit('close')">
 				Fechar
 				<font-awesome-icon
 					:icon="['fas', 'times']"
@@ -27,7 +27,7 @@
 				/>
 			</span>
 
-			<div class="user__cv__arrows">
+			<div class="user__cv__arrows" v-if="!isPreviewShare">
 				<button v-if="hasPrevUser" @click="preUser()">
 					<i class="fas fa-chevron-left"></i>
 				</button>
@@ -55,6 +55,10 @@ export default {
 			type: Boolean,
 			default: false
 		},
+		isPreviewShare:{
+			type:Boolean,
+			default:false
+		},
 		tools: {
 			type: Array,
 			default: () => []
@@ -91,6 +95,14 @@ export default {
 		this.handleArrowsActive();
 	},
 	methods: {
+		handleClose(){
+			if(this.isPreviewShare){
+				return false;
+			}else{
+				this.$emit('close');
+				this.isActive = false;
+			}
+		},
 		preUser() {
 			if (this.currentUserIndex <= 0 || this.isLoading) return;
 

package/components/burh-ds/Filters/BaseFilterContainer.vue

@@ -15,7 +15,7 @@
 			</div>
 			<div>
 				<button
-					@click="!isLocked ? $emit('filter-apply') : $emit('open-plan-modal')"
+					@click="!isLocked ? handleFilterApply() : $emit('open-plan-modal')"
 					class="base__filter__button apply"
 					:class="{ 'disabled': isLocked }"
 				>
@@ -44,6 +44,12 @@ export default {
 			type: Boolean,
 			default: false
 		}
+	},
+	methods: {
+		handleFilterApply() {
+			this.$bus.$emit('close-dropdown');
+			this.$emit('filter-apply');
+		}
 	}
 };
 </script>

package/components/burh-ds/Filters/FilterWithDropdown.vue

@@ -1,14 +1,15 @@
 <template>
-	<div>
+	<div :class="{'filter__with__dropdown' : isDropdownOpen}">
 		<div
 			v-if="isDropdownOpen"
 			id="backgroundFade"
+			@mousedown="dropDownOutsideClick"
 		></div>
 		<div
-			v-click-outside="dropDownOutsideClick"
+			ref="filterContainer"
 			class="filter__container"
 			:class="{'filter__container__dropdown--open': isDropdownOpen}"
-			ref="filterContainer"
+			:style="`--filter-text-color: ${this.baseColor}; --filter-base-color: ${this.baseColor}22`"
 		>
 			<button
 				class="filter__item"
@@ -61,6 +62,10 @@ export default {
 			type: Boolean,
 			default: false
 		},
+		baseColor: {
+			type: String,
+			default: '#5865F2'
+		}
 	},
 	data() {
 		return {
@@ -104,10 +109,22 @@ export default {
 				this.isDropdownOpen = false;
 			}
 		}
+	},
+	mounted() {
+		this.$bus.$on('close-dropdown', () => this.isDropdownOpen = false);
+	},
+	beforeDestroy() {
+		this.$bus.$off('close-dropdown');
 	}
 };
 </script>
 
+<style lang="scss">
+.el-select-dropdown.el-popper {
+    z-index: 2147483020!important;
+}
+</style>
+
 <style lang="scss" scoped>
 @keyframes fadeIn {
 	from { opacity: 0; }
@@ -137,15 +154,26 @@ export default {
     width: 100vw;
     height: 100vh;
     background: rgba(255, 255, 255, 0.6);
-    z-index: 200;
+    z-index: 1050;
     animation: 0.5s fadeIn;
 }
 
+.filter__with__dropdown {
+    @media (max-width: 820px) {
+        & {
+            z-index: 2147483010;
+        }
+    }
+}
+
 .filter__container__dropdown--open {
-    z-index: 210!important;
+    z-index: 1060!important;
 }
 
 .filter__container {
+    $baseColor: var(--filter-base-color);
+    $textColor: var(--filter-text-color);
+
     position: relative;
     z-index: 100;
     margin-bottom: 10px;
@@ -202,10 +230,10 @@ export default {
         background: transparent;
         &:focus {
             outline: none;
-            background: rgba(31, 140, 235, 0.2);
+            background: $baseColor;
             border-color: transparent;
             p {
-                color: #5865F2;
+                color: $textColor;
             }
         }
         &:not(.filter__item--active):not(:disabled):hover {
@@ -225,10 +253,10 @@ export default {
             white-space: nowrap;
         }
         &--active {
-            background: rgba(31, 140, 235, 0.2);
+            background: $baseColor;
             border-color: transparent;
             p {
-                color: #5865F2;
+                color: $textColor;
             }
         }
         .status {

package/components/burh-ds/Headings/AppHeader.vue

@@ -198,7 +198,7 @@ export default {
             }
             &--active {
                 img {
-                    border-color: #1F8CEB;
+                    border-color: #5865f2;
                 }
             }
         }
@@ -273,7 +273,7 @@ export default {
     font-size: 0.7rem;
     user-select: none;
     &--active {
-        border-color: #1F8CEB;
+        border-color: #5865f2;
     }
 }
 

package/components/burh-ds/Img/ImageWithFallback.vue

@@ -29,6 +29,10 @@ export default {
 		fallbackText: {
 			type: String,
 			required: true
+		},
+		fallbackSingle: {
+			type: Boolean,
+			default: true
 		}
 	},
 	methods: {
@@ -47,7 +51,11 @@ export default {
 			let userAvatarName;
 
 			if (this.fallbackText) {
-				userAvatarName = this.fallbackText.slice(0, 1).toUpperCase();
+				if (this.fallbackSingle) {
+					userAvatarName = this.fallbackText.slice(0, 1).toUpperCase();
+				} else {
+					userAvatarName = this.fallbackText;
+				}
 			} else {
 				userAvatarName = 'BURH';
 			}

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

@@ -129,6 +129,10 @@ export default {
 	props: {
 		isActive: Boolean,
 		userData: Object,
+		share_token:{
+			type:String,
+			default: ''
+		},
 		baseUrl: String
 	},
 	data() {
@@ -154,6 +158,11 @@ export default {
 			}, 3000);
 		}
 	},
+	computed: {
+		baseBussinesUrl() {
+			return process.env.baseAppUrl;
+		}
+	},
 	watch: {
 		isActive(newValue) {
 			!newValue && this.$emit('close-modal');
@@ -162,6 +171,10 @@ export default {
 			if (userData.slug) {
 				this.slug = userData.slug.slug || null;
 			}
+		},
+		share_token(share_token){
+			this.baseUrl = this.baseBussinesUrl;
+			return this.slug = 'buffer/userpreview/' + share_token;
 		}
 	}
 };

package/package.json

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