1 | <section class="pl-grouped-buttons {{compactOpened ? 'compact-opened' : ''}} {{hidden ? 'hidden' : ''}}">
|
2 | {{#buttons:i}}
|
3 | {{#if type == 'indicator'}}
|
4 | <rv-require
|
5 | data-index="{{i}}"
|
6 | name="pl-button-indicator"
|
7 | src="../buttons/pl-button-indicator"
|
8 | class="pl-grouped-buttons-button"
|
9 | data-image="{{image}}"
|
10 | data-cls="{{cls}}"
|
11 | data-bind-action="action"
|
12 |
|
13 | style="
|
14 | {{orientation}}: {{mode == 'compact' ? compactPositions[i] : positions[i]}}px;
|
15 | {{mode == 'compact' ? 'top: ' + compactPositionsTop[i] + 'px;' : ''}}
|
16 | "
|
17 | ></rv-require>
|
18 | {{else}}
|
19 | <rv-require
|
20 | data-index="{{i}}"
|
21 | name="pl-button-rounded"
|
22 | src="../buttons/pl-button-rounded"
|
23 | class="pl-grouped-buttons-button"
|
24 | data-image="{{image}}"
|
25 | data-icon="{{icon}}"
|
26 | data-cls="{{cls}}"
|
27 | data-bind-action="action"
|
28 |
|
29 | style="
|
30 | {{orientation}}: {{mode == 'compact' ? compactPositions[i] : positions[i]}}px;
|
31 | {{mode == 'compact' ? 'top: ' + compactPositionsTop[i] + 'px;' : ''}}
|
32 | "
|
33 | ></rv-require>
|
34 | {{/if}}
|
35 | {{/buttons}}
|
36 |
|
37 | <div
|
38 | class="pl-grouped-button-compact-panel"
|
39 | style="height: {{compactHeight}}px; {{orientation}}: 0;"
|
40 | ></div>
|
41 |
|
42 | <button
|
43 | class="pl-grouped-button-compact-button {{!buttons.length ? 'no-buttons' : ''}}"
|
44 | style="{{orientation}}: {{compactButtonPosition}}px"
|
45 | on-click="compactAction"
|
46 | >
|
47 | <i class="fa fa-ellipsis-v"></i>
|
48 | </button>
|
49 | </section>
|