@nixweb/nixloc-ui 0.0.151 → 0.0.153

package/package.json

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

package/src/component/forms/InputWhatsApp.vue

@@ -0,0 +1,48 @@
+<template>
+  <div>
+    <InputText
+      :title="title"
+      :field="field"
+      :formName="formName"
+      :required="required"
+      :mask="['(##) ####-####', '(##) #####-####']"
+      :maxLength="maxLength"
+      :markFormDirty="markFormDirty"
+      v-model="mobile"
+    />
+  </div>
+</template>
+<script>
+import InputText from "./InputText";
+
+export default {
+  name: "InputWhatsApp",
+  props: [
+    "title",
+    "field",
+    "disabled",
+    "formName",
+    "required",
+    "maxLength",
+    "value",
+    "markFormDirty",
+  ],
+  components: { InputText },
+  data() {
+    return {
+      mobile: "",
+    };
+  },
+  created() {
+    this.mobile = this.value;
+  },
+  watch: {
+    value() {
+      this.mobile = this.value;
+    },
+    mobile() {
+      this.$emit("input", this.mobile);
+    },
+  },
+};
+</script>

package/src/component/layout/Header.vue

@@ -25,7 +25,7 @@ export default {
 
 <style scoped>
 .top {
-  padding-left: 110px;
+  padding-left: 85px;
   padding-top: 4px;
   left: 0px;
   right: 0;

package/src/component/layout/Menu.vue

@@ -29,10 +29,13 @@
               <b-row>
                 <b-col sm="12">
                   <div class="box-icon text-center">
-                    <i :class="item.icon"></i></div
-                ></b-col>
+                    <i :class="item.icon"></i><br />
+                    <div class="div-title">{{ item.title }}</div>
+                  </div>
+                </b-col>
               </b-row>
-              <b-row>
+
+              <!--  <b-row v-if="false">
                 <b-col sm="12">
                   <div class="div-title text-center">
                     <span
@@ -44,7 +47,7 @@
                     >
                   </div>
                 </b-col>
-              </b-row>
+              </b-row> -->
             </div>
           </a>
         </div>
@@ -53,41 +56,43 @@
 
     <transition name="slide-fade">
       <div class="context-menu-container" v-if="subMenuFirstLevel">
-        <ul class="context-menu">
-          <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"
+        <div>
+          <ul class="context-menu">
+            <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="#"
+                >
+                  <i class="fas fa-times-circle"></i>
+                </span>
+              </h5>
+
+              <a
+                v-else
                 href="#"
+                @click.prevent="navegateTo(item)"
+                :class="classSubMenu(item.title)"
               >
-                <i class="fas fa-times-circle"></i>
-              </span>
-            </h5>
-
-            <a
-              v-else
-              href="#"
-              @click.prevent="navegateTo(item)"
-              :class="classSubMenu(item.title)"
-            >
-              <b-row>
-                <b-col sm="1">
-                  <i
-                    class="menu-icon"
-                    :style="'color:' + item.iconColor"
-                    :class="item.icon"
-                  ></i>
-                </b-col>
-                <b-col sm="10">
-                  <span class="title-sub"> {{ item.title }}</span>
-                </b-col>
-              </b-row>
-            </a>
-          </li>
-        </ul>
+                <b-row>
+                  <b-col sm="1">
+                    <i
+                      class="menu-icon"
+                      :style="'color:' + item.iconColor"
+                      :class="item.icon"
+                    ></i>
+                  </b-col>
+                  <b-col sm="10">
+                    <span class="title-sub"> {{ item.title }}</span>
+                  </b-col>
+                </b-row>
+              </a>
+            </li>
+          </ul>
+        </div>
       </div>
     </transition>
   </div>
@@ -191,7 +196,7 @@ export default {
   height: 40px;
   width: 40px;
   margin-top: 10px;
-  margin-bottom: 20px;
+  margin-bottom: 10px;
 }
 
 .icon-close {
@@ -215,12 +220,13 @@ export default {
 }
 
 .box-icon {
-  width: 80px;
+  width: 60px;
   border-radius: 18px;
 }
 
 .div-title {
-  margin-top: -17px;
+  margin-top: -10px;
+  font-size: 12px;
 }
 
 .title-sub {
@@ -228,6 +234,10 @@ export default {
   font-weight: 400;
 }
 
+.margin-hidden {
+  margin-bottom: 5px;
+}
+
 .sub-title {
   font-size: 16px;
   font-weight: normal;

package/src/component/layout/Panel.vue

@@ -136,7 +136,7 @@ export default {
 
 .panel {
   margin-top: 30px;
-  padding-left: 30px;
   padding-right: 30px;
+  padding-left: 20px;
 }
 </style>

package/src/component/shared/TableItem.vue

@@ -66,7 +66,11 @@
       v-if="obj.type === 'button'"
       :class="convertClass(row[obj.fieldComparison], obj.classCssBody)"
     >
-      <TableButton :obj="obj" :row="row" />
+      <TableButton
+        v-if="obj.ifFieldEqual == row[obj.field]"
+        :obj="obj"
+        :row="row"
+      />
     </div>
     <div
       v-if="obj.type === 'link'"
@@ -116,6 +120,12 @@ export default {
         return classCssBody;
       }
     },
+    isVisible(conditionVisibility, row) {
+      // se for undefined, quer dizer que não tem condicional, então pode mostrar
+      // if (conditionVisibility == undefined) return true;
+
+      return eval(conditionVisibility);
+    },
     navegateTo(obj, row) {
       if (obj.routeName) {
         this.$router.push({

package/src/component/value-objects/Person.vue

@@ -21,7 +21,9 @@
           :title="person.typePerson == 2 ? 'CNPJ' : 'CPF'"
           field="document"
           :formName="formName"
-          :mask="['##.###.###/####-##', '###.###.###-##']"
+          :mask="
+            person.typePerson == 2 ? ['##.###.###/####-##'] : ['###.###.###-##']
+          "
           :maxLength="30"
           :required="required"
           v-model="person.document"

package/src/store/modules/generic.js

@@ -222,6 +222,11 @@ export default {
         addSelected: (state, selected) => {
             state.selected = selected;
         },
+        cleanSelected: (state) => {
+            setTimeout(function () {
+                state.selected = [];
+            }, 100);
+        },
         addToast: (state, action) => {
             state.toast.dateTime = new Date();
             state.toast.type = action;
@@ -236,6 +241,7 @@ export default {
                 state.methodExecutedApi = "";
             }, 100);
         },
+
         addLoading: (state, key) => {
             state.loading.push(key);
         },
@@ -403,6 +409,41 @@ export default {
                     return false;
                 })
         },
+        putAllApi: async function (context, params) {
+
+            context.commit('cleanMethodExecutedApi');
+            context.commit('listIdToString', params.selected);
+
+            let ids = context.state.ids;
+
+            return axios.put(params.url, { ids: ids }, {
+                headers: new Token().tokenHeaders(),
+            })
+                .then((response) => {
+                    if (response.data.success) {
+                        context.commit('addMethodExecutedApi', 'putApi');
+                        context.commit('addToast', 'putAllApi');
+                        context.commit('removeNotificarions');
+                        context.commit('cleanSelected', 'putApi');
+
+                        return response.data;
+                    } else {
+                        context.commit('addNotifications', response.data.notifications)
+                        context.commit('addMethodExecutedApi', 'putApiErro');
+                        context.commit('addToast', 'putApiErro');
+                        return response.data;
+                    }
+
+                }, (err) => {
+                    if (err.response)
+                        if (err.response.status === 403)
+                            context.commit('addNotifications', [{ message: "Usuário sem permissão para executar esta ação!" }])
+
+                    if (!err.response)
+                        context.commit('addNotificationErrorApi');
+                    return false;
+                })
+        },
         deleteAllApi: async function (context, params) {
 
             context.commit('cleanMethodExecutedApi');