64 lines
3.2 KiB
HTML
64 lines
3.2 KiB
HTML
<agm-loader></agm-loader>
|
|
<!-- showTransitionOptions="350ms" hideTransitionOptions="300ms" -->
|
|
<p-toast position="center" life="3000"></p-toast>
|
|
<p-confirmDialog i18n-header="Confirmation dialog title@@confirmation" header="Confirmation" baseZIndex="3000" i18n-acceptLabel="@@yes" acceptLabel="Yes " i18n-rejectLabel="@@no" rejectLabel="No " icon="ui-icon-warning"></p-confirmDialog>
|
|
<p-confirmDialog key="okOnly" #cd i18n-header="Confirmation dialog title@@confirmation" header="Confirmation" baseZIndex="3000" [style]="{width: '60vw'}" [position]="'center'">
|
|
<p-footer>
|
|
<div class="toolbar lr-row">
|
|
<div>
|
|
<p-checkbox id="notShowAgain" name="notShowAgain" [(ngModel)]="settings.noPopup" binary="true" i18n-label="@@notShowAgain" label="Do NOT show this again"></p-checkbox>
|
|
</div>
|
|
<div>
|
|
<button type="button" pButton i18n-label="@@ok" label="OK" (click)="cd.accept()"></button>
|
|
</div>
|
|
</div>
|
|
</p-footer>
|
|
</p-confirmDialog>
|
|
|
|
<div class="layout-wrapper" [ngClass]="{'layout-compact':layoutCompact}" (click)="onLayoutClick()">
|
|
|
|
<div #layoutContainer class="layout-container" [ngClass]="{'menu-layout-static': !isOverlay(),
|
|
'menu-layout-overlay': isOverlay(),
|
|
'layout-menu-overlay-active': overlayMenuActive,
|
|
'menu-layout-horizontal': isHorizontal(),
|
|
'menu-layout-slim': isSlim(),
|
|
'layout-menu-static-inactive': staticMenuDesktopInactive,
|
|
'layout-menu-static-active': staticMenuMobileActive}">
|
|
|
|
<app-topbar></app-topbar>
|
|
|
|
<!-- Mobile-only left-edge tab to open/close the navigation panel -->
|
|
<button id="mobile-menu-tab" (click)="onMenuButtonClick($event)" aria-label="Toggle navigation">
|
|
<i class="material-icons">chevron_right</i>
|
|
</button>
|
|
|
|
<div class="layout-menu" [ngClass]="{'layout-menu-dark':darkMenu}" (click)="onMenuClick($event)">
|
|
<div class="menu-user-info" *ngIf="user$ | async as user">
|
|
<app-inline-profile [user]="user" [expiryWarning]="expiryWarning$ | async"
|
|
(navigateToSubscription)="onNavigateToManageSubscription()"></app-inline-profile>
|
|
</div>
|
|
<app-menu></app-menu>
|
|
</div>
|
|
|
|
<div class="layout-main">
|
|
<div class="content-expiry-banner" *ngIf="expiryWarning$ | async as warning">
|
|
<span class="expiry-warning"
|
|
[class.warning]="!warning.willAutoRenew"
|
|
[class.info]="warning.willAutoRenew"
|
|
(click)="onNavigateToManageSubscription()">
|
|
{{ getExpiryWarningMessage(warning) }}
|
|
</span>
|
|
</div>
|
|
<div class="layout-content">
|
|
<ng-container *ngIf="canDisplayTrial()">
|
|
<trial-message [trials]="membership.trials" [isTrialDays]="isTrialDays()" [canDisplayAcceptTrial]="canDisplayAcceptTrial()" (accept)="accept()">
|
|
</trial-message>
|
|
</ng-container> <router-outlet></router-outlet>
|
|
<agm-footer *ngIf="showFooter" [showLang]="!isAdmin"></agm-footer>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layout-mask"></div>
|
|
</div>
|
|
|
|
</div> |