spqr/app/view/my.html

66 lines
2.3 KiB
HTML
Raw Normal View History

2024-11-05 12:10:06 +08:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Short Links</title>
<link id="theme_css" rel="stylesheet" href="/sakura.css"></head>
<link href="https://cdn.bootcdn.net/ajax/libs/datatables/1.10.21/css/jquery.dataTables.css" rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/datatables/1.10.21/js/jquery.dataTables.min.js"></script>
</head>
<body>
<script>
//切换深色模式
if(window.matchMedia('(prefers-color-scheme: dark)').matches){
document.getElementById('theme_css').href = '/sakura-dark.css';
}
</script>
<h1>当前的短链接</h1>
<p>用户名:<?=htmlspecialchars($user)?> <?=htmlspecialchars($realname)?><a href="/logout">[登出]</a> <a href="/">[回到首页]</a></p>
<hr />
<table id="shortLinksTable" class="display" style="width: 100%; table-layout: fixed; word-break: break-all;color:black">
<thead>
<tr>
<th>短链接</th>
<th>原始域名</th>
<th>备案号/负责人</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<style>
.sourcelink {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 200px;
}
</style>
<?php
foreach($record as $rec){
echo '<tr>';
echo '<td>SPQR.top/'.$rec->link.'</td>';
echo '<td class="sourcelink">'.$rec->source .'</td>';
if($rec->webid == null) {
echo '<td>未备案</td>';
} else {
echo '<td>' . $rec->webid . '<br />'.$rec->owner.'</td>';
}
echo '<td><a style="color: red;" href="/!/delete/'. $rec->link . '">[删除]</a></td>';
echo '</tr>';
}
?>
</tbody>
</table>
<script>
$(document).ready(function() {
$('#shortLinksTable').DataTable();
});
</script>
</body>
</html>