hemat_solution/src/app/content/hemat-app/user-profile/user-profile.component.html
2024-07-22 11:15:05 +07:00

27 lines
1.2 KiB
HTML

<div class="app-content content" style="background-color: #fbfbfb !important">
<div class="content-wrapper">
<div class="content-header row mb-1">
<app-breadcrumb class="col-12" [breadcrumb]="breadcrumb"></app-breadcrumb>
</div>
<div class="content-body">
<section id="user-profile">
<div class="tabs">
<button class="tab-link hidden" (click)="selectTab('profile-info')" [class.active]="activeTab === 'profile-info'">Profile Information</button>
<button class="tab-link" (click)="selectTab('profile-info2')" [class.active]="activeTab === 'profile-info2'">Profile Information</button>
<button class="tab-link" (click)="selectTab('update-password')" [class.active]="activeTab === 'update-password'">Update Password</button>
</div>
<div *ngIf="activeTab === 'profile-info'" class="hidden">
<app-profile-info></app-profile-info>
</div>
<div *ngIf="activeTab === 'profile-info2'">
<app-profil-information></app-profil-information>
</div>
<div *ngIf="activeTab === 'update-password'">
<app-update-password></app-update-password>
</div>
</section>
</div>
</div>
</div>