From: Alexander Ebert <ebert@woltlab.com>
Date: Sun, 23 Oct 2016 10:57:08 +0000 (+0200)
Subject: Fixed item sorting on mobile
X-Git-Tag: 3.0.0_Beta_4~30
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=f4005ba012861617d2fb66733032dcdd6d787766;p=GitHub%2FWoltLab%2FWCF.git

Fixed item sorting on mobile
---

diff --git a/wcfsetup/install/files/acp/templates/adList.tpl b/wcfsetup/install/files/acp/templates/adList.tpl
index 26b7076b4c..3f36b0399a 100644
--- a/wcfsetup/install/files/acp/templates/adList.tpl
+++ b/wcfsetup/install/files/acp/templates/adList.tpl
@@ -1,10 +1,17 @@
 {include file='header' pageTitle='wcf.acp.ad.list'}
 
 <script data-relocate="true">
+	require(['WoltLabSuite/Core/Ui/Sortable/List'], function (UiSortableList) {
+		new UiSortableList({
+			containerId: 'adList',
+			className: 'wcf\\data\\ad\\AdAction',
+			offset: {@$startIndex}
+		});
+	});
+	
 	$(function() {
 		new WCF.Action.Delete('wcf\\data\\ad\\AdAction', '.jsAd');
 		new WCF.Action.Toggle('wcf\\data\\ad\\AdAction', '.jsAd');
-		new WCF.Sortable.List('adList', 'wcf\\data\\ad\\AdAction', {@$startIndex});
 	});
 </script>
 
@@ -37,6 +44,7 @@
 						<a href="{link controller='AdEdit' object=$ad}{/link}">{$ad->adName}</a>
 						
 						<span class="statusDisplay sortableButtonContainer">
+							<span class="icon icon16 fa-arrows sortableNodeHandle"></span>
 							<span class="icon icon16 fa-{if !$ad->isDisabled}check-{/if}square-o jsToggleButton jsTooltip pointer" title="{lang}wcf.global.button.{if $ad->isDisabled}enable{else}disable{/if}{/lang}" data-object-id="{@$ad->adID}"></span>
 							<a href="{link controller='AdEdit' object=$ad}{/link}" title="{lang}wcf.global.button.edit{/lang}" class="jsTooltip"><span class="icon icon16 fa-pencil"></span></a>
 							<span class="icon icon16 fa-times jsDeleteButton jsTooltip pointer" title="{lang}wcf.global.button.delete{/lang}" data-object-id="{@$ad->adID}" data-confirm-message-html="{lang __encode=true}wcf.acp.ad.delete.confirmMessage{/lang}"></span>
diff --git a/wcfsetup/install/files/acp/templates/menuItemList.tpl b/wcfsetup/install/files/acp/templates/menuItemList.tpl
index 308fe9c1a1..ab06781247 100644
--- a/wcfsetup/install/files/acp/templates/menuItemList.tpl
+++ b/wcfsetup/install/files/acp/templates/menuItemList.tpl
@@ -1,10 +1,22 @@
 {include file='header' pageTitle='wcf.acp.menu.item.list'}
 
 <script data-relocate="true">
+	require(['WoltLabSuite/Core/Ui/Sortable/List'], function (UiSortableList) {
+		new UiSortableList({
+			containerId: 'menuItemList',
+			className: 'wcf\\data\\menu\\item\\MenuItemAction',
+			options: {
+				protectRoot: true
+			},
+			additionalParameters: {
+				menuID: '{@$menuID}'
+			}
+		});
+	});
+	
 	$(function() {
 		new WCF.Action.Delete('wcf\\data\\menu\\item\\MenuItemAction', '.sortableNode', '> .sortableNodeLabel .jsDeleteButton');
 		new WCF.Action.Toggle('wcf\\data\\menu\\item\\MenuItemAction', '.sortableNode', '> .sortableNodeLabel .jsToggleButton');
-		new WCF.Sortable.List('menuItemList', 'wcf\\data\\menu\\item\\MenuItemAction', undefined, { protectRoot: true }, false, { menuID: '{@$menuID}' });
 	});
 </script>
 
@@ -33,6 +45,7 @@
 						<span class="sortableNodeLabel">
 							<a href="{link controller='MenuItemEdit' id=$menuItemNode->itemID}{/link}">{lang}{$menuItemNode->title}{/lang}</a>
 							<span class="statusDisplay sortableButtonContainer">
+								<span class="icon icon16 fa-arrows sortableNodeHandle"></span>
 								{if $menuItemNode->canDisable()}
 									<span class="icon icon16 fa-{if !$menuItemNode->isDisabled}check-{/if}square-o jsToggleButton jsTooltip pointer" title="{lang}wcf.global.button.{if $menuItemNode->isDisabled}enable{else}disable{/if}{/lang}" data-object-id="{@$menuItemNode->itemID}"></span>
 								{else}
diff --git a/wcfsetup/install/files/acp/templates/noticeList.tpl b/wcfsetup/install/files/acp/templates/noticeList.tpl
index c37c6f1517..e5f576cc04 100644
--- a/wcfsetup/install/files/acp/templates/noticeList.tpl
+++ b/wcfsetup/install/files/acp/templates/noticeList.tpl
@@ -1,10 +1,17 @@
 {include file='header' pageTitle='wcf.acp.notice.list'}
 
 <script data-relocate="true">
+	require(['WoltLabSuite/Core/Ui/Sortable/List'], function (UiSortableList) {
+		new UiSortableList({
+			containerId: 'noticeList',
+			className: 'wcf\\data\\notice\\NoticeAction',
+			offset: {@$startIndex}
+		});
+	});
+	
 	$(function() {
 		new WCF.Action.Delete('wcf\\data\\notice\\NoticeAction', '.jsNotice');
 		new WCF.Action.Toggle('wcf\\data\\notice\\NoticeAction', '.jsNotice');
-		new WCF.Sortable.List('noticeList', 'wcf\\data\\notice\\NoticeAction', {@$startIndex});
 	});
 </script>
 
@@ -37,6 +44,7 @@
 						<a href="{link controller='NoticeEdit' object=$notice}{/link}">{$notice->noticeName}</a>
 						
 						<span class="statusDisplay sortableButtonContainer">
+							<span class="icon icon16 fa-arrows sortableNodeHandle"></span>
 							<span class="icon icon16 fa-{if $notice->isDisabled}check-{/if}square-o jsToggleButton jsTooltip pointer" title="{lang}wcf.global.button.{if $notice->isDisabled}enable{else}disable{/if}{/lang}" data-object-id="{@$notice->noticeID}"></span>
 							<a href="{link controller='NoticeEdit' object=$notice}{/link}" title="{lang}wcf.global.button.edit{/lang}" class="jsTooltip"><span class="icon icon16 fa-pencil"></span></a>
 							<span class="icon icon16 fa-times jsDeleteButton jsTooltip pointer" title="{lang}wcf.global.button.delete{/lang}" data-object-id="{@$notice->noticeID}" data-confirm-message-html="{lang __encode=true}wcf.acp.notice.delete.confirmMessage{/lang}"></span>