@burh/nuxt-core 1.0.114 → 1.0.116

package/assets/images/burh.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="10" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.06482 6.22306C8.48159 6.52696 7.89836 6.52696 7.28443 6.22306C7.22304 6.31423 7.22304 6.43579 7.19234 6.52696C6.82399 7.89449 5.68822 8.89735 4.27619 9.07969C2.25023 9.32281 0.654021 7.89449 0.40845 6.22306C0.224272 4.97709 0.561932 3.88306 1.54422 3.03215C2.00466 2.63709 2.46511 2.27241 2.92555 1.90773C3.386 1.54306 3.93853 1.33033 4.55246 1.29994C4.64455 1.29994 4.70594 1.26955 4.76733 1.20877C4.98221 0.996045 5.19708 0.783318 5.41196 0.60098C6.05658 0.0235765 7.00817 0.145135 7.46861 0.874486C7.49931 0.904876 7.49931 0.935266 7.53 0.965655C7.53 1.02643 7.5914 1.02643 7.65279 0.965655C7.89836 0.844097 8.14393 0.813707 8.4202 0.874486C8.51229 0.904876 8.57368 0.935266 8.66577 0.965655C8.75786 1.02643 8.78856 1.02643 8.81925 0.935266C8.94204 0.661759 9.15691 0.479421 9.40248 0.357863C9.86293 0.145135 10.2927 0.145135 10.7224 0.418642C10.9066 0.5402 11.0601 0.692149 11.2443 0.874486C11.275 0.904876 11.3057 0.935266 11.3364 0.965655C11.4284 1.05682 11.5205 1.17838 11.6433 1.26955C11.7661 1.33033 11.9196 1.29994 12.0731 1.33033C12.5335 1.39111 12.9326 1.54306 13.3009 1.81657C13.8535 2.24202 14.3753 2.66748 14.8971 3.12332C15.4804 3.60955 15.7873 4.27813 15.9408 5.00748C16.2171 6.46618 15.5111 7.98566 14.1297 8.71501C12.0731 9.77865 9.52527 8.59346 9.06482 6.34462C9.09552 6.28384 9.09552 6.25345 9.06482 6.22306ZM12.5028 8.10722C13.7614 8.10722 14.805 7.04358 14.805 5.76722C14.805 4.46046 13.7921 3.39683 12.5028 3.39683C11.367 3.39683 10.2006 4.30852 10.2006 5.76722C10.2313 7.19553 11.3977 8.10722 12.5028 8.10722ZM1.54422 5.76722C1.54422 7.07397 2.58789 8.10722 3.84644 8.10722C5.10499 8.10722 6.14867 7.04358 6.14867 5.73683C6.14867 4.43007 5.10499 3.39683 3.81575 3.39683C2.55719 3.39683 1.54422 4.46046 1.54422 5.76722ZM7.16165 4.67319C7.16165 5.15943 7.5914 5.58488 8.08254 5.58488C8.60438 5.58488 9.03413 5.15943 9.03413 4.67319C9.03413 4.18696 8.60438 3.7615 8.11323 3.7615C7.5914 3.73111 7.16165 4.12618 7.16165 4.67319Z" fill="#F8FAFB"/>
+</svg>

package/assets/images/facebook.svg

@@ -0,0 +1,3 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.1222 10.0611C20.1222 4.50451 15.6177 0 10.0611 0C4.50451 0 0 4.50451 0 10.0611C0 15.0829 3.67922 19.2452 8.48906 20V12.9694H5.93448V10.0611H8.48906V7.84452C8.48906 5.32296 9.99112 3.93012 12.2893 3.93012C13.3901 3.93012 14.5415 4.12663 14.5415 4.12663V6.60261H13.2728C12.023 6.60261 11.6332 7.37814 11.6332 8.17379V10.0611H14.4235L13.9775 12.9694H11.6332V20C16.443 19.2452 20.1222 15.0829 20.1222 10.0611Z" fill="#1D364B"/>
+</svg>

package/assets/images/linkedin.svg

@@ -0,0 +1,3 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.1222 0C15.6413 0 20.1222 4.48086 20.1222 10C20.1222 15.5191 15.6413 20 10.1222 20C4.60305 20 0.122192 15.5191 0.122192 10C0.122192 4.48086 4.60305 0 10.1222 0ZM6.99575 15.62V7.81055H4.3995V15.62H6.99575ZM16.3559 15.62V11.1416C16.3559 8.74281 15.0752 7.62691 13.3673 7.62691C11.9901 7.62691 11.3732 8.3843 11.0279 8.91625V7.81055H8.43227C8.46669 8.54324 8.43227 15.62 8.43227 15.62H11.0278V11.2586C11.0278 11.0252 11.0446 10.7918 11.1134 10.625C11.3007 10.1588 11.7281 9.67582 12.4452 9.67582C13.3841 9.67582 13.7602 10.3922 13.7602 11.4416V15.62H16.3559ZM5.71516 4.04492C4.82688 4.04492 4.24653 4.62891 4.24653 5.39434C4.24653 6.14363 4.80922 6.74371 5.68079 6.74371H5.69754C6.60282 6.74371 7.16629 6.14363 7.16629 5.39434C7.1495 4.62891 6.60286 4.04492 5.71516 4.04492Z" fill="#1D364B"/>
+</svg>

package/assets/images/web.svg

@@ -0,0 +1,3 @@
+<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.11619 0C2.80419 0 0.122192 2.688 0.122192 6C0.122192 9.312 2.80419 12 6.11619 12C9.43419 12 12.1222 9.312 12.1222 6C12.1222 2.688 9.43419 0 6.11619 0ZM10.2742 3.6H8.50419C8.31219 2.85 8.03619 2.13 7.67619 1.464C8.78019 1.842 9.69819 2.61 10.2742 3.6ZM6.12219 1.224C6.62019 1.944 7.01019 2.742 7.26819 3.6H4.97619C5.23419 2.742 5.62419 1.944 6.12219 1.224ZM1.47819 7.2C1.38219 6.816 1.32219 6.414 1.32219 6C1.32219 5.586 1.38219 5.184 1.47819 4.8H3.50619C3.45819 5.196 3.42219 5.592 3.42219 6C3.42219 6.408 3.45819 6.804 3.50619 7.2H1.47819ZM1.97019 8.4H3.74019C3.93219 9.15 4.20819 9.87 4.56819 10.536C3.46419 10.158 2.54619 9.396 1.97019 8.4ZM3.74019 3.6H1.97019C2.54619 2.604 3.46419 1.842 4.56819 1.464C4.20819 2.13 3.93219 2.85 3.74019 3.6ZM6.12219 10.776C5.62419 10.056 5.23419 9.258 4.97619 8.4H7.26819C7.01019 9.258 6.62019 10.056 6.12219 10.776ZM7.52619 7.2H4.71819C4.66419 6.804 4.62219 6.408 4.62219 6C4.62219 5.592 4.66419 5.19 4.71819 4.8H7.52619C7.58019 5.19 7.62219 5.592 7.62219 6C7.62219 6.408 7.58019 6.804 7.52619 7.2ZM7.67619 10.536C8.03619 9.87 8.31219 9.15 8.50419 8.4H10.2742C9.69819 9.39 8.78019 10.158 7.67619 10.536ZM8.73819 7.2C8.78619 6.804 8.82219 6.408 8.82219 6C8.82219 5.592 8.78619 5.196 8.73819 4.8H10.7662C10.8622 5.184 10.9222 5.586 10.9222 6C10.9222 6.414 10.8622 6.816 10.7662 7.2H8.73819Z" fill="white"/>
+</svg>

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

@@ -1,132 +1,159 @@
 <template>
-    <div class="cv-left col-5 bg-light--darken py-5 px-5" :class="  !currentUser ? 'disable-none' : '' ">
-        <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 class="bg-white content-left">
+        <div class="profile w-100 text-center">
+            <div class="avatar">
+                <img
+                    v-if="userData.urlAvatar"
+                    :src="userData.urlAvatar"
+                    :alt="userData.name"
+                />
+                <div v-else class="no-image">
+                    {{ userData.name }}
+                </div>
+            </div>
+            <h5 class="mb-0 text-wrap" :class="{ 'mt-5': !userData.urlAvatar }">
+                {{ userData.name }} {{ userData.last_name }}
+            </h5>
+            <p v-if="userData.user_experience.length > 0">
+                {{ userData.user_experience[0].job_title }} em
+                {{ userData.user_experience[0].company }}
+            </p>
+
+            <span v-if="userData.user_address">
+                <i class="fas fa-map-marker-alt"></i>
+                {{ userData.user_address.city_name }}
+            </span>
         </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}`"
+            v-show="userData.user_skill.length > 0"
+            class="skills title-block mt-3 ml-4"
         >
-            <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
-                        : ""
-                }}
+            <h5 class="font-weight-bold mb-0">Habilidades</h5>
+            <div class="line"></div>
+
+            <p
+                v-for="(skill, index) in userData.user_skill"
+                :key="`skill-${index}`"
+                class="ml-1 mt-1 mb-0"
+            >
+                {{ skill.skill_word }}
             </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}`"
+            v-show="userData.user_language.length > 0"
+            class="languages title-block mt-3 ml-4"
         >
-            <h4 class="h6">{{ course.name }}</h4>
-            <p>{{ course.institution }} {{ getTime(course) }}</p>
+            <h5 class="font-weight-bold mb-0">Idiomas</h5>
+            <div class="line"></div>
+
+            <p v-for="(lan, index) in userData.user_language" :key="index">
+                {{ lan.language[0].name }} {{ languageLevel(lan.level) }}
+            </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}`"
+            v-show="userData.user_desired_job.length > 0"
+            class="desidered title-block mt-3 ml-4"
         >
-            <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>
+            <h5 class="font-weight-bold mb-0">Cargos desejados</h5>
+            <div class="line"></div>
+
+            <p
+                v-for="(des, index) in userData.user_desired_job"
+                :key="`skill-${index}`"
+                class="ml-1 mt-1 mb-0"
+            >
+                {{ des.occupation }}
+            </p>
         </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 class="socials text-center mt-5">
+            <a
+                :href="baseUrl + '/' + userData.id"
+                class="text-center"
+                target="_blank"
+                rel="noopener noreferrer"
+            >
+                <img
+                    class="no-social"
+                    src="../../../../assets/images/burh.svg"
+                    alt="Burh"
+                />
+            </a>
+            <a
+                v-show="userData.user_complementary_information.facebook_url"
+                :href="userData.user_complementary_information.facebook_url"
+                target="_blank"
+                class="ml-2"
+                rel="noopener noreferrer"
+            >
+                <img
+                    src="../../../../assets/images/facebook.svg"
+                    alt="Facebook"
+                />
+            </a>
+            <a
+                v-show="userData.user_complementary_information.linkedin_url"
+                :href="userData.user_complementary_information.linkedin_url"
+                target="_blank"
+                class="ml-2"
+                rel="noopener noreferrer"
+            >
+                <img
+                    src="../../../../assets/images/linkedin.svg"
+                    alt="Linkdin"
+                />
+            </a>
+            <a
+                v-show="userData.user_complementary_information.website"
+                :href="userData.user_complementary_information.website"
+                class="text-center ml-2"
+                target="_blank"
+                rel="noopener noreferrer"
+            >
+                <img
+                    class="no-social"
+                    src="../../../../assets/images/web.svg"
+                    alt="Web"
+                />
+            </a>
+        </div>
+
+        <div class="burh-code text-center mt-4">
+            <vue-qrcode
+                :value="baseUrl + '/' + userData.id"
+                :options="{ width: 98, height: 98 }"
+                class="border qr-code"
+            ></vue-qrcode>
+            <p class="mb-0">Código BURH</p>
+            <span>{{ userData.id }}</span>
+        </div>
     </div>
 </template>
 
 <script>
-import getPrefixes from "~/util/getPrefixes.js";
+import getPrefixes from '~/util/getPrefixes.js';
+import VueQrcode from '@chenfengyuan/vue-qrcode';
 
 export default {
-    name: "user-cv-left-side",
+    name: 'user-cv-left-side',
+    components: {
+        VueQrcode
+    },
     props: {
-        name: String,
-        avatar: String,
-        yearsOld: String | Number,
-        city: String,
-        regionCode: String,
-        neighborhood: String,
-        street: String,
-        number: String,
-        cellphone: String,
-        phone: String,
-        currentUser: Object,
-        education: {
-            type: Array,
-            default: () => []
-        },
-        courses: {
-            type: Array,
-            default: () => []
-        },
-        skills: {
-            type: Array,
-            default: () => []
-        },
-        languages: {
-            type: Array,
-            default: () => []
-        }
+        userData: Object
     },
-    mounted(){
-        console.log(this.currentUser)
+    data() {
+        return {
+            baseUrl: process.env.baseAppUrl
+        };
     },
     methods: {
         getTime(
             { start_year = null, end_year = null, start_month, end_month },
-            textHappening = "Cursando"
+            textHappening = 'Cursando'
         ) {
             const isHappening = !end_month && !end_year;
 
@@ -135,12 +162,12 @@ export default {
             }
 
             const dateInitial = this.$moment(
-                ["1", start_month.toString(), start_year.toString()],
-                "DD/MM/YYYY"
+                ['1', start_month.toString(), start_year.toString()],
+                'DD/MM/YYYY'
             );
             const dateDone = this.$moment(
-                ["1", end_month.toString(), end_year.toString()],
-                "DD/MM/YYYY"
+                ['1', end_month.toString(), end_year.toString()],
+                'DD/MM/YYYY'
             );
             const diffDuration = this.$moment.duration(
                 dateDone.diff(dateInitial)
@@ -156,32 +183,32 @@ export default {
                 ? `(${months} meses)`
                 : months == 1
                 ? `(${months} mês)`
-                : "";
+                : '';
         },
         languageLevel(level) {
             switch (parseInt(level)) {
                 case 1:
-                    return "Iniciante";
+                    return 'Iniciante';
                 case 2:
-                    return "Elementar";
+                    return 'Elementar';
                 case 3:
-                    return "Pré-intermediário";
+                    return 'Pré-intermediário';
                 case 4:
-                    return "Intermediário";
+                    return 'Intermediário';
                 case 5:
-                    return "Intermediário Superior";
+                    return 'Intermediário Superior';
                 case 6:
-                    return "Avançado";
+                    return 'Avançado';
                 case 7:
-                    return "Fluente";
+                    return 'Fluente';
                 default:
-                    return "";
+                    return '';
             }
         },
         treatPhone(phone) {
             if (phone) {
-                if (phone == "0" || phone.length < 9 || !phone) {
-                    return "não cadastrado";
+                if (phone == '0' || phone.length < 9 || !phone) {
+                    return 'não cadastrado';
                 }
             }
 
@@ -189,50 +216,110 @@ export default {
         },
         treatCellphone(cellphone) {
             if (cellphone) {
-                if (cellphone == "0" || cellphone.length < 11 || !cellphone) {
-                    return "não cadastrado";
+                if (cellphone == '0' || cellphone.length < 11 || !cellphone) {
+                    return 'não cadastrado';
                 }
             }
 
             return cellphone;
         },
-        handleGetPrefixes(name = "") {
+        handleGetPrefixes(name = '') {
             return getPrefixes(name);
         },
         treatEndDate(end_month, end_year) {
             if (end_month && end_year) {
                 return `${end_month}/${end_year}`;
             }
-            return "";
+            return '';
         }
     }
 };
 </script>
 
 <style lang="scss" scoped>
-@import "@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss";
+@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%;
-
+.profile {
+    .avatar {
         img {
-            width: 90px;
-            height: 90px;
-            z-index: 2;
+            width: 178.14px;
+            height: 163px;
+            border-radius: 50%;
+            top: 75%;
+        }
+
+        .no-image {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+
+            position: absolute;
+            background-color: #adb5bd;
+            width: 178.14px;
+            height: 163px;
+            top: 120;
             border-radius: 50%;
         }
     }
+
+    p {
+        font-size: 13px;
+        font-weight: 400;
+        color: #8da2b5;
+    }
+
+    span {
+        font-size: 14px;
+        font-weight: 500;
+        color: #8da2b5;
+    }
 }
 
-.cv-left{
+.title-block {
+    .line {
+        width: 221px;
+        height: 0px;
+
+        border: 1px solid #ececec;
+    }
+
+    p {
+        font-size: 13px;
+    }
+}
+
+.burh-code {
+    .qr-code {
+        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
+        border-radius: 10px;
+    }
+
+    p {
+        font-size: 8px;
+        font-weight: bold;
+    }
+
+    span {
+        font-size: 12px;
+        font-weight: bold;
+    }
+}
+
+.socials {
+    .no-social {
+        width: 20px;
+        height: 20px;
+        background: #1d364b;
+        border-radius: 100%;
+        padding: 1px;
+    }
+}
+
+.cv-left {
     word-break: initial;
 }
 
@@ -240,4 +327,8 @@ export default {
     user-select: none;
 }
 
+.content-left {
+    width: 25%;
+    height: auto;
+}
 </style>