Files
pixel.horse/src/ts/components/shared/action-bar/action-bar.pug
T

25 lines
934 B
Plaintext

ng-template(#actionsModal)
actions-modal((close)="closeActions()" [focusTrap]="true" (keydown)="$event.stopPropagation()")
.action-bar(
[class.has-scroller]="hasScroller" [class.is-mobile]="mobile" [class.is-blurred]="blurred"
#scroller (mousewheel)="scroll($event)" (wheel)="scroll($event)" (scroll)="true")
action-button(
*ngFor="let a of actions; let i = index"
[class.blur-me]="i < blurCount"
[action]="a.action"
[active]="a.action && activeAction === a"
[editable]="editable"
[shortcut]="shortcuts[i] || ''"
(use)="use(a.action)"
[draggableItem]="a.action"
[draggableDisabled]="!editable || !a.action"
[draggablePad]="10"
(draggableDrag)="drag(i)"
(draggableDrop)="drop($event, i)")
button.action-settings.game-button((click)="openActions()" style="touch-action: inherit;")
fa-icon.action-icon([icon]="cogIcon" [fixedWidth]="true")
.action-button-padding
.scroller-label
| scroll using this bar