{extend name="mould:base" /}
{block name="title"}{/block}
{block name="css"}
<style type="text/css">
	table tbody tr.all-child{ display: none; }
</style>
{/block}
{block name="content"}
<form action="{:url('sort')}" class="layui-form" method="post">
    <table class="layui-table" lay-size="sm">
        <colgroup>
	        <col width="80">
	        <col width="55">
	        <col width="180">
	        <col>
	        <col width="90">
	        <col width="90">
	        <col width="90">
	        <col width="120">
        </colgroup>
        <thead>
          <tr>
          	<td><a href="javascript:void(0)" class="all" title="[展开/隐藏]">全部[<span>展开</span>]</a></td>
            <td align='center'>排序</td>
            <td>规则标识</td>
            <td>规则名称</td>
            <td>验证</td>
            <td>状态</td>
            <td>显示</td>
            <td align='center'>管理操作</td>
          </tr>
        </thead>
        <tbody>
			{volist name='rule' id='list'}
				<?php
					if($list['pid']==0){
						$pid = $list['id'];
					}
	        	?>
		        <tr {eq name="list.pid" value="0"} id="{$list.id}" class="first"{else /} class="first{$pid} all-child"{/eq}>
		        	<td>
		        		{neq name="list.pid" value="0"}&nbsp;&nbsp;&nbsp;&nbsp;|-{/neq}
		        		{$list.id}{eq name="list.pid" value="0"}<a href="javascript:void(0)" class="unfold-child" title="[展开/隐藏]"> [<span>展开</span>]</a>{/eq}
					</td>
					<td align='center'>
						<input name="sort[{$list.id}]" type='text' size='3' value='{$list.sort}' class='input'>
					</td>
					<td>{$list.name}</td>
					<td>{$list._name|raw}</td>
					<td><a class="cy-ajax" href="{:url('updateauth?id='.authcode($list['id']))}" title="快捷设置验证状态">{$list.auth? '需要' : '否'}</a></td>
					<td><a class="cy-ajax" href="{:url('updatestatus?id='.authcode($list['id']))}" title="快捷设置状态">{$list.status}</a></td>
					<td><a class="cy-ajax" href="{:url('updateshow?id='.authcode($list['id']))}" title="快捷设置显示状态">{$list.isnavshow? '显示' : '隐藏'}</a></td>
					<td align='center' >
						<a href="{:url('edit?id='.authcode($list['id']))}" title="修改"><i class="fa fa-pencil"></i></a> | 
						<a href="{:url('add?id='.authcode($list['id']))}" title="添加子类"><i class="fa fa-plus-circle"></i></a> | 
						<a class="cy-ajax" href="{:url('del?id='.authcode($list['id']))}" data-layer-msg="删除" data-layer-okbtn="删除" title="删除" data-layer-confirm="true" title="删除"><i class="fa fa-trash-o warning"></i></a>  
					</td>
				</tr>
			{/volist}
		</tbody>
	</table>
	{:widget('Widgets/button', ['name'=>'id','value'=>authcode(-1),'buttontext'=>'排序'])}
</form>
{/block}
{block name="script"}
<script type="application/javascript">
$(function(){
	var all_status = 1;
	$('body').on('click', '.all', function(event) {
		event.preventDefault();
		/* Act on the event */
		if(all_status){
			$('.all-child').slideDown('fast');
			$(this).find('span').text('隐藏');
			all_status = 0;
		}else{
			$('.all-child').slideUp('fast');
			$(this).find('span').text('展开');
			all_status = 1
		}
	});

	var child_status = 1;
	$('body').on('click', '.first .unfold-child', function(event) {
		event.preventDefault();
		/* Act on the event */
		var _self = $(this);
		var id    = _self.closest('tr').attr('id');
		var span  = _self.find('span')
		var text  = span.text();

		$('.first'+id).slideToggle('fast',function(){
			if(text=='展开'){
				span.text('隐藏');
			}else{
				span.text('展开');
			}
		});
	});;

})
</script>
{/block}