<ion-header>
  <ion-toolbar  class="header-toolbar">
      <ion-buttons slot="start">
        <ion-back-button color="light" class="btnBack" defaultHref="/home"></ion-back-button>
      </ion-buttons>
      <ion-title color="light" > {{ts.trPK('userProfile','changepicture')}}</ion-title>
      <ion-buttons   slot="end">
        <button style="color: white !important;" class="headerBtn" *ngIf="saveChange != ''" (click)="updateImageProfile();" >
          {{ts.trPK('general','save')}}
        </button>
    </ion-buttons>

    </ion-toolbar>
</ion-header>

<ion-content padding>
  <div class="profileDiv">
    <!-- <ion-img class="imgCircle" src="{{src}}"></ion-img> -->
    <!-- <ion-img class="imgCircle" src="../assets/imgs/HMG.png"></ion-img> -->
    <ion-img   [src]="src" class="imgCircle" ></ion-img>


  </div>
  <page-trailer [small]="true"></page-trailer>

  <ion-footer>
    <div class="centerDiv">
      <app-file-uploder-profile  (onimgLoad)="showImg($event)"></app-file-uploder-profile>
    </div>
</ion-footer>
 
</ion-content>

