@burh/nuxt-core 1.0.21 → 1.0.23

package/components/burh-ds/Cards/WelcomeCard.vue

@@ -1,48 +1,41 @@
 
 <template>
-  <div class="card text-center align-items-center">
-    <div class="card-body card--content">
-      <img class="icon" :src="icon">
-      <h2 class="card-title mb-3 mx-md-5">{{title}}</h2>
-      <p class="card-text mb-4 text--initial mx-md-5">{{text}}.</p>
-      <div class="button--area">
-        <base-button
-          outline
-          type="primary"
-          class="btn--flex btn--app "
-        >
-            <nuxt-link class="white-text" :to="link">
-                {{buttonText}}
-            </nuxt-link>
-        </base-button>
-      </div>
-    </div>
-  </div>
+	<div class="card text-center align-items-center">
+		<div class="card-body card--content">
+			<img class="icon" :src="icon">
+			<h2 class="card-title mb-3 mx-md-5">{{title}}</h2>
+			<p class="card-text mb-4 text--initial mx-md-5" v-html="text" />
+			<div class="button--area">
+				<base-button
+					type="primary"
+                    @click="$emit('btn-first-click')"
+				>
+					{{buttonText}}
+				</base-button>
+			</div>
+		</div>
+	</div>
 </template>
 <script>
 export default {
-    name: 'welcome-card',
-    components: {
+	name: 'welcome-card',
+	components: {
+	},
+	props:{
+		icon: String,
+		title: {
+			type: String,
+			default: 'Aqui vai um título'
+		},
+		text: {
+			type: String,
+			default: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse convallis vel tellus viverra pulvinar. Mauris in augue neque. Proin molestie lectus lectus, at semper enim suscipit id. odo colaborador tem um perfil de comportamento e competências. O Profiler é uma ferramenta completa para você identificar cada uma delas e assim formar equipes mais produtivas.'
+		},
+		buttonText: {
+			type: String
+		},
     },
-    props:{
-        icon: String,
-        title: {
-            type: String,
-            default: 'Aqui vai um título'
-        },
-        text: {
-            type: String,
-            default: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse convallis vel tellus viverra pulvinar. Mauris in augue neque. Proin molestie lectus lectus, at semper enim suscipit id. odo colaborador tem um perfil de comportamento e competências. O Profiler é uma ferramenta completa para você identificar cada uma delas e assim formar equipes mais produtivas.'
-        },
-        buttonText: {
-            type: String
-        },
-        link: {
-            type: String,
-            default: "/"
-        }
-    }
-}
+};
 </script>
 
 <style lang="scss">
@@ -52,8 +45,11 @@ export default {
         text-align: initial;
     }
     .card--content{
+        display: flex;
+        flex-direction: column;
+        align-items: center;
         @media screen and (min-width:768px){
-            width: 50%;
+
         }
         .button--area{
             @media screen and (max-width:768px){
@@ -71,6 +67,8 @@ export default {
             }
         }
         .card-title{
+            width: 30%;
+            font-weight: 600;
             @media screen and (max-width:768px){
                 padding-left: 1.5rem;
                 padding-right: 1.5rem;
@@ -80,6 +78,7 @@ export default {
 
     .card-text {
         text-align: center;
+        width: 55%;
         color: $gray-900;
     }
 
@@ -90,11 +89,18 @@ export default {
     }
 
     .btn--app {
-        background-color: $violet;
-        border-color: $violet;
+        background-color: $violet !important;
+        border-color: $violet  !important;
+        &:hover {
+            background-color: darken($violet, 10%)  !important;
+            border-color: darken($violet, 10%)  !important;
+        }
     }
 
     .white-text {
         color: #ffffff;
+        &:hover {
+            color: #ffffff;
+        }
     }
 </style>

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

@@ -1,46 +1,132 @@
 <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>
+	<base-dropdown menu-on-right
+		class="mr-3"
+		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 align-top list-item"
+				v-for="app in apps"
+				:key="app.name">
+				<default-link :link="app.validated ? app.link : '/planos'" class="small d-block">
+					<img
+						:src="app.img"
+						:alt="app.name"
+						class="dropdown-item" >
+					<span>{{app.name}}</span>
+					<badge class="badgeClass" v-if="!app.validated">Habilitar</badge>
+				</default-link>
+			</li>
+		</ul>
+	</base-dropdown>
 </template>
 <script>
+import DefaultLink from '../Link/DefaultLink';
+
 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'}
-        ];
-      }
-    }
-  }
-}
+	components: {
+		DefaultLink
+	},
+	props:{
+		hasEnableBadge: Boolean,
+		showableProducts: Object,
+		activeProducts: Array,
+		apps: Array,
+		// apps: Array
+	},
+	methods: {
+		companyHasProduct(productId) {
+			const product = this.activeProducts.find( e => e.product_id == productId);
+
+			if (product) {
+				const isProductLeft = product.quantity_used < product.quantity;
+
+				return product.quantity ? isProductLeft : true;
+			}
+			return false;
+		}
+	},
+	data() {
+		return {
+			// apps: [
+			// 	{
+			// 		name: 'Busca',
+			// 		img: 'img/icons/colorfull-icons/busca.svg',
+			// 		indexableName: 'BUSCA',
+			// 		validated: true,
+			// 		link: 'https://business.burh.com.br/app/search'
+			// 	},
+			// 	{
+			// 		name: 'Recrutamento',
+			// 		img: 'img/icons/colorfull-icons/recrutamento.svg',
+			// 		indexableName: 'RECRUTAMENTO',
+			// 		validated: true,
+			// 		link: 'https://business.burh.com.br/burh/vagas'
+			// 	},
+			// 	{
+			// 		name: 'Indicadores',
+			// 		img: 'img/icons/colorfull-icons/indicadores.svg',
+			// 		indexableName: 'RELATORIO_DE_DESEMPENHO',
+			// 		validated: this.companyHasProduct(this.showableProducts['RELATORIO_DE_DESEMPENHO']),
+			// 		link: 'https://business.burh.com.br/apps/analytics'
+			// 	},
+			// 	{
+			// 		name: 'Universidades',
+			// 		img: 'img/icons/colorfull-icons/universidades.svg',
+			// 		indexableName: 'UNIVERSIDADES',
+			// 		validated: true,
+			// 		link: 'https://business.burh.com.br/app/university'
+			// 	},
+			// 	{
+			// 		name: 'Teste Profiler DISC',
+			// 		img: 'img/icons/colorfull-icons/DISC.svg',
+			// 		indexableName: 'TESTE_DISC',
+			// 		validated: this.companyHasProduct(this.showableProducts['TESTE_DISC']),
+			// 		link: 'https://business.burh.com.br/app/profiler'
+			// 	},
+			// 	{
+			// 		name: 'Teste de Proficiência',
+			// 		img: 'img/icons/colorfull-icons/proficiencia.svg',
+			// 		indexableName: 'TESTE_PROFICIENCIA',
+			// 		validated: this.companyHasProduct(this.showableProducts['TESTE_PROFICIENCIA']),
+			// 		link: 'https://business.burh.com.br/app/fluenglish'
+			// 	},
+			// 	{
+			// 		name: 'SMS',
+			// 		img: 'img/icons/colorfull-icons/SMS.svg',
+			// 		indexableName: 'SMS',
+			// 		validated: this.companyHasProduct(this.showableProducts['SMS']),
+			// 		link: 'https://business.burh.com.br/burh/apps/sms'
+			// 	},
+			// 	{
+			// 		name: 'Página Carreiras',
+			// 		img: 'img/icons/colorfull-icons/carreiras.svg',
+			// 		indexableName: 'TRABALHE_CONOSCO',
+			// 		validated: this.companyHasProduct(this.showableProducts['TRABALHE_CONOSCO']),
+			// 		link: '/'
+			// 	},
+			// ]
+		};
+	}
+};
 </script>
 <style lang="scss" scoped>
-.height-100 {
-  height: 10rem;
-}
+    .height-100 {
+        height: 10rem;
+    }
+
+    // .badgeClass {
+    //     margin-left: 3rem;
+    // }
+
+    .list-item {
+        max-width: 100px;
+    }
 </style>

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

@@ -1,21 +1,26 @@
 <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>
+	<a :href="link" class="link">
+		<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>
+	</a>
 </template>
 <script>
 export default {
-  name: "dropdown-item",
-  props: {
-    link: {
-      type: String,
-      default: "/"
-      },
-    text: String,
-    status: String
-  },
-}
+	name: 'dropdown-item',
+	props: {
+		link: {
+			type: String,
+			default: '/'
+		},
+		text: String,
+		status: String
+	},
+
+	mounted() {
+	},
+};
 </script>

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

@@ -1,34 +1,34 @@
 <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>
+	<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'
+import DropdownItem from './DropdownItem';
 
 export default {
-  name: "dropdown-section",
-  components: {
-    DropdownItem
-  },
-  props: {
-    title: String,
-    items: Array
-  }
-}
+	name: 'dropdown-section',
+	components: {
+		DropdownItem
+	},
+	props: {
+		title: String,
+		items: Array
+	}
+};
 </script>
 <style lang="scss" scoped>
 ul {

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

@@ -1,74 +1,88 @@
 <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"
-      />
+	<base-dropdown menu-on-right
+		class="nav-item mr-3"
+		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>
+		<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">
+				<span>Ainda tem dúvidas?</span><br>
+				<span>Fale conosco pelo <a class="chat-text">chat</a></span>
+			</h6>
+		</template>
 
-    </base-dropdown>
+	</base-dropdown>
 </template>
 <script>
 export default {
-  data(){
-    return{
+	data(){
+		return{
 
-    }
-  },
-  mounted(){
+		};
+	},
+	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
-    }
-  }
-}
+	},
+	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'
+		},
+		faqfooterTitle:{
+			type: String,
+			default: 'Ainda tem duvidas?',
+			description: 'Footer do dropdown'
+		},
+		faqfooterDescription:{
+			type: String,
+			default: 'Fale conosco pelo <a>chat</a>',
+			description: 'Footer do dropdown'
+		},
+		method: {
+			type: Function
+		}
+	}
+};
 </script>
+
+<style lang="scss">
+    .dropdown-header {
+        text-align: center;
+    }
+</style>

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

@@ -1,11 +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>
+	<li class="dropdown-item d-flex align-items-center w-100" @click="$emit('logout')">
+		<font-awesome-icon :icon="['fas','door-open']"/>
+		<span>Sair</span>
+	</li>
 </template>
 <script>
 export default {
-  name: "sign-out-item"
-}
+	name: 'sign-out-item'
+};
 </script>