@burh/nuxt-core 1.0.80 → 1.0.82

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

@@ -1,162 +1,230 @@
 <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" 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 ? `${yearsOld} anos` : 'idade não informada'}}</p>
-
-    <h2 class="display-4">Contato e Endereço</h2>
-    <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" 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}} - {{treatEndDate(edu.end_month,edu.end_year)}} {{getTime(edu)}}</p>
-    </div>
-    
-    <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" 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)">
-        <div class="d-inline-block">
-          <font-awesome-icon :icon="['fas', 'star']" class="mr-2" 
-            v-for="(j, posStar) in Array(7)" :key="`level-${lang.language[0].name}-${posStar}`"
-            :class="posStar < lang.level && 'text-warning'"/> 
+    <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" 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 ? `${yearsOld} anos` : "idade não informada" }}
+        </p>
+
+        <h2 class="display-4">Contato e Endereço</h2>
+        <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" 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 }} -
+                {{ treatEndDate(edu.end_month, edu.end_year) }}
+                {{ getTime(edu) }}
+                {{
+                    edu.user_education_period
+                        ? "-" + edu.user_education_period.name
+                        : ""
+                }}
+            </p>
+        </div>
+
+        <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>
-      </el-tooltip> 
-    </div>
 
-    <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>
+        <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)">
+                <div class="d-inline-block">
+                    <font-awesome-icon
+                        :icon="['fas', 'star']"
+                        class="mr-2"
+                        v-for="(j, posStar) in Array(7)"
+                        :key="`level-${lang.language[0].name}-${posStar}`"
+                        :class="posStar < lang.level && 'text-warning'"
+                    />
+                </div>
+            </el-tooltip>
+        </div>
 
-  </div>
+        <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
+        >
+    </div>
 </template>
 
 <script>
-import getPrefixes from '~/util/getPrefixes.js'
+import getPrefixes from "~/util/getPrefixes.js";
 
 export default {
-  name: 'user-cv-left-side',
-  props: {
-    name: String,
-    avatar: String,
-    yearsOld: String | Number,
-    city: String,
-    regionCode: String,
-    neighborhood: String,
-    street: String,
-    number: String,
-    cellphone: String,
-    phone: String,
-    education: {
-      type: Array,
-      default: () => ([])
-    },
-    courses: {
-      type: Array,
-      default: () => ([])
-    },
-    skills: {
-      type: Array,
-      default: () => ([])
-    },
-    languages: {
-      type: Array,
-      default: () => ([])
-    },
-  },
-  methods: {
-    getTime({start_year = null, end_year = null, start_month, end_month }, textHappening = 'Cursando') {
-      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)` : ''
-		},
-    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 '';
-      }
-    },
-    treatPhone(phone) {
-        if(phone == '0' || phone.length < 9 || !phone) {
-            return 'não cadastrado'
+    name: "user-cv-left-side",
+    props: {
+        name: String,
+        avatar: String,
+        yearsOld: String | Number,
+        city: String,
+        regionCode: String,
+        neighborhood: String,
+        street: String,
+        number: String,
+        cellphone: String,
+        phone: String,
+        education: {
+            type: Array,
+            default: () => []
+        },
+        courses: {
+            type: Array,
+            default: () => []
+        },
+        skills: {
+            type: Array,
+            default: () => []
+        },
+        languages: {
+            type: Array,
+            default: () => []
         }
-
-        return phone
     },
-    treatCellphone(cellphone) {
-        if(cellphone == '0' || cellphone.length < 11 || !cellphone) {
-            return 'não cadastrado'
-        }
+    methods: {
+        getTime(
+            { start_year = null, end_year = null, start_month, end_month },
+            textHappening = "Cursando"
+        ) {
+            const isHappening = !end_month && !end_year;
 
-        return cellphone
-    },
-    handleGetPrefixes(name = '') {
-        return getPrefixes(name)
-    },
-    treatEndDate(end_month, end_year) {
-      if ( end_month && end_year) {
-        return `${end_month}/${end_year}`
-      }
-      return ''
-    },
-  }
-}
+            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)`
+                : "";
+        },
+        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 "";
+            }
+        },
+        treatPhone(phone) {
+            if (phone) {
+                if (phone == "0" || phone.length < 9 || !phone) {
+                    return "não cadastrado";
+                }
+            }
+
+            return phone;
+        },
+        treatCellphone(cellphone) {
+            if (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>
 
 <style lang="scss" scoped>
 @import "@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss";
 
 .bg-light--darken {
-  background-color: $gray-100 !important; 
+    background-color: $gray-100 !important;
 }
 
 .avatar {
-  &.avatar-pdf {
-    background-color: white;
-    width: 104px;
-    height: 104px;
-    border-radius: 50%;
-
-    img {
-      width: 90px;
-      height: 90px;  
-      z-index: 2;
-      border-radius: 50%;
+    &.avatar-pdf {
+        background-color: white;
+        width: 104px;
+        height: 104px;
+        border-radius: 50%;
+
+        img {
+            width: 90px;
+            height: 90px;
+            z-index: 2;
+            border-radius: 50%;
+        }
     }
-  }
 }
-</style>
+</style>

package/components/burh-ds/Modals/SmsModal.vue

@@ -247,6 +247,11 @@ export default {
                 data => data.title == this.messageTitle
             );
 
+            if (!template) {
+                this.messageTitle = null;
+                return false;
+            }
+
             return (
                 parseInt(this.$store.state.user.currentUser.id) ==
                 template.user_id

package/package.json

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

package/util/getPrefixes.js

@@ -0,0 +1,12 @@
+const getPrefixes = (text, qtd = 2, splitBy = ' ') => {
+  const arrText = text.split(splitBy)
+
+  const cbPrefix = (acc, value, pos) => {
+    return (pos >= qtd && acc) || acc.concat(value.charAt(0))
+  }
+  const prefixes = arrText.reduce(cbPrefix, [, ''])
+
+  return prefixes.join('')
+}
+
+export default getPrefixes