21 lines
885 B
HTML
21 lines
885 B
HTML
<div class="help-button" *ngIf="!helpModeService.isHelpModeActive" (click)="helpModeService.activateHelpMode()">
|
|
<mat-icon svgIcon="red:help-outline"></mat-icon>
|
|
<div class="text">{{ 'help-mode.button-text' | translate }}</div>
|
|
</div>
|
|
<div class="help-mode-border" *ngIf="helpModeService.isHelpModeActive">
|
|
<div class="bottom">
|
|
<p class="heading">{{ 'help-mode.text' | translate }}</p>
|
|
<a class="instructions" *ngIf="!helpModeService.helpModeDialogIsOpened" (click)="helpModeService.openHelpModeDialog()">
|
|
{{ 'help-mode.instructions' | translate }}
|
|
</a>
|
|
<div class="close">
|
|
(esc)
|
|
<iqser-circle-button
|
|
class="dialog-close"
|
|
icon="iqser:close"
|
|
(click)="helpModeService.deactivateHelpMode()"
|
|
></iqser-circle-button>
|
|
</div>
|
|
</div>
|
|
</div>
|