You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
2.0 KiB
42 lines
2.0 KiB
<div *ngIf="!overlayService.isOverlay" class="main-container standalone primary mat-app-background">
|
|
<mat-tab-group color="accent" [selectedIndex]="selected.value" (selectedIndexChange)="selected.setValue($event)"
|
|
mat-stretch-tabs="false" class="tabs">
|
|
<mat-tab label="Settings">
|
|
<div class="d-flex w-100 h-100 align-items-center">
|
|
<div class="col-xl-4 offset-xl-4 col-lg-6 offset-lg-3 col-md-8 offset-md-2 col-sm-10 offset-sm-1 col-xs-12">
|
|
<settings class="content h-100 w-100"></settings>
|
|
</div>
|
|
</div>
|
|
</mat-tab>
|
|
<mat-tab label="Editor">
|
|
<plan-editor class="content"></plan-editor>
|
|
</mat-tab>
|
|
</mat-tab-group>
|
|
|
|
<tooltip class="tooltip">
|
|
<div class="d-flex flex-column tooltip-area">
|
|
<ng-container *ngIf="selected.value == 0; else editor">
|
|
<pre>Plan window background is lets you configure the background color of the "plan window"
|
|
The overlay backdrop color covers the whole area when the overlay is toggled into interactable* mode.
|
|
*Interactable means you can move and resize the "plan window"
|
|
The overlay default font color is the default color for notes in the plan window
|
|
|
|
The "plan window" proceeds automatically when you go into the next zone ingame if it matches the next one in the plan.</pre>
|
|
</ng-container>
|
|
<ng-template #editor>
|
|
<pre>Right click to edit note
|
|
Double click to quick add
|
|
Notes are in markdown extended with color support, e.g:
|
|
{{'{'}}css-compatible-color{{'}'}}(The colored text inside)</pre>
|
|
|
|
</ng-template>
|
|
</div>
|
|
</tooltip>
|
|
</div>
|
|
|
|
<ng-container *ngIf="overlayService.isOverlay">
|
|
<div class="main-container overlay" *ngIf="overlayService.isOverlay"
|
|
[ngStyle]="overlayService.interactable ? {'background-color' : configService.config.backdropBg} : {} ">
|
|
<plan-display [backgroundColor]="configService.config.planBg"></plan-display>
|
|
</div>
|
|
</ng-container> |