@burh/nuxt-core 1.0.5 → 1.0.7

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;
-        console.log("toggleBar");
-      }
-    },
-    // 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];
-
-    // console.log(topElementHeight, subHeaderInitial, bodyElement[0], headerBodyElementInitial);
-
-    // 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;
+        console.log("toggleBar");
+      }
+    },
+    // 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];
+
+    // console.log(topElementHeight, subHeaderInitial, bodyElement[0], headerBodyElementInitial);
+
+    // 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;
-        console.log("toggleBar");
-      }
-    }
-  }
-};
-</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;
+        console.log("toggleBar");
+      }
+    }
+  }
+};
+</script>
+<style lang="scss">
+.subheader--profile:not(#profileSubheader) {
+    position: relative;
+    top: auto;
+}
+</style>

package/components/burh-ds/Input/AutoComplete.vue

@@ -1,137 +1,137 @@
-<template>
-  <el-select
-    v-model="value"
-    clearable
-    filterable
-    remote
-    default-first-option
-    class="auto-complete"
-    :placeholder="txtPlaceholder"
-    :remote-method="request ? requestMethod : remoteMethod"
-    :loading="loading">
-    <el-option
-      v-for="item in options"
-      :key="item.value"
-      :label="item.label"
-      :value="item.value">
-    </el-option>
-  </el-select>
-</template>
-
-<script>
-
-import { Select, Option } from "element-ui";
-
-  export default {
-    components: {
-        [Select.name]: Select,
-        [Option.name]: Option,
-    },
-    props: {
-        txtPlaceholder: String,
-        request: false,
-        preventDefaultValue: false,
-        valueDefault: String,
-        doRequest: {
-            type: Object,
-            description: 'received as parameters a function kind of asyncronous',
-            default: () => { return {"request": () => { return ['nenhum'] } } }
-        },
-        listWords: {
-            type: Array,
-            default: () => { return ["Alabama", "Alaska", "Arizona", "Arkansas", "California", "Colorado",
-                        "Connecticut", "Delaware", "Florida", "Massachusetts", "Michigan", "Minnesota",
-                        "Mississippi", "Missouri", "Montana", "New Jersey", "New Mexico", "New York",
-                        "Oklahoma", "Oregon", "Pennsylvania", "South Dakota", "Tennessee", "Texas", 
-                        "Utah", "Vermont", "Virginia", "Washington", "West Virginia", "Wisconsin",
-                        "Wyoming"] }
-        },
-        
-    },
-    created(){
-        if (!this.request){
-            this.words = this.listWords;
-        }
-    },
-    data() {
-      return {
-        options: [],
-        value: null,
-        list: [],
-        loading: false,
-        words: []
-      }
-    },
-    mounted() {
-      this.value = this.valueDefault
-      this.doList();
-    },
-    watch: {
-      value(newValue, oldValue) {
-        if(oldValue == null && this.preventDefaultValue){
-          return;
-        }
-
-        this.$emit('change', newValue);
-      },
-      valueDefault(newValue, oldValue) {
-        if(oldValue == null) {
-          this.value = newValue;
-        }  
-      }
-    },
-    methods: {
-      doList() {
-        if(this.words != null){
-            this.list = this.words.map(item => {
-                return { value: `value:${item}`, label: `${item}` };
-            });
-
-            return;
-        }
-      },
-
-      //without request from server
-      remoteMethod(query) {
-        if (query !== '') {
-          this.loading = true;
-          setTimeout(() => {
-            this.loading = false;
-            this.options = this.list.filter(item => {
-              return item.label.toLowerCase()
-                .indexOf(query.toLowerCase()) > -1;
-            });
-          }, 200);
-        } else {
-          this.options = [];
-        }
-      },
-
-      //with request from server
-      requestMethod(query) {
-        if (query !== '' && query.length >= 3) { //min 3 characters
-          this.loading = true;
-          setTimeout(async () => {    
-            this.words = await this.doRequest.request(query)
-            this.loading = false;
-            this.doList();
-            this.options = this.list;
-          }, 200);
-        } else {
-          this.options = [];
-        }
-      },
-    }
-  }
-</script>
-<style lang="scss">
-.auto-complete {
-  @media (max-width: 568px) {
-    width: 100%;
-    padding-bottom: 1rem;
-  }
-}
-.el-select-dropdown.el-popper{
-  z-index: 10000 !important;
-}
+<template>
+  <el-select
+    v-model="value"
+    clearable
+    filterable
+    remote
+    default-first-option
+    class="auto-complete"
+    :placeholder="txtPlaceholder"
+    :remote-method="request ? requestMethod : remoteMethod"
+    :loading="loading">
+    <el-option
+      v-for="item in options"
+      :key="item.value"
+      :label="item.label"
+      :value="item.value">
+    </el-option>
+  </el-select>
+</template>
+
+<script>
+
+import { Select, Option } from "element-ui";
+
+  export default {
+    components: {
+        [Select.name]: Select,
+        [Option.name]: Option,
+    },
+    props: {
+        txtPlaceholder: String,
+        request: false,
+        preventDefaultValue: false,
+        valueDefault: String,
+        doRequest: {
+            type: Object,
+            description: 'received as parameters a function kind of asyncronous',
+            default: () => { return {"request": () => { return ['nenhum'] } } }
+        },
+        listWords: {
+            type: Array,
+            default: () => { return ["Alabama", "Alaska", "Arizona", "Arkansas", "California", "Colorado",
+                        "Connecticut", "Delaware", "Florida", "Massachusetts", "Michigan", "Minnesota",
+                        "Mississippi", "Missouri", "Montana", "New Jersey", "New Mexico", "New York",
+                        "Oklahoma", "Oregon", "Pennsylvania", "South Dakota", "Tennessee", "Texas", 
+                        "Utah", "Vermont", "Virginia", "Washington", "West Virginia", "Wisconsin",
+                        "Wyoming"] }
+        },
+        
+    },
+    created(){
+        if (!this.request){
+            this.words = this.listWords;
+        }
+    },
+    data() {
+      return {
+        options: [],
+        value: null,
+        list: [],
+        loading: false,
+        words: []
+      }
+    },
+    mounted() {
+      this.value = this.valueDefault
+      this.doList();
+    },
+    watch: {
+      value(newValue, oldValue) {
+        if(oldValue == null && this.preventDefaultValue){
+          return;
+        }
+
+        this.$emit('change', newValue);
+      },
+      valueDefault(newValue, oldValue) {
+        if(oldValue == null) {
+          this.value = newValue;
+        }  
+      }
+    },
+    methods: {
+      doList() {
+        if(this.words != null){
+            this.list = this.words.map(item => {
+                return { value: `value:${item}`, label: `${item}` };
+            });
+
+            return;
+        }
+      },
+
+      //without request from server
+      remoteMethod(query) {
+        if (query !== '') {
+          this.loading = true;
+          setTimeout(() => {
+            this.loading = false;
+            this.options = this.list.filter(item => {
+              return item.label.toLowerCase()
+                .indexOf(query.toLowerCase()) > -1;
+            });
+          }, 200);
+        } else {
+          this.options = [];
+        }
+      },
+
+      //with request from server
+      requestMethod(query) {
+        if (query !== '' && query.length >= 3) { //min 3 characters
+          this.loading = true;
+          setTimeout(async () => {    
+            this.words = await this.doRequest.request(query)
+            this.loading = false;
+            this.doList();
+            this.options = this.list;
+          }, 200);
+        } else {
+          this.options = [];
+        }
+      },
+    }
+  }
+</script>
+<style lang="scss">
+.auto-complete {
+  @media (max-width: 568px) {
+    width: 100%;
+    padding-bottom: 1rem;
+  }
+}
+.el-select-dropdown.el-popper{
+  z-index: 10000 !important;
+}
 </style>