Projekt

Obecné

Profil

« Předchozí | Další » 

Revize f7dc4075

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

re #7884 - added frontend drag and drop for assembly

Zobrazit rozdíly:

src/main/webapp/WEB-INF/templates/index.html
13 13 
	<link href="css/fontawesome.min.css" rel="stylesheet">
14 14 
	<link href="css/style.css" rel="stylesheet">
15 15 

  		




  
  16
  
    
	<link href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css" rel="stylesheet">


  		




  16
  17
  
    

  		




  
  18
  
    
	<script type="text/javascript" src="js/jquery.js"></script>


  		




  
  19
  
    
	<script src="//code.jquery.com/jquery-1.11.1.js"></script>


  		




  
  20
  
    
	<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>


  		




  17
  21
  
    
</head>


  		




  18
  22
  
    
	<body>


  		




  
  23
  
    
	<meta id="_csrf" name="_csrf" th:content="${_csrf.token}"/>


  		




  
  24
  
    
	<meta id="_csrf_header" name="_csrf_header" th:content="${_csrf.headerName}"/>


  		




  
  25
  
    

  		




  19
  26
  
    
	<div id="test"></div>


  		




  20
  27
  
    
	<main role="main">


  		




  21
  28
  
    

  		




  ......




  62
  69
  
    
					<th scope="col">Akce</th>


  		




  63
  70
  
    
				</tr>


  		




  64
  71
  
    
				</thead>


  		




  65
  
  
    
				<tbody>


  		




  
  72
  
    
				<tbody class="sort">


  		




  66
  73
  
    
					<tr th:each="iassembly, itemStat : ${assemblies}">


  		




  67
  74
  
    
						<div>


  		




  68
  75
  
    
							<td><a th:href="@{/assembly(assemblyID=${iassembly.id})}"><span th:text="${iassembly.name}"></span></a></td>


  		




  ......




  75
  82
  
    
									<span class="action-button">


  		




  76
  83
  
    
									  <a href=# class="action-link far fa-trash-alt"></a>


  		




  77
  84
  
    
									</span>


  		




  
  85
  
    

  		




  
  86
  
    
									<i class="fas fa-sort"></i>


  		




  
  87
  
    
								</div>


  		




  
  88
  
    
							</td>


  		




  
  89
  
    
						</div>


  		




  
  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>


  		




  78
  103
  
    
								</div>


  		




  79
  104
  
    
							</td>


  		




  80
  105
  
    
						</div>


  		




  81
  106
  
    
					</tr>


  		




  82
  107
  
    
				</tbody>


  		




  
  108
  
    
				</tbody>


  		




  83
  109
  
    
			</table>


  		




  84
  110
  
    
		</div>


  		




  85
  111
  
    
	</main>


  		




  ......




  93
  119
  
    
	<script type="text/javascript" src="js/app.js"></script>


  		




  94
  120
  
    
	</body>


  		




  95
  121
  
    
</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
  
    

  		




  
  157
  
    
</script>


  		












Také k dispozici:  Unified diff