@burh/nuxt-core 1.0.20 → 1.0.21

package/components/burh-ds/Crop/Crop.vue

@@ -1,122 +1,122 @@
-<template>
-    <modal :show.sync="modals.show" size="lg">
-        <template slot="header">
-            <h5 class="modal-title" id="cropModalLabel">{{title}}</h5>
-        </template>
-        <template slot="close-button">
-            <button type="button" @click="$emit('cancel'); modals.show = false" data-dismiss="modal" aria-label="Close" class="close"><span>×</span></button>
-        </template>
-        <div>
-            <div style="height: 50vh;">
-                <vue-croppie
-                    ref="croppieRef"
-                    :enableResize="false"
-                    :viewport="viewport"
-                    @result="result"
-                    @update="update">
-                </vue-croppie>
-            </div>
-        </div>
-        <template slot="footer">
-            <base-button type="light" @click="$emit('cancel'); modals.show = false">Cancelar</base-button>
-            <base-button type="primary" @click="emitSaveCrop()">Salvar</base-button>
-        </template>
-    </modal>
-</template>
-
-<script>
-export default {
-    props: {
-        type: {
-            type: String,
-            default: () => 'avatar'
-        },
-        title: {
-            type: String,
-            default: () => 'Crop image'
-        },
-        show: {
-            type: Boolean,
-            default: () => false
-        },
-        file: String
-    },
-    mounted() {
-        this.bind();
-    },
-    data() {
-        return {
-            cropped: null,
-            viewport: {
-                width: this.type == 'avatar' ? 400 : 600,
-                height: this.type == 'avatar' ? 400 : 190,
-                type: 'square'
-            },
-            modals: {
-                show: this.show
-            }
-        }
-    },
-    methods: {
-        emitSaveCrop() {
-            let originalBase64 = this.file;
-            let croppedBase64 = this.cropped;
-
-            let originalFile = this.dataURLtoFile(originalBase64, 'original.png');
-            let originalFormData = new FormData();
-            originalFormData.append(this.type, originalFile, originalFile.name);
-
-            let croppedFile = this.dataURLtoFile(croppedBase64, 'cropped.png');
-            let croppedFormData = new FormData();
-            croppedFormData.append(this.type, croppedFile, croppedFile.name);
-
-            this.$emit('image-cropped', {
-                originalFile: originalFormData,
-                originalBase64: originalBase64,
-                croppedFile: croppedFormData,
-                croppedBase64: croppedBase64
-            });
-
-            this.modals.show = false;
-        },
-        dataURLtoFile(dataurl, filename) {
-            var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
-                bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
-            while(n--){
-                u8arr[n] = bstr.charCodeAt(n);
-            }
-            return new File([u8arr], filename, {type:mime});
-        },
-        bind() {
-            this.$refs.croppieRef.bind({
-                url: this.file
-            });
-        },
-        crop() {
-            let options = {
-                format: 'jpeg'
-            }
-
-            if(this.type == 'cover') {
-                options['size'] = {
-                    width: 2048,
-                    height: 400
-                }
-            }
-
-            this.$refs.croppieRef.result(options, (output) => {
-                this.cropped = output;
-            });
-        },
-        result(output) {
-            this.cropped = output;
-        },
-        update(val) {
-            this.crop()
-        },
-        rotate(rotationAngle) {
-            this.$refs.croppieRef.rotate(rotationAngle);
-        }
-    }
-}
+<template>
+    <modal :show.sync="modals.show" size="lg">
+        <template slot="header">
+            <h5 class="modal-title" id="cropModalLabel">{{title}}</h5>
+        </template>
+        <template slot="close-button">
+            <button type="button" @click="$emit('cancel'); modals.show = false" data-dismiss="modal" aria-label="Close" class="close"><span>×</span></button>
+        </template>
+        <div>
+            <div style="height: 50vh;">
+                <vue-croppie
+                    ref="croppieRef"
+                    :enableResize="false"
+                    :viewport="viewport"
+                    @result="result"
+                    @update="update">
+                </vue-croppie>
+            </div>
+        </div>
+        <template slot="footer">
+            <base-button type="light" @click="$emit('cancel'); modals.show = false">Cancelar</base-button>
+            <base-button type="primary" @click="emitSaveCrop()">Salvar</base-button>
+        </template>
+    </modal>
+</template>
+
+<script>
+export default {
+    props: {
+        type: {
+            type: String,
+            default: () => 'avatar'
+        },
+        title: {
+            type: String,
+            default: () => 'Crop image'
+        },
+        show: {
+            type: Boolean,
+            default: () => false
+        },
+        file: String
+    },
+    mounted() {
+        this.bind();
+    },
+    data() {
+        return {
+            cropped: null,
+            viewport: {
+                width: this.type == 'avatar' ? 400 : 600,
+                height: this.type == 'avatar' ? 400 : 190,
+                type: 'square'
+            },
+            modals: {
+                show: this.show
+            }
+        }
+    },
+    methods: {
+        emitSaveCrop() {
+            let originalBase64 = this.file;
+            let croppedBase64 = this.cropped;
+
+            let originalFile = this.dataURLtoFile(originalBase64, 'original.png');
+            let originalFormData = new FormData();
+            originalFormData.append(this.type, originalFile, originalFile.name);
+
+            let croppedFile = this.dataURLtoFile(croppedBase64, 'cropped.png');
+            let croppedFormData = new FormData();
+            croppedFormData.append(this.type, croppedFile, croppedFile.name);
+
+            this.$emit('image-cropped', {
+                originalFile: originalFormData,
+                originalBase64: originalBase64,
+                croppedFile: croppedFormData,
+                croppedBase64: croppedBase64
+            });
+
+            this.modals.show = false;
+        },
+        dataURLtoFile(dataurl, filename) {
+            var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
+                bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
+            while(n--){
+                u8arr[n] = bstr.charCodeAt(n);
+            }
+            return new File([u8arr], filename, {type:mime});
+        },
+        bind() {
+            this.$refs.croppieRef.bind({
+                url: this.file
+            });
+        },
+        crop() {
+            let options = {
+                format: 'jpeg'
+            }
+
+            if(this.type == 'cover') {
+                options['size'] = {
+                    width: 2048,
+                    height: 400
+                }
+            }
+
+            this.$refs.croppieRef.result(options, (output) => {
+                this.cropped = output;
+            });
+        },
+        result(output) {
+            this.cropped = output;
+        },
+        update(val) {
+            this.crop()
+        },
+        rotate(rotationAngle) {
+            this.$refs.croppieRef.rotate(rotationAngle);
+        }
+    }
+}
 </script>

package/components/burh-ds/Dropdown/AppLinkArea.vue

@@ -1,33 +1,46 @@
-<template>
-      <base-dropdown menu-on-right
-              class="nav-item mr-2"
-              tag="span"
-              title-tag="a"
-              title-classes="nav-link pr-0">
-        <i href="#" class="pr-0 ml-4 fas fa-th text-white display-4 pt-2 pb-2" @click.prevent slot="title-container"></i>
-
-        <template>
-            <ul class="px-3">
-            <li class="px-3 w-50 d-inline-block" v-for="(links, index) in links" :key="index">
-              <img :src=links.img alt="search" class="dropdown-item">
-              <a href="#" class="nav-link px-0 small text-wrap text-center">{{links.name}}</a>
-            </li>
-          </ul>
-        </template>
-
-      </base-dropdown>
-</template>
-<script>
-export default {
-  props:{
-    links: {
-            type: Array,
-            default:()=>{
-                return [ {id: 1, name:'Busca', img:'/img/icons/search.png'}, {id: 2, name:'Recrutamento', img:'/img/icons/app-recruiter.png'}, {id: 3, name:'Desempenho', img: '/img/icons/app-analytic.png'}, 
-                {id: 4, name:'Universidades', img:'/img/icons/university.png'}, {id: 5, name:'DISC Profiler', img:'/img/icons/profiler.png'}, {id: 6, name:'Teste de Proêficiencia', img:'/img/icons/fluenglish.png'},
-                {id: 7, name:'SMS', img:'/img/icons/app-sms.png'}, {id: 8, name:'Trabalhe Conosco', img:'/img/icons/career.png'}];
-            }
-        }
-  }
-}
-</script>
+<template>
+  <base-dropdown menu-on-right
+    class="mr-2"
+    tag="span"
+    title-tag="a"
+  >
+    <i
+      href="#"
+      class="fas fa-th display-4"
+      @click.prevent
+      slot="title-container"
+    />
+    <ul class="px-3">
+      <li class="w-50 d-inline-block text-wrap text-center" v-for="(links, index) in links" :key="index">
+        <img :src=links.img :alt="links.name" class="dropdown-item">
+        <a href="#" class="small">{{links.name}}</a>
+      </li>
+    </ul>
+  </base-dropdown>
+</template>
+<script>
+export default {
+  props:{
+    links: {
+      type: Array,
+      default:() => {
+        return [
+          {id: 1, name:'Busca', img:'img/icons/colorfull-icons/busca.svg'},
+          {id: 2, name:'Recrutamento', img:'img/icons/colorfull-icons/recrutamento.svg'},
+          {id: 3, name:'Desempenho', img: 'img/icons/colorfull-icons/indicadores.svg'},
+          {id: 4, name:'Universidades', img:'img/icons/colorfull-icons/universidades.svg'},
+          {id: 5, name:'DISC Profiler', img:'img/icons/colorfull-icons/DISC.svg'},
+          {id: 6, name:'Teste de Proêficiencia', img:'img/icons/colorfull-icons/proficiencia.svg'},
+          {id: 7, name:'SMS', img:'img/icons/colorfull-icons/SMS.svg'},
+          {id: 8, name:'Trabalhe Conosco', img:'img/icons/colorfull-icons/carreiras.svg'}
+        ];
+      }
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.height-100 {
+  height: 10rem;
+}
+</style>

package/components/burh-ds/Dropdown/DropdownItem.vue

@@ -0,0 +1,21 @@
+<template>
+  <li class="dropdown-item d-flex align-items-center w-100">
+      <span>
+        {{text}}
+      </span>
+      <badge v-if="status === 'NOVO'" rounded type="primary" class="ml-auto">Novo</badge>
+  </li>
+</template>
+<script>
+export default {
+  name: "dropdown-item",
+  props: {
+    link: {
+      type: String,
+      default: "/"
+      },
+    text: String,
+    status: String
+  },
+}
+</script>

package/components/burh-ds/Dropdown/DropdownSection.vue

@@ -0,0 +1,38 @@
+<template>
+  <div>
+    <hr class="dropdown-divider">
+    <h6 class="dropdown-header" v-if="title">
+      <span class="aria-text">Funcionalidades,</span>
+      <span>{{title}}</span>
+    </h6>
+    <ul>
+      <dropdown-item
+        v-for="item in items"
+        :key="item.description"
+        :text="item.description"
+        :link="item.link"
+        :status="item.status"
+      />
+    </ul>
+  </div>
+</template>
+<script>
+import DropdownItem from './DropdownItem'
+
+export default {
+  name: "dropdown-section",
+  components: {
+    DropdownItem
+  },
+  props: {
+    title: String,
+    items: Array
+  }
+}
+</script>
+<style lang="scss" scoped>
+ul {
+    list-style: none;
+    padding-left: 0;
+}
+</style>

package/components/burh-ds/Dropdown/FaqVideoArea.vue

@@ -1,69 +1,74 @@
-<template>
-    <base-dropdown menu-on-right
-            class="nav-item mr-2"
-            tag="span"
-            title-tag="a"
-            title-classes="nav-link pr-0">
-      <i href="#" class="pr-0 fas fa-question-circle text-white display-4 pt-2 pb-2" @click.prevent slot="title-container"></i>
-
-      <template>
-      <h6 class="dropdown-header">{{faqheader}}</h6>
-      <div class="dropdown-divider"></div>
-      <template>
-        <ul class="pl-0">
-          <li class="col-12 nav-link pt-1 d-flex dropdown-item" 
-            v-for="(videos, index) in videos" :key="index"
-            v-on:click="openModalVideo(videos)"
-          >
-            <img src="/img/icons/iconfinder-youtube2.svg" alt="youtube">
-            <span class="dropdown-item">{{videos.title}}</span>
-          </li>
-        </ul>
-      </template>
-      <div class="dropdown-divider"></div>
-      <h6 class="dropdown-header">{{faqfooter}}</h6>
-    </template>
-
-    </base-dropdown>
-</template>
-<script>
-export default {
-  data(){
-    return{
-      
-    }
-  },
-  mounted(){
-    
-  },
-  methods:{
-    openModalVideo(link){
-      let videolink = link;
-      this.$emit('open-video-modal', videolink)
-    }
-  },
-  props:{
-    faqheader:{
-      type: String,
-      default: 'Central de Suporte',
-      description: 'Titulo do dropdown'
-    },
-    videos:{
-      type: Array,
-      default: () =>[{
-        title: String,
-        link: String
-      }],
-      description: 'Titulo e link dos videos'
-    },
-    faqfooter:{
-      type: String,
-      default: 'Ainda tem duvidas? Fale conosco pelo chat',
-      description: 'Footer do dropdown'
-    },
-    method: {
-      type: Function
-    }
-  }
-}
-</script>
+<template>
+    <base-dropdown menu-on-right
+            class="nav-item mr-2"
+            tag="span"
+            title-tag="a"
+            title-classes="nav-link pr-0">
+      <i
+        href="#"
+        class="fas fa-question-circle display-4"
+        @click.prevent
+        slot="title-container"
+      />
+
+      <template>
+      <h6 class="dropdown-header">{{faqheader}}</h6>
+      <div class="dropdown-divider"></div>
+      <template>
+        <ul class="pl-0">
+          <li class="col-12 nav-link pt-1 d-flex dropdown-item"
+            v-for="(videos, index) in videos" :key="index"
+            v-on:click="openModalVideo(videos)"
+          >
+            <img src="/img/icons/iconfinder-youtube2.svg" alt="youtube">
+            <span class="dropdown-item">{{videos.title}}</span>
+          </li>
+        </ul>
+      </template>
+      <div class="dropdown-divider"></div>
+      <h6 class="dropdown-header">{{faqfooter}}</h6>
+    </template>
+
+    </base-dropdown>
+</template>
+<script>
+export default {
+  data(){
+    return{
+
+    }
+  },
+  mounted(){
+
+  },
+  methods:{
+    openModalVideo(link){
+      let videolink = link;
+      this.$emit('open-video-modal', videolink)
+    }
+  },
+  props:{
+    faqheader:{
+      type: String,
+      default: 'Central de Suporte',
+      description: 'Titulo do dropdown'
+    },
+    videos:{
+      type: Array,
+      default: () =>[{
+        title: String,
+        link: String
+      }],
+      description: 'Titulo e link dos videos'
+    },
+    faqfooter:{
+      type: String,
+      default: 'Ainda tem duvidas? Fale conosco pelo chat',
+      description: 'Footer do dropdown'
+    },
+    method: {
+      type: Function
+    }
+  }
+}
+</script>

package/components/burh-ds/Dropdown/SignOutItem.vue

@@ -0,0 +1,11 @@
+<template>
+  <li class="dropdown-item d-flex align-items-center w-100">
+    <font-awesome-icon :icon="['fas','door-open']"/>
+    <span>Sair</span>
+  </li>
+</template>
+<script>
+export default {
+  name: "sign-out-item"
+}
+</script>

package/components/burh-ds/Dropdown/UserMenuDropdown.vue

@@ -0,0 +1,58 @@
+<template>
+  <base-dropdown menu-on-right
+    class="nav-item"
+    tag="li"
+    title-tag="a"
+  >
+    <business-avatar
+      :logo="userAvatar"
+      :userName="userName"
+      :companyName="companyName"
+      class="nav-link pr-0 pt-2 pb-2"
+      :class="textColor"
+      @click.prevent
+      slot="title-container"
+    />
+    <h6 class="dropdown-header">Entrar como</h6>
+    <avatar-link
+      :logo="userAvatar"
+      :name="userName"
+      class="row pl-4"
+    />
+    <dropdown-section
+      v-for="(value, name) in text"
+      :key="name"
+      :title="name"
+      :items="value"
+    />
+    <hr class="dropdown-divider">
+    <sign-out-item />
+  </base-dropdown>
+</template>
+<script>
+import DropdownSection from "./DropdownSection";
+import SignOutItem from "./SignOutItem";
+import AvatarLink from '../Avatar/AvatarLink';
+import BusinessAvatar from '../Avatar/BusinessAvatar';
+
+export default {
+  name: "user-menu-dropdown",
+  components: {
+    DropdownSection,
+    SignOutItem,
+    AvatarLink,
+    BusinessAvatar
+  },
+  props: {
+    text: Object,
+    userAvatar: String,
+    userName: String,
+    companyLogo: String,
+    companyName: String,
+    textColor: String
+  }
+}
+</script>
+<style lang="scss" scoped>
+
+</style>

package/components/burh-ds/FeaturedCompanies/FeaturedCompanies.vue

@@ -1,12 +1,12 @@
-<template>
-    <div class="row d-flex justify-content-between featured-companies">
-        <slot></slot>
-    </div>
-</template>
-<script>
-    export default {
-        name: 'featured-companies',
-        props: {
-        }
-    };
+<template>
+    <div class="row d-flex justify-content-between featured-companies">
+        <slot></slot>
+    </div>
+</template>
+<script>
+    export default {
+        name: 'featured-companies',
+        props: {
+        }
+    };
 </script>

package/components/burh-ds/FeaturedCompanies/FeaturedCompanyCard.vue

@@ -1,17 +1,17 @@
-<template>
-    <div class="col-6 col-md-3 col-lg-2">
-        <card class="featured-company">
-            <div :href="href" :img="img" >
-            </div>
-        </card>
-    </div>
-</template>
-<script>
-    export default {
-        name: 'featured-company-card',
-        props: {
-            href: String,
-            img: String
-        }
-    };
+<template>
+    <div class="col-6 col-md-3 col-lg-2">
+        <card class="featured-company">
+            <div :href="href" :img="img" >
+            </div>
+        </card>
+    </div>
+</template>
+<script>
+    export default {
+        name: 'featured-company-card',
+        props: {
+            href: String,
+            img: String
+        }
+    };
 </script>