commit

src/app/pages/gabinete-digital/event-list/event-list.module.ts

@@ -11,6 +11,22 @@ import { SharedModule } from 'src/app/shared/shared.module';
 
 import { BtnModalDismissPageModule } from 'src/app/shared/btn-modal-dismiss/btn-modal-dismiss.module';
 
+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,
@@ -19,6 +35,15 @@ import { BtnModalDismissPageModule } from 'src/app/shared/btn-modal-dismiss/btn-
 
     EventListPageRoutingModule,
     BtnModalDismissPageModule,
+    //
+    MatInputModule,
+    MatNativeDateModule,
+    NgxMatDatetimePickerModule,
+    NgxMatTimepickerModule,
+    NgxMatNativeDateModule,
+    NgxMatMomentModule,
+    MatSelectModule,
+    MatButtonModule,
   ],
   declarations: [EventListPage],
   exports: [EventListPage]

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

@@ -10,6 +10,33 @@
     <div class="header-title">
       <label>Eventos para Aprovação</label>
     </div>
+    <div style="float:right" *ngIf="showFilter">
+      <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>
   <ion-toolbar>
     <ion-segment [(ngModel)]="segment" (ionChange)="segmentChanged($event)">
       <!-- <ion-segment-button value="MDGPR">

src/app/pages/gabinete-digital/event-list/event-list.page.scss

@@ -54,22 +54,26 @@ ion-item-sliding{
   background-color: var(--white);
   border-radius: 5px;
   border-right: 5px solid #99e47b;
+  border-left: unset !important;
   overflow: auto;
 }
 .content-pr-Pessoal{
   background-color: var(--white);
   border-radius: 5px;
   border-right: 5px solid #958bfc;
+  border-left: unset !important;
   overflow: auto;
 }
 .content-mdgpr-Oficial{
   border-radius: 5px;
   border-right: 5px solid #ffb703;
+  border-left: unset !important;
   overflow: auto;
 }
 .content-mdgpr-Pessoal{
   border-radius: 5px;
   border-right: 5px solid #f05d5e;
+  border-left: unset !important;
   overflow: auto;
 }
 

src/app/pages/gabinete-digital/event-list/event-list.page.ts

@@ -42,6 +42,8 @@ export class EventListPage implements OnInit {
   eventsList: any = []
   color: 'pr' | 'mdgpr'
   environment = environment
+  filterName: 'Para hoje' | 'Novos'| 'Lidos'| 'Não lidos'| 'Todos' = 'Todos'
+  showFilter = false
 
   constructor(
     private processes: ProcessesService,
@@ -60,6 +62,10 @@ export class EventListPage implements OnInit {
 
   ngOnInit() {
 
+    if(window.location.pathname.includes('gabinete-digital')) {
+      this.showFilter = true
+    }
+    
     if(!this.segment) {
       if(this.eventService.calendarNamesAry.includes('Meu calendario')) {
         this.segment = 'Meu calendario';

src/app/shared/agenda/event-list/event-list.module.ts

@@ -8,12 +8,38 @@ import { EventListPageRoutingModule } from './event-list-routing.module';
 
 import { EventListPage } from './event-list.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,
-    EventListPageRoutingModule
+    EventListPageRoutingModule,
+    //
+    MatInputModule,
+    MatNativeDateModule,
+    NgxMatDatetimePickerModule,
+    NgxMatTimepickerModule,
+    NgxMatNativeDateModule,
+    NgxMatMomentModule,
+    MatSelectModule,
+    MatButtonModule,
   ],
   declarations: [EventListPage],
   exports: [EventListPage]