<!DOCTYPE html>
<html>
<head>
	<meta charset="<?php echo $cfg_soft_lang; ?>">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
	<title>自由列表管理</title>
	<link rel="stylesheet" href="../static/web/css/bootstrap.min.css">
	<link rel="stylesheet" href="../static/web/font/css/font-awesome.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 = <?php echo $totalRow; ?>;
		var pagesize = <?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;
		}
		//更新HTML
		function CreateNote(nid) {
			location.href = 'makehtml_freelist.php?aid=' + nid;
		}
		//删除
		function DelNote(nid) {
			if (!window.confirm("您确认要删除这条记录吗")) { return false; }
			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);
		}
		//重新加载分页列表
		function ReloadPageNum(startnum) {
			var ListArea = $Obj('pagelist');
			var pagenum = Math.ceil(totalrow / pagesize);
			var listsize = 3;
			var ahtml = "<ul class='pagination justify-content-center'>";
			var startloop = 1;
			var endnum = 0;
			ahtml += "<li class='page-item d-none d-sm-block disabled'><span class='page-link'>" + pagenum + "页" + totalrow + "篇</span></li>";
			if (pageno > 1 && pageno != 1) ahtml += "<li class='page-item d-none d-sm-block disabled'><a href='javascript:;' class='page-link' onclick='LoadPage(1)'>首页</a></li>";
			if (pageno > 1) ahtml += "<li class='page-item d-none d-sm-block'><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 d-none d-sm-block disabled'><span class='page-link'>" + i + "</span></li>";
					else ahtml += "<li class='page-item d-none d-sm-block'><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 += i + " ";
					else ahtml += "<li class='page-item d-none d-sm-block'><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 += i + " ";
					else ahtml += "<li class='page-item d-none d-sm-block'><a class='page-link' href='javascript:;' onclick='LoadPage(" + i + ")'>[" + i + "]</a></li>";
				}
			}
			if (pageno < pagenum) ahtml += "<li class='page-item d-none d-sm-block'><a class='page-link' href='javascript:;' onclick='LoadPage(" + (pageno + 1) + ")'>下页</a></li>";
			if (pageno != pagenum && pagenum > 1) ahtml += "<li class='page-item d-none d-sm-block'><a class='page-link' href='javascript:;' onclick='LoadPage(" + pagenum + ")'>末页</a></li>";
			ListArea.innerHTML = ahtml+"</ul>";
		}
	</script>
</head>
<body>
	<table width="98%" cellpadding="1" cellspacing="1" align="center" class="maintable mt-3" style="border:1px solid #dee2e6;border-bottom:none">
		<tr>
			<td class="tbtitletxt" background="../static/web/img/tbg.gif">
				<table width='100%' cellpadding='0' cellspacing='0'>
					<tr>
						<td width='36%' class="py-3" style="padding-left:10px">自由列表管理</td>
						<td width="30%"></td>
						<td width="34%" align="right" style="padding-right:10px"><a href="freelist_add.php" class="btn btn-success btn-sm">增加列表</a></td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
	<div id='rslist'>
	<?php
	GetTagList($dsql,$pageno,$pagesize,$orderby);
	?>
	</div>
	<div id='pagelist' class="mt-3 mb-3">
		<script>ReloadPageNum(1);</script>
	</div>
	<table width="98%" cellpadding="5" cellspacing="1" align="center" style="margin:auto;border:1px solid #dee2e6" class="table table-borderless maintable mb-3">
		<tr>
			<td bgcolor="#f8f8f8" height="36" align="center">
				<table width="100%" cellpadding="0" cellspacing="0" class="table">
					<form action="freelist_main.php" name="form1" id="form1">
						<tr>
							<td width="170" align="center">
								<input type="text" name="keyword" id="keyword" class='alltxt' value="<?php echo $keyword?>" style="width:160px">
							</td>
							<td>
								<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>
					</form>
				</table>
			</td>
		</tr>
	</table>
</body>
</html>