@nixweb/nixloc-ui 0.0.305 → 0.0.307

package/package.json

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

package/src/component/layout/NewMenu.vue

@@ -55,17 +55,21 @@
                                         <b-row>
                                             <b-col sm="2" v-if="item.title">
                                                 <i :class="item.icon"></i>
-
                                             </b-col>
                                             <b-col sm="9">
                                                 <div v-if="item.groupName" class="div-group">
                                                     {{ item.groupName }}
                                                 </div>
                                                 <span>
+
                                                     <span> {{ item.title }}</span>
-                                                    <span class="div-support" v-if="item.isVisible == 'support'">
+                                                    <span class="div-new" v-if="item.isVisible == 'support'">
                                                         Suporte
                                                     </span>
+                                                    <span class="div-new"
+                                                        v-if="item.showNewUntil && showNewUntil(item.showNewUntil)">
+                                                        Novo 
+                                                    </span>
                                                 </span>
                                             </b-col>
                                         </b-row>
@@ -136,6 +140,17 @@ export default {
     },
     methods: {
         ...mapMutations("generic", ["addEvent", "toggleMenu"]),
+        showNewUntil(dateStr) {
+            const [day, month, year] = dateStr.split('/');
+            const inputDate = new Date(year, month - 1, day);
+            const today = new Date();
+
+            // Zerar horas para comparar apenas a data
+            inputDate.setHours(0, 0, 0, 0);
+            today.setHours(0, 0, 0, 0);
+
+            return today < inputDate;
+        },
         updatePageSize() {
             const windowHeight = window.innerHeight;
             this.pageSize = windowHeight;
@@ -445,11 +460,11 @@ export default {
     padding: 5px;
 }
 
-.div-support {
+.div-new {
     background-color: #0A36DB;
     font-size: 11px;
     border-radius: 20px;
-    padding: 1px 2px 2px 2px;
+    padding: 1px 3px 2px 2px;
     margin-left: 5px;
     color: white !important;
 }

package/src/component/report/ReportTable.vue

@@ -64,7 +64,7 @@ export default {
 </script>
 <style scoped>
 table tbody tr td {
-    max-width: 350px;
+    width: 1100px;
 }
 
 .table thead tr {

package/src/component/shared/Report.vue

@@ -1,16 +1,16 @@
 <template>
   <div class="preview">
     <div class="toolbar">
-      <div class="icon-toolbar" v-print="'#printMe'">
+      <div class="icon-toolbar" v-print="'#printMeSub'">
         <i class="fas fa-print"></i>
       </div>
       <div class="icon-toolbar icon-excel">
-        <ExportExcel :header="header" :data="data" />
+        <ExportExcel :nameFile="name" :header="header" :data="data" />
       </div>
     </div>
-    <ScrollBar :minHeight="400" :maxHeight="820">
+    <ScrollBar :minHeight="400" :maxHeight="500">
       <br />
-      <div id="printMe" :style="'min-height:' + minHeight + 'px'" class="a4 footer">
+      <div id="printMeSub" :style="'min-height:' + minHeight + 'px'" class="a4 footer">
         <HeaderReport :title="titleHeader" />
         <table class="table table-responsive-md">
           <thead>
@@ -27,19 +27,19 @@
             <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" @click="sendEvent(obj.eventName, row)" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)
-        " v-if="obj.type === 'text'">
+                  " v-if="obj.type === 'text'">
                   {{ row[obj.field] }}
                 </div>
                 <div :style="obj.styleBody" @click="sendEvent(obj.eventName, row)" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)
-        " v-if="obj.type === 'date'">
+                  " v-if="obj.type === 'date'">
                   {{ row[obj.field] | moment("DD/MM/YYYY") }}
                 </div>
                 <div :style="obj.styleBody" @click="sendEvent(obj.eventName, row)" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)
-        " v-if="obj.type === 'dateTime'">
+                  " v-if="obj.type === 'dateTime'">
                   {{ row[obj.field] | moment("DD/MM/YYYY HH:mm") }}
                 </div>
                 <div :style="obj.styleBody" @click="sendEvent(obj.eventName, row)" :class="convertClass(row[obj.fieldComparison], obj.classCssBody)
-        " v-if="obj.type === 'currency'">
+                  " v-if="obj.type === 'currency'">
                   {{ row[obj.field] | currency }}
                 </div>
               </td>
@@ -75,7 +75,7 @@ export default {
   directives: {
     print,
   },
-  props: ["titleHeader", "header", "data", "totalization", "totalizationCustom", "minHeight"],
+  props: ["name", "titleHeader", "header", "data", "totalization", "totalizationCustom", "minHeight"],
   components: { ScrollBar, HeaderReport, TotalizationReport, ExportExcel },
   methods: {
     ...mapMutations("generic", ["addEvent"]),
@@ -95,14 +95,14 @@ export default {
     },
     sendEvent(eventName, data) {
       if (eventName) this.addEvent({ name: eventName, data: data });
-    }
+    },
   },
 };
 </script>
 
 <style scoped>
 table tbody tr td {
-  max-width: 350px;
+  width: 1100px;
 }
 
 .table thead tr {

package/src/component/shared/TotalizationReport.vue

@@ -3,19 +3,19 @@
     <hr class="hr-report" />
     <div class="text-right">
       <b-row>
-        <b-col sm="10">
+        <b-col sm="9">
           <span class="title-report-header"> Total de Registros .................. </span>
         </b-col>
-        <b-col sm="2">
+        <b-col sm="3">
           <span class="title-report-header value-report-header"> {{ totalRecords }} </span>
         </b-col>
       </b-row>
       <!-- Utilizado para calculo do subReport -->
       <b-row v-if="totalizationCustom">
-        <b-col sm="10">
+        <b-col sm="9">
           <span class="title-report-header"> {{ totalizationCustom[0].title }} .................. </span>
         </b-col>
-        <b-col sm="2">
+        <b-col sm="3">
           <span class="title-report-header value-report-header"> {{ totalizationCustom[0].value | currency }} </span>
         </b-col>
       </b-row>

package/src/component/shared/filter-builder/FilterQuery.vue

@@ -14,6 +14,7 @@
         </div>
 
         <Modal title="Filtros" :width="700" :height="750" v-show="showModal('filter')">
+            <slot></slot>
             <FilterBuilder :filters="filters" v-model="filterFinal" />
         </Modal>
     </div>

package/src/component/template/ViewTemplateReportList.vue

@@ -43,6 +43,9 @@
                       <i class="fas fa-file-alt icon-report"></i>
                     </b-col>
                     <b-col sm="11" @click="navegateTo(report)">
+                      <div v-if="report.showNewUntil && showNewUntil(report.showNewUntil)" class="side-by-side div-new">
+                        <span>Novo</span>
+                      </div>
                       <div class="title-report side-by-side">{{ report.name }}</div>
                       <div><span class="description-report">{{ report.description }}</span></div>
                     </b-col>
@@ -80,6 +83,7 @@ export default {
   },
   computed: {
     ...mapState("generic", ["search", "executedSearch", "clearedSearch"]),
+
   },
   mounted() {
     this.getAll();
@@ -89,6 +93,16 @@ export default {
   methods: {
     ...mapMutations("generic", ["removeLoading"]),
     ...mapActions("generic", ["getApi", "deleteAllApi"]),
+    showNewUntil(dateStr) {
+      const [day, month, year] = dateStr.split('/');
+      const inputDate = new Date(year, month - 1, day);
+      const today = new Date();
+
+      inputDate.setHours(0, 0, 0, 0);
+      today.setHours(0, 0, 0, 0);
+
+      return today < inputDate;
+    },
     getAll() {
       let obj = { module: this.panel.module };
       let params = { url: this.urlGetAll, obj: obj };
@@ -191,6 +205,15 @@ export default {
   color: #577696;
 }
 
+.div-new {
+  background-color: #0A36DB;
+  font-size: 11px;
+  border-radius: 20px;
+  padding: 1px 8px 2px 8px;
+  margin-right: 10px;
+  color: white !important;
+}
+
 .div-molded {
   margin-bottom: 10px;
   cursor: pointer;