doneit-web/src/app/modals/profile/profile.page.html

<ion-content class=" bg-blue">

  <div class="profile-header width-100">
    <div class="div-logo d-md-none">
      <div class="logo height-fit-content">
        <img class="img" src='assets/images/logo-no-bg.png' alt='logo'>
      </div>
    </div>
    <div class="btn-close d-flex" (click)="close()">
      <ion-icon class="icon" src="assets/images/icons-search-close.svg"></ion-icon>
    </div>
  </div>

  <div class="profile-content">

    <div class="profile-title d-flex justify-content-center width-100">
      <ion-label >{{loggeduser.RoleDescription}}</ion-label>
    </div>

    <div class="d-flex mt-10 width-100">
      <ion-buttons slot="start" class="buttonSize" >
        <button (click)="logout()" class="btn-delete" fill="clear" >
          <ion-label style="color:#d30a0a;">Terminar sessão</ion-label>
        </button>
        <button (click)="editProfile()" class="btn-cancel" fill="clear" color="#fff" >
          <ion-label>Editar Perfil</ion-label>
        </button>
      </ion-buttons>
    </div>
    <div class="line"></div>
  </div>
  <div class="notifications-content">
    <ion-label>{{notificationdata.length}} novas notificações</ion-label>
    <ion-list>
      <div class="item cursor-pointer ion-no-padding ion-no-margin" lines="none"
      *ngFor = "let item of notificationdata; let i = index"
      (click)="notificatinsRoutes(item.index,item.Service,item.Object,item.IdObject,item.FolderId)"
      >
          <div class="item-content width-100">
            <div class="notification-item">
              <img class="notification-icon" slot="end" *ngIf = "item.Service == 'agenda'"  src="assets/images/icons-default-agenda.svg" >
              <img class="notification-icon" slot="end" *ngIf = "item.Service == 'gabinete-digital'"  src="assets/images/icons-correspondencias.svg" >
              <img class="notification-icon" slot="end" *ngIf = "item.Service == 'accoes'"  src="assets/images/icons-nav-accoes-active.svg" >
              <img class="notification-icon" slot="end" *ngIf = "item.Service == 'chat'"  src="assets/images/icons-nav-agenda-active.svg" >
            </div>
            <div class="approve-event-time">
              <p *ngIf = "item.Service == 'agenda'">{{item.dateInit}}</p>
              <p *ngIf = "item.Service == 'agenda'">{{item.dateEnd}}</p>
            </div>
            <div class="approve-event-detail">
              <p *ngIf = "item.Service == 'agenda'">{{item.Location}}</p>
              <h3 id="profile-title">{{item.alert}}</h3>
              <p *ngIf = "item.Service != 'agenda'">{{item.desc}}</p>
            </div>
            <div class="notification-label-MD-official" *ngIf = "item.Service == 'agenda' && item.TypeAgenda == 'official' && item.Role == '100000011'"   ></div>
            <div class="notification-label-MD-pessoal" *ngIf = "item.Service == 'agenda' && item.TypeAgenda == 'pessoal' && item.Role == '100000011'"   ></div>
            <div class="notification-label-PR-official" *ngIf = "item.Service == 'agenda' && item.TypeAgenda == 'official' && item.Role == '100000014'"   ></div>
            <div class="notification-label-PR-pessoal" *ngIf = "item.Service == 'agenda' && item.TypeAgenda == 'pessoal' && item.Role == '100000014'"   ></div>
          </div>
        </div>

    </ion-list>

  </div>

</ion-content>