uhk/agent
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add keymap page (#80)

Browse Source
This commit is contained in:
Nejc Zdovc
2016-08-29 21:51:30 +02:00
committed by József Farkas
parent bb3a2d77b6
commit dee9c1077b
20 changed files with 1258 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/svg/wrap/svg-keyboard-wrap.component.html
View File

@@ -1,12 +1,25 @@
<template ngIf="layers">
<layers (select)="selectLayer($event.oldIndex, $event.index)" [current]="currentLayer"></layers>
<div class="keyboard-slider" >
<div class="keyboard-slider" (mouseout)="hideTooltip($event)">
<svg-keyboard *ngFor="let layer of layers"
[@layerState]="layer.animation"
[moduleConfig]="layer.modules.elements"
(keyClick)="onKeyClick($event.moduleId, $event.keyId)"
(keyHover)="onKeyHover($event.moduleId, $event.event, $event.over, $event.keyId)"
>
</svg-keyboard>
</div>
<popover *ngIf="popoverShown && popoverEnabled" [defaultKeyAction]="popoverInitKeyAction" (cancel)="hidePopover()" (remap)="onRemap($event)"></popover>
<popover *ngIf="popoverShown" [defaultKeyAction]="popoverInitKeyAction" (cancel)="hidePopover()" (remap)="onRemap($event)"></popover>
<div class="tooltip top fade" role="tooltip"
[class.in]="tooltipData.shown"
[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>