OpenSlides/client/src/app/shared/components/head-bar/head-bar.component.html

52 lines
1.9 KiB
HTML
Raw Normal View History

2018-11-06 15:35:51 +01:00
<mat-toolbar color='primary' *ngIf="!vp.isMobile"></mat-toolbar>
<mat-toolbar color='primary' class="sticky-toolbar">
<div class="toolbar-left">
<!-- Nav menu -->
2018-11-06 15:35:51 +01:00
<button mat-icon-button class="on-transition-fade" *ngIf="vp.isMobile && nav" (click)='clickHamburgerMenu()'>
<mat-icon>menu</mat-icon>
</button>
2018-11-06 15:35:51 +01:00
<!-- Exit / Back button -->
<button mat-icon-button class="on-transition-fade" *ngIf="!nav && !editMode" (click)="onBackButton()">
<mat-icon>arrow_back</mat-icon>
</button>
2018-11-06 15:35:51 +01:00
<!-- Cancel edit button -->
<button mat-icon-button class="on-transition-fade" *ngIf="editMode" (click)="sendMainEvent()">
<mat-icon>close</mat-icon>
</button>
2018-11-06 15:35:51 +01:00
<div class="toolbar-left-text on-transition-fade">
<!-- Title slot -->
<ng-content select=".title-slot"></ng-content>
</div>
</div>
<div class=spacer></div>
<div class="toolbar-right">
2018-11-06 15:35:51 +01:00
<!-- Extra controls slot -->
<div class="extra-controls-wrapper on-transition-fade">
<ng-content select=".extra-controls-slot"></ng-content>
</div>
2018-11-06 15:35:51 +01:00
<!-- Main action button - desktop -->
<button mat-mini-fab color="accent" class="on-transition-fade" *ngIf="mainButton && !editMode && !vp.isMobile"
(click)="sendMainEvent()">
<mat-icon>{{ buttonIcon }}</mat-icon>
</button>
<!-- Save button -->
<button mat-button *ngIf="editMode" (click)="save()">
<strong translate class="upper">Save</strong>
</button>
2018-11-06 15:35:51 +01:00
<!-- Menu button slot -->
<ng-content class="on-transition-fade" *ngIf="!editMode" select=".menu-slot"></ng-content>
</div>
</mat-toolbar>
2018-11-06 15:35:51 +01:00
<!-- Main action button - mobile-->
<button mat-fab class="head-button on-transition-fade" *ngIf="mainButton && !editMode && vp.isMobile" (click)=sendMainEvent()>
<mat-icon>{{ buttonIcon }}</mat-icon>
</button>