59 lines
2.1 KiB
HTML
59 lines
2.1 KiB
HTML
<div class="container">
|
||
<div class="block">
|
||
<h1 class="title">{{title}}</h1>
|
||
</div>
|
||
<div class="block">
|
||
<div class="back">
|
||
<mat-icon *ngIf="backEvent" style="cursor: pointer;" aria-hidden="false" aria-label="Назад" fontIcon="arrow_back_ios" class="back-arrow" (click)="back()"></mat-icon>
|
||
</div>
|
||
<!-- <div class="plug"></div> -->
|
||
<div *ngIf="showDropdown" class="backdrop" (click)="closeMenu()"></div>
|
||
<div class="menu">
|
||
<button mat-button (click)="toggleMenu()">
|
||
<span class="material-icons" style="color: white !important">
|
||
more_horiz
|
||
</span>
|
||
</button>
|
||
|
||
<div class="menu__dropdown" *ngIf="showDropdown">
|
||
<ul>
|
||
<menu-item [handler]="handler(aboutApp)">
|
||
<span class="material-icons icon" style="color: var(--main-color)">
|
||
info
|
||
</span>
|
||
<span class="item_title">О приложении</span>
|
||
</menu-item>
|
||
<ng-container *ngIf="isios">
|
||
<menu-item [handler]="handler(addToWallet)">
|
||
<img src="./assets/apple_wallet.svg" class="icon" width="24" height="24" alt="" />
|
||
<span class="item_title">Добавить карточку в Wallet</span>
|
||
</menu-item>
|
||
</ng-container>
|
||
<ng-container *ngIf="!isios">
|
||
<menu-item appDownloadApp [handler]="handler(installApp)">
|
||
<img src="./assets/coffee-like-logo.svg" width="24" height="24" alt="" />
|
||
<span class="item_title">
|
||
Установить приложение
|
||
</span>
|
||
</menu-item>
|
||
<menu-item *ngIf="!messagingService.checkRequestPermission()" [handler]="handler(messagingService.requestPermission)">
|
||
<span class="material-icons" style="color: var(--main-color)">
|
||
notifications
|
||
</span>
|
||
<span class="item_title">
|
||
Подписаться на уведомления
|
||
</span>
|
||
</menu-item>
|
||
</ng-container>
|
||
<menu-item [handler]="handler(logout)">
|
||
<span class="material-icons" style="color: var(--main-color)">
|
||
logout
|
||
</span>
|
||
<span class="item_title">Выйти</span>
|
||
</menu-item>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|