@nixweb/nixloc-ui 0.0.252 → 0.0.254

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nixweb/nixloc-ui",
-  "version": "0.0.252",
+  "version": "0.0.254",
   "description": "Componentes UI",
   "author": "Fábio Ávila <fabio@nixweb.com.br>",
   "private": false,

package/src/component/forms/Dropdown.vue

@@ -26,7 +26,7 @@
                   <i class="icon-dropdown" :class="item.classIcon"></i>
                 </b-col>
                 <b-col sm="10">
-                  <span class="title"> {{ item.title }}</span>
+                  <span class="title-dropdown"> {{ item.title }}</span>
                 </b-col>
               </b-row>
             </div>

package/src/component/forms/InputTag.vue

@@ -14,7 +14,7 @@
         </div>
     </div>
 </template>
-  
+
 <script>
 export default {
     name: "InputTag",
@@ -65,7 +65,7 @@ export default {
 
 };
 </script>
-  
+
 <style>
 .email-input-container {
     display: flex;
@@ -113,6 +113,8 @@ export default {
     font-size: 14px;
     padding: 4px;
     font-weight: 400 !important;
+    margin: 2px 5px 2px 5px;
+    background-color: transparent;
 }
 
 .email-input::placeholder {
@@ -120,5 +122,4 @@ export default {
     opacity: 0.5;
     color: #969595;
 }
-</style>
-  
+</style>

package/src/component/forms/Toggle.vue

@@ -8,17 +8,8 @@
         <br />
       </b-col>
       <b-col xs="6" sm="6" md="6" lg="4" xl="4">
-        <VueToggles
-          height="23"
-          width="60"
-          checkedText="Sim"
-          uncheckedText="Não"
-          :checkedBg="color"
-          uncheckedBg="lightgrey"
-          :disabled="disabled"
-          :value="value"
-          @click="clicked"
-        />
+        <VueToggles height="23" width="60" checkedText="Sim" uncheckedText="Não" :checkedBg="color"
+          uncheckedBg="lightgrey" :disabled="disabled" :value="value" @click="clicked" />
       </b-col>
     </b-row>
   </div>

package/src/component/layout/BarFloating.vue

@@ -0,0 +1,71 @@
+<template>
+    <div>
+        <transition name="fade">
+            <div v-if="showFloating" class="div-fixed footer-bar">
+                <slot></slot>
+            </div>
+        </transition>
+
+    </div>
+</template>
+<script>
+export default {
+    name: "BarFloating",
+    props: {
+        distance: {
+            type: Number,
+            default: 0,
+        }
+    },
+    data() {
+        return {
+            showFloating: true,
+        }
+    },
+    mounted() {
+        window.addEventListener('scroll', this.checkPosition);
+    },
+    destroyed() {
+        window.removeEventListener('scroll', this.checkPosition);
+    },
+    methods: {
+        checkPosition() {
+
+            if (this.distance == 0) {
+                return true;
+            }
+            else {
+                const currentPosition = window.scrollY;
+
+                if (currentPosition > this.distance) {
+                    this.showFloating = true;
+                } else {
+                    this.showFloating = false;
+                }
+            }
+        }
+    }
+}
+</script>
+<style scoped>
+.div-fixed {
+    position: fixed;
+    top: 50%;
+    left: 57%;
+    transform: translate(-50%, -50%);
+    width: 75%;
+    opacity: 1;
+    transition: opacity 1s ease;
+    z-index: 1000;
+}
+
+.fade-enter-active,
+.fade-leave-active {
+    transition: opacity 0.5s;
+}
+
+.fade-enter,
+.fade-leave-to {
+    opacity: 0;
+}
+</style>

package/src/component/layout/Menu.vue

@@ -13,9 +13,9 @@
         <div class="box-main" v-for="(item, index) in menuFilter(true)" :key="index">
           <a href="#" @click.prevent="openSubMenu(item.module)" :class="highlightSession(item.module)">
             <div :class="{
-              'icon-active': menuActive == item.module,
-              'icon-normal': menuActive != item.module,
-            }">
+    'icon-active': menuActive == item.module,
+    'icon-normal': menuActive != item.module,
+  }">
               <b-row>
                 <b-col sm="12">
                   <div class="box-icon text-center">
@@ -51,7 +51,8 @@
             <li v-for="(item, index) in subMenuFilter(false)" :key="index">
               <h5 v-if="item.type === 'group'" class="context-menu__title">
                 <span class="sub-title"> {{ item.groupName }}</span>
-                <span v-if="index === 0" @click.prevent="hideSubMenu" class="context-menu__btn-close icon-close" href="#">
+                <span v-if="index === 0" @click.prevent="hideSubMenu" class="context-menu__btn-close icon-close"
+                  href="#">
                   <i class="fas fa-times-circle"></i>
                 </span>
               </h5>

package/src/component/shared/HeaderReport.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="div-header">
-    <div class="title">Relatório {{ $route.params.name }}</span></div>
+    <div class="title-report-header">Relatório {{ $route.params.name }}</span></div>
     <div class="side-by-side div-tag" v-for="tag in tags" :key="tag.id">
       <span>{{ tag.title }}</span> <span>{{ tag.value }}</span>
       <span>,</span>
@@ -30,7 +30,7 @@ export default {
   margin-right: 10px;
 }
 
-.title {
+.title-report-header {
   font-size: 18px;
 }
 </style>

package/src/component/shared/TotalizationReport.vue

@@ -2,14 +2,14 @@
   <div>
     <hr class="hr-report" />
     <div class="text-right">
-      <span class="title"> Total de Registro(s) </span>
-      <span class="title value"> {{ totalRecords }} </span>
+      <span class="title-report-header"> Total de Registro(s) </span>
+      <span class="title-report-header value-report-header"> {{ totalRecords }} </span>
     </div>
     <div class="text-right" v-for="item in totalization" :key="item.title">
       <span :class="convertName(item[0]).classCss">
-        <span class="title">
+        <span class="title-report-header">
           {{ convertName(item[0]).title }}
-          <span class="title value">
+          <span class="title-report-header value-report-header">
             <span v-if="convertName(item[0]).type == 'currency'">
               {{ item[1] | currency }}
             </span>
@@ -23,7 +23,7 @@
   </div>
 </template>
 <script>
-import { mapState, mapGetters, mapActions, mapMutations } from "vuex";
+import { mapState } from "vuex";
 
 export default {
   name: "TotalizationReport",
@@ -43,12 +43,12 @@ export default {
 </script>
 
 <style scoped>
-.title {
+.title-report-header {
   font-size: 15px;
   font-weight: 400;
 }
 
-.value {
+.value-report-header {
   margin-left: 50px;
 }
 

package/src/component/template/ListViewWithDataHandler.vue

@@ -25,15 +25,17 @@
         </b-col>
       </b-row>
       <Loading type="line" :center="false" v-show="isLoading('loadingLine')" />
-      <div class="fixed-bar-options" v-show="selected.length > 0">
-        <div class="side-by-side">
-          <Button v-if="buttonRemove" key="remove" :title="`Remover  ${selected.length}`" type="danger" size="small"
-            :clicked="confirmRemoved" />
-        </div>
-        <div class="side-by-side">
-          <slot name="content-buttons-table-header"></slot>
+      <BarFloating>
+        <div class="fixed-bar-options" v-show="selected.length > 0">
+          <div class="side-by-side">
+            <Button v-if="buttonRemove" key="remove" :title="`Remover  ${selected.length}`" type="danger" size="small"
+              :clicked="confirmRemoved" />
+          </div>
+          <div class="side-by-side">
+            <slot name="content-buttons-table-header"></slot>
+          </div>
         </div>
-      </div>
+      </BarFloating>
       <Table :header="templateList.headerTable" :data="content.data" :showChecks="templateList.showChecks"
         :dragAndDrop="templateList.dragAndDrop">
         <div slot="content-buttons-table">
@@ -61,6 +63,7 @@ import Pagination from "@nixweb/nixloc-ui/src/component/shared/Pagination.vue";
 import Table from "../shared/Table.vue";
 import Button from "../forms/Button.vue";
 import FixedBar from "../layout/FixedBar.vue";
+import BarFloating from "@nixweb/nixloc-ui/src/component/layout/BarFloating.vue";
 import TableTotalRecords from "../shared/TableTotalRecords.vue";
 import TableTotalization from "../shared/TableTotalization.vue";
 import HorizontalFilter from "../shared/HorizontalFilter.vue";
@@ -95,6 +98,7 @@ export default {
     TableTotalization,
     TableTotalRecords,
     Confirmation,
+    BarFloating,
     Alert,
     Modal,
     Loading,

package/src/store/modules/generic.js

@@ -418,6 +418,9 @@ export default {
                 headers: new Token().tokenHeaders(),
             })
                 .then((response) => {
+
+                    console.log(response);
+
                     if (response.data.success) {
                         context.commit('addMethodExecutedApi', params.methodExecutedApi);
                         context.commit('removeNotificarions');