Projekt

Obecné

Profil

« Předchozí | Další » 

Revize 9037608d

Přidáno uživatelem Jan Čarnogurský před asi 4 roky(ů)

re #7884 update functionality for updated template

Zobrazit rozdíly:

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>

Také k dispozici: Unified diff