anchor.diff:  		</div>
   
   	</div>
  -
  +	<div id="dialog-confirm" title="Delete?">
  +		<p>
  +			<span class="ui-icon ui-icon-alert"
  +				style="float: left; margin: 0 7px 20px 0;"></span>Delete this item?
  +		</p>
  +	</div>
   </body>
positive.code: 													class="caret"></span></a>
  												<ul class="dropdown-menu pull-right">
  													<c:choose>
  													<%--
  														<c:when test="${o.role eq 'ROLE_EXPERT'}">
  															<sec:authorize ifAnyGranted="PERMISSION_ADMIN">
  																<li><a
  
negative.code: <script>
  	$(function() {
  		$('.fa').tooltip();
  
  		$('#usertable thead th')
  				.each(
  						function() {
  							var title = $('#usertable thead th').eq(
  									$(this).index()).text();
  							$(this)
  									.append(
  											'<div class=""><input type="text" style="width:100%;font-weight:normal;font-size:smaller" placeholder="Search '
  													+ title + '" /></div>');
  						});
  
  		var table = $("#usertable").DataTable({
  			'paging' : false,
  			'searching' : false
  		});
  
  		// Apply the search
  
  		$('#usertable thead th input').each(function(idx) {
  			$(this).on('keyup change', function() {
  				table.column(idx).search(this.value).draw();
  			});
  		});
  
  		$(".deleteLink").click(function(e) {
  			e.preventDefault();
  			var targetUrl = $(this).attr("href");
  			$("#dialog-confirm").dialog({
  				resizable : false,
  				height : 140,
  				modal : true,
  				buttons : {
  					"Delete item" : function() {
  						window.location.href = targetUrl;
  						$(this).dialog("close");
  					},
  					Cancel : function() {
  						$(this).dialog("close");
  					}
  				}
  			});
  		});
  
  