@nixweb/nixloc-ui 0.0.189 → 0.0.190

package/package.json

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

package/src/component/forms/EditorHtml.vue

@@ -6,9 +6,16 @@
       <Tip :field="field" :formName="formName" />
     </label>
     <div class="inner-addon right-addon">
-      <i v-if="notifications.length > 0 && formDirty" class="required glyphicon fas fa-exclamation-triangle"></i>
-      <vue-editor v-model.trim="value" :editorToolbar="customToolbar" :disabled="disabled"
-        :class="{ disabled: disabled }"></vue-editor>
+      <i
+        v-if="notifications.length > 0 && formDirty"
+        class="required glyphicon fas fa-exclamation-triangle"
+      ></i>
+      <vue-editor
+        v-model.trim="value"
+        :editorToolbar="customToolbar"
+        :disabled="disabled"
+        :class="{ disabled: disabled }"
+      ></vue-editor>
     </div>
 
     <div v-if="formDirty">
@@ -32,10 +39,6 @@ export default {
   props: {
     title: String,
     field: String,
-    customToolbar: {
-      type: Array,
-      default: [["bold", "italic", "underline"]],
-    },
     formName: String,
     required: Boolean,
     disabled: Boolean,
@@ -47,6 +50,7 @@ export default {
       notifications: [],
       formDirty: false,
       textoEditor: "",
+      customToolbar: [["bold", "italic", "underline"]],
     };
   },
   created() {
@@ -123,7 +127,6 @@ export default {
   color: #94aa2a;
   font-size: 14px;
 }
-
 .invalid {
   color: #f0134d;
   font-size: 14px;
@@ -132,8 +135,4 @@ export default {
 .disabled {
   color: #86929e;
 }
-
-button{
-color:black;
-}
 </style>

package/src/component/shared/CodeEditor.vue

@@ -1,20 +1,35 @@
 <template>
   <div>
-    <AceEditor v-model="code" lang="html" @init="editorInit" theme="monokai" width="100%" height="400px" :options="{
-      enableBasicAutocompletion: true,
-      enableLiveAutocompletion: true,
-      fontSize: 15,
-      highlightActiveLine: true,
-      enableSnippets: false,
-      showLineNumbers: true,
-      tabSize: 2,
-      showPrintMargin: false,
-      showGutter: true,
-    }" />
-    <div class="apply" v-if="showButtonApply">
+    <AceEditor
+      v-model="code"
+      lang="html"
+      @init="editorInit"
+      theme="monokai"
+      width="100%"
+      height="400px"
+      :options="{
+        enableBasicAutocompletion: true,
+        enableLiveAutocompletion: true,
+        fontSize: 15,
+        highlightActiveLine: true,
+        enableSnippets: false,
+        showLineNumbers: true,
+        tabSize: 2,
+        showPrintMargin: false,
+        showGutter: true,
+      }"
+    />
+    <div class="apply">
       <b-row>
         <b-col class="text-right">
-          <Button key="applyCode" type="primary" title="Aplicar" classIcon="far fa-code" size="small" :clicked="apply" />
+          <Button
+            key="applyCode"
+            type="primary"
+            title="Aplicar"
+            classIcon="far fa-code"
+            size="small"
+            :clicked="apply"
+          />
         </b-col>
       </b-row>
     </div>
@@ -33,13 +48,6 @@ export default {
     AceEditor,
     Button,
   },
-  props: {
-    showButtonApply: {
-      type: Boolean,
-      default: true
-    },
-    value: String,
-  },
   data() {
     return {
       code: "",
@@ -56,12 +64,7 @@ export default {
     },
   },
   mounted() {
-    if (this.value) {
-      this.code = this.value;
-    }
-    else {
-      this.code = this.documentHtml;
-    }
+    this.code = this.documentHtml;
   },
   methods: {
     ...mapMutations("generic", [
@@ -83,14 +86,6 @@ export default {
       require("brace/snippets/javascript"); //snippet
     },
   },
-  watch: {
-    code() {
-      this.$emit("input", this.code);
-    },
-    value() {
-      this.code = this.value;
-    },
-  },
 };
 </script>
 <style scoped>

package/src/component/shared/Report.vue

@@ -16,11 +16,7 @@
           <thead>
             <tr>
               <th v-for="(obj, ind) in header" :key="ind">
-                <div
-                  class="title-margem"
-                  :class="obj.classCssTitle"
-                  :style="obj.styleHeader"
-                >
+                <div class="title-margem" :class="obj.classCssTitle" :style="obj.styleHeader">
                   <i class="fas fa-search" v-if="obj.iconSearch"></i>
                   <span class="title-header"> {{ obj.title }}</span>
                 </div>
@@ -30,40 +26,20 @@
           <tbody>
             <tr v-for="(row, index) in data" :key="index" :style="row.rowCss">
               <td v-for="(obj, ind) in header" :key="ind">
-                <div
-                  :style="obj.styleBody"
-                  :class="
-                    convertClass(row[obj.fieldComparison], obj.classCssBody)
-                  "
-                  v-if="obj.type === 'text'"
-                >
+                <div :style="obj.styleBody" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)
+                  " v-if="obj.type === 'text'">
                   {{ row[obj.field] }}
                 </div>
-                <div
-                  :style="obj.styleBody"
-                  :class="
-                    convertClass(row[obj.fieldComparison], obj.classCssBody)
-                  "
-                  v-if="obj.type === 'date'"
-                >
+                <div :style="obj.styleBody" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)
+                  " v-if="obj.type === 'date'">
                   {{ row[obj.field] | moment("DD/MM/YYYY") }}
                 </div>
-                <div
-                  :style="obj.styleBody"
-                  :class="
-                    convertClass(row[obj.fieldComparison], obj.classCssBody)
-                  "
-                  v-if="obj.type === 'dateTime'"
-                >
+                <div :style="obj.styleBody" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)
+                  " v-if="obj.type === 'dateTime'">
                   {{ row[obj.field] | moment("DD/MM/YYYY HH:mm") }}
                 </div>
-                <div
-                  :style="obj.styleBody"
-                  :class="
-                    convertClass(row[obj.fieldComparison], obj.classCssBody)
-                  "
-                  v-if="obj.type === 'currency'"
-                >
+                <div :style="obj.styleBody" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)
+                  " v-if="obj.type === 'currency'">
                   {{ row[obj.field] | currency }}
                 </div>
               </td>
@@ -78,10 +54,7 @@
           </tbody>
         </table>
         <div>
-          <TotalizationReport
-            :totalization="totalization"
-            :totalRecords="data.length"
-          />
+          <TotalizationReport :totalization="totalization" :totalRecords="data.length" />
         </div>
       </div>
     </ScrollBar>
@@ -220,5 +193,4 @@ table tbody tr td {
 .rejected {
   color: #f0134d;
 }
-
 </style>

package/src/component/shared/Search.vue

@@ -5,27 +5,15 @@
         <div class="molded">
           <b-row>
             <b-col sm="9">
-              <input
-                type="text"
-                name="search"
-                placeholder="Pesquisar ..."
-                @keyup="verifyCleanSearch()"
-                @keyup.enter.prevent="executeSearch()"
-                v-model="search.content"
-            /></b-col>
+              <input type="text" name="search" placeholder="Pesquisar ..." @keyup="verifyCleanSearch()"
+                @keyup.enter.prevent="executeSearch()" v-model="search.content" /></b-col>
             <b-col sm="3">
               <div class="div-select">
-                <SelectStatic
-                  fieldTarget="filter"
-                  :onlyQuery="true"
-                  :initialValue="{ content: 'Contém', id: 'contains' }"
-                  v-model="search.filter"
-                  :showBorder="false"
-                  :data="[
+                <SelectStatic fieldTarget="filter" :onlyQuery="true" :initialValue="{ content: 'Contém', id: 'contains' }"
+                  v-model="search.filter" :showBorder="false" :data="[
                     { content: 'Contém', id: 'contains' },
                     { content: 'Igual', id: 'equal' },
-                  ]"
-                />
+                  ]" />
               </div>
             </b-col>
           </b-row>
@@ -34,22 +22,10 @@
     </b-col>
     <b-col xs="4" sm="4" md="4" lg="4" xl="4">
       <div class="div-button">
-        <Button
-          _key="btnSearch"
-          type="info"
-          title="Buscar"
-          classIcon="fas fa-search"
-          size="small"
-          :clicked="executeSearch"
-        />
-        <Button
-          _key="btnClean"
-          type="info"
-          title="Limpar"
-          classIcon="fas fa-broom"
-          size="small"
-          :clicked="executeClean"
-        />
+        <Button _key="btnSearch" type="info" title="Buscar" classIcon="fas fa-search" size="small"
+          :clicked="executeSearch" />
+        <Button _key="btnClean" type="info" title="Limpar" classIcon="fas fa-broom" size="small"
+          :clicked="executeClean" />
       </div>
     </b-col>
   </b-row>
@@ -150,5 +126,4 @@ input[type="text"]:focus {
   margin-top: -30px;
   margin-right: 5px;
 }
-
 </style>

package/src/component/shared/Table.vue

@@ -16,23 +16,14 @@
           </th>
         </tr>
       </thead>
-      <draggable
-        v-model="data"
-        tag="tbody"
-        @change="checkMove"
-        :options="{ disabled: !dragAndDrop }"
-      >
+      <draggable v-model="data" tag="tbody" @change="checkMove" :options="{ disabled: !dragAndDrop }">
         <tr v-for="(row, index) in data" :key="index" :style="row.rowCss">
           <td class="td-checkbox" v-if="showChecks">
             <div :class="{ 'center-vertical': row.photo != null }">
               <b-form-checkbox v-model="selected" :value="row.id" />
             </div>
           </td>
-          <td
-            v-for="(obj, ind) in header"
-            :key="ind"
-            :class="{ 'drag-and-drop': dragAndDrop }"
-          >
+          <td v-for="(obj, ind) in header" :key="ind" :class="{ 'drag-and-drop': dragAndDrop }">
             <TableItem :obj="obj" :row="row" />
           </td>
         </tr>

package/src/component/shared/TableItem.vue

@@ -1,83 +1,44 @@
 <template>
   <div>
-    <div
-      v-if="obj.type === 'period-rent'"
-      class="period-rent"
-      @click="navegateTo(obj, row)"
-      :class="convertClass(row[obj.fieldComparison], obj.classCssBody)"
-    >
-      <DisplayPeriodRent
-        :periodRent="row[obj.field]"
-        :fontSize="14"
-        :showDeliveryDevolution="true"
-      />
+    <div v-if="obj.type === 'period-rent'" class="period-rent" @click="navegateTo(obj, row)" :style="obj.styleBody"
+      :class="convertClass(row[obj.fieldComparison], obj.classCssBody)">
+      <DisplayPeriodRent :periodRent="row[obj.field]" :fontSize="14" :showDeliveryDevolution="true" />
     </div>
-    <div
-      v-if="obj.type === 'text'"
-      :class="convertClass(row[obj.fieldComparison], obj.classCssBody)"
-    >
+    <div v-if="obj.type === 'text'" :style="obj.styleBody"
+      :class="convertClass(row[obj.fieldComparison], obj.classCssBody)">
       {{ row[obj.field] }}
       <div>{{ row[obj.fieldSecond] }}</div>
     </div>
     <div v-if="obj.type === 'image'">
-      <img
-        :class="convertClass(row[obj.fieldComparison], obj.classCssBody)"
-        class="img"
-        :src="urlImage + obj.container + '/' + row[obj.field]"
-      />
+      <img :class="convertClass(row[obj.fieldComparison], obj.classCssBody)" class="img"
+        :src="urlImage + obj.container + '/' + row[obj.field]" />
     </div>
     <div v-if="obj.type === 'class'" class="text-center">
       <div :class="convertClass(row[obj.fieldComparison], obj.classCssBody)">
         {{ row[obj.field] }}
       </div>
     </div>
-    <div
-      v-if="obj.type === 'html'"
-      :class="convertClass(row[obj.fieldComparison], obj.classCssBody)"
-    >
+    <div v-if="obj.type === 'html'" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)">
       <div v-if="row[obj.field]" v-html="row[obj.field]"></div>
       <div v-else v-html="obj.html"></div>
     </div>
-    <div
-      v-if="obj.type === 'select'"
-      :class="convertClass(row[obj.fieldComparison], obj.classCssBody)"
-    >
+    <div v-if="obj.type === 'select'" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)">
       {{ row[obj.field].content }}
     </div>
-    <div
-      v-if="obj.type === 'date'"
-      :class="convertClass(row[obj.fieldComparison], obj.classCssBody)"
-    >
+    <div v-if="obj.type === 'date'" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)">
       {{ row[obj.field] | moment("DD/MM/YYYY") }}
     </div>
-    <div
-      v-if="obj.type === 'dateTime'"
-      :class="convertClass(row[obj.fieldComparison], obj.classCssBody)"
-    >
+    <div v-if="obj.type === 'dateTime'" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)">
       {{ row[obj.field] | moment("DD/MM/YYYY HH:mm") }}
     </div>
-    <div
-      v-if="obj.type === 'currency'"
-      :class="convertClass(row[obj.fieldComparison], obj.classCssBody)"
-    >
+    <div v-if="obj.type === 'currency'" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)">
       {{ row[obj.field] | currency }}
     </div>
-    <div
-      v-if="obj.type === 'button'"
-      :class="convertClass(row[obj.fieldComparison], obj.classCssBody)"
-    >
-      <TableButton
-        v-if="obj.ifFieldEqual == row[obj.field]"
-        :obj="obj"
-        :row="row"
-      />
+    <div v-if="obj.type === 'button'" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)">
+      <TableButton v-if="obj.ifFieldEqual == row[obj.field]" :obj="obj" :row="row" />
     </div>
-    <div
-      v-if="obj.type === 'link'"
-      class="link"
-      :class="convertClass(row[obj.fieldComparison], obj.classCssBody)"
-      @click="navegateTo(obj, row)"
-    >
+    <div v-if="obj.type === 'link'" class="link" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)"
+      @click="navegateTo(obj, row)">
       <span> {{ row[obj.field] }}</span>
       <div class="field-second">{{ row[obj.fieldSecond] }}</div>
     </div>

package/src/component/template/ViewTemplateDocumentView.vue

@@ -1,12 +1,7 @@
 <template>
   <div>
-    <Panel
-      :module="panel.module"
-      :title="panel.title"
-      :showFilter="panel.showFilter"
-      :showSearch="panel.showSearch"
-      :showButtons="panel.showButtons"
-    >
+    <Panel :module="panel.module" :title="panel.title" :showFilter="panel.showFilter" :showSearch="panel.showSearch"
+      :showButtons="panel.showButtons">
       <div slot="content-main">
         <div>
           <div class="div-top">
@@ -14,65 +9,30 @@
               <b-row>
                 <b-col sm="6">
                   <div class="side-by-side">
-                    <Button
-                      _key="saveDocument"
-                      type="success"
-                      title="Salvar"
-                      classIcon="fas fa-save"
-                      :disabled="isDisabled"
-                      size="small"
-                      :clicked="saveDocument"
-                    />
+                    <Button _key="saveDocument" type="success" title="Salvar" classIcon="fas fa-save"
+                      :disabled="isDisabled" size="small" :clicked="saveDocument" />
                   </div>
                   <div class="side-by-side" v-if="showByRule">
-                    <Button
-                      v-if="id"
-                      _key="saveAs"
-                      type="success"
-                      title="Clonar"
-                      classIcon="fas fa-clone"
-                      size="small"
-                      :clicked="saveAs"
-                    />
+                    <Button v-if="id" _key="saveAs" type="success" title="Clonar" classIcon="fas fa-clone" size="small"
+                      :clicked="saveAs" />
                   </div>
                 </b-col>
                 <b-col class="text-right" sm="6">
                   <div class="side-by-side" v-if="id && showByRule">
-                    <Button
-                      key="showModalConfig"
-                      type="info"
-                      classIcon="fa-solid fa-gear"
-                      size="small"
-                      :clicked="showModalConfig"
-                    />
+                    <Button key="showModalConfig" type="info" classIcon="fa-solid fa-gear" size="small"
+                      :clicked="showModalConfig" />
                   </div>
                   <div class="side-by-side" v-if="showByRule">
-                    <Button
-                      key="showModalLegend"
-                      type="info"
-                      classIcon="fas fa-book-reader"
-                      size="small"
-                      :clicked="showModalLegend"
-                    />
+                    <Button key="showModalLegend" type="info" classIcon="fas fa-book-reader" size="small"
+                      :clicked="showModalLegend" />
                   </div>
                   <div class="side-by-side" v-if="showByRule">
-                    <Button
-                      key="showModalCode"
-                      type="info"
-                      classIcon="far fa-code"
-                      size="small"
-                      :clicked="showModalCode"
-                    />
+                    <Button key="showModalCode" type="info" classIcon="far fa-code" size="small"
+                      :clicked="showModalCode" />
                   </div>
                   <div class="side-by-side">
-                    <Button
-                      key="showModalPreview"
-                      type="info"
-                      title="Visualizar"
-                      classIcon="far fa-eye"
-                      size="small"
-                      :clicked="showModalPreview"
-                    />
+                    <Button key="showModalPreview" type="info" title="Visualizar" classIcon="far fa-eye" size="small"
+                      :clicked="showModalPreview" />
                   </div>
                 </b-col>
               </b-row>
@@ -82,11 +42,7 @@
             <slot></slot>
           </Modal>
           <Modal title="Parâmetros" :width="1100" v-show="showModal('legenda')">
-            <ParameterLegend
-              v-show="modal.open"
-              :legend="parameterLegend"
-              :module="module"
-            />
+            <ParameterLegend v-show="modal.open" :legend="parameterLegend" :module="module" />
           </Modal>
           <Modal title="Editor de Código" :width="900" v-if="showModal('code')">
             <CodeEditor v-if="modal.open" />
@@ -95,16 +51,8 @@
             <div v-if="modal.open">
               <b-row>
                 <b-col class="text-center">
-                  <Button
-                    v-if="false"
-                    v-print="'#printMe'"
-                    key="print"
-                    type="edit"
-                    title="Imprimir"
-                    classIcon="fas fa-print"
-                    size="small"
-                    :clicked="print"
-                  />
+                  <Button v-if="false" v-print="'#printMe'" key="print" type="edit" title="Imprimir"
+                    classIcon="fas fa-print" size="small" :clicked="print" />
                 </b-col>
               </b-row>
               <br />
@@ -112,10 +60,7 @@
                 <div>
                   <div class="a4">
                     <div id="printMe">
-                      <DocumentPreview
-                        :template="documentPreview('dev')"
-                        :d="parameterExemple"
-                      />
+                      <DocumentPreview :template="documentPreview('dev')" :d="parameterExemple" />
                     </div>
                   </div>
                 </div>
@@ -247,9 +192,11 @@ export default {
 .div-top {
   margin-top: 30px;
 }
+
 .div-editor {
   margin-top: 25px;
 }
+
 .a4 {
   max-width: 1140px;
   min-height: 21cm;

package/src/store/modules/generic.js

@@ -696,6 +696,7 @@ export default {
             return axios.get(params.url, {
                 params: params.obj,
                 responseType: "arraybuffer",
+                headers: new Token().tokenHeaders(),
             })
                 .then((response) => {
                     let blob = new Blob([response.data], { type: "application/pdf" }),

package/src/store/modules/user.js

@@ -56,6 +56,9 @@ export default {
         },
         updateToken: (state, token) => {
             state.userLogged.token = token;
+        },
+        updateComunication: (state) => {
+            state.userLogged.user.showComunication = false;
         }
     },
 }