算法评测平台前端。
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

78 lines
2.2 KiB

<%
this.adminPage = 'links';
%>
<% include admin_header %>
<table class="ui center aligned celled table">
<thead>
<tr>
<th>名称</th>
<th>链接</th>
<th width="50px">删除</th>
</tr>
</thead>
<tbody>
<% for (let i = 0; i < links.length; i++) { %>
<tr>
<td><%= links[i].title %></td>
<td><a href="<%= links[i].url %>"><%= links[i].url %></a></td>
<td>
<a onclick="$('#modal-remove-<%= i %>').modal('show');" style="color: #000; " href="#"><i class="remove icon"></i></a>
<div class="ui basic modal" id="modal-remove-<%= i %>">
<div class="ui icon header">
<i class="remove icon"></i>
<p style="margin-top: 15px; ">删除友链</p>
</div>
<div class="content" style="text-align: center; ">
<p>确认删除该友链吗?</p>
</div>
<div class="actions">
<div class="ui red basic cancel inverted button">
<i class="remove icon"></i>
</div>
<a class="ui green ok inverted button remove_link" data-id="<%= i %>">
<i class="checkmark icon"></i>
</a>
</div>
</div>
</td>
</tr>
<% } %>
</tbody>
</table>
<div class="ui form">
<div class="two fields">
<div class="field">
<label>名称</label>
<input type="text" id="add_title">
</div>
<div class="field">
<label>链接</label>
<input type="text" id="add_url">
</div>
</div>
<div style="text-align: center; "><div id="add_button" class="ui submit blue labeled icon button"><i class="ui add icon"></i>添加</a></div>
</div>
<form method="post" id="submit_form">
<input type="hidden" name="data" id="submit_data">
</form>
<script>
var links = <%- serializejs(links) %>;
$('.remove_link').click(function () {
links.splice($(this).data('id'), 1);
$('#submit_data').val(JSON.stringify(links));
$('#submit_form').submit();
});
$('#add_button').click(function () {
links.push({ title: $('#add_title').val(), url: $('#add_url').val() });
$('#submit_data').val(JSON.stringify(links));
$('#submit_form').submit();
});
</script>
<% include admin_footer %>