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

<ion-header>
  <app-header></app-header>
</ion-header>
<ion-header  class="ion-no-border">
  <ion-toolbar class="bg-blue">
    <div class="main-header">
      <div class="title-content">
        <div class="div-title">
          <ion-label class="title">Gabinete Digital</ion-label>
        </div>
        <div class="div-icon">
          <ion-icon slot="end" src='assets/images/icons-add.svg'></ion-icon>
        </div>
      </div>
    </div>
  </ion-toolbar>
</ion-header>
<!-- <ion-header class="ion-no-border">
  <ion-toolbar class="ion-no-border" class="bg-blue">
    <div class="div-top-header">
    <div class="div-search">
      <ion-icon src='assets/images/icons-search.svg'></ion-icon>
    </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-header> -->

<ion-content>
  <ion-refresher  name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)">
    <ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
    <ion-refresher-content>
    </ion-refresher-content>
  </ion-refresher>
  <div class="main-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"
  (click)="openExpedientList()"
  >
    <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>