@burh/nuxt-core 1.0.500 → 1.0.502

package/components/layouts/burh-ds/footer/StatusFooter.vue

@@ -1,105 +1,105 @@
-<template>
-  <div class="footer-simple dark w-100 border-top">
-        <div class="footer--container row px-3 m-0">
-            <div class="col-6 d-flex">
-                <p class="pt-4 pr-4 small text-white" v-if="vacancy.length == 1">{{vacancy.length}} vaga selecionada</p>
-                <p class="pt-4 pr-4 small text-white" v-else>{{vacancy.length}} vagas selecionadas</p>
-                <base-dropdown>
-                    <base-button slot="title-container" type="primary" class="btn--small text-dark">
-                    {{currentStatus.default}}
-                    <i class="fas fa-long-arrow-alt-down"></i>
-                    </base-button>
-                    <a v-for="(status, index) in status" :key="index" @click="statusDefiner(status.description)" class="dropdown-item" href="#">{{status.description}}</a>
-                </base-dropdown>
-            </div>
-            <div class="col-6 d-inline-flex">
-                <base-button slot="title-container" type="primary" @click="$emit('apply')" class="btn--small ml-auto round text-dark p-2 mx-2">
-                    {{buttons[1].name}}
-                </base-button>
-                <base-button slot="title-container" type="default" @click="$emit('cancel')" class="btn--small round dark p-2 mx-2">
-                    {{buttons[0].name}}
-                </base-button>
-            </div>
-        </div>
-  </div>
-</template>
-<script>
-export default {
-  props: {
-      vacancy:{
-          type: Array,
-          default: ()=>{
-            return [{id: 0, vacancydescription: 'Auxiliar de Corona Virus'}, {id: 1, vacancydescription: 'Corona Virus'}]
-          }
-      },
-      btnForwardText: {
-          type: String,
-          default: 'Ir para o checkout'
-      },
-      status:{
-          type: Array,
-          default: ()=>{
-           return [{description: 'Aberta'}, {description: 'Fechada'}]
-        }
-      },
-      buttons:{
-          type: Array,
-          default:()=>{
-              return [{name: 'Cancelar'}, {name: 'Aplicar'}]
-          }
-      }
-  },
-  data() {
-    return {
-      currentStatus: {
-          default: 'Definir Status'
-      },
-      year: new Date().getFullYear()
-    };
-  },
-  mounted(){
-  },
-  methods:{
-      statusDefiner(status){
-          let selectedStatus = status;
-          
-          this.currentStatus.default = status;
-      },
-  }
-};
-</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";
-
-    .btn--small{
-        font-size: 0.75rem !important;
-        background-color:$white;
-        border-color:$white;
-        border-radius: 0.5rem;
-
-        &.round{
-            border-radius: 1rem;
-        }
-        &.dark{
-            background-color: $default;
-            border-color:$default;
-            
-            &:active{
-                background-color: $default !important;
-            }
-        }
-    }
-    .footer-simple{
-        &.dark{
-            background-color: $default;
-        }
-    }
-    .btn-primary:hover {
-    color: $white !important;
-    background-color: transparent !important;
-    border-color: $white !important;
-}
-</style>
+<template>
+  <div class="footer-simple dark w-100 border-top">
+        <div class="footer--container row px-3 m-0">
+            <div class="col-6 d-flex">
+                <p class="pt-4 pr-4 small text-white" v-if="vacancy.length == 1">{{vacancy.length}} vaga selecionada</p>
+                <p class="pt-4 pr-4 small text-white" v-else>{{vacancy.length}} vagas selecionadas</p>
+                <base-dropdown>
+                    <base-button slot="title-container" type="primary" class="btn--small text-dark">
+                    {{currentStatus.default}}
+                    <i class="fas fa-long-arrow-alt-down"></i>
+                    </base-button>
+                    <a v-for="(status, index) in status" :key="index" @click="statusDefiner(status.description)" class="dropdown-item" href="#">{{status.description}}</a>
+                </base-dropdown>
+            </div>
+            <div class="col-6 d-inline-flex">
+                <base-button slot="title-container" type="primary" @click="$emit('apply')" class="btn--small ml-auto round text-dark p-2 mx-2">
+                    {{buttons[1].name}}
+                </base-button>
+                <base-button slot="title-container" type="default" @click="$emit('cancel')" class="btn--small round dark p-2 mx-2">
+                    {{buttons[0].name}}
+                </base-button>
+            </div>
+        </div>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+      vacancy:{
+          type: Array,
+          default: ()=>{
+            return [{id: 0, vacancydescription: 'Auxiliar de Corona Virus'}, {id: 1, vacancydescription: 'Corona Virus'}]
+          }
+      },
+      btnForwardText: {
+          type: String,
+          default: 'Ir para o checkout'
+      },
+      status:{
+          type: Array,
+          default: ()=>{
+           return [{description: 'Aberta'}, {description: 'Fechada'}]
+        }
+      },
+      buttons:{
+          type: Array,
+          default:()=>{
+              return [{name: 'Cancelar'}, {name: 'Aplicar'}]
+          }
+      }
+  },
+  data() {
+    return {
+      currentStatus: {
+          default: 'Definir Status'
+      },
+      year: new Date().getFullYear()
+    };
+  },
+  mounted(){
+  },
+  methods:{
+      statusDefiner(status){
+          let selectedStatus = status;
+          
+          this.currentStatus.default = status;
+      },
+  }
+};
+</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";
+
+    .btn--small{
+        font-size: 0.75rem !important;
+        background-color:$white;
+        border-color:$white;
+        border-radius: 0.5rem;
+
+        &.round{
+            border-radius: 1rem;
+        }
+        &.dark{
+            background-color: $default;
+            border-color:$default;
+            
+            &:active{
+                background-color: $default !important;
+            }
+        }
+    }
+    .footer-simple{
+        &.dark{
+            background-color: $default;
+        }
+    }
+    .btn-primary:hover {
+    color: $white !important;
+    background-color: transparent !important;
+    border-color: $white !important;
+}
+</style>

package/components/layouts/burh-ds/footer/StoreFooter.vue

@@ -1,54 +1,54 @@
-<template>
-  <div class="footer-simple border-top">
-        <div class="footer-simple--container container-fluid container-fluid--bu">
-            <base-button outline type="primary" href="/termos-de-uso" class="mr-0 px-sm-5 px-3 btn-md-sm d-inline" rel="noopener" @click="$emit('backward')">
-                <i class="fas fa-long-arrow-alt-left"></i>Voltar
-            </base-button>
-            
-            <base-button 
-                size="sm"
-                type="primary" 
-                class="ml-auto px-sm-5 px-3 mr-2" 
-                target="_blank" 
-                rel="noopener" @click="$emit('forward')"
-                :disabled="btnForwardDisabled"
-            >{{btnForwardText}}</base-button>
-        </div>
-  </div>
-</template>
-<script>
-export default {
-  props: {
-      btnForwardText: {
-          type: String,
-          default: 'Ir para o checkout'
-      },
-      btnForwardDisabled: {
-          type: Boolean,
-          default: false
-      },
-  },
-  data() {
-    return {
-      year: new Date().getFullYear()
-    };
-  }
-};
-</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";
-
-.footer-simple {
-    width: 100%;
-    background-color: $white;
-
-    &--container {
-        display: flex;
-        justify-content: space-between;
-    }
-}
-
-</style>
+<template>
+  <div class="footer-simple border-top">
+        <div class="footer-simple--container container-fluid container-fluid--bu">
+            <base-button outline type="primary" href="/termos-de-uso" class="mr-0 px-sm-5 px-3 btn-md-sm d-inline" rel="noopener" @click="$emit('backward')">
+                <i class="fas fa-long-arrow-alt-left"></i>Voltar
+            </base-button>
+            
+            <base-button 
+                size="sm"
+                type="primary" 
+                class="ml-auto px-sm-5 px-3 mr-2" 
+                target="_blank" 
+                rel="noopener" @click="$emit('forward')"
+                :disabled="btnForwardDisabled"
+            >{{btnForwardText}}</base-button>
+        </div>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+      btnForwardText: {
+          type: String,
+          default: 'Ir para o checkout'
+      },
+      btnForwardDisabled: {
+          type: Boolean,
+          default: false
+      },
+  },
+  data() {
+    return {
+      year: new Date().getFullYear()
+    };
+  }
+};
+</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";
+
+.footer-simple {
+    width: 100%;
+    background-color: $white;
+
+    &--container {
+        display: flex;
+        justify-content: space-between;
+    }
+}
+
+</style>

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

@@ -1,97 +1,97 @@
-<template>
-	<base-nav
-		container-classes="container-fluid container-fluid--bu"
-		class="border-bottom navbar-animated navbar-horizontal"
-		expand="lg"
-		type="white"
-	>
-		<div style="display: flex; " slot="brand">
-			<avatar-link
-				:logo="brand"
-				:name="brandName"
-				class="row pl-4 nav-link cursor-pointer"
-				:isCompany="isCompany"
-				@avatar-click="redirectIndex"
-			/>
-			<slot name="brand-center" />
-		</div>
-
-		<a
-			v-if="!disabledLinks"
-			v-show="!isCompany"
-			@click="$emit('to-home')"
-			class="btn btn-link text-primary cursor-pointer"
-		>
-			Voltar para o Burh
-		</a>
-		<user-menu-dropdown
-			v-else
-			:userAvatar="currentCompany.logo"
-			:userName="currentUser.name"
-			:companyName="currentCompany.name"
-			:isSindipecas="true"
-			@logout="$emit('logout')"
-		/>
-	</base-nav>
-</template>
-<script>
-import BaseNav from '@burh/nuxt-core/components/burh-ds/Navbar/BaseNav.vue';
-import UserMenuDropdown from '@burh/nuxt-core/components/burh-ds/Dropdown/UserMenuDropdown.vue';
-import AppLinkArea from '@burh/nuxt-core/components/burh-ds/Dropdown/AppLinkArea.vue';
-import AvatarLink from '@burh/nuxt-core/components/burh-ds/Avatar/AvatarLink.vue';
-
-export default {
-	components: {
-		BaseNav,
-		UserMenuDropdown,
-		AppLinkArea,
-		AvatarLink
-	},
-	props: {
-		currentUser: Object,
-		currentCompany: Object,
-		userMenuText: Object,
-		brand: String,
-		brandName: String,
-		showableProducts: Object,
-		activeProducts: Array,
-		gridApps: Array,
-		disabledLinks: Boolean,
-		isCompany: {
-			type: Boolean,
-			default: false,
-			description: 'Verify company for share buffer'
-		}
-	},
-	data() {
-		return {
-			console: console,
-			indexRoute: String,
-			urlBackToBusiness: process.env.oldBusinessUrl
-		};
-	},
-	methods: {
-		handleAvatarClick(company) {
-			this.$emit('company-click', company);
-		},
-		redirectIndex() {
-			if (!this.disabledLinks) this.$router.push(this.indexRoute);
-		},
-		getCurrentApp() {
-			this.indexRoute = `/${this.$route.path.split('/')[1]}`;
-		}
-	},
-	mounted() {
-		this.getCurrentApp();
-	}
-};
-</script>
-<style lang="scss">
-.container-class-layout {
-    flex: 1;
-    display: flex;
-    flex-direction: row;
-    padding: 3rem;
-    justify-content: space-between;
-}
-</style>
+<template>
+	<base-nav
+		container-classes="container-fluid container-fluid--bu"
+		class="border-bottom navbar-animated navbar-horizontal"
+		expand="lg"
+		type="white"
+	>
+		<div style="display: flex; " slot="brand">
+			<avatar-link
+				:logo="brand"
+				:name="brandName"
+				class="row pl-4 nav-link cursor-pointer"
+				:isCompany="isCompany"
+				@avatar-click="redirectIndex"
+			/>
+			<slot name="brand-center" />
+		</div>
+
+		<a
+			v-if="!disabledLinks"
+			v-show="!isCompany"
+			@click="$emit('to-home')"
+			class="btn btn-link text-primary cursor-pointer"
+		>
+			Voltar para o Burh
+		</a>
+		<user-menu-dropdown
+			v-else
+			:userAvatar="currentCompany.logo"
+			:userName="currentUser.name"
+			:companyName="currentCompany.name"
+			:isSindipecas="true"
+			@logout="$emit('logout')"
+		/>
+	</base-nav>
+</template>
+<script>
+import BaseNav from '@burh/nuxt-core/components/burh-ds/Navbar/BaseNav.vue';
+import UserMenuDropdown from '@burh/nuxt-core/components/burh-ds/Dropdown/UserMenuDropdown.vue';
+import AppLinkArea from '@burh/nuxt-core/components/burh-ds/Dropdown/AppLinkArea.vue';
+import AvatarLink from '@burh/nuxt-core/components/burh-ds/Avatar/AvatarLink.vue';
+
+export default {
+	components: {
+		BaseNav,
+		UserMenuDropdown,
+		AppLinkArea,
+		AvatarLink
+	},
+	props: {
+		currentUser: Object,
+		currentCompany: Object,
+		userMenuText: Object,
+		brand: String,
+		brandName: String,
+		showableProducts: Object,
+		activeProducts: Array,
+		gridApps: Array,
+		disabledLinks: Boolean,
+		isCompany: {
+			type: Boolean,
+			default: false,
+			description: 'Verify company for share buffer'
+		}
+	},
+	data() {
+		return {
+			console: console,
+			indexRoute: String,
+			urlBackToBusiness: process.env.oldBusinessUrl
+		};
+	},
+	methods: {
+		handleAvatarClick(company) {
+			this.$emit('company-click', company);
+		},
+		redirectIndex() {
+			if (!this.disabledLinks) this.$router.push(this.indexRoute);
+		},
+		getCurrentApp() {
+			this.indexRoute = `/${this.$route.path.split('/')[1]}`;
+		}
+	},
+	mounted() {
+		this.getCurrentApp();
+	}
+};
+</script>
+<style lang="scss">
+.container-class-layout {
+    flex: 1;
+    display: flex;
+    flex-direction: row;
+    padding: 3rem;
+    justify-content: space-between;
+}
+</style>