@nixweb/nixloc-ui 0.0.251 → 0.0.253

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nixweb/nixloc-ui",
-  "version": "0.0.251",
+  "version": "0.0.253",
   "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/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/shared/Confirmation.vue

@@ -6,14 +6,15 @@
     <Modal v-if="isModal" :title="title" :width="450" :height="250" v-show="showModal(`confirmation${data.id}`)">
       <b-col sm="12">
         <div class="div-button text-center">
-          <Button key="notConfirm" type="edit" title="cancel" size="small" :clicked="cancel" />
-          <Button key="confirm" :type="type" title="Sim, confirmar" size="medium" :clicked="confirm" />
+          <Button key="notConfirm" type="edit" title="cancel" :disabled="disabled" size="small" :clicked="cancel" />
+          <Button key="confirm" :type="type" title="Sim, confirmar" size="medium" :disabled="disabled"
+            :clicked="confirm" />
         </div>
       </b-col>
     </Modal>
     <div v-else class="div-button text-center">
-      <Button _key="notConfirm" type="edit" title="cancel" size="small" :clicked="cancel" />
-      <Button _key="confirm" :type="type" title="Sim, confirmar" size="medium" :clicked="confirm" />
+      <Button _key="notConfirm" type="edit" title="cancel" size="small" :disabled="disabled" :clicked="cancel" />
+      <Button _key="confirm" :type="type" title="Sim, confirmar" size="medium" :disabled="disabled" :clicked="confirm" />
     </div>
   </div>
 </template>
@@ -38,6 +39,10 @@ export default {
       type: Boolean,
       default: true,
     },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
     confirmed: Function,
   },
   methods: {

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

@@ -46,10 +46,12 @@
     <Modal title="Tem certeza que deseja remover?" :width="500" v-show="showModal('confirmRemoved')">
       <Alert type="warning">
         <span>
-          Atenção, todos os registros relacionados também serão excluídos/cancelados, esta ação é irreversível!
+          ATENÇÃO, todos os registros relacionados também serão excluídos/cancelados, esta ação é irreversível...
         </span>
       </Alert>
-      <Confirmation :isModal="false" title="Você tem certeza?" type="danger" :confirmed="removeSelected" />
+      <InputText title="Digite Remover para confirmar" :maxLength="7" :required="false" v-model="confirmRemove" />
+      <Confirmation :isModal="false" :disabled="confirmRemove != 'Remover'" title="Você tem certeza?" type="danger"
+        :confirmed="removeSelected" />
     </Modal>
   </div>
 </template>
@@ -66,6 +68,7 @@ import Loading from "../shared/Loading.vue";
 import Confirmation from "@nixweb/nixloc-ui/src/component/shared/Confirmation.vue";
 import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
 import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
 
 import { mapState, mapGetters, mapActions, mapMutations } from "vuex";
 
@@ -98,6 +101,7 @@ export default {
     FixedBar,
     Button,
     Table,
+    InputText,
     Pagination,
   },
   data() {
@@ -114,6 +118,7 @@ export default {
       },
       paramsFilter: [],
       dynamicFilter: {},
+      confirmRemove: "",
     };
   },
   created() {