Projekt

Obecné

Profil

« Předchozí | Další » 

Revize 9037608d

Přidáno uživatelem Jan Čarnogurský před téměř 5 roky(ů)

re #7884 update functionality for updated template

Zobrazit rozdíly:

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