doneit-web/src/app/shared/headers/header-no-search/profile/profile.page.html

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

  <div class="profile-content">
    
    <div class="d-flex justify-space-between align-center">
      <div class="go-back d-flex align-center"  (click)="close()">
        <ion-icon class="icon" src="assets/images/icons-calendar-arrow-left.svg"></ion-icon> <div>Perfil</div>
      </div>
      
      <div class="d-flex " (click)="close()">
        <ion-icon class="icon" src="assets/images/icons-search-close.svg"></ion-icon>
      </div>
    </div>

    <div >
      <div class="d-flex align-center">       
        <ion-icon  class="profile-pic"  name="add-circle-outline"></ion-icon>
      </div>
    </div>

    <div class="profile-info">
      <div class="label-text">Dados Perfil</div>
      <div class="user-role">{{loggeduser.RoleDescription}}</div>
      <div class="email">{{loggeduser.Email}}</div>
    </div>

    <div class="login-preference">
      <div class="preference">Preferência Login</div>

      <ion-row>
        <ion-col class="align-center d-flex">
          <div class="d-flex align-center"  (click)="LoginPreferenceMethod('pin')">
            <!--  -->
            <ion-checkbox [checked]="userLoginPreference=='pin' " class="checkBox" ></ion-checkbox>
            PIN 
          </div>

        </ion-col>
        <ion-col class="align-center d-flex">
          <div (click)="addFingerprint()" class="d-flex align-center">
            <ion-checkbox class="checkBox" [checked]="false"></ion-checkbox>
            Impressão Digital
          </div>
        </ion-col>

      </ion-row>

    </div>

    <div class="d-flex justify-center mt-10">
      <ion-buttons slot="start" class="buttonSize" (click)="logout()" >
        <ion-button class="btn-cancel buttonSize" fill="clear" style="background:#ffe0e0;" >
          <ion-label style="color:#d30a0a;">Terminar sessão</ion-label>
        </ion-button>
      </ion-buttons>
    </div>

    <div class="d-flex justify-center mt-10">
      <ion-button (click)="addPin()" class="btn-ok  buttonSize" fill="clear" color="#fff" >
        <ion-label>Alterar PIN</ion-label>
      </ion-button>
    </div>
  </div>

</ion-content>

<ion-footer class=" footer-container ion-no-border bg-blue">
  
  <div class="d-flex justify-space-between">

    <ion-buttons slot="start" (click)="close()">
      <ion-button class="btn-cancel" fill="clear" color="#061b52" >
        <ion-label>Cancelar</ion-label>
      </ion-button>
      </ion-buttons>
      <ion-buttons slot="end" (click)="close()">
        <ion-button class="btn-ok" fill="clear" color="#fff" >
          <ion-label>Gravar</ion-label>
        </ion-button>
      </ion-buttons>
  </div>

</ion-footer>