@burh/nuxt-core 1.0.84 → 1.0.86

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

@@ -1,112 +1,112 @@
-<template>
-  <div class="col-7 bg-lighter py-5 px-5">
-    <h2 class="display-4 text-center mb-4">{{name}}</h2>
-    <p class="text-muted mb-0" v-show="wagePretesion"> Pretensão Salarial de {{wagePretesion | convertToReal}} reais.</p>
-    <p class="text-muted" v-show="codUser">Código de indicação do usuário: <b>{{codUser}}</b></p>
-
-    <h2 class="display-4" v-show="about">Sobre</h2>
-    <p id="USER_ABOUT" class="mb-0" :class="!wordIsLesserThan(about) && 'readmore'">{{about}}</p>
-    <a href="#" aria-label="expandir conteudo" 
-      v-show="about && !wordIsLesserThan(about)" @click.prevent.stop="toggleReadMore($event,'USER_ABOUT')">Ler mais</a>
-
-    <h2 class="display-4 mt-4" v-show="experience.length">Experiência</h2>    
-    
-    <div class="mb-4" v-for="(exp, index) in experience" :key="`exp-${index}`">
-      <h4 class="d-inline-block h6 text-muted font-weight-bold">{{exp.job_title}} - </h4> 
-      <h5 class="d-inline-block h6 text-muted font-weight-bold">{{exp.company}}</h5> 
-      <h6>{{exp.start_month}}/{{exp.start_year}} - {{treatEndDate(exp.end_month, exp.end_year)}} {{getTime(exp, 'Trabalhando')}}</h6>
-
-      <div>
-        <p :id="`USER_EXPERIENCE-${index + 1}`" class="mb-0" :class="!wordIsLesserThan(exp.description) && 'readmore'">{{exp.description}}</p>
-        <a href="#" aria-label="expandir conteudo" 
-          v-show="!wordIsLesserThan(exp.description)" @click.prevent.stop="toggleReadMore($event,`USER_EXPERIENCE-${index+1}`)">Ler mais</a>
-      </div>
-    </div>
-
-    <h2 class="display-4 mt-4" v-show="roleDesireds.length">Cargos Desejados</h2>
-
-    <badge rounded type="primary" class="mr-2 mb-2" 
-    v-for="(roleDesired, i) in roleDesireds" :key="`${roleDesired.occupation}-${i}`">
-      {{roleDesired.occupation}}
-    </badge>
-
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'user-cv-left-side',
-  props: {
-    name: String,
-    about: String,
-    codUser: String | Number,
-    wagePretesion: {
-      type: Number,
-      default: 0
-    },
-    experience: {
-      type: Array,
-      default: () => []
-    },
-    roleDesireds: {
-      type: Array,
-      default: () => []
-    },
-  },
-  filters: {
-    convertToReal(value) {
-			return 'R$ ' + value.toFixed(2).replace('.', ',');
-		}
-  },
-  methods: {
-    toggleReadMore(event, id) {
-      const element = document.getElementById(id)
-      element.classList.toggle('readmore')
-      event.target.innerText == 'Ler mais' ? event.target.innerText = 'Esconder' : event.target.innerText = 'Ler mais'
-    },
-    getTime({start_year = null, end_year = null, start_month, end_month }, textHappening = 'Trabalhando') {
-      const isHappening = !end_month && !end_year
-
-      if(isHappening) {
-        return textHappening
-      }
-
-      const dateInitial = this.$moment(['1', start_month.toString(), start_year.toString()], 'DD/MM/YYYY');
-      const dateDone = this.$moment(['1', end_month.toString(), end_year.toString()], 'DD/MM/YYYY');
-      const diffDuration = this.$moment.duration(dateDone.diff(dateInitial));
-      const years = diffDuration.years()
-      const months = diffDuration.months()
-  
-
-      if(years) {
-        return years > 1 ? `(${years} anos)` : `(${years} ano)`
-      }
-
-      return months > 1 ? `(${months} meses)` : 
-        months == 1 ? `(${months} mês)` : ''
-    },
-    treatEndDate(end_month, end_year) {
-      if ( end_month && end_year) {
-        return `${end_month}/${end_year}`
-      }
-      return ''
-    },
-    wordIsLesserThan(word, value = 300) {
-      return word && word.length < value
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import "@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss";
-
-.readmore {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-}
-
+<template>
+  <div class="col-7 bg-lighter py-5 px-5">
+    <h2 class="display-4 text-center mb-4">{{name}}</h2>
+    <p class="text-muted mb-0" v-show="wagePretesion"> Pretensão Salarial de {{wagePretesion | convertToReal}} reais.</p>
+    <p class="text-muted" v-show="codUser">Código de indicação do usuário: <b>{{codUser}}</b></p>
+
+    <h2 class="display-4" v-show="about">Sobre</h2>
+    <p id="USER_ABOUT" class="mb-0" :class="!wordIsLesserThan(about) && 'readmore'">{{about}}</p>
+    <a href="#" aria-label="expandir conteudo" 
+      v-show="about && !wordIsLesserThan(about)" @click.prevent.stop="toggleReadMore($event,'USER_ABOUT')">Ler mais</a>
+
+    <h2 class="display-4 mt-4" v-show="experience.length">Experiência</h2>    
+    
+    <div class="mb-4" v-for="(exp, index) in experience" :key="`exp-${index}`">
+      <h4 class="d-inline-block h6 text-muted font-weight-bold">{{exp.job_title}} - </h4> 
+      <h5 class="d-inline-block h6 text-muted font-weight-bold">{{exp.company}}</h5> 
+      <h6>{{exp.start_month}}/{{exp.start_year}} - {{treatEndDate(exp.end_month, exp.end_year)}} {{getTime(exp, 'Trabalhando')}}</h6>
+
+      <div>
+        <p :id="`USER_EXPERIENCE-${index + 1}`" class="mb-0" :class="!wordIsLesserThan(exp.description) && 'readmore'">{{exp.description}}</p>
+        <a href="#" aria-label="expandir conteudo" 
+          v-show="!wordIsLesserThan(exp.description)" @click.prevent.stop="toggleReadMore($event,`USER_EXPERIENCE-${index+1}`)">Ler mais</a>
+      </div>
+    </div>
+
+    <h2 class="display-4 mt-4" v-show="roleDesireds.length">Cargos Desejados</h2>
+
+    <badge rounded type="primary" class="mr-2 mb-2" 
+    v-for="(roleDesired, i) in roleDesireds" :key="`${roleDesired.occupation}-${i}`">
+      {{roleDesired.occupation}}
+    </badge>
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'user-cv-left-side',
+  props: {
+    name: String,
+    about: String,
+    codUser: String | Number,
+    wagePretesion: {
+      type: Number,
+      default: 0
+    },
+    experience: {
+      type: Array,
+      default: () => []
+    },
+    roleDesireds: {
+      type: Array,
+      default: () => []
+    },
+  },
+  filters: {
+    convertToReal(value) {
+			return 'R$ ' + value.toFixed(2).replace('.', ',');
+		}
+  },
+  methods: {
+    toggleReadMore(event, id) {
+      const element = document.getElementById(id)
+      element.classList.toggle('readmore')
+      event.target.innerText == 'Ler mais' ? event.target.innerText = 'Esconder' : event.target.innerText = 'Ler mais'
+    },
+    getTime({start_year = null, end_year = null, start_month, end_month }, textHappening = 'Trabalhando') {
+      const isHappening = !end_month && !end_year
+
+      if(isHappening) {
+        return textHappening
+      }
+
+      const dateInitial = this.$moment(['1', start_month.toString(), start_year.toString()], 'DD/MM/YYYY');
+      const dateDone = this.$moment(['1', end_month.toString(), end_year.toString()], 'DD/MM/YYYY');
+      const diffDuration = this.$moment.duration(dateDone.diff(dateInitial));
+      const years = diffDuration.years()
+      const months = diffDuration.months()
+  
+
+      if(years) {
+        return years > 1 ? `(${years} anos)` : `(${years} ano)`
+      }
+
+      return months > 1 ? `(${months} meses)` : 
+        months == 1 ? `(${months} mês)` : ''
+    },
+    treatEndDate(end_month, end_year) {
+      if ( end_month && end_year) {
+        return `${end_month}/${end_year}`
+      }
+      return ''
+    },
+    wordIsLesserThan(word, value = 300) {
+      return word && word.length < value
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import "@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss";
+
+.readmore {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+
 </style>

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

@@ -1,120 +1,120 @@
-<template>
-  <el-dialog
-	:visible.sync="isActive"
-	width="70%"
-	custom-class="position-relative"
-	@close="$emit('close')">
-	<template>
-		<div class="row mx-0 user-pdf">
-            <slot name="content"></slot>
-		</div>
-		<slot></slot>
-		<div class="tools" v-show="tools.length">
-			<el-tooltip v-for="(tool, index) in tools" :key="tool.id"
-				placement="top" :content="tool.tooltip">
-				<font-awesome-icon @click="$emit(tool.event)" :icon="tool.icon" class="h3 cursor-pointer text-primary" :class="index < tools.length - 1 && 'mb-4'"/>
-			</el-tooltip>
-		</div>
-		<!-- <el-tooltip placement="top" :content="!showTools ? 'Exibir Ferramentas' : 'Esconder Ferramentas'">
-			<span class="tool tool-show--tools">
-				<font-awesome-icon :icon="['fas', !showTools ? 'expand-alt' : 'compress-alt']" class="h3 text-primary" 
-					@click="showTools = !showTools"/>
-			</span>
-		</el-tooltip> -->
-		<el-tooltip placement="top" :content="'Fechar'">
-			<span class="tool tool-close">
-				<font-awesome-icon :icon="['fas', 'times']" class="h3 text-primary" 
-					@click="$emit('close')"/>
-			</span>
-		</el-tooltip>
-	</template>
-	</el-dialog>
-</template>
-
-<script>
-import { Dialog } from 'element-ui'
-
-export default {
-	name: 'user-curriculum',
-	components: {
-		[Dialog.name]: Dialog,
-	},
-	props: {
-		show: {
-			type: Boolean,
-			default: false,
-		},
-		tools: {
-			type: Array,
-			default: () => ([])
-		},
-	},
-	data() {
-		return {
-			isActive: this.show,
-			showTools: false,
-		}
-	},
-	watch: {
-		show(value) {
-			this.isActive = value
-		}
-	},
-}
-</script>
-
-<style lang="scss" scoped>
-@import "@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss";
-
-/deep/ .el-dialog__body {
-	padding: 0;
-}
-
-/deep/ .el-dialog__header {
-	display: none;
-}
-
-.tools {
-	position: absolute;
-	top: 0;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	flex-direction: column;
-	right: -70px;
-	width: 70px;
-	padding: 1rem;
-	background-color: $base-light;
-	border-top-right-radius: 23px;
-	border-bottom-right-radius: 23px;
-	opacity: 1;
-	transition: all .2s ease-in-out .2s;
-
-	&.hide {
-		opacity: 0;
-		pointer-events: none;
-	}
-}
-
-.tool {
-	position: absolute;
-	top: 1rem;
-	z-index: 10;
-	color: $primary;
-	cursor: pointer;
-
-	&-show--tools {
-		right: 1.5rem;
-	}
-
-	&-close{
-		right: 1.5rem
-	}
-}
-
-.user-pdf {
-	background-color: $primary;
-	// clip-path: polygon(0 12%, 10% 0, 100% 0, 100% 100%, 0 100%);
-	clip-path: polygon(10% 0%, 100% 0, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0 100%, 0% 10%);
-}
+<template>
+  <el-dialog
+	:visible.sync="isActive"
+	width="70%"
+	custom-class="position-relative"
+	@close="$emit('close')">
+	<template>
+		<div class="row mx-0 user-pdf">
+            <slot name="content"></slot>
+		</div>
+		<slot></slot>
+		<div class="tools" v-show="tools.length">
+			<el-tooltip v-for="(tool, index) in tools" :key="tool.id"
+				placement="top" :content="tool.tooltip">
+				<font-awesome-icon @click="$emit(tool.event)" :icon="tool.icon" class="h3 cursor-pointer text-primary" :class="index < tools.length - 1 && 'mb-4'"/>
+			</el-tooltip>
+		</div>
+		<!-- <el-tooltip placement="top" :content="!showTools ? 'Exibir Ferramentas' : 'Esconder Ferramentas'">
+			<span class="tool tool-show--tools">
+				<font-awesome-icon :icon="['fas', !showTools ? 'expand-alt' : 'compress-alt']" class="h3 text-primary" 
+					@click="showTools = !showTools"/>
+			</span>
+		</el-tooltip> -->
+		<el-tooltip placement="top" :content="'Fechar'">
+			<span class="tool tool-close">
+				<font-awesome-icon :icon="['fas', 'times']" class="h3 text-primary" 
+					@click="$emit('close')"/>
+			</span>
+		</el-tooltip>
+	</template>
+	</el-dialog>
+</template>
+
+<script>
+import { Dialog } from 'element-ui'
+
+export default {
+	name: 'user-curriculum',
+	components: {
+		[Dialog.name]: Dialog,
+	},
+	props: {
+		show: {
+			type: Boolean,
+			default: false,
+		},
+		tools: {
+			type: Array,
+			default: () => ([])
+		},
+	},
+	data() {
+		return {
+			isActive: this.show,
+			showTools: false,
+		}
+	},
+	watch: {
+		show(value) {
+			this.isActive = value
+		}
+	},
+}
+</script>
+
+<style lang="scss" scoped>
+@import "@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss";
+
+/deep/ .el-dialog__body {
+	padding: 0;
+}
+
+/deep/ .el-dialog__header {
+	display: none;
+}
+
+.tools {
+	position: absolute;
+	top: 0;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	flex-direction: column;
+	right: -70px;
+	width: 70px;
+	padding: 1rem;
+	background-color: $base-light;
+	border-top-right-radius: 23px;
+	border-bottom-right-radius: 23px;
+	opacity: 1;
+	transition: all .2s ease-in-out .2s;
+
+	&.hide {
+		opacity: 0;
+		pointer-events: none;
+	}
+}
+
+.tool {
+	position: absolute;
+	top: 1rem;
+	z-index: 10;
+	color: $primary;
+	cursor: pointer;
+
+	&-show--tools {
+		right: 1.5rem;
+	}
+
+	&-close{
+		right: 1.5rem
+	}
+}
+
+.user-pdf {
+	background-color: $primary;
+	// clip-path: polygon(0 12%, 10% 0, 100% 0, 100% 100%, 0 100%);
+	clip-path: polygon(10% 0%, 100% 0, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0 100%, 0% 10%);
+}
 </style>