{extend name="public/base" /}

{block name="body"}

  <div class="layui-form" lay-filter="layuiadmin-form-role" id="layuiadmin-form-role" style="padding: 20px 30px 0 0;">
	<div class="layui-form-item layui-hide">
	 <input type="text" name="id" class="layui-input" value="{$auth.id}">
	</div>
	
    <div class="layui-form-item">
      <label class="layui-form-label">角色</label>
      <div class="layui-input-block">
        <select name="title">
		{volist name="authGroup" id="vo"}
          <option {if condition="$vo.id eq $Request.param.id"} selected {/if} id="{$vo.id}" value="{$vo.title}">{$vo.title}</option>
		{/volist}  
        </select>
      </div>
    </div>

	<div class="layui-form-item" id="test">
        <label class="layui-form-label">权限范围</label>             
			{volist name="menus" id="vo1"}
			 <ul class="layui-input-block" style="margin-top: 10px ;">
				 <li>
					 <input type="checkbox" name="rules" class="parent"  lay-skin="primary"  value="{$vo1.id}" title="{$vo1.title}：">
					 
					 <ul>
					{if condition="isset($vo1['children'])"}
						{volist name="vo1['children']" id="vo2"}
							{if condition="isset($vo2['children'])"}
							<input type="checkbox" name="rules" class="parent"  lay-skin="primary"  value="{$vo2.id}" title="{$vo2.title}：">
								{volist name="vo2['children']" id="vo3"}
									<input type="checkbox" name="rules"  lay-skin="primary" id="{$vo3.id}" value="{$vo3.id}" title="{$vo3.title}">
								{/volist}
							{else /}
							<input type="checkbox" name="rules" lay-skin="primary" id="{$vo2.id}" value="{$vo2.id}" title="{$vo2.title}">
							{/if}
						{/volist}
					{/if}
					 </ul>
				 </li>
			 </ul>
			{/volist}
    </div>
	

    <div class="layui-form-item">
      <label class="layui-form-label">具体描述</label>
      <div class="layui-input-block">
        <textarea type="text" name="descr" lay-verify="required" autocomplete="off" class="layui-textarea" value="{$auth.descr}">{$auth.descr}</textarea>
      </div>
    </div>
    <div class="layui-form-item layui-hide">
      <button class="layui-btn" lay-submit lay-filter="LAY-user-role-submit" id="LAY-user-role-submit">提交</button>
    </div>
  </div>

{/block}
{block name="js"}

	<script type="text/javascript">
		$(document).ready(function(){  
		  var name = "{$ru}";
				var names = name.split(",");
				var inputs = $('input[name=rules]');
				 for (var i =0;i<inputs.length;i++) {
					for (var n =0;n<names.length;n++) {
						if (names[n]===inputs[i].value) {
							inputs[i].checked = true;
						}
					}
				}
		});
	</script> 
  
  <script>
  layui.config({
    base: '/static/admin/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index', 'table','form'], function(){
    var $ = layui.$
    ,form = layui.form 
	,table = layui.table;
	
	form.on('checkbox()', function(data){
        var pc =  data.elem.classList; //获取选中的checkbox的class属性
        if(data.elem.checked==true){
            if(pc=="parent"){ 
                var c =$(data.elem).siblings().children("input[type='checkbox']");
                c.each(function(){
                    var e = $(this); 
                    e.next().addClass("layui-form-checked");
                });
            }else{                    
                $(data.elem).parent().prev().addClass("layui-form-checked");
            }
                            
        }else{                   
            if(pc=="parent"){
                var c =$(data.elem).siblings().children("input[type='checkbox']");
                c.each(function(){
                var e = $(this);
                e.next().removeClass("layui-form-checked");
                });
            }else{                     
                var c = $(data.elem).siblings("div");
                var count =0;
                c.each(function(){                            
					var is =  $(this).get(0).classList;
					if(is.length==3){
						count++;
					}
                });   
                 if(count>0){
                                         
                 }else{
                    $(data.elem).parent().prev().removeClass("layui-form-checked");
                }
            }
        }
    });      
	

  })
  </script>
 
{/block}