export = UsersIndex;

class UsersIndex extends ssp.Control {
    filter = new ssp.DataSource({
        url: "api/UsersApi/GetIndexFilter",
        isResultObservable: true
    });

    data = new ssp.DataSource({
        url: "api/UsersApi/GetIndexByFilter",
        filter: this.filter.result
    });

    columns = [
        {
            propertyName: "Base.UserName",
            header: "Имя пользователя",
            cellContent: row => "<a href='#docName=Users/Detail&id=" + row.Base.ID + "'>" + row.Base.UserName + "</a>",
            isHtmlCellContent: true
        },
        { propertyName: "PersShortNameTN", header: "Сотрудник", cellClass: () => "text-nowrap" },
        { propertyName: "Base.CreateDate", header: "Дата создания", formatter: ssp.formatters.dateTime, cellClass: () => "text-nowrap" },
        {
            propertyName: "Base.IsLocked",
            header: "Бл",
            tooltip: "Заблокирован",
            cellClass: row => row.Base.IsLocked ? "warning" : "",
            formatter: ssp.formatters.bool
        },
        { propertyName: "Base.Description", header: "Описание", canSort: false }
    ];

    contextMenu = new ssp.GroupMenuItem({
        type: ssp.GroupMenuItemTypes.button,
        items: [
            new ssp.UrlMenuItem({ header: "Изменить", url: row => "#docName=Users/Edit&id=" + row.Base.ID }),
            new ssp.UrlMenuItem({ header: "Изменить пароль", url: row => "#docName=Users/SetPassword&id=" + row.Base.ID }),
            new ssp.UrlMenuItem({ header: "Изменить роли", url: row => "#docName=Users/SetRoles&id=" + row.Base.ID }),
            new ssp.FuncMenuItem({ header: "Удалить", func: row => { this.delete(row); } }),
            new ssp.SeparatorMenuItem(),
            new ssp.UrlMenuItem({ header: "Подробно", url: row => "#docName=Users/Detail&id=" + row.Base.ID })
        ]
    });

    table = new ssp.Table({
        dataSource: this.data,
        columns: this.columns,
        rowClass: row => row.Base.IsLocked ? "info" : "",
        addUrl: "#docName=Users/Edit",
        contextMenu: this.contextMenu
    });

    delete(row) {
        ssp.commonDialogs
            .askForDeleteRow(row.Base.UserName)
            .done(() => {
                ssp.ajax.postJson("api/UsersEditApi/DeleteByID", row.Base.ID)
                    .done(() => { this.data.refresh(); });
            });
    }
}

@using SspMain
@Html.ViewModelScript()
<div class="panel panel-default">
    <div class="panel-heading">
        Пользователи
    </div>
    <div class="panel-body">
        <form class="form-inline" data-bind="submit: function(){ data.refresh(); }">
            <!-- ko with: data.filter -->
            <div class="form-group">
                <label class="control-label">Имя пользователя</label>
                <input type="text" class="form-control" style="width: 250px" data-bind="value: UserName" />
            </div>
            <div class="form-group">
                <button type="submit" class="btn btn-primary">Обновить</button>
            </div>
            <!-- /ko -->
        </form>
        <div data-bind="pager: data"></div>
    </div>
    <table class="table table-bordered table-condensed small" data-bind="table: table"></table>
</div>