<#include "/common/defaultEngine.html"/>
<@pageTheme mark="${config.optimize()?string('true', 'false')}">
<@header title="选择菜单" bodyClass="white-bg" libs=["bootstrapSelect"]/>
<div class="wrapper wrapper-content ibox-content">
<@f.form id="form-menu-add" class="form-horizontal">
        <div class="form-group">
            <label class="col-sm-3 control-label "><@ctx.i18n text = "上级菜单"/>：</label>
            <div class="col-sm-8">
                    <@f.treeselect value="${gen_table.parentId?default('0')}" name="parentId" boxTitle="上级菜单选择" url="sys/menu/menuTreeData"
                    labelValue="${gen_table.parentName?default('')}"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label"><@ctx.i18n text = "菜单名称"/>：</label>
            <div class="col-sm-8">
                <input class="form-control" type="text" name="name" id="name" value="${gen_table.menuName?default("")}"  required>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label"><@ctx.i18n text = "所属模块"/>：</label>
            <div class="col-sm-8">
                <@f.checkbox name="moduleCodes" items=modules itemLabel="moduleName" value="${gen_table.moduleCodes}" itemValue="moduleCode" required=true/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label"><@ctx.i18n text = "目标"/>：
                <a tabindex="0" role="button" data-toggle="popover" data-trigger="focus" data-placement="bottom"
                   data-content="菜单已什么形式打开">
                    <i class="fa fa-question-circle-o" style="color: orange"></i></a>
            </label>
            <div class="col-sm-8">
                <@f.select name="menuTarget" dictType="sys_menu_target" />
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label"><@ctx.i18n text = "排序"/>：</label>
            <div class="col-sm-8">
                <input class="form-control" type="text" name="menuOrder" value="${gen_table.menuOrder?default(0)}" required>
            </div>
        </div>
    <div class="form-group">
        <label class="col-sm-3 control-label"><@ctx.i18n text = "是否显示(新)"/>：</label>
        <div class="col-sm-8">
            <@f.radio name="isNew" dictType="sys_yes_no" value="${gen_table.menuNew?default('N')}"/>
        </div>
    </div>
        <div class="form-group">
            <label class="col-sm-3 control-label"><@ctx.i18n text = "图标"/>：
                <a tabindex="0" role="button" data-toggle="popover" data-trigger="focus" data-html="true" data-placement="bottom"
                   data-content="自定义获取图标:<a href='http://www.fontawesome.com.cn/faicons/' target='_blank'>http://www.fontawesome.com.cn/faicons/</a>">
                    <i class="fa fa-question-circle-o" style="color: orange"></i></a>
            </label>
            <div class="col-sm-8">
                <@f.iconselect name="icmenuIconon" placeholder="选择图标" value="${gen_table.menuIcon?default('')}"/>
            </div>
        </div>
</@f.form>
</div>
<@footer>
<script type="text/javascript">

        var prefix = baseURL + "sys/menu";

        $("#form-menu-add").validate({
            onkeyup: false,
            rules:{
                menuType:{
                    required:true,
                },
                name:{
                    remote: {
                        url: prefix + "/checkMenuNameUnique",
                        type: "POST",
                        dataType: "html",
                        data: {
                            "parentId": function() {
                                return $("input[name='parentId']").val();
                            },
                            "name" : function() {
                                return opt.common.trim($("#name").val());
                            }
                        },
                        dataFilter: function(data, type) {
                            return opt.validate.unique(data);
                        }
                    }
                },
                orderNum:{
                    digits:true
                },
            },
            messages: {
                "name": {
                    remote: "菜单已经存在"
                }
            },
            focusCleanup: true
        });

        function submitHandler() {
            if (opt.validate.form()) {
                return true;
            }else{
                return false;
            }
        }

        <#--$(function() {-->
        <#--    $("#menuIconButton").click(function(){-->
        <#--        var options = {-->
        <#--            url: prefix+'/iconSelect?value='+$("#menuIcon").val(),-->
        <#--            title:'<@ctx.i18n text = "图标选择"/>',-->
        <#--            callBack: doIconSubmit-->
        <#--        };-->
        <#--        opt.modal.openMainWin(options);-->
        <#--    });-->
        <#--});-->

        <#--/*菜单管理-新增-选择菜单树*/-->
        <#--function selectMenuTree() {-->
        <#--    var treeId = $("#treeId").val();-->
        <#--    var menuId = treeId > 0 ? treeId : 1;-->
        <#--    var url = prefix + "/selectMenuTree/" + menuId;-->
        <#--    var options = {-->
        <#--        title: '菜单选择',-->
        <#--        width: "380",-->
        <#--        url: url,-->
        <#--        callBack: doSubmit-->
        <#--    };-->
        <#--    opt.modal.openOptions(options);-->
        <#--}-->

        <#--function doSubmit(index, layero){-->
        <#--    var body = layer.getChildFrame('body', index);-->
        <#--    $("#treeId").val(body.find('#treeId').val());-->
        <#--    $("#treeName").val(body.find('#treeName').val());-->
        <#--    layer.close(index);-->
        <#--}-->

        <#--function doIconSubmit(index, layero,_layer){-->
        <#--    var body = _layer.getChildFrame('body', index);-->
        <#--    var icon = body.find('#icon').val();-->
        <#--    $("#menuIconIcon").attr("class",'fa fa-fw '+icon);-->
        <#--    $("#icmenuIconon").val(icon).change();-->
        <#--    _layer.close(index);-->
        <#--}-->
    </script>
</@footer>
</@pageTheme>