@nixweb/nixloc-ui 0.0.189 → 0.0.191

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nixweb/nixloc-ui",
-  "version": "0.0.189",
+  "version": "0.0.191",
   "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/forms/ImageUpload.vue

@@ -2,27 +2,17 @@
   <div>
     <b-row v-show="loadingAdd || loadingRemove">
       <b-col sm="2">
-        <vue-loading
-          v-if="true"
-          type="bubbles"
-          color="#D98621"
-          :size="{ width: '50px', height: '50px' }"
-        ></vue-loading>
+        <vue-loading v-if="true" type="bubbles" color="#D98621" :size="{ width: '50px', height: '50px' }"></vue-loading>
       </b-col>
     </b-row>
     <b-row v-show="!loadingAdd && !loadingRemove">
       <b-col sm="12">
         <div class="div-preview">
-          <img
-            :class="classCss"
-            :style="'width:' + width + 'px;height:' + height + 'px'"
-            :src="
-              'https://espaco.blob.core.windows.net/' +
-              container +
-              '/' +
-              urlImage
-            "
-          />
+          <img :class="classCss" :style="'width:' + width + 'px;height:' + height + 'px'" :src="'https://espaco.blob.core.windows.net/' +
+            container +
+            '/' +
+            urlImage
+            " />
         </div>
         <div>
           <div v-if="!value">
@@ -36,36 +26,18 @@
           </div>
           <div v-else>
             <div class="div-button">
-              <button
-                class="button small danger"
-                v-if="!loadingAdd"
-                @click="remove()"
-              >
-                <span v-if="!loadingRemove"
-                  ><i class="fas fa-camera"></i> Remover Foto</span
-                >
-                <vue-loading
-                  v-if="loadingRemove"
-                  type="bubbles"
-                  color="#fff"
-                  :size="{ width: '20px', height: '20px' }"
-                ></vue-loading>
+              <button class="button small danger" v-if="!loadingAdd" @click="remove()">
+                <span v-if="!loadingRemove"><i class="fas fa-camera"></i> Remover Foto</span>
+                <vue-loading v-if="loadingRemove" type="bubbles" color="#fff"
+                  :size="{ width: '20px', height: '20px' }"></vue-loading>
               </button>
             </div>
           </div>
         </div>
       </b-col>
     </b-row>
-    <my-upload
-      field="img"
-      @crop-success="cropSuccess"
-      langType="pt-br"
-      v-model="show"
-      :width="width"
-      :height="height"
-      :noCircle="true"
-      img-format="png"
-    >
+    <my-upload field="img" @crop-success="cropSuccess" langType="pt-br" v-model="show" :width="width" :height="height"
+      :noCircle="true" img-format="png">
     </my-upload>
   </div>
 </template>
@@ -234,7 +206,6 @@ export default {
 
 .img-round {
   border-radius: 100px;
-  margin-left: 15px;
 }
 
 .div-button {

package/src/component/forms/InputAddressGoogle.vue

@@ -8,18 +8,11 @@
       <Tip :field="field" :formName="formName" />
     </label>
     <div class="inner-addon right-addon">
-      <div
-        class="required glyphicon"
-        v-if="notifications.length > 0 && formDirty"
-      >
+      <div class="required glyphicon" v-if="notifications.length > 0 && formDirty">
         <i class="fas fa-exclamation-triangle"></i>
       </div>
       <slot v-else></slot>
-      <gmap-autocomplete
-        @place_changed="setPlace"
-        class="form-control"
-        v-bind:value="value"
-      >
+      <gmap-autocomplete @place_changed="setPlace" class="form-control teste" v-bind:value="value">
       </gmap-autocomplete>
     </div>
     <div v-if="formDirty">
@@ -164,6 +157,7 @@ export default {
   color: #94aa2a;
   font-size: 14px;
 }
+
 .invalid {
   color: #f0134d;
   font-size: 14px;
@@ -172,4 +166,6 @@ export default {
 .margin-button {
   margin-top: -3px;
 }
+
+
 </style>

package/src/component/forms/Modal.vue

@@ -1,15 +1,7 @@
 <template>
   <div>
-    <vodal
-      :duration="80"
-      :show="modal.open"
-      @hide="hide()"
-      :width="width"
-      :height="height"
-      :closeOnEsc="closeOnEsc"
-      :closeButton="closeButton"
-      :closeOnClickMask="false"
-    >
+    <vodal :duration="80" :show="modal.open" @hide="hide()" :width="width" :height="height" :closeOnEsc="closeOnEsc"
+      :closeButton="closeButton" :closeOnClickMask="false">
       <div class="d-block text-left">
         <Messages v-if="!vodal.open" />
         <div class="title">{{ title }}</div>

package/src/component/layout/Menu.vue

@@ -7,7 +7,7 @@
         </div>
       </li>
       <li class="molded">
-        <div class="text-center">
+        <div class="text-center div-photo" @click="editProfile">
           <img class="photo" :src="urlPhoto" />
         </div>
         <div class="box-main" v-for="(item, index) in menuFilter(true)" :key="index">
@@ -75,7 +75,7 @@
 </template>
 
 <script>
-import { mapState } from "vuex";
+import { mapState, mapMutations } from "vuex";
 export default {
   name: "Menu",
   props: {
@@ -98,6 +98,10 @@ export default {
     };
   },
   methods: {
+    ...mapMutations("generic", ["addEvent"]),
+    editProfile() {
+      this.addEvent({ name: "clickedProfile" });
+    },
     openSubMenu(module) {
       this.subMenuFirstLevel = true;
       this.module = module;
@@ -246,4 +250,8 @@ img {
   border: 1px solid #e8eaed;
   border-radius: 12px !important;
 }
+
+.div-photo {
+  cursor: pointer;
+}
 </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/FullCalendar.vue

@@ -62,7 +62,7 @@ export default {
     handleChange(arg) {
       if (this.changedCalendar) this.changedCalendar(arg);
     },
-    handleEventRender(arg) {},
+    handleEventRender(arg) { },
     handleDateClick: function (arg) {
       if (this.clickedCalendar) this.clickedCalendar(arg);
     },
@@ -74,7 +74,12 @@ export default {
     event: {
       handler(event) {
         if (event.name == "updateCalendar")
-          this.calendarOptions.events = event.data;
+          event.data.forEach(item => {
+            this.calendarOptions.events.push(item);
+          });
+
+        if (event.name == "cleanCalendar")
+          this.calendarOptions.events = [];
       },
       deep: true,
     },

package/src/component/shared/Messages.vue

@@ -1,22 +1,17 @@
 <template>
   <div>
-    <div
-      :class="{ 'div-message': !modal.open }"
-      v-if="storageNotification.length > 0"
-    >
-      <div v-for="notification in storageNotification">
+    <div :class="{ 'div-message': !modal.open }" v-if="storageNotification.length > 0">
+      <div>
         <Alert type="danger">
-          {{ notification.message }}
+          <div class="side-by-side" v-for="notification in storageNotification">
+            <div class="side-by-side text">
+              {{ notification.message }}
+            </div>
+          </div>
         </Alert>
       </div>
-      <b-alert
-        v-show="false"
-        :show="countdown"
-        dismissible
-        variant="danger"
-        @dismissed="countdown = 0"
-        @dismiss-count-down="countdownChanged"
-      >
+      <b-alert v-show="false" :show="countdown" dismissible variant="danger" @dismissed="countdown = 0"
+        @dismiss-count-down="countdownChanged">
       </b-alert>
     </div>
   </div>
@@ -81,4 +76,9 @@ export default {
 .invalid {
   color: #f0134d;
 }
+
+.text{
+  margin-right: 10px;
+}
+
 </style>

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>
@@ -195,6 +156,12 @@ export default {
   border-radius: 10px;
 }
 
+.img-user {
+  width: 40px;
+  height: 40px;
+  border-radius: 20px;
+}
+
 .period-rent {
   cursor: pointer;
 }

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,12 @@ export default {
         },
         updateToken: (state, token) => {
             state.userLogged.token = token;
+        },
+        updateComunication: (state) => {
+            state.userLogged.user.showComunication = false;
+        },
+        updatePhoto: (state, photo) => {
+            state.userLogged.user.photo = photo;
         }
     },
 }