@burh/nuxt-core 1.0.90 → 1.0.91

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

@@ -1,230 +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) }}
-                {{
-                    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>
-
-        <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>
-
-        <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";
-
-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) {
-                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;
-}
-
-.avatar {
-    &.avatar-pdf {
-        background-color: white;
-        width: 104px;
-        height: 104px;
-        border-radius: 50%;
-
-        img {
-            width: 90px;
-            height: 90px;
-            z-index: 2;
-            border-radius: 50%;
-        }
-    }
-}
-</style>
+<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) }}
+                {{
+                    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>
+
+        <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>
+
+        <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";
+
+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) {
+                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;
+}
+
+.avatar {
+    &.avatar-pdf {
+        background-color: white;
+        width: 104px;
+        height: 104px;
+        border-radius: 50%;
+
+        img {
+            width: 90px;
+            height: 90px;
+            z-index: 2;
+            border-radius: 50%;
+        }
+    }
+}
+</style>