@burh/nuxt-core 1.0.508 → 1.0.509

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

@@ -36,6 +36,46 @@
 				</template>
 			</button>
 		</div>
+		<!-- CV -->
+		<div class="about content-block mt-5 ml-3 mr-3" v-if="userData.user_curriculum && userData.user_curriculum.annex">
+			<h5 class="font-weight-bold">
+				Cadastro Simplificado
+				<el-tooltip
+					placement="top"
+				>
+					<div style="max-width: 300px" slot="content">
+						O cadastro simplificado é uma solução criada pela Burh para facilitar a candidatura em vagas sem que seja necessário o preenchimento completo do perfil do candidato, apenas a importação do currículo.
+					</div>
+
+					<span class="text-primary ml-2">
+						<i class="fas fa-info-circle"></i>
+					</span>
+				</el-tooltip>
+
+				<button
+					class="cv__box mt-2"
+					:disabled="isCvDownloading"
+					@click="() => !isCvDownloading && handleDownloadCv(userData.user_curriculum)"
+				>
+					<template v-if="!isCvDownloading">
+						<span>
+							<i class="fas fa-download"></i>
+						</span>
+
+						<span class="font-weight-bold">Baixar Currículo</span>
+					</template>
+
+					<template v-else>
+						<span>
+							<i class="fas fa-spinner spin"></i>
+						</span>
+
+						<span class="font-weight-bold">Baixando</span>
+					</template>
+				</button>
+			</h5>
+		</div>
+		<!-- CV -->
 		<!-- SOBRE -->
 		<div class="about content-block mt-5 ml-3 mr-3">
 			<h5 class="font-weight-bold">Sobre</h5>
@@ -198,6 +238,8 @@ import getPrefixes from '~/util/getPrefixes.js';
 import { mask } from 'vue-the-mask';
 import { Dropdown, DropdownMenu, DropdownItem } from 'element-ui';
 
+import swal from 'sweetalert2';
+
 export default {
 	name: 'user-cv-middle',
 	directives: { mask },
@@ -262,7 +304,8 @@ export default {
 			isLocked: !this.companyHasProduct(
 				this.$store.state.loja && this.$store.state.loja.showableProducts && this.$store.state.loja.showableProducts['INTERACAO_USUARIO'] || false
 			),
-			unlockedButtons: ['share', 'moveTo']
+			unlockedButtons: ['share', 'moveTo'],
+			isCvDownloading: false
 		};
 	},
 	mounted() {
@@ -296,6 +339,45 @@ export default {
 		}
 	},
 	methods: {
+		showMessage(message, type = 'success') {
+			const Toast = swal.mixin({
+				toast: true,
+				position: 'top-end',
+				showConfirmButton: false,
+				timer: 3000,
+			});
+
+			return Toast.fire({
+				type: type,
+				title: message,
+			});
+		},
+		async handleDownloadCv(data) {
+			this.isCvDownloading = true;
+
+			const response = await this.$axios.get(data.annex, {
+				responseType: 'blob'
+			})
+				.then(res => URL.createObjectURL(res.data))
+				.catch(err => {
+					return {
+						error: true,
+						message: (err && err.response && err.response.data && err.response.data.message) || 'Falha ao baixar arquivo'
+					};
+				});
+
+			this.isCvDownloading = false;
+
+			if (response.error) {
+				this.showMessage(response.message, 'error');
+				return;
+			}
+
+			const link = document.createElement('a');
+			link.href = response;
+			link.download = `${data.user_id}.pdf`;
+			link.click();
+		},
 		phoneMask(v) {
 
 			let r = v.replace(/\D/g, '');
@@ -467,6 +549,46 @@ export default {
 <style lang="scss" scoped>
 @import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
 
+.cv__box {
+    cursor: pointer;
+    margin: 0;
+    border: 0;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 1rem;
+    background: rgba(#5865f2, 0.2);
+    color: #5865F2;
+    font-size: 1rem;
+    padding: 1.25rem 1rem;
+    border-radius: 0.25rem;
+    transition: background-color 0.25s, color 0.25s;
+
+    &:hover:not(:disabled) {
+        background: rgba(#5865f2, 0.3);
+    }
+
+    &:disabled {
+        cursor: not-allowed !important;
+        background: #f5f5f5;
+        color: #c8c8c8;
+    }
+
+    @keyframes spinner {
+        from {
+            transform: rotate(0);
+        }
+        to {
+            transform: rotate(360deg);
+        }
+    }
+
+    .spin {
+        animation: spinner 0.75s infinite linear;
+    }
+}
+
 /deep/ .dropdown__content {
 	&, .title__content {
 		width: 100%;

package/components/burh-ds/Inputs/SearchInput.vue

@@ -1,90 +1,90 @@
-<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
-		},
-		value: {
-			type: String,
-			default: ''
-		}
-	},
-	computed: {
-		searchModel: {
-			get() {
-				return this.value || this.search;
-			},
-			set(value) {
-				this.$emit('search', value);
-				this.$emit('input', value);
-			}
-		}
-	},
-	mounted() {
-		this.searchModel = this.search;
-	},
-};
-</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
+		},
+		value: {
+			type: String,
+			default: ''
+		}
+	},
+	computed: {
+		searchModel: {
+			get() {
+				return this.value || this.search;
+			},
+			set(value) {
+				this.$emit('search', value);
+				this.$emit('input', value);
+			}
+		}
+	},
+	mounted() {
+		this.searchModel = this.search;
+	},
+};
+</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/package.json

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