128 lines
4.1 KiB
HTML
128 lines
4.1 KiB
HTML
<div
|
|
[ngClass]="{
|
|
woocommerce: true,
|
|
'auth-page': showAuthoriztion
|
|
}"
|
|
>
|
|
<button *ngIf="!showAuthoriztion" class="logout" color="warn" mat-stroked-button (click)="logout()">Выйти</button>
|
|
<div *ngIf="!showAuthoriztion; else authEl" class="account-page">
|
|
<div *ngIf="showAuthoriztion" class="top-left-attribute"></div>
|
|
<app-bonus-program
|
|
[currentPage]="currentPage"
|
|
(deauthorization)="changePage(pageList[0])"
|
|
></app-bonus-program>
|
|
<!-- <div [ngSwitch]="currentPage.code" class="">
|
|
<ng-container *ngSwitchCase="PageCode.Orders">
|
|
<app-orders
|
|
[currentPage]="currentPage"
|
|
(deauthorization)="changePage(pageList[0])"
|
|
></app-orders>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="PageCode.BonusProgram">
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="PageCode.UserData">
|
|
<app-user-data></app-user-data>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="PageCode.RefSystem">
|
|
<app-ref-system></app-ref-system>
|
|
</ng-container>
|
|
</div> -->
|
|
<!-- <nav *ngIf="!showAuthoriztion" class="woocommerce-MyAccount-navigation">
|
|
<ul>
|
|
<ng-container *ngFor="let page of pageList; let index = index">
|
|
<li
|
|
*ngIf="page.onSideBar"
|
|
class="woocommerce-MyAccount-navigation-link"
|
|
[ngClass]="{
|
|
'is-active': page === currentPage,
|
|
first: index === 1
|
|
}"
|
|
(click)="changePage(page, $event)"
|
|
>
|
|
<div class="container">
|
|
<img
|
|
src="{{ './assets/menu-icons/' + page.resName + '.png' }}"
|
|
alt="Иконка меню"
|
|
/>
|
|
<div class="menu-item-info">
|
|
<a href="#">{{ page.name }}</a>
|
|
<p>{{ page.description }}</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ng-container>
|
|
<li class="woocommerce-MyAccount-navigation-link" (click)="logout($event)">
|
|
<div class="container">
|
|
<img src="./assets/menu-icons/exit.png" alt="Иконка меню" />
|
|
<div class="menu-item-info">
|
|
<a href="#">Выход</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</nav> -->
|
|
|
|
<mat-tab-group mat-stretch-tabs="false" mat-align-tabs="center">
|
|
<ng-container *ngFor="let page of pageList">
|
|
<mat-tab *ngIf="page.onSideBar" label="{{ page.name }}">
|
|
<div [ngSwitch]="page.resName" class="">
|
|
<ng-container *ngSwitchCase="'orders'">
|
|
<app-orders
|
|
[currentPage]="currentPage"
|
|
(deauthorization)="changePage(pageList[0])"
|
|
></app-orders>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="'user-data'">
|
|
<app-user-data></app-user-data>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="'ref-system'">
|
|
<app-ref-system></app-ref-system>
|
|
</ng-container>
|
|
</div>
|
|
</mat-tab>
|
|
</ng-container>
|
|
</mat-tab-group>
|
|
</div>
|
|
|
|
<p-toast
|
|
position="bottom-center"
|
|
key="c"
|
|
(onClose)="onReject()"
|
|
[baseZIndex]="5000"
|
|
>
|
|
<ng-template let-message pTemplate="message">
|
|
<div class="flex flex-column" style="flex: 1">
|
|
<div class="text-center">
|
|
<i class="pi pi-exclamation-triangle" style="font-size: 3rem"></i>
|
|
<h4>{{ message.summary }}</h4>
|
|
<p style="font-weight: 600">{{ message.detail }}</p>
|
|
</div>
|
|
<div class="grid p-fluid">
|
|
<div class="col-6">
|
|
<button
|
|
type="button"
|
|
pButton
|
|
(click)="onConfirm()"
|
|
label="Да"
|
|
class="p-button-success"
|
|
></button>
|
|
</div>
|
|
<div class="col-6">
|
|
<button
|
|
type="button"
|
|
pButton
|
|
(click)="onReject()"
|
|
label="Нет"
|
|
class="p-button-secondary"
|
|
></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ng-template>
|
|
</p-toast>
|
|
</div>
|
|
|
|
<ng-template #authEl>
|
|
<app-auth (phoneConfirmed)="phoneConfirmed()"></app-auth>
|
|
</ng-template>
|