@burh/nuxt-core 1.0.457 → 1.0.458

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>

package/components/organismos/atomos/Deslike.vue

@@ -0,0 +1,26 @@
+<template>
+	<svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon" style="pointer-events: none; display: block; width: 100%; height: 100%;" v-if="colorActiveDeslike == 2">
+		<g class="style-scope yt-icon" fill="#32325d">
+			<path d="M18,4h3v10h-3V4z M5.23,14h4.23l-1.52,4.94C7.62,19.97,8.46,21,9.62,21c0.58,0,1.14-0.24,1.52-0.65L17,14V4H6.57 C5.5,4,4.59,4.67,4.38,5.61l-1.34,6C2.77,12.85,3.82,14,5.23,14z" class="style-scope yt-icon">
+			</path>
+		</g>
+	</svg>
+	<svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon" style="pointer-events: none; display: block; width: 100%; height: 100%;" v-else>
+		<g class="style-scope yt-icon">
+			<path d="M17,4h-1H6.57C5.5,4,4.59,4.67,4.38,5.61l-1.34,6C2.77,12.85,3.82,14,5.23,14h4.23l-1.52,4.94C7.62,19.97,8.46,21,9.62,21 c0.58,0,1.14-0.24,1.52-0.65L17,14h4V4H17z M10.4,19.67C10.21,19.88,9.92,20,9.62,20c-0.26,0-0.5-0.11-0.63-0.3 c-0.07-0.1-0.15-0.26-0.09-0.47l1.52-4.94l0.4-1.29H9.46H5.23c-0.41,0-0.8-0.17-1.03-0.46c-0.12-0.15-0.25-0.4-0.18-0.72l1.34-6 C5.46,5.35,5.97,5,6.57,5H16v8.61L10.4,19.67z M20,13h-3V5h3V13z">
+			</path>
+		</g>
+	</svg>
+</template>
+
+<script>
+export default {
+	name:'deslike',
+	props:{
+		colorActiveDeslike:{
+			type: Number,
+			default:0
+		}
+	}
+};
+</script>

package/components/organismos/atomos/Like.vue

@@ -0,0 +1,26 @@
+<template>
+	<svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon" style="pointer-events: none; display: block; width: 100%; height: 100%;" v-if="colorActiveLike == 1">
+		<g class="style-scope yt-icon" fill="#32325d">
+			<path d="M3,11h3v10H3V11z M18.77,11h-4.23l1.52-4.94C16.38,5.03,15.54,4,14.38,4c-0.58,0-1.14,0.24-1.52,0.65L7,11v10h10.43 c1.06,0,1.98-0.67,2.19-1.61l1.34-6C21.23,12.15,20.18,11,18.77,11z" class="style-scope yt-icon">
+			</path>
+		</g>
+	</svg>
+	<svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon" style="pointer-events: none; display: block; width: 100%; height: 100%;" v-else>
+		<g class="style-scope yt-icon">
+			<path d="M18.77,11h-4.23l1.52-4.94C16.38,5.03,15.54,4,14.38,4c-0.58,0-1.14,0.24-1.52,0.65L7,11H3v10h4h1h9.43 c1.06,0,1.98-0.67,2.19-1.61l1.34-6C21.23,12.15,20.18,11,18.77,11z M7,20H4v-8h3V20z M19.98,13.17l-1.34,6 C18.54,19.65,18.03,20,17.43,20H8v-8.61l5.6-6.06C13.79,5.12,14.08,5,14.38,5c0.26,0,0.5,0.11,0.63,0.3 c0.07,0.1,0.15,0.26,0.09,0.47l-1.52,4.94L13.18,12h1.35h4.23c0.41,0,0.8,0.17,1.03,0.46C19.92,12.61,20.05,12.86,19.98,13.17z">
+			</path>
+		</g>
+	</svg>
+</template>
+
+<script>
+export default {
+	name: 'like',
+	props:{
+		colorActiveLike:{
+			type: Number,
+			default:0
+		}
+	}
+};
+</script>