@burh/nuxt-core 1.0.449 → 1.0.451

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

@@ -28,7 +28,8 @@
 				:src="avatar"
 				:alt="name"
 				:fallbackText="name"
-				fallbackSize="240x240"
+				:fallbackBackground="fallbackColor"
+				fallbackSize="240"
 			/>
 
 			<slot name="card-content" />
@@ -63,6 +64,10 @@ export default {
 		glass: {
 			type: Boolean,
 			default: false
+		},
+		fallbackColor: {
+			type: String,
+			default: '5865F2'
 		}
 	},
 	data() {

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

@@ -7,7 +7,7 @@
 					:src="userData.urlAvatar"
 					:alt="userData.name"
 					:fallbackText="userData.name"
-					fallbackSize="1024x1024"
+					fallbackSize="1024"
 				/>
 				<div v-else class=".">
 					{{ userData.name }}
@@ -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/Headings/AppHeader.vue

@@ -37,9 +37,9 @@
 								:src="user.avatar"
 								:alt="user.name"
 								:fallbackText="user.name"
+								fallbackSize="200"
 								:fallbackBackground="avatarColor"
-								fallbackSize="200x200"
-								:style=" `--avatar-color: #${avatarColor}` "
+								:style=" `--avatar-color: #${avatarColor}`"
 							/>
 						</el-tooltip>
 
@@ -59,9 +59,9 @@
 												:src="user.avatar"
 												:alt="user.name"
 												:fallbackText="user.name"
+												fallbackSize="200"
 												:fallbackBackground="avatarColor"
-												fallbackSize="200x200"
-												:style=" `--avatar-color: #${avatarColor}` "
+												:style=" `--avatar-color: #${avatarColor}`"
 											/>
 											<span>{{ user.name }} {{ user.last_name }}</span>
 										</div>

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

@@ -1,75 +1,59 @@
-<template>
-	<img
-		:src="(this.src) ? this.src : getNameInitials()"
-		:alt="this.alt"
-		@error="img => getImageFallback(img)"
-	>
-</template>
-
-<script>
-export default {
-	name: 'image-with-fallback',
-	props: {
-		src: {
-			type: String,
-			required: true
-		},
-		alt: {
-			type: String,
-			required: true
-		},
-		randomColor: {
-			type: Boolean,
-			default: false
-		},
-		fallbackBackground: {
-			type: String,
-			default: '5865f2'
-		},
-		fallbackColor: {
-			type: String,
-			default: 'ffffff'
-		},
-		fallbackSize: {
-			type: String,
-			default: '512x512'
-		},
-		fallbackText: {
-			type: String,
-			required: true
-		}
-	},
-	methods: {
-		getAvatarUrl() {
-			let size = this.fallbackSize;
-			let background = this.fallbackBackground;
-			let color = this.fallbackColor;
-			let text = this.getNameInitials();
-
-			const colors = ['5865F2', '9D35FC', 'FF539D', 'FF7D7E', 'FFCF02', '00b388'];
-
-			this.randomColor && (background = colors[Math.floor(Math.random() * (colors.length - 1))]);
-
-			return `https://via.placeholder.com/${size}/${background}/${color}?text=${text}`;
-		},
-		getImageFallback(img) {
-			img.target.src = this.getAvatarUrl();
-		},
-		getNameInitials() {
-			let userAvatarName;
-
-			if (this.fallbackText) {
-				userAvatarName = this.fallbackText.slice(0, 1).toUpperCase();
-			} else {
-				userAvatarName = 'BURH';
-			}
-
-			return userAvatarName;
-		},
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-
-</style>
+<template>
+	<img
+		:src="(this.src) ? this.src : getNameInitials()"
+		:alt="this.alt"
+		@error="img => getImageFallback(img)"
+	>
+</template>
+
+<script>
+export default {
+	name: 'image-with-fallback',
+	props: {
+		src: {
+			type: [String, Boolean],
+			default: null
+		},
+		alt: {
+			type: String,
+			required: true
+		},
+		fallbackSize: {
+			type: String,
+			default: '512'
+		},
+		fallbackBackground: {
+			type: [String, Boolean],
+			default: null
+		},
+		fallbackText: {
+			type: String,
+			required: true
+		}
+	},
+	methods: {
+		getAvatarUrl() {
+			let size = this.fallbackSize;
+			let text = this.getNameInitials();
+			// let background = this.fallbackBackground;
+
+			// return `https://avatars.dicebear.com/api/initials/${text}.svg?backgroundColorLevel=900&size=${size}&fontSize=40${background ? `&b=%23${background}` : ''}`;
+			return `https://avatars.dicebear.com/api/initials/${text}.svg?backgroundColorLevel=900&size=${size}&fontSize=40&b=%238DA2B5`;
+		},
+		getImageFallback(img) {
+			img.target.src = this.getAvatarUrl();
+		},
+		getNameInitials() {
+			let userAvatarName;
+
+			if (this.fallbackText) {
+				userAvatarName = this.fallbackText.slice(0, 1).toUpperCase();
+			} else {
+				userAvatarName = 'BURH';
+			}
+
+			return userAvatarName;
+		},
+	}
+};
+</script>

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.449",
+    "version": "1.0.451",
     "description": "Design System and Components.",
     "author": "Burh",
     "scripts": {