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

<ion-header class="ion-no-border">
  <app-header></app-header>
</ion-header>

<ion-content class="height-100">
  <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 d-flex height-100">

      <!-- Aside left -->
      <div class="aside-wrapper d-flex flex-column justify-center width-md-40 ">
        <div class="title-container">
          <span class="text-center mt-0 aside-title px-20">Gabinete Digital</span>
          <button class="btn-no-color" (click)="doRefresh($event)">
            <ion-icon class="title-icon" name="reload-circle"></ion-icon>
          </button>
        </div>
        
        <div class="aside overflow-y-auto d-flex d-md-block  flex-wrap width-100">
          <div class="exp-card d-flex flex-column justify-center" (click)="openEventsToApprovePage('MDGPR')">
            <div class="d-flex justify-center">
              <ion-icon  src="assets/images/icons-agenda.svg"></ion-icon>
            </div>
            <p class="text-center exp-card-title ">Eventos para Aprovação</p>
            <p class="text-center exp-card-content">{{count_ev_md+count_ev_pr}} <span class="title1">Documentos</span></p>
          </div>

          <div class="exp-card d-flex flex-column justify-center" (click)="openExpedientListPage()">
            <div class="d-flex justify-center">
              <ion-icon  src="assets/images/icons-correspondencia.svg"></ion-icon>
            </div>
            <p class="text-center exp-card-title ">Correspondencia</p>
            <p class="text-center exp-card-content">{{count_exp_dailywork}} <span class="title1">Documentos</span></p>
          </div>

          <div class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
            <div class="d-flex justify-center">
              <ion-icon  src="assets/images/icons-expediente-pendente.svg"></ion-icon>
            </div>
      
            <p class="text-center exp-card-title ">Pendentes</p>
            <p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span></p>
          </div>
          <div class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
            <div class="d-flex justify-center">
              <ion-icon  src="assets/images/icons-expediente-parecer.svg"></ion-icon>
            </div>
            <p class="text-center exp-card-title ">Pedidos de Parecer</p>
            <p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span></p>
          </div>
          <div class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
            <div class="d-flex justify-center">
              <ion-icon  src="assets/images/icons-expediente-deferimento.svg"></ion-icon>
            </div>
            <p class="text-center exp-card-title ">Pedidos de Deferimento</p>
            <p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span></p>
          </div>
          <div class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
            <div class="d-flex justify-center">
              <ion-icon  src="assets/images/icons-expediente-despacho.svg"></ion-icon>
            </div>
            <p class="text-center exp-card-title ">Despachos</p>
            <p class="text-center exp-card-content"> <span class="number">-</span> <span class="title1">Documentos</span></p>
          </div>
          <div class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
            <div class="d-flex justify-center">
              <ion-icon  src="assets/images/icons-expediente-diploma.svg"></ion-icon>
            </div>
            <p class="text-center exp-card-title ">Diplomas por Validar</p>
            <p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span> </p>
          </div>
        </div>
      </div>

      <!-- Aside right -->
      <div class="aside-content d-none flex-column height-100">
        <app-empty-container [texto]="emptyTextDescription" *ngIf="showEmptyContainer" class="d-flex height-100 flex-column"></app-empty-container>
        <app-events-to-approve [profile]="'MDGPR'" *ngIf="showEventsToApprove" class="d-flex height-100 flex-column"></app-events-to-approve>
        <app-expedients (openExpedientDetail)="openExpedientPage($event)" [profile]="profile" class="d-flex height-100 flex-column" *ngIf="showExpedients"></app-expedients>
        <app-expediente (openExpedientList)="openExpedientListPage()" [profile]="profile" [serialNumber]="serialNumber" class="d-flex height-100 flex-column" *ngIf="showExpedientDetail"></app-expediente>
      </div>
  </div>
</ion-content>