@burh/nuxt-core 1.0.500 → 1.0.502

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

@@ -1,496 +1,496 @@
-<template>
-	<div class="bg-white content-right tabs ">
-		<el-tabs
-			:class="active"
-			class="mt-3 handle-icon-color"
-			v-model="active"
-		>
-			<el-tab-pane name="reports" class="ml-2">
-				<span class="tab__icon-pane" slot="label">
-					<img
-						class="img__icon-pane img__icon--reports"
-						src="../../../../assets/images/icons/icon5.svg"
-					/>
-				</span>
-
-				<p class="notes-title mb-0">Laudo do Candidato</p>
-
-				<div class="line mb-3"/>
-
-				<div class="evaluation-area">
-					<div @click.prevent="() => {
-						evaluateUser(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.prevent="() => {
-							evaluateUser(2)
-						}"
-					>
-						<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>
-
-				<div class="line mb-3"></div>
-
-				<p v-show="!userReportData.annex" class="history-text">
-					Nenhum arquivo vinculado a este usuário.
-				</p>
-
-				<div class="archive-content" v-if="userReportData.annex">
-					<div @click="openArchive(userReportData.annex)" class="archive-container">
-						<div>
-							<img class="archive-img" src="../../../../assets/images/icons/icon6.svg" >
-						</div>
-						<div class="archive-name">
-							<span>{{ userReportData.annex.name }}</span>
-						</div>
-					</div>
-				</div>
-
-				<p class="notes-title mb-0">Comentários Recrutador</p>
-				<div class="line mb-3"></div>
-
-				<p v-show="!userReportData.annex" class="history-text">
-					Nenhum comentário vinculado a este usuário.
-				</p>
-
-				<div v-if="userReportData.comment">
-					<div class="notes-baloon fullsize">
-						<div class="notes-text mx-3 pt-1">
-							<p class="mt-3">{{ userReportData.comment.comment }}</p>
-						</div>
-						<div
-							class="d-flex justify-content-end align-items-center mr-3"
-						>
-							<p class="notes-date">
-								{{ userReportData.comment.created_at | convertDate }}
-							</p>
-						</div>
-					</div>
-					<div class="notes-owner d-flex mt-2">
-						<img
-							v-if="userReportData.comment.user.urlAvatar"
-							:src="userReportData.comment.user.urlAvatar"
-							:alt="userReportData.comment.user.name"
-						/>
-						<div
-							v-else
-							class="notes-avatar"
-						></div>
-						<p class="ml-1">
-							{{ userReportData.comment.user.name }}
-						</p>
-					</div>
-				</div>
-			</el-tab-pane>
-		</el-tabs>
-	</div>
-</template>
-
-<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',
-	filters: {
-		convertDate(data) {
-			if (typeof data !== 'string') {
-				data = '2020-01-01 12:00:00';
-			}
-			let d = new Date(data);
-			let options = { hour: '2-digit', minute: '2-digit' };
-			return d.toLocaleDateString('pt-BR', options);
-		}
-	},
-	components: {
-		[Tabs.name]: Tabs,
-		[TabPane.name]: TabPane,
-		like,
-		deslike,
-	},
-	data(){
-		return {
-			newNote: '',
-			newReportNote: '',
-			active: 'reports',
-			userReportData: [],
-			liked: 0,
-		};
-	},
-	computed: {
-		likeStatus(){
-			return this.liked;
-		}
-	},
-	props: {
-		userData: Object,
-		userFolderId: String,
-	},
-	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 => {
-					this.liked = res.data.data.like;
-					return res.data;
-				})
-				.catch(() => {});
-			if (!data) return;
-			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');
-		},
-
-		mountUserReport(userData) {
-			const annex = userData.annex[0] || undefined;
-			const comment = userData.comments[0] || undefined;
-
-			this.userReportData = {
-				annex,
-				comment
-			};
-		}
-	},
-};
-</script>
-<style>
-    .el-tabs__nav-wrap::after {
-	background: #fff !important;
-}
-
-    .el-tabs__active-bar {
-        width: 30px !important;
-        height: 4px !important;
-        border-radius: 10px 10px 0px 0px;
-    }
-</style>
-
-<style lang="scss" scoped>
-@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
-
-/deep/ .el-tab-pane {
-    height: 760px;
-    max-height: 760px;
-    overflow: hidden;
-    overflow-y: auto;
-    position: relative;
-
-    > .notes-title {
-        position: sticky;
-        position: -webkit-sticky;
-        top: 0;
-        background: white;
-        padding: 10px 0;
-    }
-
-    > .input-container {
-        position: sticky;
-        position: -webkit-sticky;
-        bottom: 0;
-        background: white;
-        > .input-icon {
-            cursor: pointer;
-            position: absolute;
-            top: 50%;
-            right: 30px;
-            transform: translateY(-50%);
-            color: #c8c8c8;
-        }
-    }
-
-    &::-webkit-scrollbar {
-        width: 8px;
-    }
-
-    &::-webkit-scrollbar-track {
-        background: #f5f5f5;
-    }
-
-    &::-webkit-scrollbar-thumb {
-        background: #e9e8e8;
-        border-radius: 10px;
-    }
-
-	.archive-content {
-		width: 95%;
-
-		p {
-			margin-bottom: 0;
-			font-size: 0.875rem;
-			padding: .3rem .6rem 0 .6rem;
-		}
-
-		.archive-container {
-			display: flex;
-			align-items: center;
-			padding: 0.5rem 0.5rem 0.438rem;
-			cursor: pointer;
-			user-select: none;
-
-			&:hover{
-				background-color: #f6f9fc;
-                border-radius: 5px;
-			}
-
-			.archive-img {
-				background-color: #f5f5f5;
-				border-radius: 6px;
-				padding: 7px;
-			}
-
-			.archive-name {
-				display: flex;
-				margin-left: .8rem;
-				width: 145%;
-				justify-content: space-between !important;
-
-				.archive-icon {
-					margin-left: 1.5rem;
-				}
-
-				p {
-					margin: 0;
-					padding: 0;
-					width: 13rem;
-					white-space: nowrap;
-					overflow: hidden;
-					text-overflow: ellipsis;
-				}
-			}
-
-			.upload-container {
-				position: sticky;
-				position: -webkit-sticky;
-				bottom: 0;
-				background: white;
-				width: 231px;
-			}
-		}
-	}
-
-	.archive-buttons {
-		display: flex;
-		margin-top: -1rem;
-		width: 95%;
-	}
-
-	.archive-remove {
-		width: 90%;
-		word-break: break-word;
-	}
-}
-
-/deep/ .el-tabs__nav-scroll {
-	display: flex;
-    justify-content: stretch;
-    align-items: flex-start;
-}
-
-/deep/ .el-tabs__item {
-	padding: 0 1.60rem !important;
-}
-
-/deep/ .el-tabs__nav {
-	width: 100% !important;
-    user-select: none;
-}
-
-@media (max-width: 1520px) {
-	/deep/ .el-tabs__item {
-		padding: 0 1.8rem !important;
-	}
-}
-
-.readmore {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 3;
-    -webkit-box-orient: vertical;
-}
-.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;
-        cursor: pointer;
-        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;
-		cursor: pointer;
-	}
-
-    .active-icon {
-        font-size: 25px;
-        color: #AEB0B7;
-		transition: color 0.25s;
-		cursor: pointer;
-        &.active{
-            color:#fff;
-        }
-    }
-}
-.tab__icon-pane {
-    .img__icon-pane {
-        background-color: #f5f5f5 !important;
-        border-radius: 30%;
-        padding: 7px;
-        margin-bottom: 1rem;
-    }
-}
-
-.content-right {
-    width: 25%;
-}
-
-.notes-title {
-    font-size: 14px;
-    color: #1d364b;
-    font-weight: bold;
-	background-color: white;
-	z-index: 500;
-}
-
-.notes-baloon {
-    width: 231px;
-    height: auto;
-
-    background: #eff5fd;
-    border-radius: 10px 10px 10px 0px;
-
-    &.fullsize {
-        width: 80%!important;
-        min-width: 280px;
-    }
-}
-
-.notes-text {
-    p {
-        font-size: 13px;
-        color: #62778c;
-    }
-}
-
-.notes-date {
-    font-size: 11px;
-    text-align: right;
-
-    color: #8da2b5;
-    top: calc(50% - 17px / 2 - 444.5px);
-}
-
-.notes-owner {
-    img {
-        width: 23px;
-        height: 23px;
-        border-radius: 50%;
-    }
-
-    .notes-avatar {
-        width: 23px;
-        height: 23px;
-        border-radius: 50%;
-        background-color: #adb5bd;
-    }
-
-    p {
-        font-size: 13px;
-        font-weight: 600;
-        text-transform: uppercase;
-
-        color: #62778c;
-    }
-}
-
-.line {
-    width: 221px;
-    height: 0px;
-
-    border: 1px solid #ececec5c;
-}
-
-.history-text {
-    @media (max-width:1390px){
-        margin-right: 1rem;
-    }
-    font-size: 13px;
-    color: #62778c;
-}
-.cursor-disabled {
-    cursor: no-drop;
-}
-</style>
+<template>
+	<div class="bg-white content-right tabs ">
+		<el-tabs
+			:class="active"
+			class="mt-3 handle-icon-color"
+			v-model="active"
+		>
+			<el-tab-pane name="reports" class="ml-2">
+				<span class="tab__icon-pane" slot="label">
+					<img
+						class="img__icon-pane img__icon--reports"
+						src="../../../../assets/images/icons/icon5.svg"
+					/>
+				</span>
+
+				<p class="notes-title mb-0">Laudo do Candidato</p>
+
+				<div class="line mb-3"/>
+
+				<div class="evaluation-area">
+					<div @click.prevent="() => {
+						evaluateUser(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.prevent="() => {
+							evaluateUser(2)
+						}"
+					>
+						<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>
+
+				<div class="line mb-3"></div>
+
+				<p v-show="!userReportData.annex" class="history-text">
+					Nenhum arquivo vinculado a este usuário.
+				</p>
+
+				<div class="archive-content" v-if="userReportData.annex">
+					<div @click="openArchive(userReportData.annex)" class="archive-container">
+						<div>
+							<img class="archive-img" src="../../../../assets/images/icons/icon6.svg" >
+						</div>
+						<div class="archive-name">
+							<span>{{ userReportData.annex.name }}</span>
+						</div>
+					</div>
+				</div>
+
+				<p class="notes-title mb-0">Comentários Recrutador</p>
+				<div class="line mb-3"></div>
+
+				<p v-show="!userReportData.annex" class="history-text">
+					Nenhum comentário vinculado a este usuário.
+				</p>
+
+				<div v-if="userReportData.comment">
+					<div class="notes-baloon fullsize">
+						<div class="notes-text mx-3 pt-1">
+							<p class="mt-3">{{ userReportData.comment.comment }}</p>
+						</div>
+						<div
+							class="d-flex justify-content-end align-items-center mr-3"
+						>
+							<p class="notes-date">
+								{{ userReportData.comment.created_at | convertDate }}
+							</p>
+						</div>
+					</div>
+					<div class="notes-owner d-flex mt-2">
+						<img
+							v-if="userReportData.comment.user.urlAvatar"
+							:src="userReportData.comment.user.urlAvatar"
+							:alt="userReportData.comment.user.name"
+						/>
+						<div
+							v-else
+							class="notes-avatar"
+						></div>
+						<p class="ml-1">
+							{{ userReportData.comment.user.name }}
+						</p>
+					</div>
+				</div>
+			</el-tab-pane>
+		</el-tabs>
+	</div>
+</template>
+
+<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',
+	filters: {
+		convertDate(data) {
+			if (typeof data !== 'string') {
+				data = '2020-01-01 12:00:00';
+			}
+			let d = new Date(data);
+			let options = { hour: '2-digit', minute: '2-digit' };
+			return d.toLocaleDateString('pt-BR', options);
+		}
+	},
+	components: {
+		[Tabs.name]: Tabs,
+		[TabPane.name]: TabPane,
+		like,
+		deslike,
+	},
+	data(){
+		return {
+			newNote: '',
+			newReportNote: '',
+			active: 'reports',
+			userReportData: [],
+			liked: 0,
+		};
+	},
+	computed: {
+		likeStatus(){
+			return this.liked;
+		}
+	},
+	props: {
+		userData: Object,
+		userFolderId: String,
+	},
+	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 => {
+					this.liked = res.data.data.like;
+					return res.data;
+				})
+				.catch(() => {});
+			if (!data) return;
+			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');
+		},
+
+		mountUserReport(userData) {
+			const annex = userData.annex[0] || undefined;
+			const comment = userData.comments[0] || undefined;
+
+			this.userReportData = {
+				annex,
+				comment
+			};
+		}
+	},
+};
+</script>
+<style>
+    .el-tabs__nav-wrap::after {
+	background: #fff !important;
+}
+
+    .el-tabs__active-bar {
+        width: 30px !important;
+        height: 4px !important;
+        border-radius: 10px 10px 0px 0px;
+    }
+</style>
+
+<style lang="scss" scoped>
+@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
+
+/deep/ .el-tab-pane {
+    height: 760px;
+    max-height: 760px;
+    overflow: hidden;
+    overflow-y: auto;
+    position: relative;
+
+    > .notes-title {
+        position: sticky;
+        position: -webkit-sticky;
+        top: 0;
+        background: white;
+        padding: 10px 0;
+    }
+
+    > .input-container {
+        position: sticky;
+        position: -webkit-sticky;
+        bottom: 0;
+        background: white;
+        > .input-icon {
+            cursor: pointer;
+            position: absolute;
+            top: 50%;
+            right: 30px;
+            transform: translateY(-50%);
+            color: #c8c8c8;
+        }
+    }
+
+    &::-webkit-scrollbar {
+        width: 8px;
+    }
+
+    &::-webkit-scrollbar-track {
+        background: #f5f5f5;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        background: #e9e8e8;
+        border-radius: 10px;
+    }
+
+	.archive-content {
+		width: 95%;
+
+		p {
+			margin-bottom: 0;
+			font-size: 0.875rem;
+			padding: .3rem .6rem 0 .6rem;
+		}
+
+		.archive-container {
+			display: flex;
+			align-items: center;
+			padding: 0.5rem 0.5rem 0.438rem;
+			cursor: pointer;
+			user-select: none;
+
+			&:hover{
+				background-color: #f6f9fc;
+                border-radius: 5px;
+			}
+
+			.archive-img {
+				background-color: #f5f5f5;
+				border-radius: 6px;
+				padding: 7px;
+			}
+
+			.archive-name {
+				display: flex;
+				margin-left: .8rem;
+				width: 145%;
+				justify-content: space-between !important;
+
+				.archive-icon {
+					margin-left: 1.5rem;
+				}
+
+				p {
+					margin: 0;
+					padding: 0;
+					width: 13rem;
+					white-space: nowrap;
+					overflow: hidden;
+					text-overflow: ellipsis;
+				}
+			}
+
+			.upload-container {
+				position: sticky;
+				position: -webkit-sticky;
+				bottom: 0;
+				background: white;
+				width: 231px;
+			}
+		}
+	}
+
+	.archive-buttons {
+		display: flex;
+		margin-top: -1rem;
+		width: 95%;
+	}
+
+	.archive-remove {
+		width: 90%;
+		word-break: break-word;
+	}
+}
+
+/deep/ .el-tabs__nav-scroll {
+	display: flex;
+    justify-content: stretch;
+    align-items: flex-start;
+}
+
+/deep/ .el-tabs__item {
+	padding: 0 1.60rem !important;
+}
+
+/deep/ .el-tabs__nav {
+	width: 100% !important;
+    user-select: none;
+}
+
+@media (max-width: 1520px) {
+	/deep/ .el-tabs__item {
+		padding: 0 1.8rem !important;
+	}
+}
+
+.readmore {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+}
+.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;
+        cursor: pointer;
+        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;
+		cursor: pointer;
+	}
+
+    .active-icon {
+        font-size: 25px;
+        color: #AEB0B7;
+		transition: color 0.25s;
+		cursor: pointer;
+        &.active{
+            color:#fff;
+        }
+    }
+}
+.tab__icon-pane {
+    .img__icon-pane {
+        background-color: #f5f5f5 !important;
+        border-radius: 30%;
+        padding: 7px;
+        margin-bottom: 1rem;
+    }
+}
+
+.content-right {
+    width: 25%;
+}
+
+.notes-title {
+    font-size: 14px;
+    color: #1d364b;
+    font-weight: bold;
+	background-color: white;
+	z-index: 500;
+}
+
+.notes-baloon {
+    width: 231px;
+    height: auto;
+
+    background: #eff5fd;
+    border-radius: 10px 10px 10px 0px;
+
+    &.fullsize {
+        width: 80%!important;
+        min-width: 280px;
+    }
+}
+
+.notes-text {
+    p {
+        font-size: 13px;
+        color: #62778c;
+    }
+}
+
+.notes-date {
+    font-size: 11px;
+    text-align: right;
+
+    color: #8da2b5;
+    top: calc(50% - 17px / 2 - 444.5px);
+}
+
+.notes-owner {
+    img {
+        width: 23px;
+        height: 23px;
+        border-radius: 50%;
+    }
+
+    .notes-avatar {
+        width: 23px;
+        height: 23px;
+        border-radius: 50%;
+        background-color: #adb5bd;
+    }
+
+    p {
+        font-size: 13px;
+        font-weight: 600;
+        text-transform: uppercase;
+
+        color: #62778c;
+    }
+}
+
+.line {
+    width: 221px;
+    height: 0px;
+
+    border: 1px solid #ececec5c;
+}
+
+.history-text {
+    @media (max-width:1390px){
+        margin-right: 1rem;
+    }
+    font-size: 13px;
+    color: #62778c;
+}
+.cursor-disabled {
+    cursor: no-drop;
+}
+</style>