web/src/elements/sidebar/SidebarUser.ts - main - dimamir/authentik

web/src/elements/sidebar/SidebarUser.ts
70 строк2 KB
Jens L.
root: support running authentik in subpath (#8675)
26 ноя 2024, 17:38
26 ноя 2024, 17:385e72ec9
import { globalAK } from "@goauthentik/common/global";
import { me } from "@goauthentik/common/users";
import { AKElement } from "@goauthentik/elements/Base";

import { CSSResult, TemplateResult, css, html } from "lit";
import { customElement } from "lit/decorators.js";
import { ifDefined } from "lit/directives/if-defined.js";
import { until } from "lit/directives/until.js";

import PFAvatar from "@patternfly/patternfly/components/Avatar/avatar.css";
import PFNav from "@patternfly/patternfly/components/Nav/nav.css";
import PFBase from "@patternfly/patternfly/patternfly-base.css";

@customElement("ak-sidebar-user")
export class SidebarUser extends AKElement {
    static get styles(): CSSResult[] {
        return [
            PFBase,
            PFNav,
            PFAvatar,
            css`
                :host {
                    display: flex;
                    width: 100%;
                    flex-direction: row;
                    justify-content: space-between;
                }
                .pf-c-nav__link {
                    align-items: center;
                    display: flex;
                    justify-content: center;
                }
            `,
        ];
    }

    render(): TemplateResult {
        return html`
            <a
                href="${globalAK().api.base}if/user/#/settings"
                class="pf-c-nav__link user-avatar"
                id="user-settings"
            >
                ${until(
                    me().then((u) => {
                        return html`<img
                            class="pf-c-avatar"
                            src="${ifDefined(u.user.avatar)}"
                            alt=""
                        />`;
                    }),
                    html``,
                )}
            </a>
            <a
                href="${globalAK().api.base}flows/-/default/invalidation/"
                class="pf-c-nav__link user-logout"
                id="logout"
            >
                <i class="fas fa-sign-out-alt" aria-hidden="true"></i>
            </a>
        `;
    }
}

declare global {
    interface HTMLElementTagNameMap {
        "ak-sidebar-user": SidebarUser;
    }
}