@burh/nuxt-core 1.0.472 → 1.0.474

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

@@ -1,168 +1,168 @@
-<template>
-	<base-nav
-		container-classes="container-fluid container-fluid--bu"
-		class="navbar-top border-bottom navbar-expand navbar-animated"
-		:class="{'bg-white navbar-light': type === 'default'}"
-		data-menu="fixed"
-	>
-		<div slot="brand" class="navbar-wrapper">
-			<nuxt-link class="navbar-brand d-flex" :to="goToPage">
-				<img :src="logoTipo || logoFull" class="navbar-brand-img navbar-brand-img--full" alt="BURH: Suas vagas">
-				<img :src="logoTipo || logoMini" class="navbar-brand-img navbar-brand-img--mini" alt="BURH: Suas vagas">
-			</nuxt-link>
-		</div>
-
-		<!-- Navbar links -->
-		<ul v-if="menuOptions != null" class="navbar-nav navbar-nav--menu align-items-center ml-md-auto">
-			<li class="nav-item">
-				<a class="btn btn-outline-primary btn-sm mb-0 mt-0 mr-4" href="#">
-					Entrar
-				</a>
-			</li>
-			<li class="nav-item">
-				<a class="btn btn-primary btn-sm mb-0 mt-0" href="#">
-					Cadastre-se
-				</a>
-			</li>
-		</ul>
-		<slot></slot>
-	</base-nav>
-</template>
-<script>
-import { CollapseTransition } from 'vue2-transitions';
-import BaseNav from '@burh/nuxt-core/components/argon-core/Navbar/BaseNav.vue';
-import Modal from '@burh/nuxt-core/components/argon-core/Modal.vue';
-
-export default {
-	name: 'public-navbar',
-	components: {
-		CollapseTransition,
-		BaseNav,
-		Modal
-	},
-	props: {
-		type: {
-			type: String,
-			default: 'default', // default|light
-			description: 'Look of the dashboard navbar. Default (Green) or light (gray)'
-		},
-		logoMini: {
-			type: String,
-			default: '/img/brand/burh-isotipo.svg',
-			description: 'Logo for scrolled navbar'
-		},
-		logoFull: {
-			type: String,
-			default: '/img/brand/burh-imagotipo.svg',
-			description: 'Logo for default navbar'
-		},
-		menuOptions: {
-			type: String,
-			default: null,
-			description: ''
-		},
-		redirectPage: {
-			type: String,
-			default: null
-		}
-	},
-	computed: {
-		routeName() {
-			const { name } = this.$route;
-			return this.capitalizeFirstLetter(name);
-		},
-		clazz: function() {
-			var clzz = 'control-form';
-			if (this.focusSearchControl == false) {
-				clzz += ' only-text';
-			}
-			return clzz;
-		}
-	},
-	data() {
-		return {
-			activeNotifications: false,
-			showMenu: false,
-			searchModalVisible: false,
-			searchQuery: '',
-			menuSearch: '',
-			focusSearchControl: false,
-			goToPage: '/',
-			logoTipo: null,
-		};
-	},
-	methods: {
-		capitalizeFirstLetter(string) {
-			return string.charAt(0).toUpperCase() + string.slice(1);
-		},
-		toggleNotificationDropDown() {
-			this.activeNotifications = !this.activeNotifications;
-		},
-		closeDropDown() {
-			this.activeNotifications = false;
-		},
-		toggleSidebar() {
-			this.$sidebar.displaySidebar(!this.$sidebar.showSidebar);
-		},
-		hideSidebar() {
-			this.$sidebar.displaySidebar(false);
-		},
-		handleSCroll (event) {
-			let header = document.querySelector('[data-menu="fixed"]');
-			let page = document.querySelector('html');
-			let screenHeight = window.innerHeight;
-			if (window.scrollY > screenHeight && !header.className.includes('navbar-main--mini')) {
-				header.classList.add('navbar-main--mini');
-				//page.classList.add('menu-fixed');
-			} else if (window.scrollY < screenHeight) {
-				header.classList.remove('navbar-main--mini');
-				//page.classList.remove('menu-fixed');
-
-			}
-		},
-		onFocus: function(event) {
-			event.target.select();
-			this.focusSearchControl = true;
-		},
-		onBlur: function(event) {
-			this.focusSearchControl = false;
-		}
-	},
-	mounted () {
-		this.$bus.$on('change-logo', ({ logo, redirectTo }) => {
-			this.goToPage = redirectTo;
-			this.logoTipo = logo;
-		});
-		window.addEventListener('scroll', this.handleSCroll);
-		let header = document.querySelector('[data-menu="fixed"]');
-		let page = document.querySelector('html');
-
-		if (header) {
-			page.classList.add('menu-fixed');
-		}
-
-		if (this.redirectPage) {
-			this.goToPage = this.redirectPage;
-		}
-	},
-	destroyed () {
-		window.removeEventListener('scroll', this.handleSCroll);
-	}
-};
-</script>
-<style lang="scss">
-@import "@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss";
-
-.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;
-    }
-  }
-}
-</style>
+<template>
+	<base-nav
+		container-classes="container-fluid container-fluid--bu"
+		class="navbar-top border-bottom navbar-expand navbar-animated"
+		:class="{'bg-white navbar-light': type === 'default'}"
+		data-menu="fixed"
+	>
+		<div slot="brand" class="navbar-wrapper">
+			<nuxt-link class="navbar-brand d-flex" :to="goToPage">
+				<img :src="logoTipo || logoFull" class="navbar-brand-img navbar-brand-img--full" alt="BURH: Suas vagas">
+				<img :src="logoTipo || logoMini" class="navbar-brand-img navbar-brand-img--mini" alt="BURH: Suas vagas">
+			</nuxt-link>
+		</div>
+
+		<!-- Navbar links -->
+		<ul v-if="menuOptions != null" class="navbar-nav navbar-nav--menu align-items-center ml-md-auto">
+			<li class="nav-item">
+				<a class="btn btn-outline-primary btn-sm mb-0 mt-0 mr-4" href="#">
+					Entrar
+				</a>
+			</li>
+			<li class="nav-item">
+				<a class="btn btn-primary btn-sm mb-0 mt-0" href="#">
+					Cadastre-se
+				</a>
+			</li>
+		</ul>
+		<slot></slot>
+	</base-nav>
+</template>
+<script>
+import { CollapseTransition } from 'vue2-transitions';
+import BaseNav from '@burh/nuxt-core/components/argon-core/Navbar/BaseNav.vue';
+import Modal from '@burh/nuxt-core/components/argon-core/Modal.vue';
+
+export default {
+	name: 'public-navbar',
+	components: {
+		CollapseTransition,
+		BaseNav,
+		Modal
+	},
+	props: {
+		type: {
+			type: String,
+			default: 'default', // default|light
+			description: 'Look of the dashboard navbar. Default (Green) or light (gray)'
+		},
+		logoMini: {
+			type: String,
+			default: '/img/brand/burh-isotipo.svg',
+			description: 'Logo for scrolled navbar'
+		},
+		logoFull: {
+			type: String,
+			default: '/img/brand/burh-imagotipo.svg',
+			description: 'Logo for default navbar'
+		},
+		menuOptions: {
+			type: String,
+			default: null,
+			description: ''
+		},
+		redirectPage: {
+			type: String,
+			default: null
+		}
+	},
+	computed: {
+		routeName() {
+			const { name } = this.$route;
+			return this.capitalizeFirstLetter(name);
+		},
+		clazz: function() {
+			var clzz = 'control-form';
+			if (this.focusSearchControl == false) {
+				clzz += ' only-text';
+			}
+			return clzz;
+		}
+	},
+	data() {
+		return {
+			activeNotifications: false,
+			showMenu: false,
+			searchModalVisible: false,
+			searchQuery: '',
+			menuSearch: '',
+			focusSearchControl: false,
+			goToPage: '/',
+			logoTipo: null,
+		};
+	},
+	methods: {
+		capitalizeFirstLetter(string) {
+			return string.charAt(0).toUpperCase() + string.slice(1);
+		},
+		toggleNotificationDropDown() {
+			this.activeNotifications = !this.activeNotifications;
+		},
+		closeDropDown() {
+			this.activeNotifications = false;
+		},
+		toggleSidebar() {
+			this.$sidebar.displaySidebar(!this.$sidebar.showSidebar);
+		},
+		hideSidebar() {
+			this.$sidebar.displaySidebar(false);
+		},
+		handleSCroll (event) {
+			let header = document.querySelector('[data-menu="fixed"]');
+			let page = document.querySelector('html');
+			let screenHeight = window.innerHeight;
+			if (window.scrollY > screenHeight && !header.className.includes('navbar-main--mini')) {
+				header.classList.add('navbar-main--mini');
+				//page.classList.add('menu-fixed');
+			} else if (window.scrollY < screenHeight) {
+				header.classList.remove('navbar-main--mini');
+				//page.classList.remove('menu-fixed');
+
+			}
+		},
+		onFocus: function(event) {
+			event.target.select();
+			this.focusSearchControl = true;
+		},
+		onBlur: function(event) {
+			this.focusSearchControl = false;
+		}
+	},
+	mounted () {
+		this.$bus.$on('change-logo', ({ logo, redirectTo }) => {
+			this.goToPage = redirectTo;
+			this.logoTipo = logo;
+		});
+		window.addEventListener('scroll', this.handleSCroll);
+		let header = document.querySelector('[data-menu="fixed"]');
+		let page = document.querySelector('html');
+
+		if (header) {
+			page.classList.add('menu-fixed');
+		}
+
+		if (this.redirectPage) {
+			this.goToPage = this.redirectPage;
+		}
+	},
+	destroyed () {
+		window.removeEventListener('scroll', this.handleSCroll);
+	}
+};
+</script>
+<style lang="scss">
+@import "@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss";
+
+.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;
+    }
+  }
+}
+</style>