{extend name="adminblue/base" /}
{block name="resources"/}
<link rel="stylesheet" type="text/css" href="ADMIN_CSS/product.css">
<style type="text/css">
.ns-main{margin-top: 0;}
</style>
{/block}

{block name="thirdmenu"}
	<nav class="ns-third-menu">
		<ul>
			<li class="selected" data-nav-type="1">PC端</li>
			<li data-nav-type="2">手机端</li>
		</ul>
	</nav>
{/block}

{block name="main"}
<div class="options-btn">
	<button class="btn-common-delete" onclick="batchDelete()">批量删除</button>
	<button class="btn-common" onclick="location.href='{:__URL('ADMIN_MAIN/config/addshopnavigation')}';">添加导航栏</button>
	<input type="hidden" id="nav_type" value="1">
</div>
<table class="table-class">
	<colgroup>
		<col style="width: 2%">
		<col style="width: 17%;">
		<col style="width: 17%;">
		<col style="width: 17%;">
		<col style="width: 17%;">
		<col style="width: 16%;">
		<col style="width: 4%;">
		<col style="width: 10%">
	</colgroup>
	<thead>
		<tr align="center">
			<th><i class="checkbox-common"><input type="checkbox" onClick="CheckAll(this)" id="chek_all"></i></th>
			<th align="left">导航名称</th>
			<th align="left">链接地址</th>
			<th>所属类型</th>
			<th>是否新窗口打开</th>
			<th>创建时间</th>
			<th>排序</th>
			<th>操作</th>
		</tr>
	</thead>
	<tbody></tbody>
</table>
{/block}
{block name="script"}
<script type="text/javascript">
//分页数据
 function LoadingInfo(page_index) {
	var search_text = $("#search_text").val();
	$.ajax({
		type : "post",
		url : "{:__URL('ADMIN_MAIN/config/shopnavigationlist')}",
		data : { "page_index" : page_index, "page_size" : $("#showNumber").val(), "nav_type" : $("#nav_type").val()},
		success : function(data) {
			if (data["data"].length > 0) {
				$(".table-class tbody").empty();
				for (var i = 0; i < data["data"].length; i++) {
					var html = '';
					html += '<tr align="center">';
						html += '<td><i class="checkbox-common"><input name="sub" type="checkbox" value="'+ data['data'][i]['nav_id']+'"></i></td>';
						
						html += '<td align="left" class="cell_total" title="'+data["data"][i]["nav_title"]+'"><a href="'+ __URL('SHOP_MAIN'+data['data'][i]['nav_url'])+'" target="_blank" style="margin-left:0px;">' + data["data"][i]["nav_title"]+ '</a></td>';
						if(data["data"][i]["nav_type"] == 0){
							html += '<td style="word-break:break-word;text-align:left;">' + data["data"][i]["template_name"]+ '</td>';
						}else if(data["data"][i]["nav_type"] == 1){
							html += '<td style="word-break:break-word;text-align:left;">' + data["data"][i]["nav_url"]+ '</td>';
						}
	
						if(data["data"][i]["type"]==1){
							html += '<td><i class="fa fa-television" title="PC端"></i></td>';
						}else if(data["data"][i]["type"]==2){
							html += '<td><i class="fa fa-mobile fa-2x" title="手机端"></i></td>';
						}else{ 
							html += '<td>&nbsp;</td>';
						}
						
						if(data['data'][i]['is_blank'] ==0 ){
							html += '<td>否</td>';	
						}else if(data['data'][i]['is_blank'] ==1){
							html += '<td>是</td>';
						}
						html += '<td>' + timeStampTurnTime(data["data"][i]["create_time"])+ '</td>';
						html += '<td><input type="number" min="0" value="'+ data["data"][i]["sort"]+'" nav_id="'+ data['data'][i]['nav_id']+'" class="input-common input-common-sort" ></td>';
						html += '<td><a href="'+__URL('ADMIN_MAIN/config/updateshopnavigation?nav_id='+ data['data'][i]['nav_id'])+'">修改</a><a style="cursor: pointer;" onclick="deleteArticle('+data['data'][i]['nav_id']+')">删除</a></td> ';
					html += '</tr>';
					$(".table-class tbody").append(html);
				}
			} else {
				var html = '<tr align="center"><td colspan="8">暂无导航信息</td></tr>';
				$(".table-class tbody").html(html);
			}
			initPageData(data["page_count"],data['data'].length,data['total_count']);
			$("#pageNumber").html(pagenumShow(jumpNumber,$("#page_count").val(),{$pageshow}));
			load();
		}
	});
}

function batchDelete() {
	var nav_id= new Array();
	$(".table-class tbody input[type='checkbox']:checked").each(function() {
		if (!isNaN($(this).val())) {
			nav_id.push($(this).val());
		}
	});
	if(nav_id.length ==0){
		$( "#dialog" ).dialog({
			buttons: {
				"确定,#0059d6,#fff": function() {
					$(this).dialog('close');
				}
			},
			contentText:"请选择需要操作的记录",
			title:"消息提醒",
		});
		return false;
	}
	deleteArticle(nav_id);
}

//删除菜单
function deleteArticle(nav_id){
	$( "#dialog" ).dialog({
		buttons: {
			"确定": function() {
				$(this).dialog('close');
				$.ajax({
					type : "post",
					url : "{:__URL('ADMIN_MAIN/config/delshopnavigation')}",
					data : { "nav_id" : nav_id.toString() },
					success : function(data) {
						if (data["code"] > 0) {
							LoadingInfo(getCurrentIndex(nav_id,'.table-class tbody'));
							$('#chek_all').prop('checked',false);
							showTip(data["message"],'success');
						}else{
							showTip(data["message"],'error');
						}
					}
				})
			},
			"取消,#f5f5f5,#666": function() {
				$(this).dialog('close');
			}
		},
	contentText:"是否删除菜单？",
	});
}

/*修改排序*/
function load(){
	$('.input-common-sort').change(function(){
		var nav_id = $(this).attr('nav_id');
		var sort = $(this).val();
		$.ajax({
			type:"post",
			url:"{:__URL('ADMIN_MAIN/config/modifyshopnavigationsort')}",
			data:{'nav_id':nav_id,'sort':sort},
			success: function (data) {
				if(data['code'] > 0){
					showTip(data["message"],'success');
				}else{
					showTip(data["message"],'error');
				}
			}
		}); 
	});
}

//全选
function CheckAll(event){
	var checked = event.checked;
	$(".table-class tbody input[type = 'checkbox']").prop("checked",checked);
	if(checked) $(".table-class tbody input[type = 'checkbox']").parent().addClass("selected");
	else $(".table-class tbody input[type = 'checkbox']").parent().removeClass("selected");
}

//pc端与手机端的切换
$("[data-nav-type]").click(function(){
	$("#nav_type").val($(this).attr("data-nav-type"));
	$("[data-nav-type]").removeClass("selected");
	$(this).addClass("selected");
	LoadingInfo(1);
})

</script>
{/block}