From 35578a5c327baa803e600700ccaee627d4724339 Mon Sep 17 00:00:00 2001
From: Jannik Schönartz
Date: Wed, 20 Jun 2018 20:02:18 +0200
Subject: [serversetup-bwlp] Added drag and drop to the editmenu. Fixed
 radiobutton alignment and it's now saved/updated properly.

---
 .../serversetup-bwlp/templates/menu-edit.html      | 44 +++++++++++++++++-----
 1 file changed, 35 insertions(+), 9 deletions(-)

(limited to 'modules-available/serversetup-bwlp/templates/menu-edit.html')

diff --git a/modules-available/serversetup-bwlp/templates/menu-edit.html b/modules-available/serversetup-bwlp/templates/menu-edit.html
index cf10296e..aa748c3a 100644
--- a/modules-available/serversetup-bwlp/templates/menu-edit.html
+++ b/modules-available/serversetup-bwlp/templates/menu-edit.html
@@ -12,6 +12,7 @@
 			<input type="hidden" name="token" value="{{token}}">
 			<input type="hidden" name="action" value="savemenu">
 			<input type="hidden" name="menuid" value="{{menuid}}">
+
 			<div class="row list-group-item">
 				<div class="col-sm-3">
 					<label for="panel-title">{{lang_menuTitle}}</label>
@@ -46,24 +47,30 @@
 				<table class="table">
 					<thead>
 					<tr>
+						<th></th>
 						<th></th>
 						<th>{{lang_entryId}}</th>
 						<th>{{lang_title}}</th>
 						<th>{{lang_hotkey}}</th>
-						<th>{{lang_sortOrder}}</th>
 						<th>{{lang_password}}</th>
 					</tr>
 					</thead>
-					<tbody>
+					<tbody id="tableBody" style="overflow: auto;">
 					{{#entries}}
-						<tr>
-							<td class="slx-smallcol">
-								<div class="radio radio-inline">
+						<tr id="{{menuentryid}}">
+							<input type="hidden" class="form-control sort-val" name="entry[{{menuentryid}}][sortval]" id="entry-sortval-{{menuentryid}}" value="{{sortval}}" {{readonly}}>
+							<td class="drag-handler" style="cursor: pointer;text-align: center; vertical-align: middle;">
+								<span class="glyphicon glyphicon-th-list"></span>
+							</td>
+
+							<td class="slx-smallcol" style="text-align: center; vertical-align: middle;">
+								<div class="radio radio-inline" style="margin: 0px;">
 									<input type="radio" name="defaultentry" value="{{menuentryid}}"
 											 {{#isdefault}}checked{{/isdefault}} {{perms.ipxe.menu.edit.disabled}} {{disabled}}>
 									<label></label>
 								</div>
 							</td>
+
 							<td class="text-nowrap">
 								{{#entryid}}
 									<select class="form-control" name="entry[{{menuentryid}}][entryid]" {{readonly}}>
@@ -91,9 +98,7 @@
 									</select>
 								</td>
 							{{/entryid}}
-							<td>
-								<input class="form-control" name="entry[{{menuentryid}}][sortval]" value="{{sortval}}" {{readonly}}>
-							</td>
+
 							<td>
 								<input class="form-control" name="entry[{{menuentryid}}][plainpass]" id="panel-passwd" type="{{password_type}}"
 										 value="{{plainpass}}" {{readonly}}>
@@ -111,4 +116,25 @@
 			</div>
 		</form>
 	</div>
-</div>
\ No newline at end of file
+</div>
+
+<script type="text/javascript">
+	document.addEventListener("DOMContentLoaded", function() {
+		$('#tableBody').sortable({
+			opacity: 0.8,
+			handle: '.drag-handler',
+			start: function(evt, ui) {
+				ui.placeholder.css("visibility", "visible");
+				ui.placeholder.css("opacity", "0.152");
+				ui.placeholder.css("background-color", "LawnGreen");
+			},
+			stop: function() {
+				var startValue = 1;
+				$('.sort-val').each(function(index, element) {
+					element.value = startValue * 10;
+					startValue++;
+				});
+			}
+		});
+	});
+</script>
\ No newline at end of file
-- 
cgit v1.2.3-55-g7522