@nixweb/nixloc-ui 0.0.195 → 0.0.196

package/package.json

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

package/src/component/forms/InputDecimalDiscount.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
-    <InputDecimal v-if="!discount.discountByPercentage" :markFormDirty="markFormDirty" :title="title" field="discount" :required="required"
-      :formName="formName" _style="color:red;" :disabled="disabled" v-model="discount.discount">
+    <InputDecimal v-if="!discount.discountByPercentage" :markFormDirty="markFormDirty" :title="title" field="discount"
+      :required="required" :formName="formName" _style="color:red;" :disabled="disabled" v-model="discount.discount">
       <div class="glyphicon margin-button">
         <Button _key="btnDiscount" title="" type="primary" classIcon="fa-solid fa-brazilian-real-sign" size="small"
           :disabled="disabled" :clicked="change" />
@@ -35,7 +35,7 @@ export default {
   props: ["formName", "disabled", "_style", "required", "markFormDirty", "value"],
   data() {
     return {
-      title: "Desconto em %",
+      title: "Desconto em R$",
       discount: { discountByPercentage: false, discount: 0 },
     };
   },
@@ -50,10 +50,13 @@ export default {
     change() {
       this.discount.discountByPercentage =
         this.discount.discountByPercentage != true;
-      if (this.discount.discountByPercentage) this.title = "Desconto em %";
-      if (!this.discount.discountByPercentage) this.title = "Desconto em R$";
+      this.titleName();
       this.removeLoading(["btnDiscount"]);
     },
+    titleName() {
+      if (this.discount.discountByPercentage) this.title = "Desconto em %";
+      if (!this.discount.discountByPercentage) this.title = "Desconto em R$";
+    }
   },
   watch: {
     discount: {
@@ -65,6 +68,7 @@ export default {
     value: {
       handler(value) {
         this.discount = value;
+        this.titleName();
       },
       deep: true,
     },

package/src/component/layout/Panel.vue

@@ -8,15 +8,14 @@
           <slot name="content-filter"></slot>
         </VerticalFilter>
       </div>
-      <div class="local-container">
+      <div class="local-container" :class="{ 'layout-small': layout == 'small' }">
         <Messages v-if="!modal.open" />
         <div class="row">
           <div class="col-10">
             <div class="div-title">
               <span class="module">
                 <span class="icon-panel"><i class="fas fa-compass"></i></span>
-                {{ module }} <span v-if="title">|</span></span
-              >
+                {{ module }} <span v-if="title">|</span></span>
               <span class="title"> {{ title }}</span>
             </div>
           </div>
@@ -36,7 +35,9 @@
         <br v-show="showButtons || showSearch" />
         <div v-show="showButtons || showSearch">
           <div>
-            <div v-show="showSearch"><Search /></div>
+            <div v-show="showSearch">
+              <Search />
+            </div>
           </div>
         </div>
         <br v-show="showSearch" />
@@ -75,6 +76,10 @@ export default {
     showVerticalFilter: Boolean,
     showSearch: Boolean,
     showButtons: Boolean,
+    layout: {
+      type: String,
+      default: "small"
+    }
   },
   data() {
     return {
@@ -100,10 +105,13 @@ export default {
 };
 </script>
 <style scoped>
+.layout-small {
+  max-width: 1500px;
+}
+
 .local-container {
   margin: auto;
   padding-left: 100px;
-  max-width: 1500px;
 }
 
 .div-title {
@@ -158,5 +166,4 @@ export default {
 .div-back:hover {
   color: #505050;
 }
-
 </style>

package/src/component/template/ViewTemplateReportPreview.vue

@@ -1,11 +1,11 @@
 <template>
   <div>
-    <Panel :module="panel.module" :title="panel.title" :showVerticalFilter="panel.showVerticalFilter"
+    <Panel :module="panel.module" layout="large" :title="panel.title" :showVerticalFilter="panel.showVerticalFilter"
       :showSearch="panel.showSearch" :showButtons="panel.showButtons">
       <div slot="content-main">
         <br />
         <Loading type="line" :center="false" v-show="loadingSearch" />
-        <div v-show="!showFilter">       
+        <div v-show="!showFilter">
           <div class="div-progress" v-if="liveTotalRecords != baseParams.totalRecords && !loadingSearch && !cancel">
             <ProgressBar :text="`Carregando ${liveTotalRecords} registros de ${baseParams.totalRecords}`"
               :value="liveTotalRecords" :max="baseParams.totalRecords" size="medium" />