@burh/nuxt-core 1.0.78 → 1.0.79

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

@@ -1,30 +1,31 @@
 <template>
   <div class="col-5 bg-light--darken py-5 px-5">
     <div class="d-flex justify-content-center">
-      <a href="#!" class="avatar avatar-pdf">
-          <img alt="Image placeholder" :src="avatar">
-      </a>
+        <a href="#!" class="avatar avatar-pdf">
+            <img alt="Image placeholder" :src="avatar" v-show="avatar">
+            <p class="h5 font-weight-bold text-muted" v-show="!avatar">{{handleGetPrefixes(name)}}</p>
+        </a>
     </div>
-    <p class="text-center text-muted font-weight-bold mb-4">{{yearsOld}} anos</p>
+    <p class="text-center text-muted font-weight-bold mb-4">{{yearsOld ? `${yearsOld} anos` : 'idade não informada'}}</p>
 
     <h2 class="display-4">Contato e Endereço</h2>
-    <p>{{street}}, {{number}}<br> {{neighborhood}}<br> {{city}} - {{regionCode}}</p>
-    <p><strong>Telefone:</strong> {{phone || 'não cadastrado'}}<br> <strong>Celular:</strong> {{cellphone || 'não cadastrado'}}<br></p>
+    <p>{{street}}, {{number}}<br v-show="number"> {{neighborhood}}<br v-show="neighborhood"> {{city}} - {{regionCode}}</p>
+    <p><strong>Telefone:</strong> {{treatPhone(phone)}}<br> <strong>Celular:</strong> {{treatCellphone(cellphone)}}<br></p>
     
-    <h2 class="display-4 mt-4">Educação</h2>
+    <h2 class="display-4 mt-4" v-show="education.length">Educação</h2>
     <div class="mb-4" v-for="(edu,index) in education" :key="`education-${index}`">
       <h3 class="h6">{{edu.institution}}</h3> 
       <h4 class="h6 text-muted">{{edu.formation}}</h4>  
-      <p>{{edu.start_month}}/{{edu.start_year}} - {{edu.end_month}}/{{edu.end_year}}  {{getTime(edu)}}</p>
+      <p>{{edu.start_month}}/{{edu.start_year}} - {{treatEndDate(edu.end_month,edu.end_year)}} {{getTime(edu)}}</p>
     </div>
     
-    <h2 class="display-4 mt-4">Cursos Profissionalizantes</h2>    
+    <h2 class="display-4 mt-4" v-show="courses.length">Cursos Profissionalizantes</h2>    
     <div class="mb-4" v-for="(course, index) in courses" :key="`course-${index}`">
       <h4 class="h6">{{course.name}}</h4> 
       <p>{{course.institution}} {{getTime(course)}}</p>
     </div>
     
-    <h2 class="display-4 mt-4">Idiomas</h2>    
+    <h2 class="display-4 mt-4" v-show="languages.length">Idiomas</h2>    
     <div class="mb-4" v-for="(lang, index) in languages" :key="`lang-${index}`">
       <h4 class="h6 d-inline-block mr-3">{{lang.language[0].name}}</h4> 
       <el-tooltip placement="top" :content="languageLevel(lang.level)">
@@ -36,7 +37,7 @@
       </el-tooltip> 
     </div>
 
-    <h2 class="display-4 mt-4">Habilidades</h2>
+    <h2 class="display-4 mt-4" v-show="skills.length">Habilidades</h2>
     <badge rounded type="primary"
       v-for="(skill, index) in skills" :key="`skill-${index}`">{{skill.skill_word}}</badge>
 
@@ -44,9 +45,12 @@
 </template>
 
 <script>
+import getPrefixes from '@/util/getPrefixes.js'
+
 export default {
   name: 'user-cv-left-side',
   props: {
+    name: String,
     avatar: String,
     yearsOld: String | Number,
     city: String,
@@ -86,7 +90,6 @@ export default {
       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)`
@@ -97,24 +100,39 @@ export default {
 		},
     languageLevel(level) {
 			switch (parseInt(level)) {
-			case 1:
-				return 'Iniciante';
-			case 2:
-				return 'Elementar';
-			case 3:
-				return 'Pré-intermediário';
-			case 4:
-				return 'Intermediário';
-			case 5:
-				return 'Intermediário Superior';
-			case 6:
-				return 'Avançado';
-			case 7:
-				return 'Fluente';
-			default:
-				return '';
+        case 1: return 'Iniciante';
+        case 2: return 'Elementar';
+        case 3: return 'Pré-intermediário';
+        case 4: return 'Intermediário';
+        case 5: return 'Intermediário Superior';
+        case 6: return 'Avançado';
+        case 7: return 'Fluente';
+        default: return '';
       }
-    }
+    },
+    treatPhone(phone) {
+        if(phone == '0' || phone.length < 9 || !phone) {
+            return 'não cadastrado'
+        }
+
+        return phone
+    },
+    treatCellphone(cellphone) {
+        if(cellphone == '0' || cellphone.length < 11 || !cellphone) {
+            return 'não cadastrado'
+        }
+
+        return cellphone
+    },
+    handleGetPrefixes(name = '') {
+        return getPrefixes(name)
+    },
+    treatEndDate(end_month, end_year) {
+      if ( end_month && end_year) {
+        return `${end_month}/${end_year}`
+      }
+      return ''
+    },
   }
 }
 </script>

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

@@ -2,26 +2,28 @@
   <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">Código de indicação do usuário: <b>{{codUser}}</b></p>
+    <p class="text-muted" v-show="codUser">Código de indicação do usuário: <b>{{codUser}}</b></p>
 
-    <h2 class="display-4">Sobre</h2>
-    <p id="USER_ABOUT" class="readmore mb-0">{{about}}</p>
-    <a href="#" aria-label="expandir conteudo" @click.prevent.stop="toggleReadMore($event,'USER_ABOUT')">Ler mais</a>
+    <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">Experiência</h2>    
+    <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}} - {{exp.end_month}}/{{exp.end_year}}  {{getTime(exp, 'Trabalhando')}}</h6>
+      <h6>{{exp.start_month}}/{{exp.start_year}} - {{treatEndDate(exp.end_month, exp.end_year)}} {{getTime(exp, 'Trabalhando')}}</h6>
 
       <div>
-        <p id="USER_EXPERIENCE-1" class="mb-0 readmore">{{exp.description}}</p>
-        <a href="#" aria-label="expandir conteudo" @click.prevent.stop="toggleReadMore($event,'USER_EXPERIENCE-1')">Ler mais</a>
+        <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">Cargos Desejados</h2>
+    <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}`">
@@ -51,22 +53,6 @@ export default {
       default: () => []
     },
   },
-  data() {
-    return {
-      // roleDesireds: [
-      //   "Supervisor de Produção",
-      //   "Supervisor de Produção e Processos",
-      //   "Supervisor de Produção e Qualidade",
-      //   "Engenheiro de Produção",
-      //   "Engenheiro de Processos",
-      //   "Engenheiro de Processos / Produção",
-      //   "Analista de Produção",
-      //   "Analista de Qualidade",
-      //   "Supervisor de Fábrica",
-      //   "Líder de Produção"
-      // ]
-    }
-  },
   filters: {
     convertToReal(value) {
 			return 'R$ ' + value.toFixed(2).replace('.', ',');
@@ -98,7 +84,16 @@ export default {
 
       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>

package/package.json

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