add styles to md profile

src/app/pages/agenda/agenda.page.html

@@ -11,7 +11,7 @@
         </div> 
       </div>
     </ion-buttons>
-    <ion-title>Agenda</ion-title>
+    <ion-title class="header-title">Agenda</ion-title>
   </ion-toolbar>
   <ion-toolbar>
     <ion-segment [(ngModel)]="segment">

src/app/pages/agenda/agenda.page.scss

@@ -208,3 +208,13 @@ label{
   color:  #e16817;
 }
 
+.header-title{
+  width: 300px;
+  font-family: Roboto;
+  font-size: 25px;
+  margin: 0 5px 0 25px;
+  padding: 0;
+  color:#000;
+  float: left;
+}
+

src/app/pages/cal-modal/cal-modal.page.html

@@ -110,16 +110,16 @@
 </div> 
 </ion-content>
 <ion-footer class="ion-no-border">
-  <ion-toolbar color="primary">
+  <ion-toolbar class="btn-div">
     <ion-buttons slot="start">
-      <ion-button (click)="close()">
+      <ion-button class="btn-cancel" fill="clear" color="#061b52" (click)="close()">
         <ion-label>Cancelar</ion-label>
         <ion-icon name="close" slot="start"></ion-icon>
       </ion-button>
     </ion-buttons>
     <ion-title>{{ viewTitle }}</ion-title>
     <ion-buttons slot="end">
-      <ion-button (click)="save()">
+      <ion-button class="btn-ok" fill="clear" color="#fff" (click)="save()">
         <ion-label>Enviar</ion-label>
         <ion-icon name="checkmark" slot="start"></ion-icon>
       </ion-button>

src/app/pages/events/attendee-modal/attendee-modal.page.html

@@ -22,15 +22,15 @@
 </ion-item-group>
 </ion-content>
 <ion-footer class="ion-no-border">
-  <ion-toolbar color="primary">
+  <ion-toolbar class="btn-div">
     <ion-buttons slot="start">
-      <ion-button (click)="close()">
+      <ion-button class="btn-cancel" fill="clear" color="#061b52" (click)="close()">
         <ion-label>Cancelar</ion-label>
         <ion-icon name="close" slot="start"></ion-icon>
       </ion-button>
     </ion-buttons>
     <ion-buttons slot="end">
-      <ion-button (click)="save()">
+      <ion-button class="btn-ok" fill="clear" color="#fff" (click)="save()">
         <ion-label>Adicionar</ion-label>
         <ion-icon name="checkmark" slot="start"></ion-icon>
       </ion-button>

src/app/pages/events/attendees/attendees.page.html

@@ -15,7 +15,7 @@
 </ion-header>
 <ion-content>
   <ion-item-group>
-    <ion-button shape="round" (click)="addAttendees()" expand="block">
+    <ion-button class="btn-ok-no-width" fill="clear" color="#fff" shape="round" (click)="addAttendees()" expand="block">
       <ion-label>Adicionar participantes</ion-label>
     </ion-button>
   </ion-item-group>
@@ -39,16 +39,16 @@
 
 
 <ion-footer class="ion-no-border">
-  <ion-toolbar color="primary">
+  <ion-toolbar class="btn-div">
     <ion-buttons slot="start">
-      <ion-button (click)="close()">
+      <ion-button class="btn-cancel" fill="clear" color="#061b52" (click)="close()">
         <ion-label>Cancelar</ion-label>
         <ion-icon name="close" slot="start"></ion-icon>
       </ion-button>
     </ion-buttons>
     <ion-title></ion-title>
     <ion-buttons slot="end">
-      <ion-button (click)="save()">
+      <ion-button class="btn-ok" fill="clear" color="#fff" (click)="save()">
         <ion-label>OK</ion-label>
         <ion-icon name="checkmark" slot="start"></ion-icon>
       </ion-button>

src/app/pages/events/event-detail/event-detail.page.html

@@ -3,7 +3,7 @@
     <ion-buttons slot="start">
       <ion-back-button defaultHref="{{ backURL }}"></ion-back-button>
     </ion-buttons>
-    <ion-title>Visualizar Evento</ion-title>
+    <ion-title class="header-title">Visualizar Evento</ion-title>
     <ion-buttons slot="end">
       <button (click)="deleteConfirm()" class="ion-icon-delete">
         <ion-icon name="trash"></ion-icon>
@@ -118,7 +118,7 @@
           </div>
         </div>
           <!-- Skeleton Attachment -->
-        <ion-list *ngIf="!loadedEventAttachments">
+       <!--  <ion-list *ngIf="!loadedEventAttachments">
           <ion-item lines="none" >
             <ion-icon name="attach" slot="start"></ion-icon>
             <ion-label>
@@ -126,7 +126,7 @@
                 <p>  <ion-skeleton-text animated></ion-skeleton-text></p>
             </ion-label> 
           </ion-item>
-        </ion-list>
+        </ion-list> -->
         <!-- No attachment message -->
           <ion-list *ngIf="!loadedEvent.HasAttachments">
             <ion-item lines="none" >
@@ -208,7 +208,7 @@
 <ion-footer>
   <ion-toolbar>
     <div class="event-detail-buttons">
-      <ion-button shape="round" (click)="Save()">Gravar</ion-button>
+      <ion-button class="btn-ok" fill="clear" color="#fff" shape="round" (click)="Save()">Gravar</ion-button>
     </div>
   </ion-toolbar>
 </ion-footer>

src/app/pages/events/event-detail/event-detail.page.scss

@@ -93,3 +93,26 @@ ion-card{
   font-size: 16px;
 }
 
+.header-content{
+  width: 360px;
+  overflow: auto;
+  margin: 0 auto;
+  padding-top: 25px;
+}
+.header-icon-left{
+  width: 36px;
+  font-size: 33px;
+  color: #42b9fe;
+  float: left;
+  border: 1px solid red;
+}
+.header-title{
+  width: 300px;
+  font-family: Roboto;
+  font-size: 25px;
+  margin: 0 5px 0 5px;
+  padding: 0;
+  color:#000;
+  float: left;
+}
+

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

@@ -46,7 +46,7 @@
                   <p>{{event.workflowInstanceDataFields.EndDate | date: 'hh:mm'}}</p>
                 </div>
                 <div class="approve-event-detail">
-                  <p *ngIf="event.workflowInstanceDataFields.StartDate != event.workflowInstanceDataFields.EndDate">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }} - {{ event.workflowInstanceDataFields.EndDate | date: 'dd/mm/yy'}}  |  {{event.workflowInstanceDataFields.Location}}</p>
+                  <p *ngIf="event.workflowInstanceDataFields.StartDate != event.workflowInstanceDataFields.EndDate">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }} - {{ event.workflowInstanceDataFields.EndDate | date: 'dd/M/yy'}}  |  {{event.workflowInstanceDataFields.Location}}</p>
                   <p *ngIf="event.workflowInstanceDataFields.StartDate == event.workflowInstanceDataFields.EndDate">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }}  |  {{event.workflowInstanceDataFields.Location}}</p>
                   <h3>{{event.workflowInstanceDataFields.Subject}}</h3>
                 </div>
@@ -67,7 +67,7 @@
                   <p>{{event.workflowInstanceDataFields.EndDate | date: 'hh:mm'}}</p>
                 </div>
                 <div class="approve-event-detail">
-                  <p *ngIf="event.workflowInstanceDataFields.StartDate != event.workflowInstanceDataFields.EndDate">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }} - {{ event.workflowInstanceDataFields.EndDate | date: 'dd/mm/yy'}}  |  {{event.workflowInstanceDataFields.Location}}</p>
+                  <p *ngIf="event.workflowInstanceDataFields.StartDate != event.workflowInstanceDataFields.EndDate">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }} - {{ event.workflowInstanceDataFields.EndDate | date: 'dd/M/yy'}}  |  {{event.workflowInstanceDataFields.Location}}</p>
                   <p *ngIf="event.workflowInstanceDataFields.StartDate == event.workflowInstanceDataFields.EndDate">{{event.workflowInstanceDataFields.StartDate | date: 'd/M/yy' }}  |  {{event.workflowInstanceDataFields.Location}}</p>
                   <h3>{{event.workflowInstanceDataFields.Subject}}</h3>
                 </div>

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

@@ -48,7 +48,7 @@
     </div>
     <div class="ion-input-class">
       <ion-datetime 
-        placeholder="{{postData.StartDate | date: 'dd MMM yyyy H:mm'}}"
+        placeholder="Início"
         [(ngModel)]="postData.StartDate" 
         displayFormat="D MMM YYYY H:mm"
         minuteValues="0,15,30,45"
@@ -69,7 +69,7 @@
     </div>
     <div class="ion-input-class">
       <ion-datetime 
-        placeholder="{{postData.EndDate | date: 'dd MMM yyyy H:mm'}}"
+        placeholder="Fim"
         [(ngModel)]="postData.EndDate" 
         displayFormat="D MMM YYYY H:mm"
         minuteValues="0,15,30,45"

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

@@ -45,10 +45,10 @@ export class BookMeetingModalPage implements OnInit {
       /* Initialize 'Subject' with the title of the expedient */
       this.postData.Subject = this.task.Folio;
       this.postData.CalendarName = "Oficial";
-      this.postData.StartDate = new Date();
+      /* this.postData.StartDate = new Date(); */
       /* Set + 30minutes to seleted datetime */
       let selectedEndDate = new Date();
-      this.postData.EndDate = new Date(selectedEndDate.setMinutes(new Date().getMinutes() + 30));
+     /*  this.postData.EndDate = new Date(selectedEndDate.setMinutes(new Date().getMinutes() + 30)); */
       
     }
 

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

@@ -67,14 +67,14 @@
       <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  (click)="viewDocument()" shape="round" expand="block">
+    <ion-button class="btn-ok-no-width" fill="clear" color="#fff" (click)="viewDocument()" shape="round" expand="block">
       <ion-icon name="attach" slot="start"></ion-icon>
       Ver documento
     </ion-button>
   </ion-item-group>
     <div *ngIf="eventsList">
       <h3 class="h3-event-title">Eventos Associados</h3>
-    <ion-list>
+    <!-- <ion-list>
         <ion-item-sliding>
           <ion-item lines="none" 
           *ngFor="let event of eventsList"
@@ -103,7 +103,31 @@
             </div>
           </ion-item>
         </ion-item-sliding>
+    </ion-list> -->
+
+    <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']">
+              <div class="content-{{profile}}-{{event.CalendarName}}">
+                <div class="approve-event-time">
+                  <p>{{event.StartDate | date: 'hh:mm'}}</p>
+                  <p>{{event.EndDate | date: 'hh:mm'}}</p>
+                </div>
+                <div class="approve-event-detail">
+                  <p *ngIf="event.StartDate != event.EndDate">{{event.StartDate | date: 'd/M/yy' }} - {{ event.EndDate | date: 'dd/mm/yy'}}  |  {{event.Location}}</p>
+                  <p *ngIf="event.StartDate == event.EndDate">{{event.StartDate | date: 'd/M/yy' }}  |  {{event.Location}}</p>
+                  <h3>{{event.Subject}}</h3>
+                </div>
+              </div>
+            </ion-item>
+        </ion-item-sliding>
+      </div>
     </ion-list>
+
+
   </div>
   <div *ngIf="!eventsList"> 
     <ion-list>

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

@@ -33,8 +33,10 @@ export class ExpedienteDetailPage implements OnInit {
   fulltask:any;
   eventsList: Event[];  
   serialnumber:string;
+  profile: string;
 
   ngOnInit() {
+    this.profile = "mdgpr";
     this.activateRoute.paramMap.subscribe(paramMap => {
       if (!paramMap.has('SerialNumber')){
         return;

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

@@ -31,16 +31,39 @@
     <ion-list *ngSwitchCase="'expediente'">
       <ion-item-group>
         <ion-item-sliding>
-          <ion-item lines="none" *ngFor = "let task of taskslist" >
+          <!-- <ion-item lines="none" *ngFor = "let task of taskslist" >
             <div class="div-content-expediente">
               <ion-item lines="none"  [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]">
                 <ion-icon slot="end" name="calendar"></ion-icon>
                  <h3>{{ task.Folio }}</h3>
               </ion-item>
               <p><span class="span-left">{{task.Remetente}}</span><span class="span-right">{{ task.CreateDate | date: 'dd-MM-yy' }}</span></p>
-              <!-- <p><span class="span-left">{{ task.Senders }}</span><span class="span-right">{{ task.CreateDate | date: 'dd-MM-yy' }}</span></p> -->
+              <p><span class="span-left">{{ task.Senders }}</span><span class="span-right">{{ task.CreateDate | date: 'dd-MM-yy' }}</span></p>
+            </div>
+          </ion-item> -->
+
+          <ion-item class="expediente" lines="none"  *ngFor = "let task of taskslist"
+          [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]">
+            <div class="Rectangle">
+              <div class="exp-top-detail">
+                <div class="exp-date">
+                  <ion-label>{{ task.CreateDate | date: 'dd-MM-yy' }}</ion-label>
+                </div>
+                <div class="exp-remetente">
+                  <ion-label>{{task.Remetente}}</ion-label>
+                </div>
+                <div class="exp-icon">
+                  <ion-icon src="assets/images/icons-expediente-attachment.svg"></ion-icon>
+                  <label></label>
+                </div>
+              </div>
+              <div class="exp-bottom-detail">
+                <ion-label>{{ task.Folio }}</ion-label>
+              </div>
             </div>
           </ion-item>
+
+
         </ion-item-sliding>
       </ion-item-group>
     </ion-list>

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

@@ -67,3 +67,58 @@ ion-item{
     font-size: 12px;
     padding-right: 18px;
 }
+
+/* New CSS */
+.expediente{
+  padding-top: 10px;
+}
+.exp-list-item{
+  width: 368px;
+  overflow: auto;
+  /* border-bottom: 1px solid gray; */
+  margin: 10px auto;
+}
+.exp-top-detail{
+  width: 100%;
+  overflow: auto;
+}
+.exp-date{
+  width: auto;
+  font-family: Roboto;
+  font-size: 13px;
+  font-weight: normal;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: normal;
+  letter-spacing: normal;
+  color: #797979;
+  float: left;
+}
+.exp-remetente{
+  width: 200px;
+  font-family: Roboto;
+  font-size: 13px;
+  font-weight: normal;
+  color: #000000;
+  float: left;
+  margin-left: 16px;
+
+}
+.exp-icon{
+  width: 45px;
+  float: right;
+  font-size: 13px;
+}
+.exp-icon ion-icon{
+  font-size: 25px;
+  color: #42b9fe;
+}
+.exp-bottom-detail{
+  width: 100px;
+  float: left;
+  font-family: Roboto;
+  font-size: 16px;
+  font-weight: 700;
+  color: #0d89d1;
+}
+

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

@@ -1,6 +1,6 @@
 <ion-header>
   <ion-toolbar>
-    <ion-title>Gabinete Digital</ion-title>
+    <ion-title class="header-title">Gabinete Digital</ion-title>
   </ion-toolbar>
 </ion-header>
 
@@ -10,76 +10,84 @@
     <ion-refresher-content>
     </ion-refresher-content>
   </ion-refresher>
-  <ion-card color="#d4d5ca">
-    <ion-card-header>
-      <ion-card-title>Eventos para Aprovação</ion-card-title>
-      <ion-card-content>
-        <ion-item  (click)="openEventsToApproveList('MDGPR')">
-          <ion-label>Minha agenda</ion-label>
-          <ion-button slot="end">{{count_ev_md}}</ion-button>
-        </ion-item>
-        <ion-item (click)="openEventsToApproveList('PR')" class="ion-item-change-color">
-          <ion-label>Agenda do Presidente</ion-label>
-          <ion-button slot="end">{{count_ev_pr}}</ion-button>
-        </ion-item>
-      </ion-card-content>
-    </ion-card-header>
-  </ion-card>
-    <ion-card color="#d4d5ca">
-  <ion-card-header>
-    <ion-card-title>Expediente</ion-card-title>
-    <ion-card-content>
-      <ion-item  [routerLink]="['/home/gabinete-digital/expediente']">
-        <ion-label>Correspondência</ion-label>
-        <ion-button slot="end">{{ count_exp_dailywork }}</ion-button>
-      </ion-item>
-      <ion-item (click)="notImplemented()" class="ion-activated">
-        <ion-label>Pedidos de parecer</ion-label>
-        <ion-button slot="end">{{count_exp_pp}}</ion-button>
-      </ion-item>
-      <ion-item (click)="notImplemented()">
-        <ion-label>Pedidos de deferimento</ion-label>
-        <ion-button slot="end">{{count_exp_pd}}</ion-button>
-      </ion-item>
-    </ion-card-content>
-  </ion-card-header>
-</ion-card>
-<ion-card color="#d4d5ca">
-  <ion-card-header>
-    <ion-card-title>Expediente para o PR</ion-card-title>
-    <ion-card-content>
-      <ion-item (click)="notImplemented()" class="ion-item-change-color">
-        <ion-label>Correspondência</ion-label>
-        <ion-button slot="end">{{count_de_pr}}</ion-button>
-      </ion-item>
-    </ion-card-content>
-  </ion-card-header>
-</ion-card>
-<ion-card color="#d4d5ca">
-  <ion-card-header>
-    <ion-card-title>Despachos Efectuados</ion-card-title>
-    <ion-card-content>
-      <ion-item (click)="notImplemented()" class="ion-item-change-color">
-        <ion-label>Presidente da República</ion-label>
-        <ion-button slot="end">{{count_de_pr}}</ion-button>
-      </ion-item>
-    </ion-card-content>
-  </ion-card-header>
-</ion-card>
-<ion-card color="#d4d5ca">
-  <ion-card-header>
-    <ion-card-title>Diplomas</ion-card-title>
-    <ion-card-content>
-      <ion-item primary (click)="notImplemented()" class="ion-activated">
-        <ion-label>Por validar (MDGPR)</ion-label>
-        <ion-button slot="end">{{count_dip_pv}}</ion-button>
-      </ion-item>
-      <ion-item (click)="notImplemented()" class="ion-item-change-color">
-        <ion-label>Assinados pelo PR</ion-label>
-        <ion-button slot="end">{{count_dip_apr}}</ion-button>
-      </ion-item>
-    </ion-card-content>
-  </ion-card-header>
-</ion-card>
 
+  <div class="expedient-content">
+    <div class="exp-card" (click)="openEventsToApproveList('MDGPR')">
+      <div class="exp-card-icon">
+        <ion-icon src="assets/images/icons-agenda.svg"></ion-icon>
+      </div>
+      <div class="exp-card-title">
+        <p>Eventos para Aprovação</p>
+      </div>
+      <div class="exp-card-content">
+        <p>{{count_ev_md+count_ev_pr}} Documentos</p>
+      </div>
+    </div>
+  <div class="exp-card" [routerLink]="['/home/gabinete-digital/expediente']">
+    <div class="exp-card-icon">
+      <ion-icon src="assets/images/icons-correspondencia.svg"></ion-icon>
+    </div>
+    <div class="exp-card-title">
+      <p>Correspondencia</p>
+    </div>
+    <div class="exp-card-content">
+      <p>{{count_exp_dailywork}} Documentos</p>
+    </div>
+  </div>
+  <div class="exp-card" (click)="notImplemented()">
+    <div class="exp-card-icon">
+      <ion-icon src="assets/images/icons-expediente-pendente.svg"></ion-icon>
+    </div>
+    <div class="exp-card-title">
+      <p>Pendentes</p>
+    </div>
+    <div class="exp-card-content">
+      <p>- Documentos</p>
+    </div>
+  </div>
+  <div class="exp-card" (click)="notImplemented()">
+    <div class="exp-card-icon">
+      <ion-icon src="assets/images/icons-expediente-parecer.svg"></ion-icon>
+    </div>
+    <div class="exp-card-title">
+      <p >Pedidos de Parecer</p>
+    </div>
+    <div class="exp-card-content">
+      <p>- Documentos</p>
+    </div>
+  </div>
+  <div class="exp-card" (click)="notImplemented()">
+    <div class="exp-card-icon">
+      <ion-icon src="assets/images/icons-expediente-deferimento.svg"></ion-icon>
+    </div>
+    <div class="exp-card-title">
+      <p >Pedidos de Deferimento</p>
+    </div>
+    <div class="exp-card-content">
+      <p>- Documentos</p>
+    </div>
+  </div>
+  <div class="exp-card" (click)="notImplemented()">
+    <div class="exp-card-icon">
+      <ion-icon src="assets/images/icons-expediente-despacho.svg"></ion-icon>
+    </div>
+    <div class="exp-card-title">
+      <p>Despachos</p>
+    </div>
+    <div class="exp-card-content">
+      <p>- Documentos</p>
+    </div>
+  </div>
+  <div class="exp-card" (click)="notImplemented()">
+    <div class="exp-card-icon">
+      <ion-icon src="assets/images/icons-expediente-diploma.svg"></ion-icon>
+    </div>
+    <div class="exp-card-title">
+      <p >Diplomas por Validar</p>
+    </div>
+    <div class="exp-card-content">
+      <p>- Documentos</p>
+    </div>
+  </div>
+  </div>
 </ion-content>

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

@@ -1,3 +1,10 @@
+ion-content{
+  --padding-top:15px;
+  --padding-end:15px;
+  --padding-start:15px;
+  --padding-bottom:15px;
+  --background:#ecf8ff;
+}
 :host{
   ion-card-title{
       text-align: center;
@@ -26,4 +33,65 @@ ion-label{
   --ion-background-color:#fff2cc !important;
   margin-bottom: 10px;
   border-radius: 5px;
-}
+}
+
+/* NEW CSS */
+.expedient-content{
+  width: 100%;
+  overflow: auto;
+}
+.exp-card{
+  width: 174px;
+  height: 200px;
+  margin: 8px;
+  padding: 30px 5px 30px 5px;
+  border-radius: 15px;
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
+  border: solid 1px #e9e9e9;
+  /* --background-color: #ffffff !important; */
+  background-color: #ffffff !important;
+  float: left;
+}
+.exp-card-icon{
+  width: 55px;
+  margin: 0 auto;
+}
+.exp-card ion-icon{
+  font-size: 54px;
+}
+.exp-card-title{
+  font-size: 15px;
+  color: #0d89d1;
+  font-family: Roboto;
+  font-weight: bold;
+  font-stretch: normal;
+  font-style: normal;
+  color: #0d89d1;
+  margin: 15px 0 0 10px;
+  text-align: center;
+}
+.exp-card-title p{
+  text-align: center;
+
+}
+.exp-card-content{
+  font-size: 13px;
+  color: #797979;
+  margin: 11px 0 0;
+  font-family: Roboto;
+  font-weight: 700;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: normal;
+  letter-spacing: normal;
+  text-align: center;
+}
+.header-title{
+  width: 300px;
+  font-family: Roboto;
+  font-size: 25px;
+  margin: 0 5px 0 25px;
+  padding: 0;
+  color:#000;
+  float: left;
+}

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

@@ -21,14 +21,14 @@ export class GabineteDigitalPage implements OnInit {
     private eventService: EventsService,
     private alertService: AlertService) { }
 
-  count_exp_dailywork : number;  
+  count_exp_dailywork=0;  
   count_exp_pp : string;
   count_exp_pd : string;
   count_dip_apr : string;
   count_dip_pv : string;
   count_de_pr : string;
-  count_ev_pr : string;
-  count_ev_md : string;
+  count_ev_pr=0;
+  count_ev_md=0;
 
   ngOnInit() {
     this.LoadCounts();
@@ -57,8 +57,7 @@ export class GabineteDigitalPage implements OnInit {
     this.count_exp_pd = "-";
     this.count_dip_apr = "-";
     this.count_dip_pv = "-";
-    this.count_de_pr = "-";
-    this.count_ev_md='-';
+    this.count_de_pr ='-';
 
   }
 
@@ -70,8 +69,7 @@ export class GabineteDigitalPage implements OnInit {
     }, 2000);
   }
 
-  notImplemented()
-  {
+  notImplemented(){
     this.alertService.presentAlert('Funcionalidade em desenvolvimento');
   }
   

src/app/pages/login/login.page.html

@@ -14,7 +14,7 @@
           <ion-label position="floating">Palavra-passe</ion-label>
           <ion-input type="password" [(ngModel)]="password" name="input-password" ></ion-input>
         </ion-item>        
-          <ion-button expand="block" shape="round" color="primary" (click)="Login()">Iniciar</ion-button>
+          <ion-button class="btn-ok" fill="clear" expand="block" shape="round" (click)="Login()">Iniciar</ion-button>
     </ion-list>
   </form>
 </div>