@burh/nuxt-core 1.0.404 → 1.0.405

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>

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

@@ -1,123 +1,123 @@
-<template>
-  <div class="card pt-3 px-4" :class="{'pb-5': !hideIcons}">
-    <validation-provider tag="div" :vid="`step-name-${position}`"
-      name="Nome da Etapa" rules="required" v-slot="{ errors }">
-        <base-input 
-            :label="`Etapa #${position + 1}`" 
-            placeholder="Escreva o nome da etapa" 
-            type="text" 
-            v-on:input="emitStage()"
-            v-model="name"
-            :error="errors[0]"
-            :valid="errors.length ? true : false"
-        />
-    </validation-provider>
-
-    <validation-provider tag="div" class="pb-3" :vid="`step-description-${position}`"
-      name="Descrição da Etapa" rules="required" v-slot="{ errors }">
-      <textarea 
-        v-on:input="emitStage()"
-        v-model="description"
-        class="form-control form-control-alternative" 
-        :class="{'is-invalid': errors.length}"
-        rows="3" 
-        placeholder="Descrição desta etapa..."/>
-        <div v-if="errors.length" class="invalid-feedback" style="display: block;">
-            {{ errors[0] }}
-        </div>
-    </validation-provider>
-
-    <ul class="step-icons" v-if="!hideIcons">
-      <li v-for="(icon, index) in icons" 
-        :class="`text-danger icon-${icon.type}`"
-        :key="`question-icon-${position}-${index}`"
-        @click="$emit(icon.event)">
-          <el-tooltip class="item" effect="dark" :content="icon.title" placement="top">
-            <span class="small">
-              <font-awesome-icon :icon="icon.icon" :class="`ml-2 icon-${icon.type}`" :title="icon.title"/>
-              {{icon.title}}
-            </span>
-          </el-tooltip>
-      </li>
-    </ul>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    hideIcons: {
-      type: Boolean,
-      default: false
-    },
-    position: {
-      type: Number,
-      default: 0
-    },
-    title: {
-      type: String,
-      default: ''
-    },
-    text: {
-      type: String,
-      default: ''
-    },
-    icons: {
-      type: Array,
-      default: () => [
-          { event: 'first-icon-click', icon: ['fas', 'trash-alt'], title: "Remover etapa", type: "danger" }
-      ]
-    },
-  },
-  data() {
-    return {    
-        name: this.title,
-        description: this.text
-    }
-  },
-  methods: {
-    emitStage() {
-      this.$emit('change-stage', 
-      { 
-        name: this.name, 
-        description: this.description 
-      })
-    }
-  },
-  watch: {
-    title(newName) {
-      this.name = newName;
-    },
-    text(newDescription) {
-      this.description = newDescription;
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-
-.step-icons {
-  position: absolute;
-  bottom: 0;
-  right: 1rem;
-  display: flex;
-  justify-content: flex-end;
-  align-items: flex-end;
-  list-style: none;
-
-  li {
-    padding-top: 1rem;
-    padding-left: 1rem;
-    padding-right: 1rem;
-    cursor: pointer;
-    
-    &:hover,
-    &:focus {
-      text-decoration: underline;
-    }
-  }
-
-}
-
+<template>
+  <div class="card pt-3 px-4" :class="{'pb-5': !hideIcons}">
+    <validation-provider tag="div" :vid="`step-name-${position}`"
+      name="Nome da Etapa" rules="required" v-slot="{ errors }">
+        <base-input 
+            :label="`Etapa #${position + 1}`" 
+            placeholder="Escreva o nome da etapa" 
+            type="text" 
+            v-on:input="emitStage()"
+            v-model="name"
+            :error="errors[0]"
+            :valid="errors.length ? true : false"
+        />
+    </validation-provider>
+
+    <validation-provider tag="div" class="pb-3" :vid="`step-description-${position}`"
+      name="Descrição da Etapa" rules="required" v-slot="{ errors }">
+      <textarea 
+        v-on:input="emitStage()"
+        v-model="description"
+        class="form-control form-control-alternative" 
+        :class="{'is-invalid': errors.length}"
+        rows="3" 
+        placeholder="Descrição desta etapa..."/>
+        <div v-if="errors.length" class="invalid-feedback" style="display: block;">
+            {{ errors[0] }}
+        </div>
+    </validation-provider>
+
+    <ul class="step-icons" v-if="!hideIcons">
+      <li v-for="(icon, index) in icons" 
+        :class="`text-danger icon-${icon.type}`"
+        :key="`question-icon-${position}-${index}`"
+        @click="$emit(icon.event)">
+          <el-tooltip class="item" effect="dark" :content="icon.title" placement="top">
+            <span class="small">
+              <font-awesome-icon :icon="icon.icon" :class="`ml-2 icon-${icon.type}`" :title="icon.title"/>
+              {{icon.title}}
+            </span>
+          </el-tooltip>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    hideIcons: {
+      type: Boolean,
+      default: false
+    },
+    position: {
+      type: Number,
+      default: 0
+    },
+    title: {
+      type: String,
+      default: ''
+    },
+    text: {
+      type: String,
+      default: ''
+    },
+    icons: {
+      type: Array,
+      default: () => [
+          { event: 'first-icon-click', icon: ['fas', 'trash-alt'], title: "Remover etapa", type: "danger" }
+      ]
+    },
+  },
+  data() {
+    return {    
+        name: this.title,
+        description: this.text
+    }
+  },
+  methods: {
+    emitStage() {
+      this.$emit('change-stage', 
+      { 
+        name: this.name, 
+        description: this.description 
+      })
+    }
+  },
+  watch: {
+    title(newName) {
+      this.name = newName;
+    },
+    text(newDescription) {
+      this.description = newDescription;
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+.step-icons {
+  position: absolute;
+  bottom: 0;
+  right: 1rem;
+  display: flex;
+  justify-content: flex-end;
+  align-items: flex-end;
+  list-style: none;
+
+  li {
+    padding-top: 1rem;
+    padding-left: 1rem;
+    padding-right: 1rem;
+    cursor: pointer;
+    
+    &:hover,
+    &:focus {
+      text-decoration: underline;
+    }
+  }
+
+}
+
 </style>