@burh/nuxt-core 1.0.115 → 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

@@ -2,33 +2,49 @@
     <div class="bg-white content-left">
         <div class="profile w-100 text-center">
             <div class="avatar">
-                <img :src="userData.urlAvatar" :alt="userData.name" />
+                <img
+                    v-if="userData.urlAvatar"
+                    :src="userData.urlAvatar"
+                    :alt="userData.name"
+                />
+                <div v-else class="no-image">
+                    {{ userData.name }}
+                </div>
             </div>
-            <h4>{{ userData.name }}</h4>
-            <p>Front End no Burh</p>
+            <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>
+            <span v-if="userData.user_address">
                 <i class="fas fa-map-marker-alt"></i>
                 {{ userData.user_address.city_name }}
             </span>
         </div>
 
-        <div class="skills title-block mt-3 ml-4">
+        <div
+            v-show="userData.user_skill.length > 0"
+            class="skills title-block mt-3 ml-4"
+        >
             <h5 class="font-weight-bold mb-0">Habilidades</h5>
             <div class="line"></div>
 
-            <badge
-                rounded
-                type="primary"
+            <p
                 v-for="(skill, index) in userData.user_skill"
                 :key="`skill-${index}`"
-                class="ml-1 mt-1"
+                class="ml-1 mt-1 mb-0"
             >
                 {{ skill.skill_word }}
-            </badge>
+            </p>
         </div>
 
-        <div class="languages title-block mt-3 ml-4">
+        <div
+            v-show="userData.user_language.length > 0"
+            class="languages title-block mt-3 ml-4"
+        >
             <h5 class="font-weight-bold mb-0">Idiomas</h5>
             <div class="line"></div>
 
@@ -37,26 +53,72 @@
             </p>
         </div>
 
-        <div class="desidered title-block mt-3 ml-4">
+        <div
+            v-show="userData.user_desired_job.length > 0"
+            class="desidered title-block mt-3 ml-4"
+        >
             <h5 class="font-weight-bold mb-0">Cargos desejados</h5>
             <div class="line"></div>
 
-            <badge
-                rounded
-                type="primary"
+            <p
                 v-for="(des, index) in userData.user_desired_job"
                 :key="`skill-${index}`"
-                class="ml-1 mt-1"
+                class="ml-1 mt-1 mb-0"
             >
                 {{ des.occupation }}
-            </badge>
+            </p>
         </div>
 
         <div class="socials text-center mt-5">
-            <i class="fab fa-facebook fa-2x"></i>
-            <i class="fab fa-facebook fa-2x ml-3"></i>
-            <i class="fab fa-linkedin fa-2x ml-3"></i>
-            <i class="fab fa-chrome fa-2x ml-3"></i>
+            <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">
@@ -65,7 +127,7 @@
                 :options="{ width: 98, height: 98 }"
                 class="border qr-code"
             ></vue-qrcode>
-            <p>Código BURH</p>
+            <p class="mb-0">Código BURH</p>
             <span>{{ userData.id }}</span>
         </div>
     </div>
@@ -183,14 +245,25 @@ export default {
 
 .profile {
     .avatar {
-        /* position: absolute; */
-
         img {
             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 {
@@ -236,6 +309,16 @@ export default {
     }
 }
 
+.socials {
+    .no-social {
+        width: 20px;
+        height: 20px;
+        background: #1d364b;
+        border-radius: 100%;
+        padding: 1px;
+    }
+}
+
 .cv-left {
     word-break: initial;
 }

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

@@ -1,8 +1,9 @@
 <template>
     <div class="bg-white content-middle">
+        <!-- FERRAMENTAS -->
         <div class="tools mt-3">
             <button
-                @change="$emit(tool.event)"
+                @click="$emit(tool.event)"
                 class="ml-3"
                 v-for="(tool, index) in tools"
                 :key="index"
@@ -11,7 +12,11 @@
             </button>
         </div>
 
-        <div class="about content-block mt-5 ml-3 mr-3">
+        <!-- SOBRE -->
+        <div
+            v-show="userData.user_complementary_information.about"
+            class="about content-block mt-5 ml-3 mr-3"
+        >
             <h5 class="font-weight-bold">Sobre</h5>
             <p
                 id="USER_ABOUT"
@@ -37,8 +42,10 @@
             >
         </div>
 
+        <!-- EDUCAÇÃO -->
         <h5 class="font-weight-bold mt-4 ml-3">Educação</h5>
         <div
+            v-show="userData.user_education.length > 0"
             class="education ml-3"
             v-for="(edu, index) in userData.user_education"
             :key="index"
@@ -57,8 +64,10 @@
             </span>
         </div>
 
+        <!-- EXPERIÊNCIAS -->
         <h5 class="font-weight-bold mt-4 ml-3">Experiência</h5>
         <div
+            v-show="userData.user_experience.length > 0"
             class="experience ml-3 mr-3"
             v-for="(exp, index) in userData.user_experience"
             :key="`experience-${index}`"
@@ -88,8 +97,10 @@
             ><br /><br />
         </div>
 
-        <h5 class="font-weight-bold mt-2 ml-3">Cursos</h5>
+        <!-- CURSOS -->
+        <h5 class="font-weight-bold mt-1 ml-3">Cursos</h5>
         <div
+            v-show="userData.user_course.length > 0"
             class="courses ml-3"
             v-for="(cou, index) in userData.user_course"
             :key="`course-${index}`"

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

@@ -1,24 +1,43 @@
 <template>
-    <div class="bg-white content-right">
-        <el-tabs
-            class="mt-3 ml-3 mr-3"
-            v-model="activeName"
-            @tab-click="handleClick"
-        >
-            <el-tab-pane label="Histórico" name="history"></el-tab-pane>
-            <el-tab-pane label="Notas" name="notes">
+    <div class="bg-white content-right tabs">
+        <el-tabs class="mt-3 ml-3 mr-3" v-model="activeName">
+            <el-tab-pane label="Histórico" class="history" name="history">
+                <p class="notes-title mb-0">Histórico com sua empresa</p>
+                <div class="line mb-3"></div>
+
+                <div
+                    v-show="userApplied.length > 0"
+                    class="mt-3"
+                    v-for="(applied, index) in userApplied"
+                    :key="index"
+                >
+                    <p class="history-text mb-0">
+                        Se candidatou na vaga {{ applied.title }}
+                    </p>
+                    <span>{{ applied.created_at | convertDate }}</span>
+                </div>
+                <p v-show="userApplied.length === 0" class="history-text">
+                    Nenhuma vaga aplicada.
+                </p>
+            </el-tab-pane>
+            <el-tab-pane label="Anotações" name="notes">
                 <p class="notes-title mb-0">Notas da equipe</p>
-                <div class="line"></div>
+                <div class="line mb-3"></div>
 
+                <p v-if="userNotes.notes.length === 0" class="notes-text mt-3">
+                    Nenhuma nota criada.
+                </p>
                 <div v-for="(note, index) in userNotes.notes" :key="index">
-                    <div class="notes-baloon mt-2">
-                        <div class="notes-text ml-4">
-                            <p class="mb-4">{{ note.text }}</p>
+                    <div class="notes-baloon">
+                        <div class="notes-text ml-3 pt-1">
+                            <p class="mt-3">{{ note.text }}</p>
                         </div>
                         <div
-                            class="d-flex align-items-end justify-content-end mr-3"
+                            class="d-flex justify-content-end align-items-center mr-3"
                         >
-                            <p class="notes-date">{{ note.created_at }}</p>
+                            <p class="notes-date">
+                                {{ note.created_at | convertDate }}
+                            </p>
                         </div>
                     </div>
                     <div class="notes-owner d-flex mt-2">
@@ -28,7 +47,7 @@
                 </div>
 
                 <input
-                    class="notes-new pl-4 mt-3 form-control form-rounded"
+                    class="notes-new pl-4 mt-3 mb-3 form-control form-rounded"
                     type="text"
                     placeholder="Escrever anotação"
                     v-model="newNote"
@@ -44,30 +63,37 @@ import { Tabs, TabPane } from 'element-ui';
 
 export default {
     name: 'user-cv-left-side',
+    filters: {
+        convertDate(data) {
+            let d = new Date(data);
+            let options = { hour: '2-digit', minute: '2-digit' };
+            return d.toLocaleDateString('pt-BR', options);
+        }
+    },
     components: {
         [Tabs.name]: Tabs,
         [TabPane.name]: TabPane
     },
     props: {
         userData: Object,
-        userNotes: Object
+        userNotes: Object,
+        userApplied: Array
     },
-
-    methods: {
-        handleClick(tab, event) {
-            // console.log(tab, event);
+    watch: {
+        addNewNote(newValue) {
+            this.userNotes.notes.push(newValue);
         }
     },
     data() {
         return {
-            activeName: 'first',
+            activeName: 'history',
             newNote: ''
         };
     }
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 @import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
 
 .readmore {
@@ -78,12 +104,15 @@ export default {
     -webkit-box-orient: vertical;
 }
 
-.cv-right {
-    word-break: initial;
-}
+.tabs {
+    .el-tabs__nav-wrap::after {
+        background: #fff !important;
+    }
 
-.disable-none {
-    user-select: none;
+    .el-tabs__active-bar {
+        height: 4px;
+        border-radius: 10px 10px 0px 0px;
+    }
 }
 
 .content-right {
@@ -98,17 +127,17 @@ export default {
 
 .notes-baloon {
     width: 231px;
-    height: 77px;
+    height: auto;
 
     background: #eff5fd;
     border-radius: 10px 10px 10px 0px;
 }
 
 .notes-text {
-    font-size: 13px;
-    line-height: 19px;
-
-    color: #62778c;
+    p {
+        font-size: 13px;
+        color: #62778c;
+    }
 }
 
 .notes-date {
@@ -150,4 +179,18 @@ export default {
 
     border: 1px solid #ececec;
 }
+
+.history {
+    .history-text {
+        font-size: 13px;
+        color: #62778c;
+    }
+
+    span {
+        font-size: 11px;
+        line-height: 16px;
+
+        color: #8da2b5;
+    }
+}
 </style>

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

@@ -8,7 +8,8 @@
     >
         <template>
             <div class="row d-flex justify-content-between mx-0 user-pdf">
-                <div class="cover-photo"></div>
+                <img v-show="coverPhoto" :src="coverPhoto" alt="" />
+                <div v-show="!coverPhoto" class="no-cover-photo"></div>
                 <slot name="content"></slot>
             </div>
             <slot></slot>
@@ -45,7 +46,8 @@ export default {
         tools: {
             type: Array,
             default: () => []
-        }
+        },
+        cover: String
     },
     data() {
         return {
@@ -57,6 +59,9 @@ export default {
     watch: {
         show(value) {
             this.isActive = value;
+        },
+        cover(value) {
+            this.coverPhoto = value;
         }
     }
 };
@@ -118,19 +123,15 @@ export default {
         0% 10%
     ); */
 
-    .cover-photo {
+    img {
         width: 100%;
         height: 150px;
-        /* background: $primary; */
+    }
 
-        background: linear-gradient(
-                to top,
-                rgba(29, 161, 241, 0.2),
-                rgba(29, 161, 241, 0.2)
-            ),
-            url('https://images.pexels.com/photos/546819/pexels-photo-546819.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
-        background-size: cover;
-        background-repeat: no-repeat;
+    .no-cover-photo {
+        background: $primary;
+        width: 100%;
+        height: 150px;
     }
 }
 </style>

package/package.json

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