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

@{
    ViewBag.Title = "画像预置信息维护";
    string activeMenu = PermissionNames.PagesBasicMgPortraitRemarkMg; //The menu item will be active for this page.
    ViewBag.ActiveMenu = activeMenu;
    string remarkType = ViewBag.RemarkType;

    var searchForm = new SearchFormViewModel(new List<SearchItem>()
    {
        new SearchItem("name", "信息名称"),
        new SearchItem("remarkType", "信息类型",FieldType.I).SetSelectItem(remarkType)
    });

    var table = new TableViewModel(IwbConsts.ApiAppUrl + "PortraitRemark/GetAll", activeMenu, searchForm)
    .SetFields(new List<FieldItem>()
    {
        new FieldItem("name", "信息名称"),
        new FieldItem("remarkContent", "信息内容"),
        new FieldItem("remarkType", "信息类型","RemarkTypeFormatter"),
            });
}
@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("name", "信息名称"),
            new Input("remarkType", "信息类型").SetSelectOptions(remarkType),
            new InputTextarea("remarkContent", "信息内容"),
        }));
    }
    @Html.Partial("Modals/_Modal", modal)
}

@section scripts
{
    <script type="text/javascript">
        var $table;
        $(function () {
            $table = LoadTable();
            var funs = window.iwbfuns || { none: function () { console.log("No type"); } };
            funs["btnCreate"] = function () { BtnCreate({ data: { id: "" } }); }
            funs["btnUpdate"] = function () { BtnUpdate({ disabled: "" }); };
        });
    </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 RemarkTypeFormatter(v) {
            var name = $('#hid-remark-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-remark-type">
        @Html.Raw(remarkType)
    </select>

    <select id="hid-type">
        <option value=""></option>
    </select>

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