@burh/nuxt-core 1.0.19 → 1.0.21

package/components/burh-ds/Questions/QuestionRadioItem.vue

@@ -0,0 +1,75 @@
+<template>
+    <div>
+        <el-radio 
+          :label="value" 
+          class="form-radio" 
+          :class="{'form-radio--error': getError('Response')}">
+            <base-input 
+                name="Response" 
+                class="" 
+                type="text" 
+                placeholder="Coloque uma resposta aqui" 
+                v-model="value"
+                v-on:input="$emit('change-answer', value)" 
+                :error="getError('Response')" 
+                :valid="isValid('Response')" 
+                v-validate="'required'"/>
+        </el-radio>
+    </div>
+</template>
+
+<script>
+import { Radio } from 'element-ui'
+
+export default {
+    name: 'question-radio-item',
+    components: {
+        [Radio.name]: Radio,
+    },
+    props: {
+    },
+    data() {
+        return {
+            value: '',
+        }
+    },
+    methods: {
+        getError(name){
+            return this.errors.first(name);
+        },
+        isValid(name) {
+            return this.validated && !this.errors.has(name);
+        },
+    }
+}
+</script>
+
+<style lang='scss'>
+.form-radio.el-radio {
+    display: block;
+    margin-right: 1.5rem;
+
+
+    .form-group {
+        display: inline-block;
+        width: 100%;
+        padding-left: 1rem;
+    }
+
+    &:last-child {
+        margin-right: 1.5rem;
+    }
+
+    &__input {
+        top: 1.5rem
+    }
+}
+
+
+.form-radio--error {
+    .el-radio__input {
+        top: -1.5rem;
+    }
+}
+
+</style>

package/components/burh-ds/Questions/QuestionText.vue

@@ -0,0 +1,36 @@
+<template>
+    <base-input 
+        name="maxCharacters"
+        type="Number" 
+        label="Quantidade maxima de caracteres da resposta" 
+        v-model="value"
+        v-on:change="$emit('data-changed', { max_char: value })"
+        :error="getError('maxCharacters')" 
+        :valid="isValid('maxCharacters')"
+        v-validate="'required|between:30,4096'">
+    </base-input>
+</template>
+
+<script>
+
+export default {
+    name: 'question-text',
+    data() {
+        return {
+            value: 240
+        }
+    },
+    methods: {
+        getError(name){
+            return this.errors.first(name);
+        },
+        isValid(name) {
+            return this.validated && !this.errors.has(name);
+        },
+    }
+}
+</script>
+
+<style>
+
+</style>

package/components/burh-ds/Questions/index.js

@@ -0,0 +1,14 @@
+import Question from '@burh/nuxt-core/components/burh-ds/Questions/Question.vue';
+import QuestionAttach from '@burh/nuxt-core/components/burh-ds/Questions/QuestionAttach.vue';
+import QuestionText from '@burh/nuxt-core/components/burh-ds/Questions/QuestionText.vue';
+import QuestionRadio from '@burh/nuxt-core/components/burh-ds/Questions/QuestionRadio.vue';
+import QuestionRadioItem from '@burh/nuxt-core/components/burh-ds/Questions/QuestionRadioItem.vue';
+
+
+export {
+    Question,
+    QuestionAttach,
+    QuestionText,
+    QuestionRadio,
+    QuestionRadioItem
+}

package/components/layouts/burh-ds/footer/StoreFooter.vue

@@ -1,11 +1,18 @@
 <template>
-  <div class="footer-simple bg-white w-100 border-top">
-        <div class="footer--container row px-3 m-0">
-            <base-button outline type="primary" href="/termos-de-uso" class="btn--back text-primary mr-0 px-sm-5 px-3 btn-md-sm d-inline" rel="noopener" @click="$emit('backward')">
-                <i class="fas text-primary fa-long-arrow-alt-left"></i>Voltar
+  <div class="footer-simple border-top">
+        <div class="footer-simple--container container-fluid container-fluid--bu">
+            <base-button outline type="primary" href="/termos-de-uso" class="mr-0 px-sm-5 px-3 btn-md-sm d-inline" rel="noopener" @click="$emit('backward')">
+                <i class="fas fa-long-arrow-alt-left"></i>Voltar
             </base-button>
             
-            <base-button size="sm" type="primary" class="text-white ml-auto px-sm-5 px-3 mr-2" target="_blank" rel="noopener" @click="$emit('forward')">{{btnForwardText}}</base-button>
+            <base-button 
+                size="sm"
+                type="primary" 
+                class="ml-auto px-sm-5 px-3 mr-2" 
+                target="_blank" 
+                rel="noopener" @click="$emit('forward')"
+                :disabled="btnForwardDisabled"
+            >{{btnForwardText}}</base-button>
         </div>
   </div>
 </template>
@@ -16,6 +23,10 @@ export default {
           type: String,
           default: 'Ir para o checkout'
       },
+      btnForwardDisabled: {
+          type: Boolean,
+          default: false
+      },
   },
   data() {
     return {
@@ -30,25 +41,14 @@ export default {
 @import "node_modules/@burh/nuxt-core/assets/sass/burh-ds/variables.scss";
 @import "node_modules/@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss";
 
-@media screen and (max-width: 320px){
-  .btn{
-    min-width: 6.5em;
-  }
-}
-@media screen and (min-width: 321px){
-  .btn--back{
-    margin-left: 0.5rem;
-  }
-}
-@media screen and (min-width: 992px){
-  .footer-container{
-    padding-right: 3rem;
-    padding-left: 3rem;
-  }
-}
-.btn-outline-primary:hover {
-    color: #fff;
-    background-color: transparent !important;
-    border-color: #1DA1F1;
+.footer-simple {
+    width: 100%;
+    background-color: $white;
+
+    &--container {
+        display: flex;
+        justify-content: space-between;
+    }
 }
+
 </style>

package/components/layouts/burh-ds/navbar/AppNavbar.vue

@@ -0,0 +1,60 @@
+<template>
+  <base-nav
+    container-classes="container-class-layout"
+    class="border-bottom navbar-animated navbar-horizontal"
+    expand="lg"
+    type="white"
+  >
+    <avatar-link
+      slot="brand"
+      :logo="brand"
+      :name="brandName"
+      class="row pl-4 nav-link"
+    />
+    <app-link-area class="hover" />
+    <user-menu-dropdown
+      :text="userMenuText"
+      :userAvatar="currentUser.avatar"
+      :userName="currentUser.name"
+      :companyLogo="currentCompany.logo"
+      :companyName="currentCompany.name"
+    />
+  </base-nav>
+</template>
+<script>
+import BaseNav from '@burh/nuxt-core/components/burh-ds/Navbar/BaseNav.vue';
+import UserMenuDropdown from '@burh/nuxt-core/components/burh-ds/Dropdown/UserMenuDropdown.vue';
+import AppLinkArea from '@burh/nuxt-core/components/burh-ds/Dropdown/AppLinkArea.vue';
+import AvatarLink from '@burh/nuxt-core/components/burh-ds/Avatar/AvatarLink.vue';
+
+export default {
+  components: {
+    BaseNav,
+    UserMenuDropdown,
+    AppLinkArea,
+    AvatarLink
+  },
+  props: {
+    currentUser: Object,
+    currentCompany: Object,
+    userMenuText: Object,
+    brand: String,
+    brandName: String
+  }
+}
+</script>
+<style lang="scss">
+.container-class-layout {
+    flex: 1;
+    display: flex;
+    flex-direction: row;
+    padding: 3rem;
+    justify-content: space-between;
+}
+
+.hover {
+    &:hover {
+        color: #25a4f1 !important;
+    }
+}
+</style>

package/components/layouts/burh-ds/navbar/BusinessGlobalNavbar.vue

@@ -3,156 +3,99 @@
     id="business__nav"
     v-model="showMenu"
     container-classes="container-fluid container-fluid--bu"
-    class="border-bottom navbar-animated navbar-horizontal"
-    :class="navbarColor"
+    class="navbar-main navbar-blue"
     expand="lg"
     type="primary"
   >
-  <!--LEFT-->
-
-  <!--BRAND-->
-    <div slot="brand" class="navbar-wrapper d-flex">
+    <div
+      slot="brand"
+      class="navbar-wrapper d-flex"
+      v-if="!appMode"
+    >
       <nuxt-link class="navbar-brand d-flex pt-2" to="/">
-        <img src="/img/brand/burh-imagotipo-white.svg" class="navbar-brand-img navbar-brand-img--full" alt="BURH: Suas vagas">
+        <img
+          src="/img/brand/burh-imagotipo-white.svg"
+          class="navbar-brand-img navbar-brand-img--full"
+          alt="BURH: Suas vagas"
+        >
       </nuxt-link>
 
-    <ul class= "navbar-nav navbar-nav--menu align-items-center d-none d-lg-flex flex-row mr-sm-auto">
-      <navbar-links 
-        v-for="(item, index) in listOfLinks" :key="index"
-        :name="item.name"
-        :id="item.id"
-        :link="item.link"
-        :children="item.children"
-      ></navbar-links>
-    </ul>
-
-     
+      <ul class= "navbar-nav align-items-center d-none d-lg-flex flex-row mr-sm-auto">
+        <navbar-links
+          v-for="(item, index) in listOfLinks" :key="index"
+          :name="item.name"
+          :id="item.id"
+          :link="item.link"
+          :children="item.children"
+        />
+      </ul>
     </div>
-  <!--END BRAND-->
-    
-  <!--LEFT-->
-
-  <!--RIGHT-->
 
     <ul class="navbar-nav navbar-nav--menu align-items-center mr-md-auto">
       <template v-if="currentUser == null">
         <li class="nav-item">
-          <button @click="toLogin()" class="btn btn-block" :class="{'btn-outline-light': !showMenu, 'btn-primary': showMenu, 'btn-light': !showMenu}">
+          <button
+            @click="toLogin()"
+            class="btn btn-block"
+            :class="{'btn-outline-light': !showMenu, 'btn-primary': showMenu, 'btn-light': !showMenu}"
+            >
             Entrar
           </button>
           <hr class="d-lg-none mt-3 mb-3">
         </li>
         <li class="nav-item">
-          <a v-if="showMenu" href="javascript:void(0)" @click="$router.push('/empresas/cadastro/criar-conta')" class="btn" :class="{'btn-light': !showMenu, 'btn-outline-primary': showMenu}">Cadastrar-se</a>
+          <a
+            v-if="showMenu"
+            href="javascript:void(0)"
+            @click="$router.push('/empresas/cadastro/criar-conta')"
+            class="btn"
+            :class="{'btn-light': !showMenu, 'btn-outline-primary': showMenu}"
+          >
+            Cadastrar-se
+          </a>
         </li>
       </template>
     </ul>
 
-  <!--FAQ-->
-    <faq-video-area 
+    <faq-video-area
       v-if="currentUser != null"
       :videos="listOfVideos"
       v-on:open-video-modal="openModalVideo"
-      >
-    </faq-video-area>
-    <video-modal 
+      class="white-block"
+    />
+    <video-modal
       :show="videoModalProperties.showModal"
       :link="this.videoModalProperties.link"
       :title="this.videoModalProperties.title"
-      >
-    </video-modal>
-  <!--FAQ-->
-
-  <!--APPS-->
-    <app-link-area v-if="currentUser != null"></app-link-area>
-  <!--APPS-->
-
-  <!--USER-->
-    <div slot="user" v-if="currentUser != null">
-      <base-dropdown menu-on-right
-                class="nav-item"
-                tag="li"
-                title-tag="a"
-                title-classes="nav-link pr-0">
-        <a href="#" class="nav-link pr-0 pt-2 pb-2" @click.prevent slot="title-container">
-          <div class="media align-items-center">
-
-            <span class="avatar avatar-sm rounded-circle">
-
-              <img :src="currentCompany != null && currentCompany.logo ? currentCompany.logo : ''">
-
-            </span>
+    />
 
-            <div class="media-body ml-2 d-none d-lg-block">
-              <span class="mb-0 text-sm text-white font-weight-bold">
-                <template v-if="currentCompany != null">
-                  {{currentCompany.name}}
-                </template>
-              </span>
-            </div>
-          </div>
-        </a>
-        
-        <template>
-          <h6 class="dropdown-header">Entrar como</h6>
-          <template v-if="currentCompany != null">
-
-            <a href="#" class="dropdown-item">
-              <span class="avatar avatar-sm rounded-circle">
-                <img :src="currentUser.avatar != null ? currentUser.avatar : ''">
-              </span>
-              <span>{{currentUser.name}}</span>
-            </a>
-          </template>
-
-          <template v-if="currentCompany != null">
-            <div class="dropdown-divider"></div>
-            <h6 class="dropdown-header">Minha empresa</h6>
-            <a href="#!" class="dropdown-item">Anunciar Vaga</a>
-            <a href="#!" class="dropdown-item">Perfil da Empresa</a>
-            <a href="#!" class="dropdown-item">Editar Empresa</a>
-            <a href="#!" class="dropdown-item d-flex align-items-center w-100">
-            <span>Blog de RH</span> <badge rounded type="primary" class="ml-auto">Novo</badge>
-            </a>
-
-            <div class="dropdown-divider"></div>
-            <h6 class="dropdown-header">Configurações</h6>
-            <a href="#!" class="dropdown-item">Sua Conta</a>
-            <a href="#!" class="dropdown-item">Equipe</a>
-            <a href="#!" class="dropdown-item">Avisos & Notificações</a>
-            <a href="#!" class="dropdown-item">Seu Plano</a>
-          </template>
-
-          <template v-if="currentCompany == null">
-            <div class="dropdown-divider"></div>
-            <h6 class="dropdown-header">Meu Burh</h6>
-            <a href="#" class="dropdown-item">Meu perfil</a>
-            <a href="#" class="dropdown-item">Configurações</a>
-          </template>
-
-          <div class="dropdown-divider"></div>
-          <a href="#!" class="dropdown-item">
-            <font-awesome-icon :icon="['fas','door-open']"/>
-            <span>Sair</span>
-          </a>
-        </template>
-      </base-dropdown>
-    </div>
-  <!--END USERS-->
-  <!--END RIGHT-->
-<slot></slot>
+    <app-link-area
+      v-if="currentUser != null"
+      class="white-block"
+    />
+    <user-menu-dropdown
+      slot="user"
+      v-if="currentUser != null"
+      :text="userMenuText"
+      :userAvatar="currentUser.avatar"
+      :userName="currentUser.name"
+      :companyLogo="currentCompany.logo"
+      :companyName="currentCompany.name"
+      class="text-color"
+    />
+    <slot></slot>
 </base-nav>
 </template>
 
 <script>
   import { CollapseTransition } from 'vue2-transitions';
-  // import BaseNav from '@/components/argon-core/Navbar/BaseNav.vue';
-  import BaseNav from '~/node_modules/@burh/nuxt-core/components/burh-ds/Navbar/BaseNav.vue';
-  import VideoModal from '~/node_modules/@burh/nuxt-core/components/burh-ds/Modals/VideoModal.vue';
-  import NavbarLinks from '~/node_modules/@burh/nuxt-core/components/burh-ds/Lists/ListNavLinks.vue';
-  import AppLinkArea from '~/node_modules/@burh/nuxt-core/components/burh-ds/Dropdown/AppLinkArea.vue';
-  import FaqVideoArea from '~/node_modules/@burh/nuxt-core/components/burh-ds/Dropdown/FaqVideoArea.vue';
-  import Modal from '~/node_modules/@burh/nuxt-core/components/argon-core/Modal.vue';
+  import UserMenuDropdown from '@burh/nuxt-core/components/burh-ds/Dropdown/UserMenuDropdown.vue';
+  import BaseNav from '@burh/nuxt-core/components/burh-ds/Navbar/BaseNav.vue';
+  import VideoModal from '@burh/nuxt-core/components/burh-ds/Modals/VideoModal.vue';
+  import NavbarLinks from '@burh/nuxt-core/components/burh-ds/Lists/ListNavLinks.vue';
+  import AppLinkArea from '@burh/nuxt-core/components/burh-ds/Dropdown/AppLinkArea.vue';
+  import FaqVideoArea from '@burh/nuxt-core/components/burh-ds/Dropdown/FaqVideoArea.vue';
+  import Modal from '@burh/nuxt-core/components/argon-core/Modal.vue';
   import * as ListofLinksNavbar from '@burh/nuxt-core/data/ListNavLinksMock.json';
   import * as ListVideos from '@burh/nuxt-core/data/ListVideoLinksMock.json';
   import moment from 'moment';
@@ -166,13 +109,14 @@
       AppLinkArea,
       FaqVideoArea,
       NavbarLinks,
-      VideoModal
+      VideoModal,
+      UserMenuDropdown,
     },
     props: {
       type: {
         type: String,
-        default: 'default', // default|light
-        description: 'Look of the dashboard navbar. Default (Green) or light (gray)'
+        default: 'primary', // default|light
+        description: 'Look of the dashboard navbar. primary (blue) or ligte (white)'
       },
       logoMini: {
         type: String,
@@ -208,6 +152,10 @@
         type: Array,
         default: () => ListVideos.default,
         description: 'Lista de videos em exibição no dropdown de videos'
+      },
+      userMenuText: {
+        type:Object,
+        description: 'Contains the text for the user menu'
       }
     },
     computed: {
@@ -249,16 +197,17 @@
         if (this.showMenu) {
           this.closeMenu();
         }
-         
+
         if(this.navbarSearch && newRoute != '/busca'){
           this.menuSearch = ''
         } else {
           this.menuSearch = this.$route.query.term
         }
-        
+
       }
     },
     mounted () {
+      console.log("userMenuText", this.userMenuText)
       window.addEventListener('scroll', this.handleScrollNavbar);
 
       let header = document.querySelector('[data-menu="fixed"]');
@@ -279,7 +228,7 @@
     destroyed () {
       window.removeEventListener('scroll', this.handleScrollNavbar);
     }
-  
+
 };
 
 </script>
@@ -292,6 +241,11 @@
 .dropdown-menu{
   min-width: 16rem;
 }
+
+.navbar-blue {
+    background-color: #258bf4 !important;
+}
+
 .navbar {
   .navbar-search-light {
     &--focus {
@@ -309,7 +263,30 @@
     background-color: $primary;
     border: 0 !important;
     animation: navbarCompanyDefaultLoading .5s;
-    
+
+  }
+
+  &--white{
+    .nav-link {
+      color: $white;
+      &:hover {
+        color: $color-dark;
+      }
+    }
   }
 }
+
+.text-color {
+    color: #fff !important;
+    &:hover {
+        color: #515e7e !important;
+    }
+}
+
+.white-block {
+    color: white;
+    &:hover {
+        color: #515e7e;
+    }
+}
 </style>

package/components/layouts/burh-ds/navbar/SimpleNavbar.vue

@@ -3,8 +3,7 @@
     id="business__nav"
     v-model="showMenu"
     container-classes="container-fluid container-fluid--bu"
-    class="border-bottom navbar-animated navbar-horizontal"
-    :class="navbarColor"
+    class="navbar-main border-bottom navbar-animated navbar-horizontal navbar-expand-lg"
     expand="lg"
     type="primary"
   >

package/dictionary.js

@@ -31,5 +31,9 @@ module.exports = {
 	Details: 'Detalhes',
 	Detail: 'Detalhe',
 	employee_number: 'Número de Funcionários',
-	area_ocuppation: 'Área de Ocupação'
+	area_ocuppation: 'Área de Ocupação',
+	Cancel: 'Cancelar',
+	cancel: 'cancelar',
+	Confirm: 'Confirmar',
+	confirm: 'confirmar'
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burh/nuxt-core",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "description": "Design System and Components.",
   "author": "Burh",
   "scripts": {
@@ -70,6 +70,7 @@
     "vue-croppie": "^2.0.1",
     "vue-flatpickr-component": "^8.1.2",
     "vue-form-generator": "^2.3.4",
+    "vue-loading-overlay": "^3.3.2",
     "vue-plain-pagination": "^0.3.0",
     "vue-the-mask": "^0.11.1",
     "vue2-transitions": "^0.3.0",