@{
    ViewData["Title"] = "客户编辑页面配置";
}

<div class="card">
    <div class="card-header">
        <h4 class="card-title">客户编辑页面配置</h4>
        <div class="ml-auto">
            <a href="/admin/otcConfig/downClientEditConfig?t=cur" target="_blank">下载当前配置文件</a>
            <a href="/admin/otcConfig/downClientEditConfig?t=def" target="_blank" class="ml-3">下载默认配置文件</a>
        </div>
    </div>
    <div class="card-body">
        <div class="border" id="codeDiv">
            <textarea id="code" name="code">@ViewData["config"]</textarea>
        </div>
        <p class="mt-2">使用'meta_'前缀定义扩展属性,属性中不允许出现下划线</p>
        <p class="mt-2">
            列表配置:
            <br />
            hidden代表是否要默认在列表中隐藏;如:hidden:true
            <br />
            optionHide代表是否要在列配置中隐藏;如:optionHide:true
        </p>
        <div class="mt-4 text-center">
            <button class="btn btn-primary pl-5 pr-5" onclick="saveConfig()">保存</button>
        </div>
    </div>
</div>

@section heads{
    <link href="~/Statics/libs/codemirror/lib/codemirror.css" rel="stylesheet" />
    <style>
        body *::-webkit-scrollbar { width: 10px; height: 10px; transition: .3s background; }
        .CodeMirror { height: 100%; min-height: 300px; }
    </style>
}
@section scripts{
    <script src="~/Statics/libs/codemirror/lib/codemirror.js"></script>
    <script src="~/Statics/libs/codemirror/addon/matchbrackets.js"></script>
    <script src="~/Statics/libs/codemirror/addon/comment/continuecomment.js"></script>
    <script src="~/Statics/libs/codemirror/addon/comment/comment.js"></script>
    <script src="~/Statics/libs/codemirror/mode/javascript.js"></script>
    <script>
        var codeEditor;
        $(function () {
            $('#codeDiv').height($(window).height() - 300);
            codeEditor = CodeMirror.fromTextArea(document.getElementById("code"), {
                lineNumbers: true,
                matchBrackets: true,
                continueComments: "Enter",
                extraKeys: { "Ctrl-Q": "toggleComment" }
            });
        });

        function saveConfig() {
            main.post("/admin/otcConfig/AjaxSaveClientEditConfig", { config: codeEditor.getValue() }).done(function () {
                main.alert("保存成功");
            }).fail(function () {
                main.alert("提交失败");
            });
        }
    </script>
}