|
@@ -33,6 +33,9 @@
|
|
|
<!--<button mat-icon-button aria-label="menu">
|
|
<!--<button mat-icon-button aria-label="menu">
|
|
|
<mat-icon>menu</mat-icon>
|
|
<mat-icon>menu</mat-icon>
|
|
|
</button>-->
|
|
</button>-->
|
|
|
|
|
+ <button mat-icon-button (click)="sidenav.toggle()">
|
|
|
|
|
+ <mat-icon>menu</mat-icon>
|
|
|
|
|
+ </button>
|
|
|
<h2 id="title">{{pbTitle.getTitle()}}</h2>
|
|
<h2 id="title">{{pbTitle.getTitle()}}</h2>
|
|
|
<div class="right-toolbar-panel">
|
|
<div class="right-toolbar-panel">
|
|
|
<ng-container *ngTemplateOutlet="toolbarItems"/>
|
|
<ng-container *ngTemplateOutlet="toolbarItems"/>
|
|
@@ -72,12 +75,19 @@
|
|
|
</ng-template>
|
|
</ng-template>
|
|
|
|
|
|
|
|
<ng-template #toolbarItems>
|
|
<ng-template #toolbarItems>
|
|
|
- <div mat-icon-button class="toolbar-item"
|
|
|
|
|
- [style.color]="colorScheme.color"
|
|
|
|
|
- matTooltip="{{'select_color'|tr:'Select color'}}" (click)="colorPop.toggle($event)">
|
|
|
|
|
- <span style="font-size:30pt;display:flex;max-height:30pt;line-height:20pt;">●</span>
|
|
|
|
|
- <mat-label>{{('color'|tr:'Color')}}</mat-label>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ @if (cs.isMobileClient) {
|
|
|
|
|
+ <button mat-icon-button (click)="sidenav.toggle()">
|
|
|
|
|
+ <mat-icon>menu</mat-icon>
|
|
|
|
|
+ </button>
|
|
|
|
|
+
|
|
|
|
|
+ } @else {
|
|
|
|
|
+ <div mat-icon-button class="toolbar-item"
|
|
|
|
|
+ [style.color]="colorScheme.color"
|
|
|
|
|
+ matTooltip="{{'select_color'|tr:'Select color'}}" (click)="colorPop.toggle($event)">
|
|
|
|
|
+ <span style="font-size:30pt;display:flex;max-height:30pt;line-height:20pt;">●</span>
|
|
|
|
|
+ <mat-label>{{('color'|tr:'Color')}}</mat-label>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ }
|
|
|
<div class="toolbar-item" mat-icon-button matTooltip="{{'select_theme'|tr:'Select theme'}}" [matMenuTriggerFor]="theme">
|
|
<div class="toolbar-item" mat-icon-button matTooltip="{{'select_theme'|tr:'Select theme'}}" [matMenuTriggerFor]="theme">
|
|
|
<mat-icon>{{themeMode}}</mat-icon>
|
|
<mat-icon>{{themeMode}}</mat-icon>
|
|
|
<mat-label>{{('theme'|tr:'Theme')}}</mat-label>
|
|
<mat-label>{{('theme'|tr:'Theme')}}</mat-label>
|
|
@@ -126,6 +136,10 @@
|
|
|
</p-popover>
|
|
</p-popover>
|
|
|
|
|
|
|
|
<mat-menu #theme>
|
|
<mat-menu #theme>
|
|
|
|
|
+ <button mat-menu-item (click)="colorPop.toggle($event)">
|
|
|
|
|
+ <mat-icon>palette</mat-icon>
|
|
|
|
|
+ {{'select_color'|tr:'Select Color'}}
|
|
|
|
|
+ </button>
|
|
|
<button mat-menu-item (click)="cs.theming.changeTheme('system'); themeMode='computer'">
|
|
<button mat-menu-item (click)="cs.theming.changeTheme('system'); themeMode='computer'">
|
|
|
<mat-icon>computer</mat-icon>
|
|
<mat-icon>computer</mat-icon>
|
|
|
{{'system_color'|tr:'System Color'}}
|
|
{{'system_color'|tr:'System Color'}}
|