multiples improvements

src/app/pages/gabinete-digital/expediente/book-meeting-modal/book-meeting-modal.page.html

@@ -50,7 +50,7 @@
       <ion-datetime 
         placeholder="Início"
         [(ngModel)]="postData.StartDate" 
-        displayFormat="D H:mm"
+        displayFormat="D MMM YYYY H:mm"
         minuteValues="0,15,30,45"
         monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"
         min="2018" 

src/app/pages/gabinete-digital/expediente/expediente-detail/expediente-detail.module.ts

@@ -7,12 +7,14 @@ import { IonicModule } from '@ionic/angular';
 import { ExpedienteDetailPageRoutingModule } from './expediente-detail-routing.module';
 
 import { ExpedienteDetailPage } from './expediente-detail.page';
+import { SharedModule } from 'src/app/shared/shared.module';
 
 @NgModule({
   imports: [
     CommonModule,
     FormsModule,
     IonicModule,
+    SharedModule,
     ExpedienteDetailPageRoutingModule
   ],
   declarations: [ExpedienteDetailPage]

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

@@ -1,17 +1,21 @@
-<ion-header>
-  <ion-toolbar class="bg-blue">
-    <div class="div-top-header">
-    <div class="div-search">
-      <ion-icon src='assets/images/icons-search.svg'></ion-icon>
+<ion-header  class="ion-no-border">
+  <ion-toolbar class="header-toolbar">
+    <div class="main-header">
+      <div class="title-content">
+        <app-btn-modal-dismiss></app-btn-modal-dismiss>
+        <div class="middle">
+          <ion-label class="title">Detalhes do Expediente</ion-label>
+        </div>
+        <div class="div-icon">
+            <ion-menu-button autoHide="false">
+              <ion-icon name="ellipsis-vertical-outline"></ion-icon>
+            </ion-menu-button>
+        </div>
+      </div>
     </div>
-    <div class="div-logo">
-      <img src='assets/images/logo-no-bg.png' alt='logo'>
-    </div>
-    <div class="div-profile">
-      <ion-icon src='assets/images/icons-profile.svg'></ion-icon>
-    </div>
-  </div>
-</ion-toolbar>
+  </ion-toolbar>
+</ion-header>
+<!-- <ion-header>
   <ion-toolbar class="bg-blue">
     <ion-buttons slot="start">
       <ion-back-button defaultHref="/expediente"></ion-back-button>
@@ -23,7 +27,7 @@
       </ion-menu-button>
     </ion-buttons>
   </ion-toolbar>
-</ion-header>
+</ion-header> -->
 
 <ion-menu autoHide="false" side="end" content-id="main-content">
   <ion-header>
@@ -80,7 +84,7 @@
       <ion-label position="stacked">Data</ion-label>
       <ion-input disabled="true" value=''>{{ task.CreateDate | date: 'dd-MM-yy | hh:mm'}}</ion-input>
     </ion-item>
-    <ion-button class="btn-ok-no-width" fill="clear" color="#fff" (click)="viewDocument()" shape="round" expand="block">
+    <ion-button (click)="viewDocument()" class="btn-ok-no-width" fill="clear" color="#fff" shape="round" expand="block">
       <ion-icon name="attach" slot="start"></ion-icon>
       Ver documento
     </ion-button>
@@ -121,9 +125,12 @@
     <ion-list>
       <div *ngIf="eventsList">
         <ion-item-sliding>
-          <ion-item class="Rectangle" lines="none" 
-              *ngFor="let event of eventsList"
-              [routerLink]="['/home/events', event.EventId, 'events']">
+          <ion-item 
+            class="Rectangle" lines="none" 
+            *ngFor="let event of eventsList"
+            (click)="viewEventDetail(event.EventId)"
+          >
+              <!-- [routerLink]="['/home/events', event.EventId, 'events']" -->
               <div class="content-{{profile}}-{{event.CalendarName}}">
                 <div class="approve-event-time">
                   <p>{{event.StartDate | date: 'hh:mm'}}</p>

src/app/pages/gabinete-digital/expediente/expediente-detail/expediente-detail.page.scss

@@ -1,3 +1,82 @@
+@import '~src/function.scss';
+.header-toolbar{
+    --background:transparent;
+    --opacity: 1;
+
+    .main-header{
+        width: 100%; /* 400px */
+        height: 100%;
+        font-family: Roboto;
+        border-top-left-radius: 25px;
+        border-top-right-radius: 25px;
+        background-color: #fff;
+        overflow:hidden;
+        padding: 30px 20px 0px 20px;
+        color:#000;
+        transform: translate3d(0, 1px, 0);
+        
+        .header-top{
+          width: 360px;
+          margin: 0px auto;
+          overflow: auto;
+          padding: 0 !important;
+          background: #fff;
+           .middle{
+            padding: 0!important;
+            float: left;
+            width: 280px;
+            margin: 2.5px 0 0 5px;
+            display: flex;
+            align-items: center;
+            
+          }
+          .right{
+            padding: 0!important;
+            float: right;
+            font-size: 25px;
+            color: #0782c9;
+            margin: 5px 0 0 0;
+          }
+        }
+        .header-bottom{
+          width: 310px;
+          overflow: auto;
+          margin: 0 auto;
+
+          .header-bottom-icon{
+            width: 30px;
+            font-size: 25px;
+            float: left;
+            padding: 2px;
+
+          }
+          .header-bottom-contacts{
+            width: 275px;
+            font-size: 15px;
+            color: #797979;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            float: left;
+            padding: 5px;
+            margin: 1px;
+          }
+        }
+    
+        .title{
+          font-size: 25px;
+          overflow: auto;
+          float: left;
+        }
+        .div-icon{
+          width: 40px;
+          float: right;
+          font-size: 35px;
+          overflow: auto;
+          padding: 1px;
+        }
+    }
+ }
 ion-item-group{
     margin: 15px;
 }

src/app/pages/gabinete-digital/expediente/expediente-detail/expediente-detail.page.ts

@@ -7,10 +7,11 @@ import { DailyWorkTask } from '../../../../models/dailyworktask.model';
 import { ActivatedRoute, Router } from '@angular/router';
 import { formatDate } from '@angular/common';
 import { Event } from '../../../../models/event.model';
-import { MenuController, ModalController } from '@ionic/angular';
+import { MenuController, ModalController, NavParams } from '@ionic/angular';
 import { AlertService } from 'src/app/services/alert.service';
 import { ExpedientTaskModalPage } from '../expedient-task-modal/expedient-task-modal.page';
 import { BookMeetingModalPage } from '../book-meeting-modal/book-meeting-modal.page';
+import { ViewEventPage } from 'src/app/pages/agenda/view-event/view-event.page';
 
 @Component({
   selector: 'app-expediente-detail',
@@ -19,6 +20,12 @@ import { BookMeetingModalPage } from '../book-meeting-modal/book-meeting-modal.p
 })
 export class ExpedienteDetailPage implements OnInit {
 
+  task: any;
+  fulltask:any;
+  eventsList: Event[];  
+  serialnumber:string;
+  profile: string;
+
   constructor(private activateRoute: ActivatedRoute,
     private processes:ProcessesService,
     private iab: InAppBrowser,
@@ -27,13 +34,11 @@ export class ExpedienteDetailPage implements OnInit {
     private menu: MenuController,
     private router:Router,
     private modalController: ModalController,
-    private alertService: AlertService) { }
-
-  task: any;
-  fulltask:any;
-  eventsList: Event[];  
-  serialnumber:string;
-  profile: string;
+    private navParams: NavParams,
+    private alertService: AlertService) { 
+      this,this.serialnumber = this.navParams.get('serialNumber');
+      this,this.profile = this.navParams.get('profile');
+    }
 
   ngOnInit() {
     this.profile = "mdgpr";
@@ -45,6 +50,8 @@ export class ExpedienteDetailPage implements OnInit {
       this.LoadTaskDetail(this.serialnumber);
       this.LoadRelatedEvents(this.serialnumber);
     });
+    this.LoadTaskDetail(this.serialnumber);
+    this.LoadRelatedEvents(this.serialnumber);
   }
 
 
@@ -127,4 +134,23 @@ export class ExpedienteDetailPage implements OnInit {
     await modal.present();
     modal.onDidDismiss();
   }
+
+  async viewEventDetail(eventId:any) {
+    console.log(this.profile);
+    
+    const modal = await this.modalController.create({
+      component: ViewEventPage,
+      componentProps:{
+        eventId: eventId,
+        profile: this.profile,
+      },
+      cssClass: 'modal',
+      backdropDismiss: false
+    });
+    await modal.present();
+    modal.onDidDismiss().then((res)=>{
+      if(res){
+      }
+    });
+  }
 }

src/app/pages/gabinete-digital/expediente/expediente.module.ts

@@ -7,12 +7,14 @@ import { IonicModule } from '@ionic/angular';
 import { ExpedientePageRoutingModule } from './expediente-routing.module';
 
 import { ExpedientePage } from './expediente.page';
+import { SharedModule } from 'src/app/shared/shared.module';
 
 @NgModule({
   imports: [
     CommonModule,
     FormsModule,
     IonicModule,
+    SharedModule,
     ExpedientePageRoutingModule
   ],
   declarations: [ExpedientePage],

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

@@ -1,22 +1,13 @@
-<ion-header>
-  <ion-toolbar class="bg-blue">
-    <div class="div-top-header">
-    <div class="div-search">
-      <ion-icon src='assets/images/icons-search.svg'></ion-icon>
+<ion-header  class="ion-no-border">
+  <ion-toolbar class="header-toolbar">
+    <div class="main-header">
+      <div class="title-content">
+        <app-btn-modal-dismiss></app-btn-modal-dismiss>
+        <div class="middle">
+          <ion-label class="title">Gabinete Digital</ion-label>
+        </div>
+      </div>
     </div>
-    <div class="div-logo">
-      <img src='assets/images/logo-no-bg.png' alt='logo'>
-    </div>
-    <div class="div-profile">
-      <ion-icon src='assets/images/icons-profile.svg'></ion-icon>
-    </div>
-  </div>
-</ion-toolbar>
-  <ion-toolbar class="bg-blue">
-    <ion-buttons slot="start">
-      <ion-back-button defaultHref="/gabinete-digital"></ion-back-button>
-    </ion-buttons>
-    <ion-title>Gabinete Digital</ion-title>
   </ion-toolbar>
   <ion-toolbar>
     <ion-segment [(ngModel)]="segment">
@@ -55,8 +46,13 @@
             </div>
           </ion-item> -->
 
-          <ion-item class="expediente" lines="none"  *ngFor = "let task of taskslist"
-          [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]">
+          <ion-item 
+          class="expediente" 
+          lines="none"  
+          *ngFor = "let task of taskslist"
+          (click)="viewExpedientDetail(task.SerialNumber)"
+          >
+          <!--  [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]" -->
             <div class="Rectangle">
               <div class="exp-top-detail">
                 <div class="exp-date">

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

@@ -1,3 +1,82 @@
+@import '~src/function.scss';
+.header-toolbar{
+    --background:transparent;
+    --opacity: 1;
+
+    .main-header{
+        width: 100%; /* 400px */
+        height: 100%;
+        font-family: Roboto;
+        border-top-left-radius: 25px;
+        border-top-right-radius: 25px;
+        background-color: #fff;
+        overflow:hidden;
+        padding: 30px 20px 0px 20px;
+        color:#000;
+        transform: translate3d(0, 1px, 0);
+        
+        .header-top{
+          width: 360px;
+          margin: 0px auto;
+          overflow: auto;
+          padding: 0 !important;
+          background: #fff;
+           .middle{
+            padding: 0!important;
+            float: left;
+            width: 280px;
+            margin: 2.5px 0 0 5px;
+            display: flex;
+            align-items: center;
+            
+          }
+          .right{
+            padding: 0!important;
+            float: right;
+            font-size: 25px;
+            color: #0782c9;
+            margin: 5px 0 0 0;
+          }
+        }
+        .header-bottom{
+          width: 310px;
+          overflow: auto;
+          margin: 0 auto;
+
+          .header-bottom-icon{
+            width: 30px;
+            font-size: 25px;
+            float: left;
+            padding: 2px;
+
+          }
+          .header-bottom-contacts{
+            width: 275px;
+            font-size: 15px;
+            color: #797979;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            float: left;
+            padding: 5px;
+            margin: 1px;
+          }
+        }
+    
+        .title{
+          font-size: 25px;
+          overflow: auto;
+          float: left;
+        }
+        .div-icon{
+          width: 40px;
+          float: right;
+          font-size: 35px;
+          overflow: auto;
+          padding: 1px;
+        }
+    }
+ }
 /* CONTENT */
 .item-list-small{
     font-size: 11px;

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

@@ -1,12 +1,13 @@
 import { Component, OnInit, ViewChild } from '@angular/core';
 import { Router } from '@angular/router';
-import { ModalController, NavParams } from '@ionic/angular';
 import { CalendarComponent } from 'ionic2-calendar';
 
 import { DailyWorkTask } from '../../../models/dailyworktask.model';
 import { ProcessesService } from 'src/app/services/processes.service';
 import { formatDate } from '@angular/common';
 import { LoadingService } from 'src/app/services/loading.service';
+import { ModalController, NavParams } from '@ionic/angular';
+import { ExpedienteDetailPage } from './expediente-detail/expediente-detail.page';
 
 @Component({
   selector: 'app-expediente',
@@ -16,6 +17,7 @@ import { LoadingService } from 'src/app/services/loading.service';
 export class ExpedientePage implements OnInit {
 
   segment:string;
+  profile:string;
 
   @ViewChild(CalendarComponent) myCal: CalendarComponent;
 
@@ -23,10 +25,11 @@ export class ExpedientePage implements OnInit {
   serialNumber:string;
 
   constructor(
-    private modalCtrl: ModalController, 
+    private processes:ProcessesService,
+    private modalController: ModalController,
     private navParams: NavParams,
-    private processes:ProcessesService) { 
-      this.serialNumber = this.navParams.get('serialNumber');
+    ) { 
+      this.profile = this.navParams.get('profile');
     }
 
   ngOnInit() {
@@ -61,5 +64,23 @@ export class ExpedientePage implements OnInit {
     }, 2000);
   }
 
+  async viewExpedientDetail(serialNumber:any) {
+    console.log(this.profile);
+    
+    const modal = await this.modalController.create({
+      component: ExpedienteDetailPage,
+      componentProps:{
+        serialNumber: serialNumber,
+        profile: this.profile,
+      },
+      cssClass: 'modal',
+      backdropDismiss: false
+    });
+    await modal.present();
+    modal.onDidDismiss().then((res)=>{
+      
+    });
+  }
+
 }