@burh/nuxt-core 1.0.500 → 1.0.502

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

@@ -1,253 +1,253 @@
-<template>
-  <base-nav
-    v-model="showMenu"
-    container-classes="container-fluid container-fluid--bu"
-    class="border-bottom navbar-animated navbar-horizontal navbar-main"
-    :class="{'bg-white navbar-light': type === 'default'}"
-    expand="lg"
-    data-menu="fixed"
-  >
-    <div slot="brand" class="navbar-wrapper">
-      <nuxt-link class="navbar-brand d-flex" to="/">
-        <img :src="logoFull" class="navbar-brand-img navbar-brand-img--full" alt="BURH: Suas vagas" />
-      </nuxt-link>
-    </div>
-
-    <!-- Navbar links
-    <ul class="navbar-nav navbar-nav--menu align-items-center ml-md-auto">
-      <li class="nav-item">
-        <a class="btn btn-link px-4 mb-0 mt-0 mr-2" href="#">
-          Sobre
-        </a>
-      </li>
-      <li class="nav-item">
-        <a class="btn btn-link px-4 mb-0 mt-0 mr-4" href="#">
-          Vagas
-        </a>
-      </li>
-      <li class="nav-item">
-        <a class="btn btn-primary mb-0 mt-0" href="#">
-          Entrar no Burh
-        </a>
-      </li>
-    </ul>-->
-
-    <template>
-      <div class="navbar-collapse-header">
-        <div class="row">
-          <div class="col-6 collapse-brand">
-            <nuxt-link to="/">
-              <img
-                :src="logoFull"
-                class="navbar-brand-img navbar-brand-img--full"
-                alt="BURH: Suas vagas"
-              />
-            </nuxt-link>
-          </div>
-          <div class="col-6 collapse-close">
-            <button type="button" class="navbar-toggler" @click="showMenu = false">
-              <span></span>
-              <span></span>
-            </button>
-          </div>
-        </div>
-      </div>
-      <ul class="navbar-nav navbar-nav--menu ml-md-auto">
-        <li class="nav-item">
-          <a class="btn btn-link px-4 mb-0 mt-0 mr-2" href="#">Sobre a</a>
-        </li>
-        <li class="nav-item">
-          <a class="btn btn-link px-4 mb-0 mt-0 mr-4" href="#">Vagas</a>
-        </li>
-        <li v-if="currentUser == null" class="nav-item">
-          <hr class="d-lg-none mt-3 mb-4" />
-          <a class="btn btn-primary btn-block mb-0 mt-0" href="#">Entrar no Burh</a>
-        </li>
-      </ul>
-    </template>
-
-    <div slot="user" v-if="currentUser != null">
-      <base-dropdown
-        menu-on-right
-        class="nav-item"
-        tag="li"
-        title-tag="a"
-        title-classes="nav-link pr-0"
-      >
-        <a href="#" class="nav-link pr-0" @click.prevent slot="title-container">
-          <div class="media align-items-center">
-            <span class="avatar avatar-sm rounded-circle">
-              <img
-                v-if="currentUser.avatar != null && currentUser.avatar != ''"
-                alt="Image placeholder"
-                :src="currentUser.avatar"
-              />
-              <template
-                v-if="currentUser.avatar == null || currentUser.avatar == ''"
-              >{{currentUser.name.charAt(0)}}{{currentUser.last_name.split(' ')[0].charAt(0)}}</template>
-            </span>
-            <div class="media-body ml-2 d-none d-lg-block">
-              <span
-                class="mb-0 text-sm font-weight-bold"
-              >{{currentUser.name}} {{currentUser.last_name.charAt(0)}}.</span>
-            </div>
-          </div>
-        </a>
-        <template>
-          <h6 class="dropdown-header">{{currentUser.full_name}}</h6>
-          <a :href="baseURL+'/'+currentUser.slug" class="dropdown-item">
-            <span>Ir para o Burh</span>
-          </a>
-          <a href="#!" class="dropdown-item">
-            <span>Avisos & Notificações</span>
-          </a>
-          <a href="#!" class="dropdown-item">
-            <span>Seu plano</span>
-          </a>
-        </template>
-      </base-dropdown>
-    </div>
-
-    <slot></slot>
-  </base-nav>
-</template>
-<script>
-import { CollapseTransition } from 'vue2-transitions';
-import BaseNav from '@/components/burh-ds/Navbar/BaseNav.vue';
-import Modal from '@/components/argon-core/Modal.vue';
-
-export default {
-	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/content/carreiras/logo-laponia.jpg',
-			description: 'Logo for scrolled navbar'
-		},
-		menuOptions: {
-			type: String,
-			default: null,
-			description: ''
-		},
-		logoFull: String,
-		currentUser: {
-			type: Object,
-			default: null,
-			description: ''
-		}
-	},
-	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 {
-			showMenu: false,
-			activeNotifications: false,
-			showMenu: false,
-			searchModalVisible: false,
-			searchQuery: '',
-			menuSearch: '',
-			focusSearchControl: false,
-			baseURL: process.env.baseAppUrl
-		};
-	},
-	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.length > 0) {
-			//   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;
-		},
-		closeMenu() {
-			document.body.classList.remove('nav-open');
-			this.showMenu = false;
-		}
-	},
-	watch: {
-		'$route.path'() {
-			if (this.showMenu) {
-				this.closeMenu();
-			}
-		}
-	},
-	mounted() {
-		window.addEventListener('scroll', this.handleSCroll);
-		let header = document.querySelector('[data-menu="fixed"]');
-		let page = document.querySelector('html');
-
-		if (header) {
-			page.classList.add('menu-fixed');
-		}
-	},
-	created() {},
-	destroyed() {
-		window.removeEventListener('scroll', this.handleSCroll);
-	}
-};
-</script>
-<style lang="scss">
-@import "./assets/sass/burh-ds/variables/colors";
-
-.navbar {
-  .navbar-search-light {
-    &--focus {
-      box-shadow: 0 0 0.5rem 0 darken($primary, 20%);
-    }
-  }
-  .navbar-search-dark {
-    &--focus {
-      box-shadow: 0 0 2rem 0 $primary;
-    }
-  }
-}
-</style>
-
+<template>
+  <base-nav
+    v-model="showMenu"
+    container-classes="container-fluid container-fluid--bu"
+    class="border-bottom navbar-animated navbar-horizontal navbar-main"
+    :class="{'bg-white navbar-light': type === 'default'}"
+    expand="lg"
+    data-menu="fixed"
+  >
+    <div slot="brand" class="navbar-wrapper">
+      <nuxt-link class="navbar-brand d-flex" to="/">
+        <img :src="logoFull" class="navbar-brand-img navbar-brand-img--full" alt="BURH: Suas vagas" />
+      </nuxt-link>
+    </div>
+
+    <!-- Navbar links
+    <ul class="navbar-nav navbar-nav--menu align-items-center ml-md-auto">
+      <li class="nav-item">
+        <a class="btn btn-link px-4 mb-0 mt-0 mr-2" href="#">
+          Sobre
+        </a>
+      </li>
+      <li class="nav-item">
+        <a class="btn btn-link px-4 mb-0 mt-0 mr-4" href="#">
+          Vagas
+        </a>
+      </li>
+      <li class="nav-item">
+        <a class="btn btn-primary mb-0 mt-0" href="#">
+          Entrar no Burh
+        </a>
+      </li>
+    </ul>-->
+
+    <template>
+      <div class="navbar-collapse-header">
+        <div class="row">
+          <div class="col-6 collapse-brand">
+            <nuxt-link to="/">
+              <img
+                :src="logoFull"
+                class="navbar-brand-img navbar-brand-img--full"
+                alt="BURH: Suas vagas"
+              />
+            </nuxt-link>
+          </div>
+          <div class="col-6 collapse-close">
+            <button type="button" class="navbar-toggler" @click="showMenu = false">
+              <span></span>
+              <span></span>
+            </button>
+          </div>
+        </div>
+      </div>
+      <ul class="navbar-nav navbar-nav--menu ml-md-auto">
+        <li class="nav-item">
+          <a class="btn btn-link px-4 mb-0 mt-0 mr-2" href="#">Sobre a</a>
+        </li>
+        <li class="nav-item">
+          <a class="btn btn-link px-4 mb-0 mt-0 mr-4" href="#">Vagas</a>
+        </li>
+        <li v-if="currentUser == null" class="nav-item">
+          <hr class="d-lg-none mt-3 mb-4" />
+          <a class="btn btn-primary btn-block mb-0 mt-0" href="#">Entrar no Burh</a>
+        </li>
+      </ul>
+    </template>
+
+    <div slot="user" v-if="currentUser != null">
+      <base-dropdown
+        menu-on-right
+        class="nav-item"
+        tag="li"
+        title-tag="a"
+        title-classes="nav-link pr-0"
+      >
+        <a href="#" class="nav-link pr-0" @click.prevent slot="title-container">
+          <div class="media align-items-center">
+            <span class="avatar avatar-sm rounded-circle">
+              <img
+                v-if="currentUser.avatar != null && currentUser.avatar != ''"
+                alt="Image placeholder"
+                :src="currentUser.avatar"
+              />
+              <template
+                v-if="currentUser.avatar == null || currentUser.avatar == ''"
+              >{{currentUser.name.charAt(0)}}{{currentUser.last_name.split(' ')[0].charAt(0)}}</template>
+            </span>
+            <div class="media-body ml-2 d-none d-lg-block">
+              <span
+                class="mb-0 text-sm font-weight-bold"
+              >{{currentUser.name}} {{currentUser.last_name.charAt(0)}}.</span>
+            </div>
+          </div>
+        </a>
+        <template>
+          <h6 class="dropdown-header">{{currentUser.full_name}}</h6>
+          <a :href="baseURL+'/'+currentUser.slug" class="dropdown-item">
+            <span>Ir para o Burh</span>
+          </a>
+          <a href="#!" class="dropdown-item">
+            <span>Avisos & Notificações</span>
+          </a>
+          <a href="#!" class="dropdown-item">
+            <span>Seu plano</span>
+          </a>
+        </template>
+      </base-dropdown>
+    </div>
+
+    <slot></slot>
+  </base-nav>
+</template>
+<script>
+import { CollapseTransition } from 'vue2-transitions';
+import BaseNav from '@/components/burh-ds/Navbar/BaseNav.vue';
+import Modal from '@/components/argon-core/Modal.vue';
+
+export default {
+	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/content/carreiras/logo-laponia.jpg',
+			description: 'Logo for scrolled navbar'
+		},
+		menuOptions: {
+			type: String,
+			default: null,
+			description: ''
+		},
+		logoFull: String,
+		currentUser: {
+			type: Object,
+			default: null,
+			description: ''
+		}
+	},
+	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 {
+			showMenu: false,
+			activeNotifications: false,
+			showMenu: false,
+			searchModalVisible: false,
+			searchQuery: '',
+			menuSearch: '',
+			focusSearchControl: false,
+			baseURL: process.env.baseAppUrl
+		};
+	},
+	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.length > 0) {
+			//   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;
+		},
+		closeMenu() {
+			document.body.classList.remove('nav-open');
+			this.showMenu = false;
+		}
+	},
+	watch: {
+		'$route.path'() {
+			if (this.showMenu) {
+				this.closeMenu();
+			}
+		}
+	},
+	mounted() {
+		window.addEventListener('scroll', this.handleSCroll);
+		let header = document.querySelector('[data-menu="fixed"]');
+		let page = document.querySelector('html');
+
+		if (header) {
+			page.classList.add('menu-fixed');
+		}
+	},
+	created() {},
+	destroyed() {
+		window.removeEventListener('scroll', this.handleSCroll);
+	}
+};
+</script>
+<style lang="scss">
+@import "./assets/sass/burh-ds/variables/colors";
+
+.navbar {
+  .navbar-search-light {
+    &--focus {
+      box-shadow: 0 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

@@ -1,26 +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>
+<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

@@ -1,26 +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>
+<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>