站点排序优化

web/templates/default/site.html

@@ -33,15 +33,15 @@
 					<div class="divtable mtb10">
 						<div class="tablescroll">
 						<table class="table table-hover" style="min-width: 900px;border: 0 none;">
-							<thead>
+							<thead id="webBodyHeader">
 								<tr>
 									<th width="30"><input type="checkbox" onclick="checkSelect();" id="setBox"></th>
-									<th width="150" onclick="listOrder('name','site',this)" style="cursor: pointer;">域名<span class="glyphicon glyphicon-triangle-top" style="margin-left:5px;color:#bbb"></span></th>
+									<th width="150" onclick="listOrder('name','site',this)" style="cursor: pointer;">域名<span class="glyphicon glyphicon-stop" style="margin-left:5px;color:#bbb"></span></th>
 									<th style="cursor: pointer;" width="98">网站状态</th>
 									<th width="58">备份</th>
 									<th width="26%">网站目录</th>
 									<th onclick="listOrder('edate','site',this)" style="cursor: pointer;" width="86">
-										到期日期<span class="glyphicon glyphicon-triangle-top" style="margin-left:5px;color:#bbb"></span>
+										到期日期<span class="glyphicon glyphicon-stop" style="margin-left:5px;color:#bbb"></span>
 									</th>
 									<th>备注</th>
 									<th width='130' class='text-right'>操作</th>
@@ -75,5 +75,34 @@
 setTimeout(function(){
 	getWeb(1);
 },500);
+
+
+function initPage(){
+	var order = getCookie('order');
+	if (order != ''){
+		var sort = order.split(' ');
+		if (sort[0] == 'name'){
+			if (sort[1] == 'desc'){
+				$($('#webBodyHeader .glyphicon-stop')[0]).removeClass('glyphicon-stop').addClass('glyphicon-triangle-top');
+			} else if (sort[1] == 'asc'){
+				$($('#webBodyHeader .glyphicon-stop')[0]).removeClass('glyphicon-stop').addClass('glyphicon-triangle-bottom');
+			}
+		}
+
+		if (sort[0] == 'edate'){
+			if (sort[1] == 'desc'){
+				$($('#webBodyHeader .glyphicon-stop')[1]).removeClass('glyphicon-stop').addClass('glyphicon-triangle-top');
+			} else if (sort[1] == 'asc'){
+				$($('#webBodyHeader .glyphicon-stop')[1]).removeClass('glyphicon-stop').addClass('glyphicon-triangle-bottom');
+			}
+		}
+	}
+
+}
+
+initPage();
+
+
+
 </script>
 {% endblock %}