@using Abp.Notifications
@using ContractService.Authorization
@using ContractService.Configuration
@using ContractService.Views.Shared.SearchForm
@using ContractService.Views.Shared.Table
@{
    ViewBag.ActiveMenu = PermissionNames.Pages; //The menu item will be active for this page.
    ViewBag.Title = L("NotificationTitle");

    List<SelectListItem> states = new List<SelectListItem>
    {
        new SelectListItem() {Text = @"全部通知", Value = ""},
        new SelectListItem() {Text = L("NoRead"), Value = ((int)UserNotificationState.Unread)+""},
        new SelectListItem() {Text = L("HasRead"), Value = ((int)UserNotificationState.Read)+""}
    },
      names= IwbNotificationName.GetNameList()  ;
    var table = new TableViewModel(IwbConsts.ApiAppUrl + "Notification/GetAll", ViewBag.ActiveMenu, new SearchFormViewModel(new List<SearchItem>()
    {
        new SearchItem("state", L("notificationState"), FieldType.I).SetSelectItem(states),
        new SearchItem("date", L("notificationDate"), FieldType.Dn)
    })).SetFields(new List<FieldItem>()
    {
        new FieldItem("name", L("notificationName")),
        new FieldItem("text", L("notificationText"), isSort: false),
        new FieldItem("time", L("notificationDate")),
        new FieldItem("notificationState", L("notificationState"), "StateFormatter", isSort: false),
        new FieldItem("", L("Actions"), "ActionFormatter"),
    });
}
@Html.Partial("Table/_Table", table)
@section scripts{
    <script type="text/javascript">
        $(function () {
            LoadTable({
                table: 'table',
                responseHandler: function (res) {
                    if (res.success) {
                        if (res.result.items.length > 0) {
                            var notifications = [];
                            $.each(res.result.items, function (index, item) {
                                notifications.push(NotificationFormat(item));
                            });
                            var data = JSON.parse('{"total":' + res.result.totalCount + ',"rows":' + JSON.stringify(notifications) + '}');
                            console.log(data);
                            return data;
                        }
                    } else {
                        console.log('Table load failed');
                        if (res.error) {
                            if (res.error.details) {
                                return abp.message.error(res.error.details, res.error.message);
                            } else {
                                if (res.error.message && res.error.message.indexOf('登陆超时') >= 0) {
                                    return abp.message.error(res.error.message).done(function () {
                                        window.top.location.reload();
                                    });
                                } else {
                                    return abp.message.error(res.error.message || abp.ajax.defaultError.message);
                                }
                            }
                        }
                    }
                    return JSON.parse('{"total":0,"rows":[]}');
                }
            });
            $('.btn-toolbar .tool-menu').append('<button type="button" class="btn btn-default menu-btn" onclick="ReadAll()"><i class="fas fa-book-reader"></i> 全部设为已读</button><button type="button" class="btn btn-default menu-btn" onclick=" DeleteAll()"><i class="far fa-minus-square"></i> 删除全部已读</button>');
        });

        function NotificationFormat(userNotification) {

            var f = {
                id: userNotification.id,
                userNotificationId: userNotification.id,
                name: abp.localization.iwbZero("Notification_"+userNotification.notification.notificationName),
                text: abp.notifications.getFormattedMessageFromUserNotification(userNotification),
                time: moment(userNotification.notification.creationTime).format("YYYY-MM-DD HH:mm:ss"),
                icon: abp.userNotificationHelper.getUiIconBySeverity(userNotification.notification.severity),
                //notificationState: abp.notifications.getUserNotificationStateAsString(userNotification.state),
                notificationState: userNotification.state,
                data: userNotification.notification.data,
                url: abp.userNotificationHelper.getUrl(userNotification),
                isUnread: userNotification.state === abp.notifications.userNotificationState.UNREAD,
                timeAgo: moment(userNotification.notification.creationTime).fromNow()
            };
            return f;
        }

        function SetRead(id) {
            $.iwbAjax1({
                url:abp.appUrl+ 'Notification/SetNotificationAsRead',
                data:{id: id},
                success: function() {
                    abp.event.trigger('app.notifications.refresh', id);
                    RefreshTable();
                }
            });
        }
        function ReadAll() {
            MsgConfirm("确认全部通知设为已读吗？",
                "全部已读",
                function () {
                    abp.userNotificationHelper.setAllAsRead(RefreshTable);
                });
        }

        function Delete(id) {
            $.iwbAjax1({
                url: abp.appUrl + 'Notification/DeleteNotification',
                data: { id: id },
                success: function () {
                    abp.event.trigger('app.notifications.refresh', id);
                    RefreshTable();
                }
            });
        }
        function DeleteAll() {
            MsgConfirm("确认删除全部已读通知？",
                "删除全部",
                function () {
                    $.iwbAjax1({
                        url: abp.appUrl + 'Notification/DeleteAllUserNotifications',
                        data: { state: @((int)UserNotificationState.Read) },
                        success: function () {
                            abp.event.trigger('app.notifications.refresh');
                            RefreshTable();
                        }
                    });
                });
        }
     

    </script>

    <script id="formatter-script">
        function ActionFormatter(v,r) {
            var icon = '<i class="fa fa-angle-double-right"></i>',
                readStr = '<span class="table-action" onclick="SetRead(\''+r.id+'\')">' + icon + '@(L("SetAsRead"))</span>',
                deleteStr = '<span class="table-action" onclick="Delete(\''+r.id+'\')">' + icon + '@(L("DeleteNotification"))</span>';
            var str = '';
            if (r.notificationState === 0) {
                str += readStr;
            }
            str += deleteStr;
            return str;
        }
        function StateFormatter(v) {
            var name = $('#hid-state option[value="' + v + '"]').text();
            if (v === 1) {
                return '<span class="label sm label-success">' + name + '</span>';
            } else
                return '<span class="label sm label-danger">' + name + '</span>';
        }
       
    </script>
}

<section style="display:none">
    @Html.DropDownList("hid-state", states)
    @Html.DropDownList("hid-name", names)
</section>
@section css{


}