@burh/nuxt-core 1.0.84 → 1.0.85

package/components/burh-ds/Modals/UniversityAccessModal.vue

@@ -1,119 +1,119 @@
-<template>
-	<modal :show.sync="showModal"
-        modalContentClasses="container-fluid" headerClasses="row px-4 pt-5" bodyClasses="row px-4" 
-        v-on:close="closeModal()">
-		<template slot="header">
-            <h5 class="pl-3 modal-title">Acesso</h5>
-        </template>
-
-        <div class="col-12 d-flex">
-            <div
-            id="role"
-            tag="div"
-            class="d-flex flex-column mb-3"
-            name="role"
-            >
-                <label for="role" class="form-control-label">Cargos</label>
-                <el-select
-                class="select-danger"
-                v-model="firstFieldValue"
-                :placeholder="''"
-                >
-                    <el-option
-                    v-for="role in roles"
-                    :key="role.id"
-                    :label="role.name"
-                    :value="role.id"
-                    >
-                    </el-option>
-                </el-select>
-            </div>
-
-            <el-tooltip class="item" placement="top" :content="'Editar Cargo'">
-                <base-button size="md" type="link" class="text-primary h-25 my-auto px-2 w-auto"
-                      @click="$emit('first-icon-click', { firstFieldText: firstFieldValue })">
-                    <font-awesome-icon :icon="['fas', 'save']" class="mr-2" />
-                </base-button>
-            </el-tooltip>
-        </div>
-
-        <label for="trainings" class="col-12 form-control-label">Acesso aos Treinamentos</label>
-        <el-select v-model="newSelecteds"
-            id="trainings"
-            class="d-block col-12" 
-            multiple
-            filterable
-            placeholder="Selecionar">
-            <el-option
-                v-for="item in itemsToSelect"
-                :key="`course-to-select-${item.id}`"
-                :value="item.id"
-                :label="item.name">
-            </el-option>
-        </el-select>
-
-        <div class="col-12">
-            <a @click.prevent="$emit('first-element-click')" class="btn btn-link text-danger cursor-pointer pl-0">Remover Aluno</a>
-        </div>
-
-	</modal>
-</template>
-<script>
-import swal from 'sweetalert2';
-import { Select, Option } from 'element-ui'
-export default {
-    components: {
-      [Select.name]: Select,
-      [Option.name]: Option,
-    },
-    data() {
-        return {
-            firstFieldValue: this.propFirstFieldValue,
-            newSelecteds: [],
-            showModal: this.openModal,
-        }
-    },
-    props: {
-        propFirstFieldValue: {
-            type: String,
-            default: ''
-        },
-        roles: null,
-        openModal: false,
-        selecteds: {
-            type: Array,
-            default: () => []
-        },
-        itemsToSelect: {
-            type: Array,
-            default: () => []
-        }
-    },
-    methods:{
-        closeModal(){
-            this.$emit('close-modal')
-        }
-    },
-    watch: {
-        selecteds(newValue) {
-            this.newSelecteds = newValue;
-        },
-        newSelecteds(newValue) {
-            if (this.selecteds != newValue) {
-                this.$emit('change-selecteds', {
-                    oldSelecteds: this.selecteds,
-                    newSelecteds: newValue,
-                })
-            }
-        },
-        openModal(value) {
-            this.showModal = value;
-        },
-        propFirstFieldValue(value) {
-            this.firstFieldValue = value;
-        }
-    }
-}
-</script>
-<style lang="scss">
+<template>
+	<modal :show.sync="showModal"
+        modalContentClasses="container-fluid" headerClasses="row px-4 pt-5" bodyClasses="row px-4" 
+        v-on:close="closeModal()">
+		<template slot="header">
+            <h5 class="pl-3 modal-title">Acesso</h5>
+        </template>
+
+        <div class="col-12 d-flex">
+            <div
+            id="role"
+            tag="div"
+            class="d-flex flex-column mb-3"
+            name="role"
+            >
+                <label for="role" class="form-control-label">Cargos</label>
+                <el-select
+                class="select-danger"
+                v-model="firstFieldValue"
+                :placeholder="''"
+                >
+                    <el-option
+                    v-for="role in roles"
+                    :key="role.id"
+                    :label="role.name"
+                    :value="role.id"
+                    >
+                    </el-option>
+                </el-select>
+            </div>
+
+            <el-tooltip class="item" placement="top" :content="'Editar Cargo'">
+                <base-button size="md" type="link" class="text-primary h-25 my-auto px-2 w-auto"
+                      @click="$emit('first-icon-click', { firstFieldText: firstFieldValue })">
+                    <font-awesome-icon :icon="['fas', 'save']" class="mr-2" />
+                </base-button>
+            </el-tooltip>
+        </div>
+
+        <label for="trainings" class="col-12 form-control-label">Acesso aos Treinamentos</label>
+        <el-select v-model="newSelecteds"
+            id="trainings"
+            class="d-block col-12" 
+            multiple
+            filterable
+            placeholder="Selecionar">
+            <el-option
+                v-for="item in itemsToSelect"
+                :key="`course-to-select-${item.id}`"
+                :value="item.id"
+                :label="item.name">
+            </el-option>
+        </el-select>
+
+        <div class="col-12">
+            <a @click.prevent="$emit('first-element-click')" class="btn btn-link text-danger cursor-pointer pl-0">Remover Aluno</a>
+        </div>
+
+	</modal>
+</template>
+<script>
+import swal from 'sweetalert2';
+import { Select, Option } from 'element-ui'
+export default {
+    components: {
+      [Select.name]: Select,
+      [Option.name]: Option,
+    },
+    data() {
+        return {
+            firstFieldValue: this.propFirstFieldValue,
+            newSelecteds: [],
+            showModal: this.openModal,
+        }
+    },
+    props: {
+        propFirstFieldValue: {
+            type: String,
+            default: ''
+        },
+        roles: null,
+        openModal: false,
+        selecteds: {
+            type: Array,
+            default: () => []
+        },
+        itemsToSelect: {
+            type: Array,
+            default: () => []
+        }
+    },
+    methods:{
+        closeModal(){
+            this.$emit('close-modal')
+        }
+    },
+    watch: {
+        selecteds(newValue) {
+            this.newSelecteds = newValue;
+        },
+        newSelecteds(newValue) {
+            if (this.selecteds != newValue) {
+                this.$emit('change-selecteds', {
+                    oldSelecteds: this.selecteds,
+                    newSelecteds: newValue,
+                })
+            }
+        },
+        openModal(value) {
+            this.showModal = value;
+        },
+        propFirstFieldValue(value) {
+            this.firstFieldValue = value;
+        }
+    }
+}
+</script>
+<style lang="scss">
 </style>

package/components/burh-ds/Modals/VideoModal.vue

@@ -1,74 +1,80 @@
-<template>
-    <div>
-        <modal
-            :show.sync="show"
-            class="modal modal-video"
-            bodyClasses="container-fluid px-4"
-            headerClasses="container-fluid px-4"
-        >
-            <template slot="header">
-                <h5 class="display-4">{{ title }}</h5>
-            </template>
-            <div class="text-center my-4">
-                <iframe
-                    width="100%"
-                    height="540"
-                    :src="link"
-                    frameborder="0"
-                    allowfullscreen
-                    class="rounded"
-                >
-                </iframe>
-                <div class="bottom-button" v-if="button">
-                    <button
-                        @click="$emit('clickVideo')"
-                        class="btn btn-success"
-                    >
-                        {{ button.text }}
-                    </button>
-                </div>
-            </div>
-        </modal>
-    </div>
-</template>
-
-<script>
-export default {
-    name: "video-modal",
-    props: {
-        show: Boolean,
-        link: String,
-        title: String,
-        button: Object
-    },
-    data() {
-        return {
-            videoModalProperties: {
-                showModal: false
-            }
-        };
-    },
-    mounted() {}
-};
-</script>
-<style lang="scss">
-.pointer {
-    cursor: pointer;
-}
-.custom-copy {
-    box-shadow: none;
-}
-
-.modal-header {
-    padding-bottom: 0;
-}
-.modal-body {
-    padding: 0;
-}
-
-.modal-video {
-    .modal-dialog {
-        min-width: 60rem;
-    }
-}
-</style>
+<template>
+    <div>
+        <modal
+            :show.sync="isModalOpen"
+            @close="$emit('close-modal')"
+            class="modal modal-video"
+            bodyClasses="container-fluid px-4"
+            headerClasses="container-fluid px-4"
+        >
+            <template slot="header">
+                <h5 class="display-4">{{ title }}</h5>
+            </template>
+            <div class="text-center my-4">
+                <iframe 
+                    v-if="isModalOpen"
+                    width="100%"
+                    height="540"
+                    :src="link"
+                    frameborder="0"
+                    allowfullscreen
+                    class="rounded"
+                >
+                </iframe>
+                <div class="bottom-button" v-if="button">
+                    <button
+                        @click="$emit('clickVideo')"
+                        class="btn btn-success"
+                    >
+                        {{ button.text }}
+                    </button>
+                </div>
+            </div>
+        </modal>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "video-modal",
+    props: {
+        show: {
+            type: false,
+        },
+        link: String,
+        title: String,
+        button: Object
+    },
+    data() {
+        return {
+            isModalOpen: this.show
+        };
+    },
+    watch: {
+        show(value) {
+            this.isModalOpen = value;
+        }
+    }
+};
+</script>
+<style lang="scss">
+.pointer {
+    cursor: pointer;
+}
+.custom-copy {
+    box-shadow: none;
+}
+
+.modal-header {
+    padding-bottom: 0;
+}
+.modal-body {
+    padding: 0;
+}
+
+.modal-video {
+    .modal-dialog {
+        min-width: 60rem;
+    }
+}
+</style>

package/components/burh-ds/Navbar/BaseNav.vue

@@ -1,132 +1,132 @@
-<template>
-  <nav :class="classes" class="navbar">
-    <div :class="containerClasses">
-      <slot name="brand"></slot>
-
-      <div class="d-flex">
-        <slot name="toggle-button">
-          <button
-            class="navbar-toggler collapsed d-sm-none"
-            v-if="hasMenu"
-            type="button"
-            @click="toggleBodyClass('no-scroll')"
-            @click.stop="toggleMenu"
-            aria-expanded="false"
-            aria-label="Toggle navigation"
-          >
-            <span class="navbar-toggler-icon"></span>
-          </button>
-        </slot>
-        <div
-          class="navbar-collapse navbar-custom-collapse collapse show d-sm-none"
-          :class="menuClasses"
-          v-show="show"
-          v-click-outside="closeMenu">
-          <slot :close-menu="closeMenu"></slot>
-        </div>
-
-        <slot name="user"></slot>
-      </div>
-    </div>
-  </nav>
-</template>
-<script>
-import { isMobile, isMobileOnly } from 'mobile-device-detect';
-export default {
-  name: 'base-nav',
-  props: {
-    show: {
-      type: Boolean,
-      default: false,
-      description:
-        'Whether navbar menu is shown (valid for viewports < specified by `expand` prop)'
-    },
-    transparent: {
-      type: Boolean,
-      default: false,
-      description: 'Whether navbar is transparent'
-    },
-    expand: {
-      type: String,
-      default: 'lg',
-      description: 'Breakpoint where nav should expand'
-    },
-    menuClasses: {
-      type: [String, Object, Array],
-      default: '',
-      description:
-        'Navbar menu (items) classes. Can be used to align menu items to the right/left'
-    },
-    containerClasses: {
-      type: [String, Object, Array],
-      default: 'container',
-      description:
-        'Container classes. Can be used to control container classes (contains both navbar brand and menu items)'
-    },
-    type: {
-      type: String,
-      default: '',
-      validator(value) {
-        return [
-          '',
-          'dark',
-          'success',
-          'danger',
-          'warning',
-          'white',
-          'primary',
-          'light',
-          'info',
-          'vue'
-        ].includes(value);
-      },
-      description: 'Navbar color type'
-    }
-  },
-  data() {
-    return {
-      isMobileWatch: isMobile,
-      isMobileOnlyWatch: isMobileOnly
-    }
-  },
-  model: {
-    prop: 'show',
-    event: 'change'
-  },
-  computed: {
-    classes() {
-      let color = `bg-${this.type}`;
-      let classes = [
-        { 'navbar-transparent': this.transparent },
-        { [`navbar-expand-${this.expand}`]: this.expand }
-      ];
-      if (this.position) {
-        classes.push(`navbar-${this.position}`);
-      }
-      if (!this.transparent) {
-        classes.push(color);
-      }
-      return classes;
-    },
-    hasMenu() {
-      return this.$slots.default;
-    }
-  },
-  methods: {
-    toggleMenu() {
-      this.$emit('change', !this.show);
-    },
-    closeMenu() {
-      this.$emit('change', false);
-    },
-    toggleBodyClass(className) {
-      const el = document.body;
-
-      if (isMobileOnly) {
-        el.classList.toggle(className);
-      }
-    }
-  }
-};
-</script>
-<style></style>
+<template>
+  <nav :class="classes" class="navbar">
+    <div :class="containerClasses">
+      <slot name="brand"></slot>
+
+      <div class="d-flex">
+        <slot name="toggle-button">
+          <button
+            class="navbar-toggler collapsed d-sm-none"
+            v-if="hasMenu"
+            type="button"
+            @click="toggleBodyClass('no-scroll')"
+            @click.stop="toggleMenu"
+            aria-expanded="false"
+            aria-label="Toggle navigation"
+          >
+            <span class="navbar-toggler-icon"></span>
+          </button>
+        </slot>
+        <div
+          class="navbar-collapse navbar-custom-collapse collapse show d-sm-none"
+          :class="menuClasses"
+          v-show="show"
+          v-click-outside="closeMenu">
+          <slot :close-menu="closeMenu"></slot>
+        </div>
+
+        <slot name="user"></slot>
+      </div>
+    </div>
+  </nav>
+</template>
+<script>
+import { isMobile, isMobileOnly } from 'mobile-device-detect';
+export default {
+  name: 'base-nav',
+  props: {
+    show: {
+      type: Boolean,
+      default: false,
+      description:
+        'Whether navbar menu is shown (valid for viewports < specified by `expand` prop)'
+    },
+    transparent: {
+      type: Boolean,
+      default: false,
+      description: 'Whether navbar is transparent'
+    },
+    expand: {
+      type: String,
+      default: 'lg',
+      description: 'Breakpoint where nav should expand'
+    },
+    menuClasses: {
+      type: [String, Object, Array],
+      default: '',
+      description:
+        'Navbar menu (items) classes. Can be used to align menu items to the right/left'
+    },
+    containerClasses: {
+      type: [String, Object, Array],
+      default: 'container',
+      description:
+        'Container classes. Can be used to control container classes (contains both navbar brand and menu items)'
+    },
+    type: {
+      type: String,
+      default: '',
+      validator(value) {
+        return [
+          '',
+          'dark',
+          'success',
+          'danger',
+          'warning',
+          'white',
+          'primary',
+          'light',
+          'info',
+          'vue'
+        ].includes(value);
+      },
+      description: 'Navbar color type'
+    }
+  },
+  data() {
+    return {
+      isMobileWatch: isMobile,
+      isMobileOnlyWatch: isMobileOnly
+    }
+  },
+  model: {
+    prop: 'show',
+    event: 'change'
+  },
+  computed: {
+    classes() {
+      let color = `bg-${this.type}`;
+      let classes = [
+        { 'navbar-transparent': this.transparent },
+        { [`navbar-expand-${this.expand}`]: this.expand }
+      ];
+      if (this.position) {
+        classes.push(`navbar-${this.position}`);
+      }
+      if (!this.transparent) {
+        classes.push(color);
+      }
+      return classes;
+    },
+    hasMenu() {
+      return this.$slots.default;
+    }
+  },
+  methods: {
+    toggleMenu() {
+      this.$emit('change', !this.show);
+    },
+    closeMenu() {
+      this.$emit('change', false);
+    },
+    toggleBodyClass(className) {
+      const el = document.body;
+
+      if (isMobileOnly) {
+        el.classList.toggle(className);
+      }
+    }
+  }
+};
+</script>
+<style></style>