25 lines
1.2 KiB
HTML
25 lines
1.2 KiB
HTML
<template ngIf="layers">
|
|
<layers [class.disabled]="popoverShown" (select)="selectLayer($event.oldIndex, $event.index)" [current]="currentLayer"></layers>
|
|
<div class="keyboard-slider">
|
|
<svg-keyboard *ngFor="let layer of layers; trackBy: trackKeyboard"
|
|
[@layerState]="layer.animation"
|
|
[moduleConfig]="layer.modules"
|
|
(keyClick)="onKeyClick($event.moduleId, $event.keyId, $event.keyTarget)"
|
|
(keyHover)="onKeyHover($event.moduleId, $event.event, $event.over, $event.keyId)"
|
|
>
|
|
</svg-keyboard>
|
|
</div>
|
|
<popover *ngIf="popoverShown" [keyPosition]="keyPosition" [wrapPosition]="wrapPosition" [defaultKeyAction]="popoverInitKeyAction" [currentKeymap]="keymap" (cancel)="hidePopover()" (remap)="onRemap($event)"></popover>
|
|
<div class="tooltip bottom"
|
|
[class.in]="tooltipData.show"
|
|
[style.top.px]="tooltipData.posTop"
|
|
[style.left.px]="tooltipData.posLeft"
|
|
>
|
|
<div class="tooltip-arrow"></div>
|
|
<div class="tooltip-inner">
|
|
<p *ngFor="let item of tooltipData.content">
|
|
{{ item.name }}: {{ item.value }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</template> |