@nixweb/nixloc-ui 0.0.306 → 0.0.307

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nixweb/nixloc-ui",
-  "version": "0.0.306",
+  "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/shared/Report.vue

@@ -8,7 +8,7 @@
         <ExportExcel :nameFile="name" :header="header" :data="data" />
       </div>
     </div>
-    <ScrollBar :minHeight="400" :maxHeight="820">
+    <ScrollBar :minHeight="400" :maxHeight="500">
       <br />
       <div id="printMeSub" :style="'min-height:' + minHeight + 'px'" class="a4 footer">
         <HeaderReport :title="titleHeader" />

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/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;