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

@{
    ViewBag.Title = "评估指标";
    string activeMenu = PermissionNames.PagesEngineModelMgEvalTargetMg; //The menu item will be active for this page.
    ViewBag.ActiveMenu = activeMenu;
    string targetType = ViewBag.TargetType;
    var searchForm = new SearchFormViewModel(new List<SearchItem>()
{
        new SearchItem("name","指标名称"),
        new SearchItem("version","指标版本"),
        new SearchItem("targetType","指标类型",FieldType.I).SetSelectItem(targetType),
    }, "search-form", false);

    var table = new TableViewModel(IwbConsts.ApiAppUrl + "EvalTarget/GetAll", activeMenu, searchForm)
    .SetFields(new List<FieldItem>()
    {
        new FieldItem("name", "指标名称",align:"left"),
        new FieldItem("tag", "指标标签"),
        new FieldItem("version", "指标版本"),
        //new FieldItem("description", "指标描述"),
        new FieldItem("targetType", "指标类型","TargetTypeFormatter"),
        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 InputHide("typePath"),
            new Input("parentNo", "父指标").SetSelectOptions(""),
            new Input("name", "指标名称"),
            new Input("tag", "指标标签"),
            new Input("version", "指标版本"),
            new Input("targetType", "指标类型").SetSelectOptions(targetType),
            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: 'name',
                customDataField: ['typePath']
            }) || { 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 + 'EvalTarget/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 + 'EvalTarget/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>';
            }
        }
        function TargetTypeFormatter(v) {
            if (!v) {
                return "";
            }    
            var name = $('#hid-target-type option[value="' + v + '"]').text();
            return name;
        }
    </script>
}


<section style="display: none">
    <select id="hid-type">
        <option value=""></option>
    </select>
    <select id="hid-target-type">
        <option value="">
            @Html.Raw(targetType)
        </option>
    </select>

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