|
1 | 1 | {include file='header' pageTitle='wcf.acp.ad.list'} |
2 | 2 |
|
3 | | -<script data-relocate="true"> |
4 | | - require(['WoltLabSuite/Core/Ui/Sortable/List'], function (UiSortableList) { |
5 | | - new UiSortableList({ |
6 | | - containerId: 'adList', |
7 | | - className: 'wcf\\data\\ad\\AdAction', |
8 | | - offset: {@$startIndex} |
9 | | - }); |
10 | | - }); |
11 | | -</script> |
12 | | - |
13 | 3 | <header class="contentHeader"> |
14 | 4 | <div class="contentHeaderTitle"> |
15 | | - <h1 class="contentTitle">{lang}wcf.acp.ad.list{/lang}{if $items} <span class="badge badgeInverse">{#$items}</span>{/if}</h1> |
| 5 | + <h1 class="contentTitle">{lang}wcf.acp.ad.list{/lang} <span class="badge badgeInverse">{#$gridView->countRows()}</span></h1> |
16 | 6 | </div> |
17 | 7 |
|
18 | 8 | <nav class="contentHeaderNavigation"> |
19 | 9 | <ul> |
| 10 | + {if $gridView->countRows() > 1} |
| 11 | + <li> |
| 12 | + <button type="button" class="button jsChangeShowOrder">{icon name='up-down'} <span>{lang}wcf.global.changeShowOrder{/lang}</span></button> |
| 13 | + </li> |
| 14 | + {/if} |
20 | 15 | <li><a href="{link controller='AdAdd'}{/link}" class="button">{icon name='plus'} <span>{lang}wcf.acp.menu.link.ad.add{/lang}</span></a></li> |
21 | 16 |
|
22 | 17 | {event name='contentHeaderNavigation'} |
23 | 18 | </ul> |
24 | 19 | </nav> |
25 | 20 | </header> |
26 | 21 |
|
27 | | -{hascontent} |
28 | | - <div class="paginationTop"> |
29 | | - {content}{pages print=true assign=pagesLinks controller="AdList" link="pageNo=%d"}{/content} |
30 | | - </div> |
31 | | -{/hascontent} |
| 22 | +<div class="section"> |
| 23 | + {unsafe:$gridView->render()} |
| 24 | +</div> |
32 | 25 |
|
33 | | -{if $objects|count} |
34 | | - <div class="section sortableListContainer" id="adList"> |
35 | | - <ol class="sortableList jsObjectActionContainer jsReloadPageWhenEmpty" data-object-id="0" start="{@($pageNo - 1) * $itemsPerPage + 1}" data-object-action-class-name="wcf\data\ad\AdAction"> |
36 | | - {foreach from=$objects item='ad'} |
37 | | - <li class="sortableNode sortableNoNesting jsAd jsObjectActionObject" data-object-id="{@$ad->adID}"> |
38 | | - <span class="sortableNodeLabel"> |
39 | | - <a href="{link controller='AdEdit' object=$ad}{/link}">{$ad->adName}</a> |
40 | | - |
41 | | - <span class="statusDisplay sortableButtonContainer"> |
42 | | - <span class="sortableNodeHandle"> |
43 | | - {icon name='arrows-up-down-left-right'} |
44 | | - </span> |
45 | | - {objectAction action="toggle" isDisabled=$ad->isDisabled} |
46 | | - <a href="{link controller='AdEdit' object=$ad}{/link}" title="{lang}wcf.global.button.edit{/lang}" class="jsTooltip">{icon name='pencil'}</a> |
47 | | - {objectAction action="delete" objectTitle=$ad->getTitle()} |
48 | | - |
49 | | - {event name='itemButtons'} |
50 | | - </span> |
51 | | - </span> |
52 | | - </li> |
53 | | - {/foreach} |
54 | | - </ol> |
55 | | - </div> |
56 | | - |
57 | | - <div class="formSubmit"> |
58 | | - <button type="button" class="button buttonPrimary" data-type="submit">{lang}wcf.global.button.saveSorting{/lang}</button> |
59 | | - </div> |
60 | | - |
61 | | - <footer class="contentFooter"> |
62 | | - {hascontent} |
63 | | - <div class="paginationBottom"> |
64 | | - {content}{@$pagesLinks}{/content} |
65 | | - </div> |
66 | | - {/hascontent} |
67 | | - |
68 | | - <nav class="contentFooterNavigation"> |
69 | | - <ul> |
70 | | - <li><a href="{link controller='AdAdd'}{/link}" class="button">{icon name='plus'} <span>{lang}wcf.acp.menu.link.ad.add{/lang}</span></a></li> |
71 | | - |
72 | | - {event name='contentFooterNavigation'} |
73 | | - </ul> |
74 | | - </nav> |
75 | | - </footer> |
76 | | -{else} |
77 | | - <woltlab-core-notice type="info">{lang}wcf.global.noItems{/lang}</woltlab-core-notice> |
78 | | -{/if} |
| 26 | +<script data-relocate="true"> |
| 27 | + require(["WoltLabSuite/Core/Component/ChangeShowOrder"], ({ setup }) => { |
| 28 | + {jsphrase name='wcf.global.changeShowOrder'} |
| 29 | +
|
| 30 | + setup( |
| 31 | + document.querySelector('.jsChangeShowOrder'), |
| 32 | + 'core/ads/show-order', |
| 33 | + ); |
| 34 | + }); |
| 35 | +</script> |
79 | 36 |
|
80 | 37 | {include file='footer'} |
0 commit comments