<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
		<title>自由列表管理</title>
		<link rel="stylesheet" href="../static/web/font/css/font-awesome.min.css">
		<link rel="stylesheet" href="../static/web/css/bootstrap.min.css">
		<link rel="stylesheet" href="../static/web/css/admin.css">
		<script src="../static/web/js/jquery.min.js"></script>
		<script src="../static/web/js/webajax.js"></script>
		<script src="js/main.js"></script>
		<script>
			var pageno = 1;
			var totalrow = parseInt('<?php echo $totalRow;?>');
			var pagesize = parseInt('<?php echo $pagesize;?>');
			var orderby = "<?php echo $orderby?>";
			var addget = "<?php echo $addget?>";
			//加载列表
			function ReloadPage(ordertype) {
				orderby = ordertype;
				var listArea = $Obj('rslist');
				var errMsg = "网络通信出错<br><a href=\"javascript:ReloadPage('" + ordertype + "')\">重新加载列表</a>";
				fetch("freelist_main.php?dopost=getlist&pageno=" + pageno + "&orderby=" + ordertype + addget).then(resp=>resp.text()).then((d)=>{
					listArea.innerHTML = d;
				}).catch((error) => {
					listArea.innerHTML = errMsg;
				});
			}
			//载入指定页的列表
			function LoadPage(npage) {
				pageno = npage;
				ReloadPage(orderby);
				ReloadPageNum(pageno);
			}
			//修改
			function EditNote(nid) {
				location.href = 'freelist_edit.php?aid=' + nid;
			}
			//更新网页
			function CreateNote(nid) {
				location.href = 'makehtml_freelist.php?aid=' + nid;
			}
			//删除
			function DelNote(nid) {
				DedeConfirm("您确认要删除这条记录吗").then((v)=>{
					var listArea = $Obj('rslist');
					totalrow = totalrow - 1;
					var pagenum = Math.ceil(totalrow / pagesize);
					if (pagenum <= pageno) pageno = pagenum;
					var errMsg = "网络通信出错<br><a href=\"javascript:LoadPage('" + pageno + "')\">重新加载列表</a>";
					fetch("freelist_main.php?dopost=del&aid=" + nid + "&pageno=" + pageno).then(resp=>{
						if (resp.ok) {
							return resp.text()
						}
						throw new Error(errMsg);
					}).then((d)=>{
						listArea.innerHTML = d;
					}).catch((error) => {
						listArea.innerHTML = errMsg;
					});

					ReloadPageNum(pageno);
				}).catch((e)=>{
					console.log(e)
				});
			}
			//重新加载分页列表
			function ReloadPageNum(startnum) {
				var ListArea = $Obj('pagelist');
				var pagenum = Math.ceil(totalrow / pagesize);
				var listsize = 6;
				var ahtml = "<ul class='pagination justify-content-center'>";
				var startloop = 1;
				var endnum = 0;
				ahtml += "<li class='page-item disabled'><span class='page-link'>" + pagenum + "页" + totalrow + "篇</span></li>";
				if (pageno > 1 && pageno != 1) ahtml += "<li class='page-item disabled'><a href='javascript:;' class='page-link' onclick='LoadPage(1)'>首页</a></li>";
				if (pageno > 1) ahtml += "<li class='page-item'><a href='javascript:;' class='page-link' onclick='LoadPage(" + (pageno - 1) + ")'>上页</a></li>";
				if (startnum >= pagenum - listsize) {
					startloop = pagenum - (listsize * 2);
					if (startloop < 1) startloop = 1;
					for (i = startloop; i <= pagenum; i++) {
						if (i == pageno) ahtml += "<li class='page-item disabled'><span class='page-link'>" + i + "</span></li>";
						else ahtml += "<li class='page-item'><a class='page-link' href='javascript:;' onclick='LoadPage(" + i + ")'>" + i + "</a></li>";
					}
				}
				else if (pagenum < listsize) {
					for (i = 1; i <= pagenum; i++) {
						if (i == pageno) ahtml += "<li class='page-item disabled'><span class='page-link'>" + i + "</span></li>";
						else ahtml += "<li class='page-item'><a class='page-link' href='javascript:;' onclick='LoadPage(" + i + ")'>" + i + "</a></li>";
					}
				} else {
					startloop = startnum - listsize;
					if (startloop < 1) { startloop = 1; endnum = startloop + (listsize * 2); }
					else { endnum = startnum + listsize; }
					if (endnum >= pagenum) endnum = pagenum;
					for (i = startloop; i <= endnum; i++) {
						if (i == pageno) ahtml += "<li class='page-item disabled'><span class='page-link'>" + i + "</span></li>";
						else ahtml += "<li class='page-item'><a class='page-link' href='javascript:;' onclick='LoadPage(" + i + ")'>" + i + "</a></li>";
					}
				}
				if (pageno < pagenum) ahtml += "<li class='page-item'><a class='page-link' href='javascript:;' onclick='LoadPage(" + (pageno + 1) + ")'>下页</a></li>";
				if (pageno != pagenum && pagenum > 1) ahtml += "<li class='page-item'><a class='page-link' href='javascript:;' onclick='LoadPage(" + pagenum + ")'>末页</a></li>";
				ListArea.innerHTML = ahtml+"</ul>";
			}
		</script>
	</head>
	<body>
		<table align="center" class="table maintable my-3">
			<tr bgcolor="#f5f5f5">
				<td>
					<input type="text" name="keyword" id="keyword" value="<?php echo $keyword?>" class="admin-input-lg mr-3">
					<button type="submit" name="Submit2" class="btn btn-success btn-sm">搜索</button>
					<button type="button" name="bt1" onclick="location='freelist_add.php';" class="btn btn-success btn-sm">添加列表</button>
					<button type="button" name="bt2" onclick="location='makehtml_freelist.php';" class="btn btn-success btn-sm">更新所有列表</button>
				</td>
			</tr>
		</table>
		<div id="rslist"><?php GetTagList($dsql,$pageno,$pagesize,$orderby);?></div>
		<table align="center" class="table maintable mb-3">
			<tr>
				<td bgcolor="#f5f5f5">
					<div id="pagelist">
						<script>ReloadPageNum(1);</script>
					</div>
				</td>
			</tr>
		</table>
	</body>
</html>