Files
doneit-web/src/app/home/home.page.html
T
tiago.kayaya d22e602f13 Added new icons
change icon color when selected in mobile and tablet
2022-01-04 15:34:03 +01:00

39 lines
2.5 KiB
HTML

<ion-tabs class="tab">
<ion-tab-bar class="bottoms" slot="bottom">
<ion-tab-button tab="events" (click)="selectedTab('/home/events')">
<ion-icon *ngIf="tabButton.home" class="nav-icon" src="assets/icon/tab/icons-nav-home-selected.svg"></ion-icon>
<ion-icon *ngIf="!tabButton.home" class="nav-icon" src="assets/icon/tab/icons-nav-home.svg"></ion-icon>
<!-- <ion-badge color="danger">{{toDayEventStorage.eventsList.length + expedienteGdStore.count}}</ion-badge> -->
<ion-label>Início</ion-label>
</ion-tab-button>
<ion-tab-button tab="agenda" (click)="selectedTab('/home/agenda')">
<ion-icon *ngIf="tabButton.agenda" class="nav-icon" src="assets/icon/tab/icons-nav-agenda-selected.svg"></ion-icon>
<ion-icon *ngIf="!tabButton.agenda" class="nav-icon" src="assets/icon/tab/icons-nav-agenda.svg"></ion-icon>
<ion-label style="margin-bottom: 2px;" class="overflow-visible">Agenda</ion-label>
</ion-tab-button>
<!-- (click)="goto('/home/gabinete-digital')" -->
<ion-tab-button tab="gabinete-digital" (click)="selectedTab('/home/gabinete-digital')">
<ion-icon *ngIf="tabButton.gabinete" class="nav-icon" src="assets/icon/tab/icons-nav-gabinete-selected.svg"></ion-icon>
<ion-icon *ngIf="!tabButton.gabinete" class="nav-icon" src="assets/icon/tab/icons-nav-gabinete.svg"></ion-icon>
<!-- <ion-badge color="danger" *ngIf="!p.userRole(['PR'])" >{{ documentCounterService.mdTotalDocument }}</ion-badge>
<ion-badge color="danger" *ngIf="p.userRole(['PR'])" >{{ documentCounterService.prTotalDocument }}</ion-badge> -->
<ion-label>Gabinete</ion-label>
</ion-tab-button>
<ion-tab-button tab="publications" (click)="selectedTab('/home/publications')">
<ion-icon *ngIf="tabButton.actions" class="nav-icon" src="assets/icon/tab/icons-nav-actions-selected.svg"></ion-icon>
<ion-icon *ngIf="!tabButton.actions" class="nav-icon" src="assets/icon/tab/icons-nav-actions.svg"></ion-icon>
<ion-label style="margin-bottom: 2px;" class="overflow-visible">Ações</ion-label>
</ion-tab-button>
<ion-tab-button tab="chat" (click)="selectedTab('/home/chat')">
<ion-icon *ngIf="tabButton.chat" class="nav-icon" src="assets/icon/tab/icons-nav-chat-selected.svg"></ion-icon>
<ion-icon *ngIf="!tabButton.chat" class="nav-icon" src="assets/icon/tab/icons-nav-chat.svg"></ion-icon>
<ion-label>Chat</ion-label>
</ion-tab-button>
</ion-tab-bar>
</ion-tabs>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">