@burh/nuxt-core 1.0.359 → 1.0.360

package/components/burh-ds/Headings/Profile.vue

@@ -1,66 +1,66 @@
-<template>
-    <div class="profile-bar">
-        <div class="profile-bar__container container-fluid container-fluid--bu" :class="classes">
-            <div class="profile-bar__info">
-                <div class="avatar avatar-lg rounded-circle">
-                    <img :src="companyLogo" :alt="companyName">
-                </div>
-                <ul class="list-inline">
-                    <li class="list-inline-item">
-                        <b>{{followers}}</b> seguidores
-                    </li>
-                    <li class="list-inline-item">
-                        <b>{{totalJobs}}</b> vagas abertas
-                    </li>
-                </ul>
-            </div>
-            <div class="profile-bar__actions">
-                <button v-if="moreJobs" @click="emitSeeAvailableJobsClick()" class="btn btn-outline-primary d-block d-sm-inline-block">Ver vagas abertas</button>
-                <button v-if="followCompany && !signUpToCompany" @click="emitFollowCompanyClick()" class="btn d-block d-sm-inline-block" :class="!isFollowCompany ? 'btn-outline-primary' : 'btn-primary'"><font-awesome-icon :icon="[isFollowCompany ? 'fas' : 'far', 'heart']" class="mr-2"/> {{!this.isFollowCompany ? 'Seguir': 'Deixar de Seguir'}}</button>
-                <button v-if="signUpToCompany" @click="emitSignUpToCompany()" class="btn btn-outline-primary d-block d-sm-inline-block">Cadastrar meu currículo</button>
-            </div>
-        </div>
-    </div>
-</template>
-<script>
-export default {
-  name: "profile-bar",
-  props: {
-      sm: Boolean,
-      followers: Number,
-      totalJobs: Number,
-      companyLogo: String,
-      companyName: String,
-      md: Boolean,
-      img: String,
-      bg: String,
-      classes: String,
-      moreJobs: true,
-      followCompany: Boolean,
-      isFollowCompany: Boolean
-  },
-  methods: {
-    emitSeeAvailableJobsClick: function() {
-        this.$emit('see-available-jobs-click');
-    },
-    
-    emitFollowCompanyClick: function() {
-        this.$emit('follow-company-click');
-    },
-
-    emitSignUpToCompany: function() {
-        this.$emit('sign-up-to-company');
-    }
-  },
-  data() {
-      return {
-        signUpToCompany: false
-      }
-  },
-  mounted() {
-      this.signUpToCompany = this.$store.state.localStorage.currentUser == null
-  }
-};
-</script>
-<style lang="scss">
-</style>
+<template>
+    <div class="profile-bar">
+        <div class="profile-bar__container container-fluid container-fluid--bu" :class="classes">
+            <div class="profile-bar__info">
+                <div class="avatar avatar-lg rounded-circle">
+                    <img :src="companyLogo" :alt="companyName">
+                </div>
+                <ul class="list-inline">
+                    <li class="list-inline-item">
+                        <b>{{followers}}</b> seguidores
+                    </li>
+                    <li class="list-inline-item">
+                        <b>{{totalJobs}}</b> vagas abertas
+                    </li>
+                </ul>
+            </div>
+            <div class="profile-bar__actions">
+                <button v-if="moreJobs" @click="emitSeeAvailableJobsClick()" class="btn btn-outline-primary d-block d-sm-inline-block">Ver vagas abertas</button>
+                <button v-if="followCompany && !signUpToCompany" @click="emitFollowCompanyClick()" class="btn d-block d-sm-inline-block" :class="!isFollowCompany ? 'btn-outline-primary' : 'btn-primary'"><font-awesome-icon :icon="[isFollowCompany ? 'fas' : 'far', 'heart']" class="mr-2"/> {{!this.isFollowCompany ? 'Seguir': 'Deixar de Seguir'}}</button>
+                <button v-if="signUpToCompany" @click="emitSignUpToCompany()" class="btn btn-outline-primary d-block d-sm-inline-block">Cadastrar meu currículo</button>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+  name: "profile-bar",
+  props: {
+      sm: Boolean,
+      followers: Number,
+      totalJobs: Number,
+      companyLogo: String,
+      companyName: String,
+      md: Boolean,
+      img: String,
+      bg: String,
+      classes: String,
+      moreJobs: true,
+      followCompany: Boolean,
+      isFollowCompany: Boolean
+  },
+  methods: {
+    emitSeeAvailableJobsClick: function() {
+        this.$emit('see-available-jobs-click');
+    },
+    
+    emitFollowCompanyClick: function() {
+        this.$emit('follow-company-click');
+    },
+
+    emitSignUpToCompany: function() {
+        this.$emit('sign-up-to-company');
+    }
+  },
+  data() {
+      return {
+        signUpToCompany: false
+      }
+  },
+  mounted() {
+      this.signUpToCompany = this.$store.state.localStorage.currentUser == null
+  }
+};
+</script>
+<style lang="scss">
+</style>

package/components/burh-ds/Headings/ProfileHeader.vue

@@ -1,105 +1,105 @@
-<template>
-  <div id="profileSubheader" class="subheader subheader--profile subheader--avatar vertical">
-    <div
-      class="subheader__background"
-      :style="`background-image: url(${image})`"
-      :class="{[`bg-${type}`]: type}"
-    >
-      <slot name="cover-percentage"></slot>
-    </div>
-    <div class="header-body container-fluid container-fluid--bu">
-      <div class="row">
-        <slot></slot>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import { isMobile, isMobileOnly } from 'mobile-device-detect';
-
-import * as Sticky from 'sticky-js';
-
-export default {
-  name: "profile-header",
-  props: {
-    type: {
-      type: String,
-      default: "primary",
-      description: "Header background type"
-    },
-    classes: String,
-    image: String
-  },
-  data() {
-    return {
-      isBig: false,
-      isMobileOnlyWatch: isMobileOnly,
-      sticky: null
-    };
-  },
-  methods: {
-    toggleBar: function() {
-      if (!isMobileOnly) {
-        //this.isBig = !this.isBig;
-        
-      }
-    },
-    // stickyTurnOn(topElement, bodyElement, subHeader, subHeaderInitial, topElementHeight, windowHeight, headerBodyElementInitial) {
-    //   if (window.pageYOffset > 0 && !subHeader.classList.contains('in')) { //&& subHeader.classList.contains('subheader--profile--sm') == false) {
-    //     subHeader.classList.add('in');
-    //     this.sticky = new Sticky('#profileSubheader', {
-    //       stickyClass: 'subheader--profile--sm',
-    //       marginTop: topElement.offsetHeight
-    //     });
-    //     setTimeout(
-    //       bodyElement[0].setAttribute('style', 'padding-top: calc(' + (subHeaderInitial + headerBodyElementInitial - topElementHeight - subHeader.offsetHeight) + 'px + 3rem) !important; opacity: 1'),
-    //     200);
-        
-    //   } else if (window.pageYOffset == 0) { //if (window.pageYOffset == 0) {
-    //     if(subHeader.classList.contains('in')) {
-    //       subHeader.classList.remove('in');
-    //     }
-    //     bodyElement[0].setAttribute('style', 'padding-top: ' + (topElementHeight + subHeaderInitial + headerBodyElementInitial) + 'px !important; opacity: 1')
-    //   }
-    // }
-  },
-
-  mounted() {
-    let topElement = document.querySelectorAll('.navbar-main');
-    let headerBodyElement = document.querySelectorAll('.header-body');
-    let bodyElement = document.querySelectorAll('#profilePageContent');
-    let subHeader = document.getElementById('profileSubheader');
-
-    if(subHeader == null){
-      return;
-    }
-    let subHeaderInitial = subHeader.offsetHeight;
-    let headerBodyElementInitial = headerBodyElement[0].offsetHeight;
-    let topElementHeight = topElement[0].offsetHeight;
-    let windowHeight = window.innerHeight|| document.documentElement.clientHeight || document.body.clientHeight;
-
-    
-    // if(this.isMobileOnlyWatch) {
-    //   bodyElement[0].setAttribute('style', 'padding-top: calc(' + (headerBodyElement[0].offsetHeight + subHeader.offsetHeight) + 'px - 2rem) !important;');
-    // }
-    // if(topElement == null || topElement.length <= 0 || this.isMobileOnlyWatch) {
-    //   return;
-    // }
-    
-    // topElement = topElement[0];
-
-    // 
-
-    // this.stickyTurnOn(topElement, bodyElement, subHeader, subHeaderInitial, topElementHeight, windowHeight, headerBodyElementInitial);
-    
-    // window.onscroll = (oEvent) => {
-    //   this.stickyTurnOn(topElement, bodyElement, subHeader, subHeaderInitial, topElementHeight, windowHeight, headerBodyElementInitial);
-    // };
-  },
-
-  beforeDestroy() {
-  }
-};
-</script>
-<style lang="scss">
-</style>
+<template>
+  <div id="profileSubheader" class="subheader subheader--profile subheader--avatar vertical">
+    <div
+      class="subheader__background"
+      :style="`background-image: url(${image})`"
+      :class="{[`bg-${type}`]: type}"
+    >
+      <slot name="cover-percentage"></slot>
+    </div>
+    <div class="header-body container-fluid container-fluid--bu">
+      <div class="row">
+        <slot></slot>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { isMobile, isMobileOnly } from 'mobile-device-detect';
+
+import * as Sticky from 'sticky-js';
+
+export default {
+  name: "profile-header",
+  props: {
+    type: {
+      type: String,
+      default: "primary",
+      description: "Header background type"
+    },
+    classes: String,
+    image: String
+  },
+  data() {
+    return {
+      isBig: false,
+      isMobileOnlyWatch: isMobileOnly,
+      sticky: null
+    };
+  },
+  methods: {
+    toggleBar: function() {
+      if (!isMobileOnly) {
+        //this.isBig = !this.isBig;
+        
+      }
+    },
+    // stickyTurnOn(topElement, bodyElement, subHeader, subHeaderInitial, topElementHeight, windowHeight, headerBodyElementInitial) {
+    //   if (window.pageYOffset > 0 && !subHeader.classList.contains('in')) { //&& subHeader.classList.contains('subheader--profile--sm') == false) {
+    //     subHeader.classList.add('in');
+    //     this.sticky = new Sticky('#profileSubheader', {
+    //       stickyClass: 'subheader--profile--sm',
+    //       marginTop: topElement.offsetHeight
+    //     });
+    //     setTimeout(
+    //       bodyElement[0].setAttribute('style', 'padding-top: calc(' + (subHeaderInitial + headerBodyElementInitial - topElementHeight - subHeader.offsetHeight) + 'px + 3rem) !important; opacity: 1'),
+    //     200);
+        
+    //   } else if (window.pageYOffset == 0) { //if (window.pageYOffset == 0) {
+    //     if(subHeader.classList.contains('in')) {
+    //       subHeader.classList.remove('in');
+    //     }
+    //     bodyElement[0].setAttribute('style', 'padding-top: ' + (topElementHeight + subHeaderInitial + headerBodyElementInitial) + 'px !important; opacity: 1')
+    //   }
+    // }
+  },
+
+  mounted() {
+    let topElement = document.querySelectorAll('.navbar-main');
+    let headerBodyElement = document.querySelectorAll('.header-body');
+    let bodyElement = document.querySelectorAll('#profilePageContent');
+    let subHeader = document.getElementById('profileSubheader');
+
+    if(subHeader == null){
+      return;
+    }
+    let subHeaderInitial = subHeader.offsetHeight;
+    let headerBodyElementInitial = headerBodyElement[0].offsetHeight;
+    let topElementHeight = topElement[0].offsetHeight;
+    let windowHeight = window.innerHeight|| document.documentElement.clientHeight || document.body.clientHeight;
+
+    
+    // if(this.isMobileOnlyWatch) {
+    //   bodyElement[0].setAttribute('style', 'padding-top: calc(' + (headerBodyElement[0].offsetHeight + subHeader.offsetHeight) + 'px - 2rem) !important;');
+    // }
+    // if(topElement == null || topElement.length <= 0 || this.isMobileOnlyWatch) {
+    //   return;
+    // }
+    
+    // topElement = topElement[0];
+
+    // 
+
+    // this.stickyTurnOn(topElement, bodyElement, subHeader, subHeaderInitial, topElementHeight, windowHeight, headerBodyElementInitial);
+    
+    // window.onscroll = (oEvent) => {
+    //   this.stickyTurnOn(topElement, bodyElement, subHeader, subHeaderInitial, topElementHeight, windowHeight, headerBodyElementInitial);
+    // };
+  },
+
+  beforeDestroy() {
+  }
+};
+</script>
+<style lang="scss">
+</style>

package/components/burh-ds/Headings/SettingsHeader.vue

@@ -1,48 +1,48 @@
-<template>
-  <div class="subheader relative">
-    <div class="header-body container-fluid container-fluid--bu" v-on:click.self="$emit('click-cover');">
-      <div class="row">
-        <slot></slot>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import { isMobile, isMobileOnly } from 'mobile-device-detect';
-
-import * as Sticky from 'sticky-js';
-
-export default {
-  name: "settings-header",
-  props: {
-    type: {
-      type: String,
-      default: "primary",
-      description: "Header background type"
-    },
-    classes: String,
-    image: String
-  },
-  data() {
-    return {
-      isBig: false,
-      isMobileOnlyWatch: isMobileOnly,
-      sticky: null
-    };
-  },
-  methods: {
-    toggleBar: function() {
-      if (!isMobileOnly) {
-        //this.isBig = !this.isBig;
-        
-      }
-    }
-  }
-};
-</script>
-<style lang="scss">
-.subheader--profile:not(#profileSubheader) {
-    position: relative;
-    top: auto;
-}
-</style>
+<template>
+  <div class="subheader relative">
+    <div class="header-body container-fluid container-fluid--bu" v-on:click.self="$emit('click-cover');">
+      <div class="row">
+        <slot></slot>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { isMobile, isMobileOnly } from 'mobile-device-detect';
+
+import * as Sticky from 'sticky-js';
+
+export default {
+  name: "settings-header",
+  props: {
+    type: {
+      type: String,
+      default: "primary",
+      description: "Header background type"
+    },
+    classes: String,
+    image: String
+  },
+  data() {
+    return {
+      isBig: false,
+      isMobileOnlyWatch: isMobileOnly,
+      sticky: null
+    };
+  },
+  methods: {
+    toggleBar: function() {
+      if (!isMobileOnly) {
+        //this.isBig = !this.isBig;
+        
+      }
+    }
+  }
+};
+</script>
+<style lang="scss">
+.subheader--profile:not(#profileSubheader) {
+    position: relative;
+    top: auto;
+}
+</style>