@burh/nuxt-core 1.0.459 → 1.0.460

package/components/burh-ds/Skeleton/BaseCardUser.vue

@@ -1,84 +1,84 @@
-<template>
-	<div class="recruitment__user__card">
-		<div
-			class="recruitment__user__card__header"
-		>
-			<skeleton-animate class="user__cover" />
-		</div>
-
-		<div class="recruitment__user__card__content">
-			<skeleton-animate class="user__avatar" :width="120" :height="120" img />
-
-			<skeleton-animate class="user__title" :width="160" :height="20" />
-			<skeleton-animate class="user__age" :width="80" :height="15" />
-
-			<skeleton-animate class="user__city" :width="120" :height="25" />
-
-			<skeleton-animate class="user__text" :width="140" :height="15" />
-			<skeleton-animate class="user__experience" :width="220" :height="20" />
-		</div>
-	</div>
-</template>
-
-<script>
-import SkeletonAnimate from './SkeletonAnimate.vue';
-
-export default {
-	name: 'base-card-user',
-	components: {
-		SkeletonAnimate
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-
-.recruitment__user__card {
-    background: #fff;
-    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
-    border-radius: 4px;
-    overflow: hidden;
-    cursor: pointer;
-    transition: transform 0.25s;
-    padding-bottom: 40px;
-
-    &__header {
-        width: 100%;
-        height: 70px;
-        overflow: hidden;
-        position: relative;
-        .user__cover {
-            width: 100%!important;
-            height: 100%!important;
-        }
-    }
-    &__content {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        .user__avatar {
-            margin-top: -20px;
-            border: 4px solid #fff;
-            z-index: 10;
-        }
-        .user__title {
-            margin-top: 20px;
-        }
-        .user__age {
-            margin-top: 10px;
-        }
-        .user__city {
-            margin-top: 40px;
-        }
-        .user__text {
-            margin-top: 40px;
-        }
-        .user__experience {
-            margin-top: 5px;
-        }
-    }
-}
-
-</style>
-
+<template>
+	<div class="recruitment__user__card">
+		<div
+			class="recruitment__user__card__header"
+		>
+			<skeleton-animate class="user__cover" />
+		</div>
+
+		<div class="recruitment__user__card__content">
+			<skeleton-animate class="user__avatar" :width="120" :height="120" img />
+
+			<skeleton-animate class="user__title" :width="160" :height="20" />
+			<skeleton-animate class="user__age" :width="80" :height="15" />
+
+			<skeleton-animate class="user__city" :width="120" :height="25" />
+
+			<skeleton-animate class="user__text" :width="140" :height="15" />
+			<skeleton-animate class="user__experience" :width="220" :height="20" />
+		</div>
+	</div>
+</template>
+
+<script>
+import SkeletonAnimate from './SkeletonAnimate.vue';
+
+export default {
+	name: 'base-card-user',
+	components: {
+		SkeletonAnimate
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+
+.recruitment__user__card {
+    background: #fff;
+    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
+    border-radius: 4px;
+    overflow: hidden;
+    cursor: pointer;
+    transition: transform 0.25s;
+    padding-bottom: 40px;
+
+    &__header {
+        width: 100%;
+        height: 70px;
+        overflow: hidden;
+        position: relative;
+        .user__cover {
+            width: 100%!important;
+            height: 100%!important;
+        }
+    }
+    &__content {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        .user__avatar {
+            margin-top: -20px;
+            border: 4px solid #fff;
+            z-index: 10;
+        }
+        .user__title {
+            margin-top: 20px;
+        }
+        .user__age {
+            margin-top: 10px;
+        }
+        .user__city {
+            margin-top: 40px;
+        }
+        .user__text {
+            margin-top: 40px;
+        }
+        .user__experience {
+            margin-top: 5px;
+        }
+    }
+}
+
+</style>
+

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

@@ -1,86 +1,86 @@
-<template>
-	<div id="content">
-		<div class="skeleton">
-			<div class="skeleton-wrapper">
-				<div class="skeleton-wrapper-inner">
-					<div class="skeleton-wrapper-body">
-						<skeleton-animate class="skeleton-avatar" :width="60" :height="60" img />
-						<skeleton-animate class="skeleton-author" :width="150" :height="20" />
-						<skeleton-animate class="skeleton-label" :width="100" :height="10" />
-						<skeleton-animate class="skeleton-content-1" :width="500" :height="10" />
-						<skeleton-animate class="skeleton-content-2" :width="500" :height="10" />
-						<skeleton-animate class="skeleton-content-3" :width="500" :height="10" />
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import SkeletonAnimate from './SkeletonAnimate.vue';
-
-export default {
-	name: 'card-skeleton',
-	components: {
-		SkeletonAnimate
-	}
-};
-</script>
-
-<style>
-#content {
-    width: 100%;
-}
-.skeleton-wrapper {
-    background: #fff;
-    border-radius: 4px;
-    -webkit-border-radius: 4px;
-    margin: 10px 15px;
-    box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%);
-    padding: 40px 20px;
-    border-radius: .375rem;
-}
-
-.skeleton-wrapper-inner {
-    height: 150px;
-    padding: 15px;
-    position: relative;
-}
-
-.skeleton-wrapper-body div {
-    position: absolute;
-    right: 15px;
-    left: 15px;
-    top: 15px;
-}
-
-div.skeleton-avatar {
-    right: auto;
-}
-div.skeleton-author {
-    top: 20px;
-    left: 95px;
-}
-
-div.skeleton-label {
-    left: 95px;
-    top: 50px;
-}
-div.skeleton-content-1,
-div.skeleton-content-2,
-div.skeleton-content-3 {
-    left: 15px;
-    right: 15px;
-    width: 98%!important;
-}
-div.skeleton-content-1 {
-    top: 100px;
-}
-div.skeleton-content-2 {
-    top: 120px;
-}
-div.skeleton-content-3 {
-    top: 140px;
-}
-</style>
+<template>
+	<div id="content">
+		<div class="skeleton">
+			<div class="skeleton-wrapper">
+				<div class="skeleton-wrapper-inner">
+					<div class="skeleton-wrapper-body">
+						<skeleton-animate class="skeleton-avatar" :width="60" :height="60" img />
+						<skeleton-animate class="skeleton-author" :width="150" :height="20" />
+						<skeleton-animate class="skeleton-label" :width="100" :height="10" />
+						<skeleton-animate class="skeleton-content-1" :width="500" :height="10" />
+						<skeleton-animate class="skeleton-content-2" :width="500" :height="10" />
+						<skeleton-animate class="skeleton-content-3" :width="500" :height="10" />
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+import SkeletonAnimate from './SkeletonAnimate.vue';
+
+export default {
+	name: 'card-skeleton',
+	components: {
+		SkeletonAnimate
+	}
+};
+</script>
+
+<style>
+#content {
+    width: 100%;
+}
+.skeleton-wrapper {
+    background: #fff;
+    border-radius: 4px;
+    -webkit-border-radius: 4px;
+    margin: 10px 15px;
+    box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%);
+    padding: 40px 20px;
+    border-radius: .375rem;
+}
+
+.skeleton-wrapper-inner {
+    height: 150px;
+    padding: 15px;
+    position: relative;
+}
+
+.skeleton-wrapper-body div {
+    position: absolute;
+    right: 15px;
+    left: 15px;
+    top: 15px;
+}
+
+div.skeleton-avatar {
+    right: auto;
+}
+div.skeleton-author {
+    top: 20px;
+    left: 95px;
+}
+
+div.skeleton-label {
+    left: 95px;
+    top: 50px;
+}
+div.skeleton-content-1,
+div.skeleton-content-2,
+div.skeleton-content-3 {
+    left: 15px;
+    right: 15px;
+    width: 98%!important;
+}
+div.skeleton-content-1 {
+    top: 100px;
+}
+div.skeleton-content-2 {
+    top: 120px;
+}
+div.skeleton-content-3 {
+    top: 140px;
+}
+</style>

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>