@nixweb/nixloc-ui 0.0.153 → 0.0.155

package/package.json

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

package/src/component/forms/EditorHtml.vue

@@ -10,7 +10,12 @@
         v-if="notifications.length > 0 && formDirty"
         class="required glyphicon fas fa-exclamation-triangle"
       ></i>
-      <vue-editor v-model.trim="value" :editorToolbar="customToolbar"></vue-editor>
+      <vue-editor
+        v-model.trim="value"
+        :editorToolbar="customToolbar"
+        :disabled="disabled"
+        :class="{ disabled: disabled }"
+      ></vue-editor>
     </div>
 
     <div v-if="formDirty">
@@ -36,6 +41,7 @@ export default {
     field: String,
     formName: String,
     required: Boolean,
+    disabled: Boolean,
     maxLength: Number,
     value: String,
   },
@@ -44,16 +50,18 @@ export default {
       notifications: [],
       formDirty: false,
       textoEditor: "",
-      customToolbar: [
-        ["bold", "italic", "underline"],
-      ],
+      customToolbar: [["bold", "italic", "underline"]],
     };
   },
   created() {
     this.validate();
   },
   methods: {
-    ...mapMutations("validation", ["addValidation", "removeValidation", "updateFormDirty"]),
+    ...mapMutations("validation", [
+      "addValidation",
+      "removeValidation",
+      "updateFormDirty",
+    ]),
     validate() {
       this.notifications = [];
 
@@ -123,4 +131,8 @@ export default {
   color: #f0134d;
   font-size: 14px;
 }
+
+.disabled {
+  color: #86929e;
+}
 </style>

package/src/component/forms/InputDecimalDiscount.vue

@@ -7,6 +7,7 @@
       :required="required"
       :formName="formName"
       _style="color:red;"
+      :disabled="disabled"
       v-model="discount.discount"
     >
       <div class="glyphicon margin-button">
@@ -16,6 +17,7 @@
           type="primary"
           classIcon="fa-solid fa-brazilian-real-sign"
           size="small"
+          :disabled="disabled"
           :clicked="change"
         /></div
     ></InputDecimal>
@@ -25,6 +27,7 @@
       field="discount"
       :formName="formName"
       :required="false"
+      :disabled="disabled"
       _style="color:red;"
       :maxLength="5"
       type="float"
@@ -34,6 +37,7 @@
           _key="btnDiscount"
           title=""
           type="primary"
+          :disabled="disabled"
           classIcon="fa-solid fa-percent"
           size="small"
           :clicked="change"

package/src/component/layout/Alert.vue

@@ -55,8 +55,8 @@ export default {
 }
 
 .success {
-  background-color: #f6ffed;
-  border: 1px solid #b7eb8f;
+  background-color: #f6ffed !important;
+  border: 1px solid #b7eb8f !important;
 }
 
 .warning {

package/src/component/layout/Badge.vue

@@ -6,6 +6,7 @@
         small: size === 'small',
         medium: size === 'medium',
         large: size === 'large',
+        blue: type === 'blue',
         primary: type === 'primary',
         success: type === 'success',
         warning: type === 'warning',
@@ -66,6 +67,12 @@ export default {
   color: #fff;
 }
 
+.blue {
+  background: #007bff;
+  border-color: #007bff;
+  color: #fff;
+}
+
 .primary {
   background: #577696;
   border-color: #577696;
@@ -74,8 +81,8 @@ export default {
 
 .success {
   color: #fff;
-  background: #38A169;
-  border-color: #38A169;
+  background: #38a169;
+  border-color: #38a169;
 }
 
 .info {

package/src/component/layout/Molded.vue

@@ -19,7 +19,7 @@ export default {
 .molded {
   border: 1px solid #e8eaed;
   background-color: white;
-  border-radius: 12px !important;
+  border-radius: 8px !important;
   padding: 10px;
   padding-top: 15px;
   padding-left: 30px;

package/src/component/shared/ParameterLegend.vue

@@ -23,7 +23,17 @@
               <span class="exemplo"> {{ item.example }}</span>
             </td>
             <td class="parametro">
-              <span> {{ item.parameter }}</span>
+              <span @click="copy(item.parameter)" v-clipboard="item.parameter">
+                {{ item.parameter }}
+                <span v-if="item.parameter">
+                  <span class="copy" v-if="copied != item.parameter">
+                    <span>Copiar</span>
+                  </span>
+                  <span class="copied" v-else>
+                    <span>Copiado</span>
+                  </span>
+                </span>
+              </span>
             </td>
           </tr>
         </tbody>
@@ -49,6 +59,7 @@ export default {
   data() {
     return {
       legendLocal: [],
+      copied: "",
     };
   },
   mounted() {
@@ -56,6 +67,9 @@ export default {
   },
   methods: {
     ...mapMutations("generic", ["removeLoading"]),
+    copy(parameter) {
+      this.copied = parameter;
+    },
   },
   computed: {
     ...mapGetters("generic", ["groupBy"]),
@@ -128,11 +142,21 @@ export default {
 }
 
 .parametro {
-  width: 250px;
+  font: 12px;
+  width: 340px;
+  cursor: pointer;
 }
 
 .exemplo {
   font-size: 14px;
   color: rgb(31, 31, 82);
 }
+
+.copy {
+  color: rgb(31, 31, 82);
+}
+
+.copied {
+  color: red;
+}
 </style>

package/src/component/shared/TableImport.vue

@@ -13,7 +13,6 @@
               <div class="div-select">
                 <SelectStatic
                   :title="obj.title"
-                  fieldTarget="timeZone"
                   :data="select"
                   :markFormDirty="false"
                   v-model="obj.target"

package/src/component/shared/Timer.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    Atualizado em
+    {{ title }}
     <span class="timer">{{ time }}</span> segundos...
   </div>
 </template>
@@ -12,6 +12,10 @@ export default {
       type: Number,
       default: 10,
     },
+    title: {
+      type: String,
+      default: "Atualizado em",
+    },
     endTime: Function,
   },
   data() {

package/src/component/template/ViewTemplateDocumentView.vue

@@ -49,6 +49,7 @@
                   <div class="side-by-side">
                     <Button
                       key="showModalLegend"
+                      title="Parâmetros (Alt)"
                       type="info"
                       classIcon="fas fa-book-reader"
                       size="small"
@@ -58,6 +59,7 @@
                   <div class="side-by-side">
                     <Button
                       key="showModalCode"
+                      title="Código"
                       type="info"
                       classIcon="far fa-code"
                       size="small"
@@ -81,8 +83,8 @@
           <Modal title="Salvar" :width="800" v-show="showModal('saveDocument')">
             <slot></slot>
           </Modal>
-          <Modal title="Parâmetros" :width="1100" v-if="showModal('legenda')">
-            <ParameterLegend v-if="modal.open" :legend="parameterLegend" />
+          <Modal title="Parâmetros" :width="1100" v-show="showModal('legenda')">
+            <ParameterLegend v-show="modal.open" :legend="parameterLegend" />
           </Modal>
           <Modal title="Editor de Código" :width="900" v-if="showModal('code')">
             <CodeEditor v-if="modal.open" />
@@ -178,6 +180,15 @@ export default {
     setTimeout(function () {
       self.showDocumentEditor = true;
     }, 1500);
+    window.addEventListener("keydown", (e) => {
+      if (e.key == "Alt") {
+        if (this.modal.open) {
+          this.hideModal();
+        } else {
+          this.showModalLegend();
+        }
+      }
+    });
   },
   computed: {
     ...mapState("generic", ["modal", "documentHtml"]),

package/src/component/template/ViewTemplateImportFile.vue

@@ -12,8 +12,8 @@
         <div class="div-loading" v-show="loading">
           <span
             >Aguarde, estamos carregando os dados, isso pode levar alguns
-            minutos...</span
-          >
+            minutos...
+          </span>
           <Loading type="line" :center="false" />
         </div>
         <Molded v-show="!loading">
@@ -85,6 +85,15 @@
                 size="small"
                 :clicked="openListError"
               />
+              <Button
+                v-if="isValid"
+                _key="btnImport"
+                type="success"
+                title="Importar"
+                classIcon="fa-solid fa-file-import"
+                size="small"
+                :clicked="startImport"
+              />
             </div>
             <br />
             <Alert type="danger" v-if="listError.length > 0">
@@ -102,6 +111,7 @@
             </Alert>
 
             <TableImport
+              v-if="fileName"
               :select="select"
               :headerTable="headerTable"
               :data="data"
@@ -155,6 +165,7 @@ export default {
     typeImport: Number,
     urlMapping: String,
     urlValidate: String,
+    urlImport: String,
   },
   data() {
     return {
@@ -218,6 +229,24 @@ export default {
         this.removeLoading(["btnValidate"]);
       });
     },
+    startImport() {
+      let params = {
+        url: this.urlImport,
+        obj: {
+          fileName: this.fileName,
+          container: this.container,
+          typeImport: this.typeImport,
+          items: this.headerTable,
+        },
+        notNotifyToast: true,
+      };
+      this.postApi(params).then((response) => {
+        if (response.success) {
+          alert();
+        }
+        this.removeLoading(["btnValidate"]);
+      });
+    },
     openListError() {
       this.openModal("listError");
       this.removeLoading(["btnListError"]);