diff --git a/projects/editor/src/app/components/unit-view/unit-view.component.css b/projects/editor/src/app/components/unit-view/unit-view.component.css index db01f06d9cb94a3b9cfd3ad12db03a94adda1069..b83e0e36bcd77ecfadd5bd1dadbb5554cf8d5a8a 100644 --- a/projects/editor/src/app/components/unit-view/unit-view.component.css +++ b/projects/editor/src/app/components/unit-view/unit-view.component.css @@ -62,7 +62,7 @@ aspect-page-canvas { pointer-events: auto; } -/* History-button tab label */ -:host ::ng-deep .mat-mdc-tab-labels>div:last-child { +/* Align menu buttons to right side. */ +:host ::ng-deep .mat-mdc-tab-labels>div:nth-last-child(2) { margin-left: auto !important; } diff --git a/projects/editor/src/app/components/unit-view/unit-view.component.html b/projects/editor/src/app/components/unit-view/unit-view.component.html index ff4f4086e070e8aaeaa2eeed322fcd108cb98a26..d0cede2f7fff998d706f4de84824bc895301af7a 100644 --- a/projects/editor/src/app/components/unit-view/unit-view.component.html +++ b/projects/editor/src/app/components/unit-view/unit-view.component.html @@ -74,7 +74,7 @@ <!-- </ng-template>--> <!-- </mat-tab>--> - <mat-tab disabled> + <mat-tab disabled class="align-right"> <ng-template mat-tab-label> <button mat-icon-button [matMenuTriggerFor]="numberingMenu"> <mat-icon>format_list_numbered</mat-icon> @@ -92,6 +92,21 @@ </mat-menu> </ng-template> </mat-tab> + <mat-tab disabled class="align-right"> + <ng-template mat-tab-label> + <button mat-icon-button [matMenuTriggerFor]="extrasMenu"> + <mat-icon>menu</mat-icon> + </button> + <mat-menu #extrasMenu="matMenu" (click)="$event.stopPropagation()"> + <div [style.padding]="'0 20px 10px'" (click)="$event.stopPropagation()"> + <h3>erweiterte Ansicht</h3> + <mat-checkbox [ngModel]="unitService.expertMode" (change)="setExpertMode($event)"> + Expertenmodus aktivieren + </mat-checkbox> + </div> + </mat-menu> + </ng-template> + </mat-tab> </mat-tab-group> </mat-drawer-content> diff --git a/projects/editor/src/app/components/unit-view/unit-view.component.ts b/projects/editor/src/app/components/unit-view/unit-view.component.ts index 048c6cf30c3540712f38e12935888b9fe58feb4a..5a3d20237afff94ac6523ec6a1baf32e5b003b55 100644 --- a/projects/editor/src/app/components/unit-view/unit-view.component.ts +++ b/projects/editor/src/app/components/unit-view/unit-view.component.ts @@ -44,4 +44,8 @@ export class UnitViewComponent { setSectionNumberingPosition(event: MatCheckboxChange) { this.unitService.setSectionNumberingPosition(event.checked ? 'above' : 'left'); } + + setExpertMode(event: MatCheckboxChange) { + this.unitService.setSectionExpertMode(event.checked); + } } diff --git a/projects/editor/src/app/services/unit-services/unit.service.ts b/projects/editor/src/app/services/unit-services/unit.service.ts index 33537ebfff49ca5ba6f2df7cc7e54c6e4f0fa3b4..7d7342530a216171f325883abc008c6d99f5e706 100644 --- a/projects/editor/src/app/services/unit-services/unit.service.ts +++ b/projects/editor/src/app/services/unit-services/unit.service.ts @@ -33,6 +33,7 @@ export class UnitService { sectionCountUpdated: Subject<void> = new Subject<void>(); referenceManager: ReferenceManager; savedSectionCode: string | undefined; + expertMode: boolean = false; constructor(private selectionService: SelectionService, private veronaApiService: VeronaAPIService, @@ -229,4 +230,8 @@ export class UnitService { getSelectedPage() { return this.unit.pages[this.selectionService.selectedPageIndex]; } + + setSectionExpertMode(checked: boolean) { + this.expertMode = checked; + } }