habsi/authentik
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

events: add mark_all_seen

Browse Source 
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer
2021-09-04 22:08:12 +02:00
parent 7c1a7bfd9d
commit 2db8b07578
6 changed files with 100 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
web/src/elements/notifications/NotificationDrawer.ts
View File

@ -19,6 +19,8 @@ import AKGlobal from "../../authentik.css";
import PFContent from "@patternfly/patternfly/components/Content/content.css";
import { EVENT_NOTIFICATION_DRAWER_TOGGLE } from "../../constants";
import { ActionToLabel } from "../../pages/events/utils";
import { showMessage } from "../messages/MessageContainer";
import { MessageLevel } from "../messages/Message";
@customElement("ak-notification-drawer")
export class NotificationDrawer extends LitElement {
@ -31,6 +33,12 @@ export class NotificationDrawer extends LitElement {
static get styles(): CSSResult[] {
return [PFBase, PFButton, PFNotificationDrawer, PFContent, PFDropdown, AKGlobal].concat(
css`
.pf-c-drawer__body {
height: 100%;
}
.pf-c-notification-drawer__body {
flex-grow: 1;
}
.pf-c-notification-drawer__header {
height: 114px;
align-items: center;
@ -143,7 +151,7 @@ export class NotificationDrawer extends LitElement {
}}
class="pf-c-button pf-m-plain"
type="button"
aria-label="Close"
aria-label=${t`Close`}
>
<i class="fas fa-times" aria-hidden="true"></i>
</button>
@ -155,6 +163,25 @@ export class NotificationDrawer extends LitElement {
${this.notifications.results.map((n) => this.renderItem(n))}
</ul>
</div>
<div class="pf-c-notification-drawer__footer">
<button
@click=${() => {
new EventsApi(DEFAULT_CONFIG)
.eventsNotificationsMarkAllSeenCreate()
.then(() => {
showMessage({
level: MessageLevel.success,
message: t`Successfully cleared notifications`,
});
});
}}
class="pf-c-button pf-m-secondary pf-m-block"
type="button"
aria-label=${t`Clear all`}
>
${t`Clear all`}
</button>
</div>
</div>
</div>`;
}