@burh/nuxt-core 1.0.501 → 1.0.503

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

@@ -1,435 +1,435 @@
-<template>
-	<base-nav
-		id="business__nav"
-		v-model="showMenu"
-		container-classes="container-fluid container-fluid--bu"
-		class="navbar-main navbar-blue"
-		expand="lg"
-		type="primary"
-	>
-		<div
-			slot="brand"
-			class="navbar-wrapper d-flex"
-		>
-			<nuxt-link class="navbar-brand d-flex" to="/">
-				<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 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>
-
-		<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}"
-					>
-						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>
-				</li>
-			</template>
-		</ul>
-
-		<faq-video-area
-			v-if="currentUser != null"
-			:videos="listOfVideos"
-			v-on:open-video-modal="openModalVideo"
-			class="white-block"
-		/>
-		<video-modal
-			:show="videoModalProperties.showModal"
-			:link="this.videoModalProperties.link"
-			:title="this.videoModalProperties.title"
-		/>
-
-		<app-link-area
-			v-if="currentUser != null"
-			class="white-block"
-			:showableProducts="showableProducts"
-			:activeProducts="activeProducts"
-			:apps="gridApps"
-		/>
-		<user-menu-dropdown
-			slot="user"
-			v-if="currentUser != null"
-			:text="userMenuText"
-			:userAvatar="currentUser.avatar"
-			:userName="currentUser.name"
-			:companies="currentUser.companies"
-			:companyLogo="currentCompany.logo"
-			:companyName="currentCompany.name"
-			@logout="$emit('logout')"
-		>
-			<avatar-link
-				slot="companies"
-				v-for="company in currentUser.companies"
-				:key="company.name"
-				:logo="company.logo"
-				:name="company.name"
-				class="dropdown-item"
-				:data="company"
-				@avatar-click="handleAvatarClick(company)"
-			/>
-		</user-menu-dropdown>
-		<slot></slot>
-	</base-nav>
-</template>
-
-<script>
-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 AvatarLink from '../../../burh-ds/Avatar/AvatarLink';
-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 * as ListVideos from '@burh/nuxt-core/data/ListVideoLinksMock.json';
-import moment from 'moment';
-import 'moment/locale/pt-br';
-import * as _ from 'lodash';
-export default {
-	components: {
-		BaseNav,
-		AppLinkArea,
-		FaqVideoArea,
-		NavbarLinks,
-		VideoModal,
-		UserMenuDropdown,
-		AvatarLink,
-	},
-	props: {
-		type: {
-			type: String,
-			default: 'primary', // default|light
-			description: 'Look of the dashboard navbar. primary (blue) or ligte (white)'
-		},
-		logoMini: {
-			type: String,
-			default: '/img/content/carreiras/logo-laponia.jpg',
-			description: 'Logo for scrolled navbar'
-		},
-		logoFull: {
-			type: String,
-			default: () => '/img/brand/burh-imagotipo.svg',
-			description: 'Brand da navbar'
-		},
-		navbarColor: {
-			type: String,
-			default: () => 'navbar-light', //
-			description: 'Cor do navbar [atual]'
-		},
-		currentUser: {
-			listOfLinks: {
-				type: Array,
-				default: () => ListofLinksNavbar.default,
-				description: 'Lista  de links da navbar atual'
-			},
-			type: Object,
-			default: () => null,
-			description: 'Usuário logado atual'
-		},
-		currentCompany: {
-			type: Object,
-			default: () => null,
-			description: 'Empresa selecionada atual'
-		},
-		listOfVideos:{
-			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'
-		},
-		showableProducts: Object,
-		activeProducts: Array,
-		apps: {
-			type: Array,
-			default: () => [],
-			description: 'Apps that will me showed in header app section'
-		},
-		gridApps: Array
-	},
-
-	computed: {
-		routeName() {
-			const { name } = this.$route;
-			return this.capitalizeFirstLetter(name);
-		}
-	},
-
-	data() {
-		return {
-			showMenu: false,
-			baseURL: process.env.baseAppUrl,
-			videoModalProperties: {
-				showModal: false,
-				link: '',
-				title: ''
-			},
-			listOfLinks: [
-				{
-					'id' : 'Busca',
-					'name' : 'Busca',
-					'link' : '/',
-					'children' : [
-						{
-							'id' : 'Buscar',
-							'name' : 'Buscar',
-							'link' : `${process.env.oldBusinessUrl}/app/search`,
-							'isVisible': !this.companyHasProduct(this.showableProducts['BUSCA_AVANCADA']),
-							'hasBadge': false,
-						},
-						{
-							'id' : 'Busca-Avançada',
-							'name' : 'Busca Avançada',
-							'link' : this.linkProduct('BUSCA_AVANCADA', '/app/search'),
-							'isVisible': true,
-							'hasBadge': !this.companyHasProduct(this.showableProducts['BUSCA_AVANCADA']),
-						},
-						{
-							'id' : 'Buscar-Estágio',
-							'name' : 'Buscar Estágio',
-							'link' : this.linkProduct('BUSCA_AVANCADA', '/search'),
-							'isVisible': true,
-							'hasBadge': !this.companyHasProduct(this.showableProducts['BUSCA_AVANCADA']),
-						},
-						{
-							'id' : 'Buscar-PCD',
-							'name' : 'Buscar PCD',
-							'link' : this.linkProduct('BUSCA_AVANCADA', '/search'),
-							'isVisible': true,
-							'hasBadge': !this.companyHasProduct(this.showableProducts['BUSCA_AVANCADA']),
-						},
-						{
-							'id' : 'Buscar-Terceira-Idade',
-							'name' : 'Buscar Terceira Idade',
-							'link' : this.linkProduct('BUSCA_AVANCADA', '/search'),
-							'isVisible': true,
-							'hasBadge': !this.companyHasProduct(this.showableProducts['BUSCA_AVANCADA']),
-						},
-						{
-							'id' : 'Buscar-Jovem-Aprendiz',
-							'name' : 'Buscar Jovem Aprendiz',
-							'link' : this.linkProduct('BUSCA_AVANCADA', '/search'),
-							'isVisible': true,
-							'hasBadge': !this.companyHasProduct(this.showableProducts['BUSCA_AVANCADA']),
-						}
-					]
-				},
-				{
-					'id' : 'Recrutamento',
-					'name' : 'Recrutamento',
-					'link' : 'burh.com.br',
-					'children' : [
-						{
-							'id' : 'Abrir-Vaga',
-							'name' : 'Abrir Vaga',
-							'link' : `${process.env.oldBusinessUrl}/${this.currentCompany.slug}/vagas/criar`,
-							'isVisible': !this.companyHasProduct(this.showableProducts['ABRIR_VAGAS_COM_FILTROS_AVANCADOS']),
-							'hasBadge': false,
-						},
-						{
-							'id' : 'Abrir-Vaga-Avançada',
-							'name' : 'Abrir Vaga Avançada',
-							'link' : this.linkProduct('ABRIR_VAGAS_COM_FILTROS_AVANCADOS', `/${this.currentCompany.slug}/vagas/criar`),
-							'isVisible': true,
-							'hasBadge': !this.companyHasProduct(this.showableProducts['ABRIR_VAGAS_COM_FILTROS_AVANCADOS']),
-						},
-						{
-							'id' : 'Gerenciar-Vagas',
-							'name' : 'Gerenciar Vagas',
-							'link' : `${process.env.oldBusinessUrl}/${this.currentCompany.slug}/vagas`,
-							'isVisible': true,
-							'hasBadge': false,
-						}
-					]
-				},
-				{
-					'id' : 'Universidades',
-					'name' : 'Universidades',
-					'link' : `${process.env.oldBusinessUrl}/app/university`,
-					'children' : []
-				},
-				{
-					'id' : 'Loja',
-					'name' : 'Loja',
-					'link' : 'burh.com.br',
-					'children' : [
-						{
-							'id' : 'Teste-DISC',
-							'name' : 'Teste Disc',
-							'link' : this.linkProduct('TESTE_DISC', '/app/profiler'),
-							'isVisible': true,
-							'hasBadge': !this.companyHasProduct(this.showableProducts['TESTE_DISC']),
-						},
-						{
-							'id' : 'Teste-Personalizado',
-							'name' : 'Teste Personalizado',
-							'link' : this.linkProduct('TESTE_PERSONALIZADO', '/app/testes'),
-							'isVisible': true,
-							'hasBadge': !this.companyHasProduct(this.showableProducts['TESTE_PERSONALIZADO']),
-						},
-						{
-							'id' : 'Teste-Proeficiencia',
-							'name' : 'Teste de proeficiência',
-							'link' : this.linkProduct('TESTE_PROFICIENCIA', '/app/fluenglish'),
-							'isVisible': true,
-							'hasBadge': !this.companyHasProduct(this.showableProducts['TESTE_PROFICIENCIA']),
-						},
-						{
-							'id' : 'Enviar-SMS',
-							'name' : 'Enviar SMS',
-							'link' : this.linkProduct('SMS', `/${this.currentCompany.slug}/apps/sms`),
-							'isVisible': true,
-							'hasBadge': !this.companyHasProduct(this.showableProducts['SMS']),
-
-						}
-					]
-				}
-			]
-		};
-	},
-	methods: {
-		capitalizeFirstLetter(string) {
-			return string.charAt(0).toUpperCase() + string.slice(1);
-		},
-		isElementClassContain(element, typeClass) {
-			return element.classList.contains(typeClass);
-		},
-		fromNow(date) {
-			return moment(date).locale('pt-BR').fromNow();
-		},
-		openModalVideo(video){
-			this.videoModalProperties.showModal = true;
-			this.videoModalProperties.link = video.link;
-			this.videoModalProperties.title = video.title;
-		},
-		handleAvatarClick(company) {
-			this.$emit('company-click', company);
-		}
-	},
-	watch: {
-		'$route.path'(newRoute, oldRoute) {
-			if (this.showMenu) {
-				this.closeMenu();
-			}
-
-			if(this.navbarSearch && newRoute != '/busca'){
-				this.menuSearch = '';
-			} else {
-				this.menuSearch = this.$route.query.term;
-			}
-
-		}
-	},
-	mounted () {
-		window.addEventListener('scroll', this.handleScrollNavbar);
-
-		let header = document.querySelector('[data-menu="fixed"]');
-		let page = document.querySelector('html');
-
-		if (header) {
-			page.classList.remove('menu-fixed');
-		}
-
-		if(this.$route.path == '/busca') {
-			this.menuSearch = this.$route.query.term;
-		}
-	},
-	created() {
-	},
-	destroyed () {
-		window.removeEventListener('scroll', this.handleScrollNavbar);
-	}
-
-};
-
-</script>
-
-<style lang="scss">
-@import "~bootstrap/scss/functions.scss";
-@import "~bootstrap/scss/mixins.scss";
-@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";
-.dropdown-menu{
-  min-width: 16rem;
-}
-
-.white-block {
-    .dropdown-menu {
-        min-width: 21rem;
-    }
-}
-
-.navbar-blue {
-    background-color: #5865F2 !important;
-	.nav-link{
-		&:hover{
-			color: white;
-		}
-	}
-}
-
-.navbar {
-  .navbar-search-light {
-        &--focus {
-            box-shadow: 0 0 .5rem 0 darken($primary, 20%);
-        }
-    }
-
-    .navbar-search-dark {
-        &--focus {
-            box-shadow: 0 0 2rem 0 $primary;
-        }
-    }
-
-    &-company__default {
-        position: fixed;
-        background-color: $primary;
-        border: 0 !important;
-        animation: navbarCompanyDefaultLoading .5s;
-    }
-
-    &--white{
-        .nav-link {
-            color: $white;
-        }
-    }
-}
-
-.text-color {
-    color: #fff !important;
-}
-
-.white-block {
-    color: white;
-}
-</style>
+<template>
+	<base-nav
+		id="business__nav"
+		v-model="showMenu"
+		container-classes="container-fluid container-fluid--bu"
+		class="navbar-main navbar-blue"
+		expand="lg"
+		type="primary"
+	>
+		<div
+			slot="brand"
+			class="navbar-wrapper d-flex"
+		>
+			<nuxt-link class="navbar-brand d-flex" to="/">
+				<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 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>
+
+		<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}"
+					>
+						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>
+				</li>
+			</template>
+		</ul>
+
+		<faq-video-area
+			v-if="currentUser != null"
+			:videos="listOfVideos"
+			v-on:open-video-modal="openModalVideo"
+			class="white-block"
+		/>
+		<video-modal
+			:show="videoModalProperties.showModal"
+			:link="this.videoModalProperties.link"
+			:title="this.videoModalProperties.title"
+		/>
+
+		<app-link-area
+			v-if="currentUser != null"
+			class="white-block"
+			:showableProducts="showableProducts"
+			:activeProducts="activeProducts"
+			:apps="gridApps"
+		/>
+		<user-menu-dropdown
+			slot="user"
+			v-if="currentUser != null"
+			:text="userMenuText"
+			:userAvatar="currentUser.avatar"
+			:userName="currentUser.name"
+			:companies="currentUser.companies"
+			:companyLogo="currentCompany.logo"
+			:companyName="currentCompany.name"
+			@logout="$emit('logout')"
+		>
+			<avatar-link
+				slot="companies"
+				v-for="company in currentUser.companies"
+				:key="company.name"
+				:logo="company.logo"
+				:name="company.name"
+				class="dropdown-item"
+				:data="company"
+				@avatar-click="handleAvatarClick(company)"
+			/>
+		</user-menu-dropdown>
+		<slot></slot>
+	</base-nav>
+</template>
+
+<script>
+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 AvatarLink from '../../../burh-ds/Avatar/AvatarLink';
+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 * as ListVideos from '@burh/nuxt-core/data/ListVideoLinksMock.json';
+import moment from 'moment';
+import 'moment/locale/pt-br';
+import * as _ from 'lodash';
+export default {
+	components: {
+		BaseNav,
+		AppLinkArea,
+		FaqVideoArea,
+		NavbarLinks,
+		VideoModal,
+		UserMenuDropdown,
+		AvatarLink,
+	},
+	props: {
+		type: {
+			type: String,
+			default: 'primary', // default|light
+			description: 'Look of the dashboard navbar. primary (blue) or ligte (white)'
+		},
+		logoMini: {
+			type: String,
+			default: '/img/content/carreiras/logo-laponia.jpg',
+			description: 'Logo for scrolled navbar'
+		},
+		logoFull: {
+			type: String,
+			default: () => '/img/brand/burh-imagotipo.svg',
+			description: 'Brand da navbar'
+		},
+		navbarColor: {
+			type: String,
+			default: () => 'navbar-light', //
+			description: 'Cor do navbar [atual]'
+		},
+		currentUser: {
+			listOfLinks: {
+				type: Array,
+				default: () => ListofLinksNavbar.default,
+				description: 'Lista  de links da navbar atual'
+			},
+			type: Object,
+			default: () => null,
+			description: 'Usuário logado atual'
+		},
+		currentCompany: {
+			type: Object,
+			default: () => null,
+			description: 'Empresa selecionada atual'
+		},
+		listOfVideos:{
+			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'
+		},
+		showableProducts: Object,
+		activeProducts: Array,
+		apps: {
+			type: Array,
+			default: () => [],
+			description: 'Apps that will me showed in header app section'
+		},
+		gridApps: Array
+	},
+
+	computed: {
+		routeName() {
+			const { name } = this.$route;
+			return this.capitalizeFirstLetter(name);
+		}
+	},
+
+	data() {
+		return {
+			showMenu: false,
+			baseURL: process.env.baseAppUrl,
+			videoModalProperties: {
+				showModal: false,
+				link: '',
+				title: ''
+			},
+			listOfLinks: [
+				{
+					'id' : 'Busca',
+					'name' : 'Busca',
+					'link' : '/',
+					'children' : [
+						{
+							'id' : 'Buscar',
+							'name' : 'Buscar',
+							'link' : `${process.env.oldBusinessUrl}/app/search`,
+							'isVisible': !this.companyHasProduct(this.showableProducts['BUSCA_AVANCADA']),
+							'hasBadge': false,
+						},
+						{
+							'id' : 'Busca-Avançada',
+							'name' : 'Busca Avançada',
+							'link' : this.linkProduct('BUSCA_AVANCADA', '/app/search'),
+							'isVisible': true,
+							'hasBadge': !this.companyHasProduct(this.showableProducts['BUSCA_AVANCADA']),
+						},
+						{
+							'id' : 'Buscar-Estágio',
+							'name' : 'Buscar Estágio',
+							'link' : this.linkProduct('BUSCA_AVANCADA', '/search'),
+							'isVisible': true,
+							'hasBadge': !this.companyHasProduct(this.showableProducts['BUSCA_AVANCADA']),
+						},
+						{
+							'id' : 'Buscar-PCD',
+							'name' : 'Buscar PCD',
+							'link' : this.linkProduct('BUSCA_AVANCADA', '/search'),
+							'isVisible': true,
+							'hasBadge': !this.companyHasProduct(this.showableProducts['BUSCA_AVANCADA']),
+						},
+						{
+							'id' : 'Buscar-Terceira-Idade',
+							'name' : 'Buscar Terceira Idade',
+							'link' : this.linkProduct('BUSCA_AVANCADA', '/search'),
+							'isVisible': true,
+							'hasBadge': !this.companyHasProduct(this.showableProducts['BUSCA_AVANCADA']),
+						},
+						{
+							'id' : 'Buscar-Jovem-Aprendiz',
+							'name' : 'Buscar Jovem Aprendiz',
+							'link' : this.linkProduct('BUSCA_AVANCADA', '/search'),
+							'isVisible': true,
+							'hasBadge': !this.companyHasProduct(this.showableProducts['BUSCA_AVANCADA']),
+						}
+					]
+				},
+				{
+					'id' : 'Recrutamento',
+					'name' : 'Recrutamento',
+					'link' : 'burh.com.br',
+					'children' : [
+						{
+							'id' : 'Abrir-Vaga',
+							'name' : 'Abrir Vaga',
+							'link' : `${process.env.oldBusinessUrl}/${this.currentCompany.slug}/vagas/criar`,
+							'isVisible': !this.companyHasProduct(this.showableProducts['ABRIR_VAGAS_COM_FILTROS_AVANCADOS']),
+							'hasBadge': false,
+						},
+						{
+							'id' : 'Abrir-Vaga-Avançada',
+							'name' : 'Abrir Vaga Avançada',
+							'link' : this.linkProduct('ABRIR_VAGAS_COM_FILTROS_AVANCADOS', `/${this.currentCompany.slug}/vagas/criar`),
+							'isVisible': true,
+							'hasBadge': !this.companyHasProduct(this.showableProducts['ABRIR_VAGAS_COM_FILTROS_AVANCADOS']),
+						},
+						{
+							'id' : 'Gerenciar-Vagas',
+							'name' : 'Gerenciar Vagas',
+							'link' : `${process.env.oldBusinessUrl}/${this.currentCompany.slug}/vagas`,
+							'isVisible': true,
+							'hasBadge': false,
+						}
+					]
+				},
+				{
+					'id' : 'Universidades',
+					'name' : 'Universidades',
+					'link' : `${process.env.oldBusinessUrl}/app/university`,
+					'children' : []
+				},
+				{
+					'id' : 'Loja',
+					'name' : 'Loja',
+					'link' : 'burh.com.br',
+					'children' : [
+						{
+							'id' : 'Teste-DISC',
+							'name' : 'Teste Disc',
+							'link' : this.linkProduct('TESTE_DISC', '/app/profiler'),
+							'isVisible': true,
+							'hasBadge': !this.companyHasProduct(this.showableProducts['TESTE_DISC']),
+						},
+						{
+							'id' : 'Teste-Personalizado',
+							'name' : 'Teste Personalizado',
+							'link' : this.linkProduct('TESTE_PERSONALIZADO', '/app/testes'),
+							'isVisible': true,
+							'hasBadge': !this.companyHasProduct(this.showableProducts['TESTE_PERSONALIZADO']),
+						},
+						{
+							'id' : 'Teste-Proeficiencia',
+							'name' : 'Teste de proeficiência',
+							'link' : this.linkProduct('TESTE_PROFICIENCIA', '/app/fluenglish'),
+							'isVisible': true,
+							'hasBadge': !this.companyHasProduct(this.showableProducts['TESTE_PROFICIENCIA']),
+						},
+						{
+							'id' : 'Enviar-SMS',
+							'name' : 'Enviar SMS',
+							'link' : this.linkProduct('SMS', `/${this.currentCompany.slug}/apps/sms`),
+							'isVisible': true,
+							'hasBadge': !this.companyHasProduct(this.showableProducts['SMS']),
+
+						}
+					]
+				}
+			]
+		};
+	},
+	methods: {
+		capitalizeFirstLetter(string) {
+			return string.charAt(0).toUpperCase() + string.slice(1);
+		},
+		isElementClassContain(element, typeClass) {
+			return element.classList.contains(typeClass);
+		},
+		fromNow(date) {
+			return moment(date).locale('pt-BR').fromNow();
+		},
+		openModalVideo(video){
+			this.videoModalProperties.showModal = true;
+			this.videoModalProperties.link = video.link;
+			this.videoModalProperties.title = video.title;
+		},
+		handleAvatarClick(company) {
+			this.$emit('company-click', company);
+		}
+	},
+	watch: {
+		'$route.path'(newRoute, oldRoute) {
+			if (this.showMenu) {
+				this.closeMenu();
+			}
+
+			if(this.navbarSearch && newRoute != '/busca'){
+				this.menuSearch = '';
+			} else {
+				this.menuSearch = this.$route.query.term;
+			}
+
+		}
+	},
+	mounted () {
+		window.addEventListener('scroll', this.handleScrollNavbar);
+
+		let header = document.querySelector('[data-menu="fixed"]');
+		let page = document.querySelector('html');
+
+		if (header) {
+			page.classList.remove('menu-fixed');
+		}
+
+		if(this.$route.path == '/busca') {
+			this.menuSearch = this.$route.query.term;
+		}
+	},
+	created() {
+	},
+	destroyed () {
+		window.removeEventListener('scroll', this.handleScrollNavbar);
+	}
+
+};
+
+</script>
+
+<style lang="scss">
+@import "~bootstrap/scss/functions.scss";
+@import "~bootstrap/scss/mixins.scss";
+@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";
+.dropdown-menu{
+  min-width: 16rem;
+}
+
+.white-block {
+    .dropdown-menu {
+        min-width: 21rem;
+    }
+}
+
+.navbar-blue {
+    background-color: #5865F2 !important;
+	.nav-link{
+		&:hover{
+			color: white;
+		}
+	}
+}
+
+.navbar {
+  .navbar-search-light {
+        &--focus {
+            box-shadow: 0 0 .5rem 0 darken($primary, 20%);
+        }
+    }
+
+    .navbar-search-dark {
+        &--focus {
+            box-shadow: 0 0 2rem 0 $primary;
+        }
+    }
+
+    &-company__default {
+        position: fixed;
+        background-color: $primary;
+        border: 0 !important;
+        animation: navbarCompanyDefaultLoading .5s;
+    }
+
+    &--white{
+        .nav-link {
+            color: $white;
+        }
+    }
+}
+
+.text-color {
+    color: #fff !important;
+}
+
+.white-block {
+    color: white;
+}
+</style>