Revize 9037608d
Přidáno uživatelem Jan Čarnogurský před téměř 5 roky(ů)
src/main/java/vldc/aswi/web/controller/IndexController.java | ||
---|---|---|
107 | 107 |
// seřazený idčka záznamů |
108 | 108 |
System.out.println(data); |
109 | 109 |
|
110 |
return "Uloženo";
|
|
110 |
return "Ok";
|
|
111 | 111 |
} |
112 | 112 |
|
113 | 113 |
} |
src/main/webapp/WEB-INF/templates/index.html | ||
---|---|---|
58 | 58 |
<div class="button-container"> |
59 | 59 |
|
60 | 60 |
<a th:href="@{/assembly_new}" class="btn btn-success mb-2"><i class="fas fa-plus"></i> Přidat novou sestavu</a> |
61 |
<button type="button" class="btn btn-success align-right"><i class="fas fa-sort"></i> Upravit řazení</button>
|
|
61 |
<span class="btn btn-success align-right" id="saveSort">Uložit řazení</span>
|
|
62 | 62 |
</div> |
63 | 63 |
|
64 | 64 |
<table class="table table-bordered table-striped"> |
... | ... | |
70 | 70 |
</tr> |
71 | 71 |
</thead> |
72 | 72 |
<tbody class="sort"> |
73 |
<tr th:each="iassembly, itemStat : ${assemblies}"> |
|
73 |
<tr th:each="iassembly, itemStat : ${assemblies}" th:id ="${iassembly.id}">
|
|
74 | 74 |
<div> |
75 | 75 |
<td><a th:href="@{/assembly(assemblyID=${iassembly.id})}"><span th:text="${iassembly.name}"></span></a></td> |
76 | 76 |
<td th:text="${attributes[__${itemStat.index}__]}"></td> |
... | ... | |
88 | 88 |
</td> |
89 | 89 |
</div> |
90 | 90 |
</tr> |
91 |
<tr > |
|
92 |
<div> |
|
93 |
<td><a href="@{/assembly(assemblyID=${iassembly.id})}"><span text="${iassembly.name}"></span></a></td> |
|
94 |
<td>Akademický rok, Fakulta, Typ strudia, Ročník, ...</td> |
|
95 |
<td> |
|
96 |
<div class="action-wrapper"> |
|
97 |
<span class="action-button"> |
|
98 |
<a href="@{/assembly_edit(assemblyID=${iassembly.id})}" class="action-link far fa-edit"></a> |
|
99 |
</span> |
|
100 |
<span class="action-button"> |
|
101 |
<a href=# class="action-link far fa-trash-alt"></a> |
|
102 |
</span> |
|
103 |
</div> |
|
104 |
</td> |
|
105 |
</div> |
|
106 |
</tr> |
|
107 |
</tbody> |
|
108 | 91 |
</tbody> |
109 | 92 |
</table> |
110 | 93 |
</div> |
... | ... | |
119 | 102 |
<script type="text/javascript" src="js/app.js"></script> |
120 | 103 |
</body> |
121 | 104 |
</html> |
122 |
<script> |
|
123 |
$('tbody').sortable(); |
|
124 |
</script> |
|
125 |
|
|
126 |
<script th:inline="javascript"> |
|
127 |
|
|
128 |
var token = $('#_csrf').attr('content'); |
|
129 |
var header = $('#_csrf_header').attr('content'); |
|
130 |
|
|
131 |
$(document).ready(function(){ |
|
132 |
$(".sort").sortable().disableSelection(); |
|
133 |
|
|
134 |
$('#saveSort').on('click', function () { |
|
135 |
var orderArray = $('.sort').sortable('toArray'); |
|
136 |
|
|
137 |
if (orderArray.length > 0) |
|
138 |
{ |
|
139 |
$.ajax({ |
|
140 |
type: "POST", |
|
141 |
url: /*[[@{/saveOrder}]]*/"", |
|
142 |
data: orderArray.toString(), |
|
143 |
dataType: "text", |
|
144 |
contentType: "text/plain;charset=UTF-8", |
|
145 |
beforeSend: function(xhr) { |
|
146 |
xhr.setRequestHeader(header, token); |
|
147 |
}, |
|
148 |
success: function (data) { |
|
149 |
alert(data); |
|
150 |
} |
|
151 |
}); |
|
152 |
} |
|
153 |
|
|
154 |
}) |
|
155 |
}); |
|
156 | 105 |
|
157 |
</script> |
|
106 |
<script type="text/javascript" src="js/indexScripts.js" th:inline="javascript"></script> |
src/main/webapp/js/indexScripts.js | ||
---|---|---|
1 |
$(document).ready(function(){ |
|
2 |
// set up sorting |
|
3 |
$(".sort").sortable().disableSelection(); |
|
4 |
|
|
5 |
// action after press button "Uložit řazení" |
|
6 |
$('#saveSort').on('click', function () { |
|
7 |
|
|
8 |
// load csfr tokens |
|
9 |
var token = $('#_csrf').attr('content'); |
|
10 |
var header = $('#_csrf_header').attr('content'); |
|
11 |
|
|
12 |
// load values from table |
|
13 |
var orderArray = $('.sort').sortable('toArray'); |
|
14 |
|
|
15 |
if (orderArray.length > 0) |
|
16 |
{ |
|
17 |
// make ajax request to save new order |
|
18 |
$.ajax({ |
|
19 |
type: "POST", |
|
20 |
url: "/saveOrder", |
|
21 |
data: orderArray.toString(), |
|
22 |
dataType: "text", |
|
23 |
contentType: "text/plain;charset=UTF-8", |
|
24 |
beforeSend: function(xhr) { |
|
25 |
xhr.setRequestHeader(header, token); |
|
26 |
}, |
|
27 |
success: function (data) { |
|
28 |
alert(data); |
|
29 |
} |
|
30 |
}); |
|
31 |
} |
|
32 |
|
|
33 |
}) |
|
34 |
}); |
Také k dispozici: Unified diff
re #7884 update functionality for updated template