@using WeOnlineApp.Authorization
@using WeOnlineApp.Configuration
@using WeOnlineApp.Views.Shared.Modals
@using WeOnlineApp.Views.Shared.SearchForm
@using WeOnlineApp.Views.Shared.Table


@{
    ViewBag.Title = "课程类别管理";
    string activeMenu = PermissionNames.PagesBasicMgSubjectCategoryMg; //The menu item will be active for this page.
    ViewBag.ActiveMenu = activeMenu;
    var searchForm = new SearchFormViewModel(new List<SearchItem>()
{
        new SearchItem("categoryName","类别名称"),
    }, "search-form", false);

    var table = new TableViewModel(IwbConsts.ApiAppUrl + "SubjectCategory/GetAll", activeMenu)
        .SetFields(new List<FieldItem>()
        {
            //new FieldItem("parentNo", "父类别"),
            new FieldItem("categoryName", "类别名称",align:"left"),
            new FieldItem("", "操作","ActionsFormatter"),
                })
        .SetPageArray(1000);
}
@section css{

}

@Html.Partial("Table/_Table", table)

@section modal{
    <!--Main Modal-->
    @{
        var modal = new ModalViewModel("课程类别", new ModalBodyViewModel(new List<Input>()
{
            new InputHide("id"),
            new Input("parentNo", "父类别").SetNotRequired().SetSelectOptions(""),
            new Input("categoryName", "类别名称").SetNotRequired(),
            new InputNumber("sort", "类别排序").SetNotRequired(),
            new InputTextarea("description", "类别描述").SetNotRequired(),
        }));
    }
    @Html.Partial("Modals/_Modal", modal)
}

@section scripts
{
    <script type="text/javascript">
        var $table = $("#table");
        var actions = [], funs = [];
        $(function () {
            funs= LoadTreeTable({
                rootNo: null,
                table: "table",
                idField: 'id',
                treeShowField: 'categoryName',
                customDataField: ['categoryPath', 'categoryName','description','sort']
            }) || { none: function () { console.log("No type"); } };
            var btnCreate = funs['btnCreate'];
            funs['btnCreate'] = function (url, id) {
                console.log("Add", id);
                var row;
                if (typeof id === "string" && id !== "") {
                    row = $table.bootstrapTable("getRowByUniqueId", id);
                }
                if (row) {
                    $.iwbAjax4({
                        url: abp.appUrl + 'SubjectCategory/GetSelectStr',
                        success: function (res) {
                            $("#parentNo").empty().html(res);
                            btnCreate(url, id);
                        }
                    });
                } else {
                    abp.message.warn(abp.localization.iwbZero('SelectRecordOperation'));
                }
            }
            var btnUpdate = funs['btnUpdate'];
            funs['btnUpdate'] = function (url, id) {
                console.log("Edit", id);
                var row;
                if (typeof id === "string" && id !== "") {
                    row = $table.bootstrapTable("getRowByUniqueId", id);
                }
                if (row) {
                    $.iwbAjax4({
                        url: abp.appUrl + 'SubjectCategory/GetSelectStr',
                        success: function (res) {
                            $("#parentNo").empty().html(res);
                            btnUpdate(url, id);
                        }
                    });
                } else {
                    abp.message.warn(abp.localization.iwbZero('SelectRecordOperation'));
                }
            }
        });
    </script>
    <script>
        //操作按钮
        function ActionsFormatter(v, r) {
            r._parent = null;
            var str = '<div class="btn-tool">';
            for (var i = 0; i < actions.length; i++) {
                //str += '<span class="table-action" onclick="funs[' + actions[i]["type"] + '](\'' + actions[i]["url"] + '\',\'' + r.id + '\',this)"><i class="' + actions[i]["icon"] + '"></i>' + actions[i]["name"] + ' </span>';
                str += '<span class="table-action" onclick="FunctionCall(\'' + actions[i]["type"] + '\',\'' + actions[i]["url"] + '\',\'' + r.id + '\',this)"><i class="' + actions[i]["icon"] + '"></i>' + actions[i]["name"] + ' </span>';
            }
            str += '</div>';
            return str;
        }
        function FunctionCall(type, url, id, that) {
            funs[type] ? funs[type].call(this, url, id, that) : funs["none"].call(this);
        }
    </script>

    <!--格式化-->
    <script id="formatter-script" type="text/javascript">
        function TypeFormatter(v) {
            var name = $('#hid-type option[value="' + v + '"]').text();
            switch (v) {
            case 0:
                return '<span class="label label-danger">' + name + '</span>';
            default:
                return '<span class="label label-info">' + name + '</span>';
            }
        }
    </script>
}


<section style="display: none">
    <select id="hid-type">
        <option value=""></option>
    </select>

    @*@Html.DropDownList("hid-type", type)*@
</section>