improve

src/app/pages/gabinete-digital/despachos-pr/despachos-pr.page.html

@@ -41,7 +41,7 @@
             <div class="item width-100 expedientes">
               <div class="exp-top-detail">
                 <div class="subject d-flex align-center">
-                  <ion-label>{{ task.Folio }}</ion-label>
+                  <ion-label [class.gb-seen]="TaskService.seen(task)">{{ task.Folio }}</ion-label>
                   <span class="dead-line ml-10" *ngIf="TaskService.deadlineIsToday(task.Deadline)">Para hoje</span>
                   <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskStartDate)">Nova</span>
                 </div>

src/app/pages/gabinete-digital/despachos/despachos.page.html

@@ -40,7 +40,7 @@
             <div class="item width-100 expediente">
               <div class="exp-top-detail">
                 <div class="subject d-flex align-center">
-                  <ion-label>{{ task.Folio }}</ion-label>
+                  <ion-label [class.gb-seen]="TaskService.seen(task)">{{ task.Folio }}</ion-label>
                   <span class="dead-line ml-10" *ngIf="TaskService.deadlineIsToday(task.Deadline)">Para hoje</span>
                   <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskStartDate)">Nova</span>
                 </div>

src/app/pages/gabinete-digital/diplomas-assinar/diplomas-assinar.page.html

@@ -68,7 +68,7 @@
             <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
               <div class="exp-top-detail">
                 <div class="subject d-flex align-center">
-                  <ion-label>{{ task.Folio || task.workflowInstanceDataFields.Subject }}</ion-label>
+                  <ion-label [class.gb-seen]="TaskService.seen(task)">{{ task.Folio || task.workflowInstanceDataFields.Subject }}</ion-label>
                   <span class="dead-line ml-10" *ngIf="TaskService.deadlineIsToday(task.Deadline)">Para hoje</span>
                   <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskStartDate)">Nova</span>
                 </div>

src/app/pages/gabinete-digital/diplomas-gerar/diplomas-gerar.page.html

@@ -43,7 +43,7 @@
             <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
               <div class="exp-top-detail">
                 <div class="subject d-flex align-center">
-                  <ion-label>{{ task.Folio }}</ion-label>
+                  <ion-label [class.gb-seen]="TaskService.seen(task)">{{ task.Folio }}</ion-label>
                   <span class="dead-line ml-10" *ngIf="TaskService.deadlineIsToday(task.Deadline)">Para hoje</span>
                   <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskStartDate)">Nova</span>
                 </div>

src/app/pages/gabinete-digital/diplomas/diplomas.page.html

@@ -65,7 +65,7 @@
               <div class="item width-100 expediente">
                 <div class="exp-top-detail">
                   <div class="subject d-flex align-center">
-                    <ion-label>{{ task.Folio }}</ion-label>
+                    <ion-label [class.gb-seen]="TaskService.seen(task)">{{ task.Folio }}</ion-label>
                     <span class="dead-line ml-10" *ngIf="TaskService.deadlineIsToday(task.Deadline)">Para hoje</span>
                     <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskStartDate)">Nova</span>
                   </div>

src/app/pages/gabinete-digital/expediente/expediente.page.html

@@ -62,7 +62,7 @@
         <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
           <div class="exp-top-detail">
             <div class="subject d-flex align-center">
-              <ion-label>{{ task.Subject }}</ion-label>
+              <ion-label [class.gb-seen]="TaskService.seen(task)">{{ task.Subject }}</ion-label>
               <span class="dead-line ml-10" *ngIf="TaskService.deadlineIsToday(task.Deadline)">Para hoje</span>
               <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskStartDate)">Nova</span>
             </div>

src/app/pages/gabinete-digital/expedientes-pr/expedientes-pr.page.html

@@ -61,7 +61,7 @@
           <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
             <div class="exp-top-detail">
               <div class="subject d-flex align-center">
-                <ion-label>{{ task.Subject }}</ion-label>
+                <ion-label [class.gb-seen]="TaskService.seen(task)">{{ task.Subject }}</ion-label>
                 <span class="dead-line ml-10" *ngIf="TaskService.deadlineIsToday(task.Deadline)">Para hoje</span>
                 <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskStartDate)">Nova</span>
               </div>

src/app/pages/gabinete-digital/gabinete-digital.page.html

@@ -301,8 +301,8 @@
                   <ion-icon hidden *ngIf="ThemeService.currentTheme == 'doneIt' && selectedElement == 'Dispatches'"  src="assets/images/theme/{{ThemeService.currentTheme}}/icons-despachos-presidente-hover.svg"></ion-icon>
                 </div>
                 <p class="text-center exp-card-title ">Despachos<br>
-                  <span class="new-task-count" *ngIf="deplomasStore.diplomasReviewListNewCount.length >=2">{{ despachoStore.newList.length}} Despachos novos</span>
+                  <span class="new-task-count" *ngIf="despachoStore.newList.length >=2">{{ despachoStore.newList.length}} Despachos novos</span>
-                  <span class="new-task-count" *ngIf="deplomasStore.diplomasReviewListNewCount.length ==1">{{ despachoStore.newList.length}} Despacho novo</span>
+                  <span class="new-task-count" *ngIf="despachoStore.newList.length ==1">{{ despachoStore.newList.length}} Despacho novo</span>
                   </p>
                 <p class="text-center exp-card-content"> {{despachoStore.count}} <span class="title1">Documentos</span> </p>
               </div>
@@ -369,6 +369,8 @@
                   <span class="new-task-count" *ngIf="pendentesstore.newList.length >=2">{{ pendentesstore.newList.length}} Meus Pendente</span>
                   <span class="new-task-count" *ngIf="pendentesstore.newList.length ==1">{{ pendentesstore.newList.length}} Meu Pendent</span>
                 </p>
+
+                <p class="text-center exp-card-content"> <span class="number">{{pendentesstore.count}} </span> <span class="title1">Documentos</span></p>
               </div>
             
 

src/app/pages/gabinete-digital/pedidos/pedidos.page.html

@@ -77,7 +77,7 @@
             <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
               <div class="exp-top-detail">
                 <div class="subject d-flex align-center">
-                  <ion-label>{{ task.Folio }}</ion-label>
+                  <ion-label [class.gb-seen]="TaskService.seen(task)">{{ task.Folio }}</ion-label>
                   <span class="dead-line ml-10" *ngIf="TaskService.deadlineIsToday(task.Deadline)">Para hoje</span>
                   <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskStartDate)">Nova</span>
                 </div>

src/app/services/task.service.ts

@@ -35,15 +35,19 @@ export class TaskService {
   filter(item, attribute) {
 
     if(attribute == 'Para hoje') {
-      return this.deadlineIsToday(item.TaskStartDate)
+      return this.deadlineIsToday(item.TaskStartDate || item.taskStartDate)
     } else if (attribute == 'Novos') {
-      return this.lessThen24Hours(item.TaskStartDate)
+      return this.lessThen24Hours(item.TaskStartDate || item.taskStartDate)
     } else if (attribute == 'Lidos') {
-      return item.TaskStatus == 'open'
+      return item.TaskStatus == 'Open' || item.taskStatus == 'Open'
     } else if (attribute == 'Não lidos') {
-      return item.TaskStatus != 'open'
+      return item.TaskStatus != 'Open' && item.taskStatus != 'Open'
     }
-
     return true
   }
+
+
+  seen(item) {
+    return item.TaskStatus == 'Open' || item.taskStatus == 'Open'
+  }
 }

src/app/shared/gabinete-digital/all-processes/all-processes.module.ts

@@ -8,12 +8,37 @@ import { AllProcessesPageRoutingModule } from './all-processes-routing.module';
 
 import { AllProcessesPage } from './all-processes.page';
 
+
+import { MatInputModule } from '@angular/material/input';
+import { MatNativeDateModule } from '@angular/material/core';
+
+import {
+  NgxMatDatetimePickerModule,
+  NgxMatNativeDateModule,
+  NgxMatTimepickerModule
+} from '@angular-material-components/datetime-picker';
+
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatButtonModule } from '@angular/material/button';
+import { MatSelectModule } from '@angular/material/select';
+import { NgxMatMomentModule } from '@angular-material-components/moment-adapter';
+
+
 @NgModule({
   imports: [
     CommonModule,
     FormsModule,
     IonicModule,
-    AllProcessesPageRoutingModule
+    AllProcessesPageRoutingModule,
+    //
+    MatInputModule,
+    MatNativeDateModule,
+    NgxMatDatetimePickerModule,
+    NgxMatTimepickerModule,
+    NgxMatNativeDateModule,
+    NgxMatMomentModule,
+    MatSelectModule,
+    MatButtonModule,
   ],
   exports: [AllProcessesPage],
   declarations: [AllProcessesPage]

src/app/shared/gabinete-digital/all-processes/all-processes.page.html

@@ -2,11 +2,39 @@
   <!-- <ion-progress-bar type="indeterminate" *ngIf="skeletonLoader"></ion-progress-bar> -->
   <div class="title">
     <div class="thetitle"><ion-label >Todas as tarefas</ion-label></div>
-    <!-- <div class="theicon">
+
-      <button title="Atualizar" class="btn-no-color" (click)="refreshing()">
+    <div class="theicon">
+      <div>
+        <mat-form-field class="task-filter-input" appearance="none"   color="ion-color-secondary"  placeholder="Selecione agenda">
+          <mat-select [(value)]="filterName">
+  
+            <mat-option value="Para hoje" >
+              Para hoje
+            </mat-option>
+  
+            <mat-option value="Novos" >
+              Novos
+            </mat-option>
+  
+            <mat-option value="Lidos" >
+              Lidos
+            </mat-option>
+  
+            <mat-option value="Não Lidos" >
+              Não lidos
+            </mat-option>
+  
+            <mat-option value="Todos" >
+              Todos
+            </mat-option>
+  
+          </mat-select>
+        </mat-form-field>
+      </div>
+      <!-- <button title="Atualizar" class="btn-no-color" (click)="refreshing()">
         <ion-icon slot="end" class="title-icon font-awesome" name="reload-circle"></ion-icon>
-      </button>
+      </button> -->
-    </div> -->
+    </div>
   </div>
 </ion-header>
 <ion-content>
@@ -28,16 +56,19 @@
         <div class="listview">
           <ion-list *ngIf="AllProcess">
             <div
-              class="item-wrapper item-hover ion-no-padding cursor-pointer"
+              class="item-hover ion-no-padding cursor-pointer"
               *ngFor = "let task of AllProcess"
               (click)="goToProcess(task.SerialNumber || task.serialNumber, task.WorkflowName || task.workflowName|| task.workflowDisplayName , task.activityInstanceName)">
-              <div class="item width-100">
+              <div class="item-wrapper" *ngIf="TaskService.filter(task, filterName)">
+                <div class="item width-100 " >
                   <div class="item-top-detail">
-                  <div class="item-subject">
+                    <div class="item-subject d-flex">
   
                       <!-- {{ task.SerialNumber || task.serialNumber}} {{ task.WorkflowName || task.workflowName || task.workflowDisplayName }} {{ task.activityInstanceName }} -->
                       
-                    <ion-label>{{ task.Folio || task.Subject || task.workflowInstanceDataFields.Subject}}</ion-label>
+                      <ion-label [class.gb-seen]="TaskService.seen(task)">{{ task.Folio || task.Subject || task.workflowInstanceDataFields.Subject}}</ion-label>
+                      <span class="dead-line ml-10" *ngIf="TaskService.deadlineIsToday(task.Deadline || task.deadline)">Para hoje</span>
+                      <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskStartDate || task.taskStartDate)">Nova</span>
                     </div>
                     <div *ngIf="task.DocumentsQty != 0" class="item-icon">
                       <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-attachment.svg"></ion-icon>
@@ -77,6 +108,8 @@
                   </div>
                 </div>
               </div>
+
+            </div>
           </ion-list>
         </div>
       </ion-item-sliding>

src/app/shared/gabinete-digital/all-processes/all-processes.page.scss

@@ -164,3 +164,7 @@ ion-list{
     }
   }
 }
+
+.new-task {
+  height: 23px;
+}

src/app/shared/gabinete-digital/all-processes/all-processes.page.ts

@@ -11,7 +11,7 @@ import { DespachosprStore } from 'src/app/store/despachospr-store.service';
 import { EventoAprovacaoStore } from 'src/app/store/eventoaprovacao-store.service';
 import { PedidosStore } from 'src/app/store/pedidos-store.service';
 import { SessionStore } from 'src/app/store/session.service';
-
+import { TaskService } from 'src/app/services/task.service'
 
 @Component({
   selector: 'app-all-processes',
@@ -35,10 +35,12 @@ export class AllProcessesPage implements OnInit {
   deplomasStore = DeplomasStore
   
   AllProcess = []
+  filterName: 'Para hoje' | 'Novos'| 'Lidos'| 'Não lidos'| 'Todos' = 'Todos'
   
   constructor(
     private router: Router,
-    public ThemeService: ThemeService
+    public ThemeService: ThemeService,
+    public TaskService: TaskService
   ) {
     this.loggeduser = SessionStore.user;
 

src/app/shared/gabinete-digital/diplomas-assinar/diplomas-assinar.page.html

@@ -63,7 +63,7 @@
           <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
             <div class="exp-top-detail">
               <div class="subject">
-                <ion-label>{{ task.Folio || task.workflowInstanceDataFields.Subject }}</ion-label>
+                <ion-label [class.gb-seen]="TaskService.seen(task)">{{ task.Folio || task.workflowInstanceDataFields.Subject }}</ion-label>
               </div>
               <div class="exp-icon">
                 <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-attachment.svg"></ion-icon>

src/app/shared/gabinete-digital/diplomas-gerar/diplomas-gerar.page.html

@@ -59,7 +59,7 @@
           <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
             <div class="exp-top-detail">
               <div class="subject">
-                <ion-label>{{ task.Folio }}</ion-label>
+                <ion-label [class.gb-seen]="TaskService.seen(task)">{{ task.Folio }}</ion-label>
               </div>
               <div class="exp-icon">
                 <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-attachment.svg"></ion-icon>

src/app/shared/gabinete-digital/diplomas/diplomas.page.html

@@ -58,7 +58,7 @@
           <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
             <div class="exp-top-detail">
               <div class="subject">
-                <ion-label>{{ task.Folio }}</ion-label>
+                <ion-label [class.gb-seen]="TaskService.seen(task)">{{ task.Folio }}</ion-label>
               </div>
               <div class="exp-icon">
                 <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/icons-expediente-attachment.svg"></ion-icon>

src/app/shared/gabinete-digital/events-to-approve/events-to-approve.module.ts

@@ -7,13 +7,37 @@ import { IonicModule } from '@ionic/angular';
 import { EventsToApprovePageRoutingModule } from './events-to-approve-routing.module';
 
 import { EventsToApprovePage } from './events-to-approve.page';
+import { MatInputModule } from '@angular/material/input';
+import { MatNativeDateModule } from '@angular/material/core';
+
+import {
+  NgxMatDatetimePickerModule,
+  NgxMatNativeDateModule,
+  NgxMatTimepickerModule
+} from '@angular-material-components/datetime-picker';
+
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatButtonModule } from '@angular/material/button';
+import { MatSelectModule } from '@angular/material/select';
+import { NgxMatMomentModule } from '@angular-material-components/moment-adapter';
+
+
 
 @NgModule({
   imports: [
     CommonModule,
     FormsModule,
     IonicModule,
-    EventsToApprovePageRoutingModule
+    EventsToApprovePageRoutingModule,
+    //
+    MatInputModule,
+    MatNativeDateModule,
+    NgxMatDatetimePickerModule,
+    NgxMatTimepickerModule,
+    NgxMatNativeDateModule,
+    NgxMatMomentModule,
+    MatSelectModule,
+    MatButtonModule,
   ],
   declarations: [EventsToApprovePage],
   exports: [EventsToApprovePage]

src/app/shared/gabinete-digital/events-to-approve/events-to-approve.page.html

@@ -3,9 +3,34 @@
   <div class="title width-100">
     <div class="title-container d-flex justify-space-between">
       <span class="text-center mt-0 aside-title px-20"><label>Eventos para Aprovação</label></span>
-      <!-- <button title="Atualizar" title="Atualizar" class="btn-no-color" (click)="doRefresh($event)">
+      <div>
-        <ion-icon class="title-icon font-awesome" name="reload-circle"></ion-icon>
+        <mat-form-field class="task-filter-input" appearance="none"   color="ion-color-secondary"  placeholder="Selecione agenda">
-      </button> -->
+          <mat-select [(value)]="filterName">
+  
+            <mat-option value="Para hoje" >
+              Para hoje
+            </mat-option>
+  
+            <mat-option value="Novos" >
+              Novos
+            </mat-option>
+  
+            <mat-option value="Lidos" >
+              Lidos
+            </mat-option>
+  
+            <mat-option value="Não Lidos" >
+              Não lidos
+            </mat-option>
+  
+            <mat-option value="Todos" >
+              Todos
+            </mat-option>
+  
+          </mat-select>
+        </mat-form-field>
+      </div>
+
     </div>
     <ion-toolbar>
       <ion-segment [(ngModel)]="segment" (ionChange)="segmentChanged($event)">
@@ -40,16 +65,22 @@
             *ngFor="let event of eventoaprovacaostore.get(segment)"
             (click)="goToEventDetail(event)"
           >
+            <div class="expediente" *ngIf="TaskService.filter(event, filterName)">
               <!-- (click)="openApproveModal(event)" -->
-            <div class="event-{{color}}-{{event.workflowInstanceDataFields.Agenda}} width-100 expediente">
+              <div class="event-{{color}}-{{event.workflowInstanceDataFields.Agenda}} width-100 d-flex">
                 <div class="approve-event-time">
                   <p>{{event.workflowInstanceDataFields.StartDate | date: 'HH:mm'}}</p>
                   <p>{{event.workflowInstanceDataFields.EndDate | date: 'HH:mm'}}</p>
                 </div>
                 <div class="approve-event-detail">
-                <p *ngIf="toDateString(event.workflowInstanceDataFields.StartDate) != toDateString(event.workflowInstanceDataFields.EndDate)">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }} - {{ event.workflowInstanceDataFields.EndDate | date: 'dd/M/yy'}}  |  {{event.workflowInstanceDataFields.Location}}</p>
+                  <div class="p" *ngIf="toDateString(event.workflowInstanceDataFields.StartDate) != toDateString(event.workflowInstanceDataFields.EndDate)">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }} - {{ event.workflowInstanceDataFields.EndDate | date: 'dd/M/yy'}}  |  {{event.workflowInstanceDataFields.Location}}</div>
-                <p *ngIf="toDateString(event.workflowInstanceDataFields.StartDate) == toDateString(event.workflowInstanceDataFields.EndDate)">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }}  |  {{event.workflowInstanceDataFields.Location}}</p>
+                  <div class="p" *ngIf="toDateString(event.workflowInstanceDataFields.StartDate) == toDateString(event.workflowInstanceDataFields.EndDate)">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }}  |  {{event.workflowInstanceDataFields.Location}}</div>
-                <h3>{{event.workflowInstanceDataFields.Subject}}</h3>
+                  <div class="h3">{{event.workflowInstanceDataFields.Subject}}</div>
+                </div>
+                <div>
+                  <span class="dead-line ml-10" *ngIf="TaskService.deadlineIsToday(event.deadline)">Para hoje</span>
+                  <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(event.taskStartDate)">Nova</span>
+                </div>
               </div>
             </div>
           </div>

src/app/shared/gabinete-digital/events-to-approve/events-to-approve.page.scss

@@ -70,7 +70,7 @@
       float: left;
       margin-left: 10px;
     }
-    .approve-event-detail p{
+    .approve-event-detail .p{
       //width: 250px;
       font-family: Roboto;
       font-size: 13px;
@@ -83,8 +83,7 @@
       margin: 0;
       padding-bottom: 10px;
     }
-    .approve-event-detail h3{
+    .approve-event-detail .h3{
-      width: 250px;
       font-family: Roboto;
       font-size: 15px;
       font-weight: bold;

src/app/shared/gabinete-digital/events-to-approve/events-to-approve.page.ts

@@ -12,7 +12,7 @@ import { Storage } from '@ionic/storage';
 import { SessionStore } from 'src/app/store/session.service';
 import { EventsService } from 'src/app/services/events.service';
 import { environment } from 'src/environments/environment';
-
+import { TaskService } from 'src/app/services/task.service'
 
 @Component({
   selector: 'app-events-to-approve',
@@ -35,6 +35,8 @@ export class EventsToApprovePage implements OnInit {
   color: 'pr' | 'mdgpr'
   eventoaprovacaostore = EventoAprovacaoStore;
   environment = environment
+  filterName: 'Para hoje' | 'Novos'| 'Lidos'| 'Não lidos'| 'Todos' = 'Todos'
+  
   
   constructor(
     private processes:ProcessesService,
@@ -44,6 +46,7 @@ export class EventsToApprovePage implements OnInit {
     private sortService: SortService,
     private storage: Storage,
     public eventService: EventsService,
+    public TaskService: TaskService
     )
     {}
 

src/app/shared/gabinete-digital/expedientes-pr/expedientes-pr.page.html

@@ -47,7 +47,7 @@
         <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
           <div class="exp-top-detail">
             <div class="subject">
-              <ion-label>{{ task.Subject }}</ion-label>
+              <ion-label [class.gb-seen]="TaskService.seen(task)">{{ task.Subject }}</ion-label>
             </div>
             <div class="exp-icon">
               <ion-icon *ngIf="ThemeService.currentTheme == 'default'"  src="assets/images/icons-expediente-attachment.svg"></ion-icon>

src/app/shared/gabinete-digital/expedients/expedients.page.html

@@ -56,7 +56,7 @@
           <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
             <div class="exp-top-detail">
               <div class="subject">
-                <ion-label>{{ task.Subject }}</ion-label>
+                <ion-label [class.gb-seen]="TaskService.seen(task)">{{ task.Subject }}</ion-label>
                 <span class="dead-line ml-10" *ngIf="TaskService.deadlineIsToday(task.Deadline)">Para hoje</span>
                 <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskStartDate)">Nova</span>
               </div>

src/app/shared/gabinete-digital/generic/task-list/task-list.page.html

@@ -13,7 +13,7 @@
           <div class="item width-100 expediente" *ngIf="TaskService.filter(task, filterName)">
             <div class="exp-top-detail">
               <div class="subject d-flex align-center">
-                <ion-label>{{ task.Folio }}</ion-label>
+                <ion-label [class.gb-seen]="TaskService.seen(task)">{{ task.Folio }}</ion-label>
                 <span class="dead-line ml-10" *ngIf="TaskService.deadlineIsToday(task.Deadline)">Para hoje</span>
                 <span class="new-task ml-10" *ngIf="TaskService.lessThen24Hours(task.TaskStartDate)">Nova</span>
               </div>

src/global.scss

@@ -1491,3 +1491,8 @@ ion-textarea.heigh-200  textarea {
 .lowercase {
   text-transform: lowercase;
 }
+
+
+.gb-seen {
+  font-weight: normal !important;
+}