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.
61 lines
2.7 KiB
61 lines
2.7 KiB
<div id="hotbar" class="flexrow" data-tooltip-direction="UP">
|
|
<div id="hotbar-directory-controls" class="bar-controls flexcol">
|
|
<a id="bar-toggle">
|
|
<i class="fas fa-caret-down"></i>
|
|
</a>
|
|
<a id="macro-directory">
|
|
<i class="fas fa-folder"></i>
|
|
</a>
|
|
</div>
|
|
<nav id="action-bar" class="action-bar flexrow {{barClass}}" aria-label="{{localize 'MACRO.NavLabel'}}">
|
|
<ol id="macro-list" class="flexrow macro-list" data-page="{{page}}">
|
|
{{#each macros}}
|
|
<li class="macro {{this.cssClass}}" data-slot="{{this.slot}}"
|
|
{{#if this.macro}} data-macro-id="{{this.macro.id}}" data-tooltip="{{this.tooltip}}"{{/if}}>
|
|
<span class="macro-key">{{this.key}}</span>
|
|
{{#if this.icon}}
|
|
<img class="macro-icon" src="{{this.icon}}" alt="{{this.tooltip}}" />
|
|
{{/if}}
|
|
</li>
|
|
{{/each}}
|
|
</ol>
|
|
</nav>
|
|
<div id="hotbar-page-controls" class="bar-controls flexcol" data-tooltip-direction="UP">
|
|
{{#if showArrows}}
|
|
<a class="page-control" data-action="page-up" data-tooltip="MACRO.PageUp" alt="{{localize 'MACRO.PageUp'}}">
|
|
<i class="fas fa-angle-up"></i>
|
|
</a>
|
|
{{/if}}
|
|
<span class="page-number">{{page}}</span>
|
|
{{#if showArrows}}
|
|
<a class="page-control" data-action="page-down" data-tooltip="MACRO.PageDown" alt="{{localize 'MACRO.PageDown'}}">
|
|
<i class="fas fa-angle-down"></i>
|
|
</a>
|
|
{{/if}}
|
|
</div>
|
|
<div id="hotbar-page" class="hotbar-page flexcol {{pageClass}}">
|
|
{{#each macrolist}}
|
|
<div class="hotbar-page-row flexrow{{#if this.selected}} selected{{/if}}" data-page="{{page}}">
|
|
<div data-tooltip="MonksHotbarExpansion.clear-row" class="bar-controls clear-row flexcol">
|
|
<i class="fas fa-trash"></i>
|
|
</div>
|
|
<nav class="action-bar flexrow">
|
|
<ol class="flexrow macro-list" data-page="{{page}}">
|
|
{{#each macros}}
|
|
<li class="macro {{this.cssClass}}" data-slot="{{this.slot}}"
|
|
{{#if this.macro}} data-macro-id="{{this.macro.id}}" data-tooltip="{{this.tooltip}}"{{/if}}>
|
|
<span class="macro-key">{{this.key}}</span>
|
|
{{#if this.icon}}
|
|
<img class="macro-icon" src="{{this.icon}}" alt="{{this.tooltip}}" />
|
|
{{/if}}
|
|
</li>
|
|
{{/each}}
|
|
</ol>
|
|
</nav>
|
|
<div class="bar-controls flexcol">
|
|
<span class="page-number">{{page}}</span>
|
|
</div>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
</div>
|