Commit | Line | Data |
---|---|---|
dcc2332d MW |
1 | {include file='header' pageTitle='wcf.acp.smiley.list'} |
2 | ||
3 | {if $objects|count} | |
9543d9fe | 4 | <script data-relocate="true"> |
d5a0a8ff AE |
5 | require(['WoltLabSuite/Core/Ui/Sortable/List'], function (UiSortableList) { |
6 | new UiSortableList({ | |
7 | containerId: 'smileyList', | |
8 | className: 'wcf\\data\\smiley\\SmileyAction', | |
9 | offset: {@$startIndex} | |
10 | }); | |
11 | }); | |
dcc2332d MW |
12 | </script> |
13 | {/if} | |
14 | ||
95961bdf | 15 | <header class="contentHeader"> |
b5c94e9e | 16 | <div class="contentHeaderTitle"> |
0edfe081 | 17 | <h1 class="contentTitle">{lang}wcf.acp.smiley.list{/lang}{if $items} <span class="badge badgeInverse">{#$items}</span>{/if}</h1> |
b5c94e9e | 18 | </div> |
dcc2332d | 19 | |
b5c94e9e | 20 | <nav class="contentHeaderNavigation"> |
dcc2332d | 21 | <ul> |
ab43711a | 22 | <li><a href="{link controller='SmileyAdd'}{/link}" class="button">{icon name='plus'} <span>{lang}wcf.acp.smiley.add{/lang}</span></a></li> |
dcc2332d | 23 | |
b5c94e9e | 24 | {event name='contentHeaderNavigation'} |
dcc2332d MW |
25 | </ul> |
26 | </nav> | |
b5c94e9e AE |
27 | </header> |
28 | ||
29 | {hascontent} | |
30 | <div class="paginationTop"> | |
31 | {content}{pages print=true assign=pagesLinks controller="SmileyList" object=$category link="pageNo=%d"}{/content} | |
32 | </div> | |
33 | {/hascontent} | |
34 | ||
dcc2332d | 35 | {if $smileyCount} |
340d8c50 MW |
36 | <div class="section tabMenuContainer staticTabMenuContainer"> |
37 | <nav class="tabMenu"> | |
dcc2332d MW |
38 | <ul> |
39 | {foreach from=$categories item=categoryLoop} | |
a53c38ea | 40 | <li{if (!$category && !$categoryLoop->categoryID) || ($category && $category->categoryID == $categoryLoop->categoryID)} class="active"{/if}><a href="{if $categoryLoop->categoryID}{link controller='SmileyList' object=$categoryLoop}{/link}{else}{link controller='SmileyList'}{/link}{/if}">{$categoryLoop->getTitle()}</a></li> |
dcc2332d MW |
41 | {/foreach} |
42 | </ul> | |
43 | </nav> | |
340d8c50 MW |
44 | <div class="tabMenuContent"> |
45 | <section id="smileyList" class="sortableListContainer"> | |
46 | {if $objects|count} | |
8a2555fd | 47 | <ol class="sortableList jsReloadPageWhenEmpty jsObjectActionContainer" data-object-action-class-name="wcf\data\smiley\SmileyAction" data-object-id="0" start="{@($pageNo - 1) * $itemsPerPage + 1}"> |
340d8c50 | 48 | {foreach from=$objects item=smiley} |
8a2555fd | 49 | <li class="sortableNode sortableNoNesting smileyRow jsObjectActionObject" data-object-id="{@$smiley->getObjectID()}"> |
340d8c50 | 50 | <span class="sortableNodeLabel"> |
a53c38ea | 51 | <a href="{link controller='SmileyEdit' id=$smiley->smileyID}{/link}">{@$smiley->getHtml()} {$smiley->getTitle()}</a> <span class="badge">{$smiley->smileyCode}</span>{foreach from=$smiley->getAliases() item='alias'} <span class="badge" style="margin-left: 5px">{$alias}</span>{/foreach} |
dcc2332d | 52 | |
340d8c50 | 53 | <span class="statusDisplay sortableButtonContainer"> |
c022c35c | 54 | <span class="sortableNodeHandle"> |
ab43711a | 55 | {icon name='arrows-up-down-left-right'} |
c022c35c | 56 | </span> |
2d510562 | 57 | <a href="{link controller='SmileyEdit' id=$smiley->smileyID}{/link}" class="jsTooltip" title="{lang}wcf.global.button.edit{/lang}"> |
ab43711a | 58 | {icon name='pencil'} |
2d510562 | 59 | </a> |
8a2555fd | 60 | {objectAction action="delete" objectTitle=$smiley->smileyCode} |
340d8c50 MW |
61 | |
62 | {event name='itemButtons'} | |
63 | </span> | |
dcc2332d | 64 | </span> |
340d8c50 MW |
65 | <ol class="sortableList" data-object-id="{@$smiley->smileyID}"></ol> |
66 | </li> | |
67 | {/foreach} | |
68 | </ol> | |
340d8c50 | 69 | {else} |
a14d7068 | 70 | <woltlab-core-notice type="info">{lang}wcf.global.noItems{/lang}</woltlab-core-notice> |
340d8c50 MW |
71 | {/if} |
72 | </section> | |
388bc75c MS |
73 | |
74 | {if $objects|count} | |
75 | <div class="formSubmit"> | |
eecd78e1 | 76 | <button type="button" class="button buttonPrimary" data-type="submit">{lang}wcf.global.button.saveSorting{/lang}</button> |
388bc75c MS |
77 | </div> |
78 | {/if} | |
fe17bd5f | 79 | </div> |
dcc2332d | 80 | </div> |
0181a6fb MW |
81 | |
82 | <footer class="contentFooter"> | |
83 | {hascontent} | |
84 | <div class="paginationBottom"> | |
85 | {content}{@$pagesLinks}{/content} | |
86 | </div> | |
87 | {/hascontent} | |
88 | ||
89 | {hascontent} | |
90 | <nav class="contentFooterNavigation"> | |
91 | <ul> | |
92 | {content} | |
93 | {event name='contentFooterNavigation'} | |
94 | {/content} | |
95 | </ul> | |
96 | </nav> | |
97 | {/hascontent} | |
98 | </footer> | |
dcc2332d | 99 | {else} |
a14d7068 | 100 | <woltlab-core-notice type="info">{lang}wcf.global.noItems{/lang}</woltlab-core-notice> |
dcc2332d MW |
101 | {/if} |
102 | ||
103 | {include file='footer'} |