gofnnp
ed41ab6627
dev #12926 dev #12927 изменил название клиента и пути для разворачивания проекта Наработки по каталогу товаров наработки по карточке товара
86 lines
3.3 KiB
HTML
86 lines
3.3 KiB
HTML
<div [ngClass]="{
|
|
woocommerce: true,
|
|
'auth-page': currentPage.code === PageCode.Auth
|
|
}">
|
|
<nav *ngIf="currentPage.code !== PageCode.Auth" class="main-menu-container">
|
|
<ul>
|
|
<ng-container *ngFor="let page of mainPageList; let index = index; let last = last; let first = first;">
|
|
<li *ngIf="page.onSideBar" class="main-menu-container__item"
|
|
[ngClass]="{
|
|
'is-active': page === currentPageMain
|
|
}"
|
|
[ngStyle]="{
|
|
border: last && 0,
|
|
'border-radius': first ? '6px 0 0 6px' : (last ? '0 6px 6px 0' : 0)
|
|
}"
|
|
(click)="changeMainPage(page, $event)">
|
|
<span>
|
|
{{page.name}}
|
|
</span>
|
|
</li>
|
|
</ng-container>
|
|
</ul>
|
|
</nav>
|
|
<div [ngSwitch]="currentPageMain.code">
|
|
<ng-container *ngSwitchCase="MainPageCode.Account">
|
|
<div class="account-page">
|
|
<div *ngIf="currentPage.code !== PageCode.Auth" class="top-left-attribute"></div>
|
|
<div [ngSwitch]="currentPage.code" class="">
|
|
<ng-container *ngSwitchCase="PageCode.Auth">
|
|
<app-auth [handleHttpError]="handleHttpErrorFunc" (phoneConfirmed)="phoneConfirmed()"></app-auth>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="PageCode.Orders">
|
|
<app-orders></app-orders>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="PageCode.BonusProgram">
|
|
<app-bonus-program (deauthorization)="changePage(pageList[0])"></app-bonus-program>
|
|
</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="currentPage.code !== PageCode.Auth" 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>
|
|
</div>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="MainPageCode.Products">
|
|
<app-products></app-products>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="MainPageCode.Cart">
|
|
<app-cart></app-cart>
|
|
</ng-container>
|
|
</div>
|
|
|
|
<span class="version" [ngClass]="{
|
|
version: true
|
|
}">
|
|
v{{ version }}
|
|
</span>
|
|
</div> |