diff --git a/authentik/core/forms/users.py b/authentik/core/forms/users.py deleted file mode 100644 index 36b5e33c5..000000000 --- a/authentik/core/forms/users.py +++ /dev/null @@ -1,15 +0,0 @@ -"""authentik core user forms""" - -from django import forms - -from authentik.core.models import User - - -class UserDetailForm(forms.ModelForm): - """Update User Details""" - - class Meta: - - model = User - fields = ["username", "name", "email"] - widgets = {"name": forms.TextInput} diff --git a/authentik/core/templates/user/details.html b/authentik/core/templates/user/details.html deleted file mode 100644 index 0babe3137..000000000 --- a/authentik/core/templates/user/details.html +++ /dev/null @@ -1,26 +0,0 @@ -{% load i18n %} - -
-
- {% trans 'Update details' %} -
-
-
- {% include 'partials/form_horizontal.html' with form=form %} - {% block beneath_form %} - {% endblock %} -
-
-
- - {% if unenrollment_enabled %} - {% - trans "Delete account" %} - {% endif %} -
-
-
-
-
-
diff --git a/authentik/core/tests/test_views_user.py b/authentik/core/tests/test_views_user.py deleted file mode 100644 index bad0ab441..000000000 --- a/authentik/core/tests/test_views_user.py +++ /dev/null @@ -1,30 +0,0 @@ -"""authentik user view tests""" -import string -from random import SystemRandom - -from django.test import TestCase -from django.urls import reverse - -from authentik.core.models import User - - -class TestUserViews(TestCase): - """Test User Views""" - - def setUp(self): - super().setUp() - self.user = User.objects.create_user( - username="unittest user", - email="unittest@example.com", - password="".join( - SystemRandom().choice(string.ascii_uppercase + string.digits) - for _ in range(8) - ), - ) - self.client.force_login(self.user) - - def test_user_details(self): - """Test UserDetailsView""" - self.assertEqual( - self.client.get(reverse("authentik_core:user-details")).status_code, 200 - ) diff --git a/authentik/core/urls.py b/authentik/core/urls.py index ee03d748c..a8f2d91b6 100644 --- a/authentik/core/urls.py +++ b/authentik/core/urls.py @@ -14,7 +14,6 @@ urlpatterns = [ name="root-redirect", ), # User views - path("-/user/details/", user.UserDetailsView.as_view(), name="user-details"), path( "-/user/tokens/create/", user.TokenCreateView.as_view(), diff --git a/authentik/core/views/user.py b/authentik/core/views/user.py index 6d630e922..6c5a9d7d4 100644 --- a/authentik/core/views/user.py +++ b/authentik/core/views/user.py @@ -15,39 +15,11 @@ from guardian.mixins import PermissionRequiredMixin from guardian.shortcuts import get_objects_for_user from authentik.core.forms.token import UserTokenForm -from authentik.core.forms.users import UserDetailForm from authentik.core.models import Token, TokenIntents from authentik.flows.models import Flow, FlowDesignation from authentik.lib.views import CreateAssignPermView -class UserSettingsView(TemplateView): - """Multiple SiteShells for user details and all stages""" - - template_name = "user/settings.html" - - -class UserDetailsView(SuccessMessageMixin, LoginRequiredMixin, UpdateView): - """Update User details""" - - template_name = "user/details.html" - form_class = UserDetailForm - - success_message = _("Successfully updated user.") - success_url = reverse_lazy("authentik_core:user-details") - - def get_object(self): - return self.request.user - - def get_context_data(self, **kwargs: Any) -> dict[str, Any]: - kwargs = super().get_context_data(**kwargs) - unenrollment_flow = Flow.with_policy( - self.request, designation=FlowDesignation.UNRENOLLMENT - ) - kwargs["unenrollment_enabled"] = bool(unenrollment_flow) - return kwargs - - class TokenCreateView( SuccessMessageMixin, LoginRequiredMixin, diff --git a/tests/e2e/test_flows_enroll.py b/tests/e2e/test_flows_enroll.py index abd4c976d..2a9bef063 100644 --- a/tests/e2e/test_flows_enroll.py +++ b/tests/e2e/test_flows_enroll.py @@ -98,7 +98,7 @@ class TestFlowsEnroll(SeleniumTestCase): wait = WebDriverWait(interface_admin, self.wait_timeout) wait.until(ec.presence_of_element_located((By.CSS_SELECTOR, "ak-sidebar"))) - self.driver.get(self.if_admin_url("authentik_core:user-details")) + self.driver.get(self.if_admin_url("/user")) user = User.objects.get(username="foo") self.assertEqual(user.username, "foo") @@ -198,7 +198,7 @@ class TestFlowsEnroll(SeleniumTestCase): ) wait.until(ec.presence_of_element_located((By.CSS_SELECTOR, "ak-sidebar"))) - self.driver.get(self.if_admin_url("authentik_core:user-details")) + self.driver.get(self.if_admin_url("/user")) self.assert_user(User.objects.get(username="foo")) diff --git a/tests/e2e/test_source_oauth.py b/tests/e2e/test_source_oauth.py index 85dbab6ab..9f1ca18af 100644 --- a/tests/e2e/test_source_oauth.py +++ b/tests/e2e/test_source_oauth.py @@ -160,7 +160,7 @@ class TestSourceOAuth2(SeleniumTestCase): # Wait until we've logged in self.wait_for_url(self.if_admin_url("/library")) - self.driver.get(self.url("authentik_core:user-details")) + self.driver.get(self.if_admin_url("/user")) self.assertEqual( self.driver.find_element(By.ID, "id_username").get_attribute("value"), "foo" @@ -255,7 +255,7 @@ class TestSourceOAuth2(SeleniumTestCase): # Wait until we've logged in self.wait_for_url(self.if_admin_url("/library")) - self.driver.get(self.url("authentik_core:user-details")) + self.driver.get(self.if_admin_url("/user")) self.assertEqual( self.driver.find_element(By.ID, "id_username").get_attribute("value"), "foo" @@ -359,7 +359,7 @@ class TestSourceOAuth1(SeleniumTestCase): sleep(2) # Wait until we've logged in self.wait_for_url(self.if_admin_url("/library")) - self.driver.get(self.url("authentik_core:user-details")) + self.driver.get(self.if_admin_url("/user")) self.assertEqual( self.driver.find_element(By.ID, "id_username").get_attribute("value"), diff --git a/tests/e2e/test_source_saml.py b/tests/e2e/test_source_saml.py index 413b3e69a..8ea4d926d 100644 --- a/tests/e2e/test_source_saml.py +++ b/tests/e2e/test_source_saml.py @@ -153,7 +153,7 @@ class TestSourceSAML(SeleniumTestCase): # Wait until we're logged in self.wait_for_url(self.if_admin_url("/library")) - self.driver.get(self.url("authentik_core:user-details")) + self.driver.get(self.if_admin_url("/user")) # Wait until we've loaded the user info page self.assertNotEqual( @@ -233,7 +233,7 @@ class TestSourceSAML(SeleniumTestCase): # Wait until we're logged in self.wait_for_url(self.if_admin_url("/library")) - self.driver.get(self.url("authentik_core:user-details")) + self.driver.get(self.if_admin_url("/user")) # Wait until we've loaded the user info page self.assertNotEqual( @@ -300,7 +300,7 @@ class TestSourceSAML(SeleniumTestCase): # Wait until we're logged in self.wait_for_url(self.if_admin_url("/library")) - self.driver.get(self.url("authentik_core:user-details")) + self.driver.get(self.if_admin_url("/user")) # Wait until we've loaded the user info page self.assertNotEqual( diff --git a/web/package-lock.json b/web/package-lock.json index e49a55ba7..4efea8bd9 100644 --- a/web/package-lock.json +++ b/web/package-lock.json @@ -133,6 +133,139 @@ "resolved": "https://registry.npmjs.org/@patternfly/patternfly/-/patternfly-4.90.5.tgz", "integrity": "sha512-Fe0C8UkzSjtacQ+fHXlFB/LHzrv/c2K4z479C6dboOgkGQE1FyB0wt1NBfxij0D++rhOy04OOYdE+Tr0JSlZKw==" }, + "@polymer/font-roboto": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/@polymer/font-roboto/-/font-roboto-3.0.2.tgz", + "integrity": "sha512-tx5TauYSmzsIvmSqepUPDYbs4/Ejz2XbZ1IkD7JEGqkdNUJlh+9KU85G56Tfdk/xjEZ8zorFfN09OSwiMrIQWA==" + }, + "@polymer/iron-a11y-announcer": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@polymer/iron-a11y-announcer/-/iron-a11y-announcer-3.1.0.tgz", + "integrity": "sha512-lc5i4NKB8kSQHH0Hwu8WS3ym93m+J69OHJWSSBxwd17FI+h2wmgxDzeG9LI4ojMMck17/uc2pLe7g/UHt5/K/A==", + "requires": { + "@polymer/polymer": "^3.0.0" + } + }, + "@polymer/iron-a11y-keys-behavior": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/@polymer/iron-a11y-keys-behavior/-/iron-a11y-keys-behavior-3.0.1.tgz", + "integrity": "sha512-lnrjKq3ysbBPT/74l0Fj0U9H9C35Tpw2C/tpJ8a+5g8Y3YJs1WSZYnEl1yOkw6sEyaxOq/1DkzH0+60gGu5/PQ==", + "requires": { + "@polymer/polymer": "^3.0.0" + } + }, + "@polymer/iron-ajax": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/@polymer/iron-ajax/-/iron-ajax-3.0.1.tgz", + "integrity": "sha512-7+TPEAfWsRdhj1Y8UeF1759ktpVu+c3sG16rJiUC3wF9+woQ9xI1zUm2d59i7Yc3aDEJrR/Q8Y262KlOvyGVNg==", + "requires": { + "@polymer/polymer": "^3.0.0" + } + }, + "@polymer/iron-autogrow-textarea": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@polymer/iron-autogrow-textarea/-/iron-autogrow-textarea-3.0.3.tgz", + "integrity": "sha512-5r0VkWrIlm0JIp5E5wlnvkw7slK72lFRZXncmrsLZF+6n1dg2rI8jt7xpFzSmUWrqpcyXwyKaGaDvUjl3j4JLA==", + "requires": { + "@polymer/iron-behaviors": "^3.0.0-pre.26", + "@polymer/iron-flex-layout": "^3.0.0-pre.26", + "@polymer/iron-validatable-behavior": "^3.0.0-pre.26", + "@polymer/polymer": "^3.0.0" + } + }, + "@polymer/iron-behaviors": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/@polymer/iron-behaviors/-/iron-behaviors-3.0.1.tgz", + "integrity": "sha512-IMEwcv1lhf1HSQxuyWOUIL0lOBwmeaoSTpgCJeP9IBYnuB1SPQngmfRuHKgK6/m9LQ9F9miC7p3HeQQUdKAE0w==", + "requires": { + "@polymer/iron-a11y-keys-behavior": "^3.0.0-pre.26", + "@polymer/polymer": "^3.0.0" + } + }, + "@polymer/iron-flex-layout": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/@polymer/iron-flex-layout/-/iron-flex-layout-3.0.1.tgz", + "integrity": "sha512-7gB869czArF+HZcPTVSgvA7tXYFze9EKckvM95NB7SqYF+NnsQyhoXgKnpFwGyo95lUjUW9TFDLUwDXnCYFtkw==", + "requires": { + "@polymer/polymer": "^3.0.0" + } + }, + "@polymer/iron-form": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/@polymer/iron-form/-/iron-form-3.0.1.tgz", + "integrity": "sha512-JwSQXHjYALsytCeBkXlY8aRwqgZuYIqzOk3iHuugb1RXOdZ7MZHyJhMDVBbscHjxqPKu/KaVzAjrcfwNNafzEA==", + "requires": { + "@polymer/iron-ajax": "^3.0.0-pre.26", + "@polymer/polymer": "^3.0.0" + } + }, + "@polymer/iron-form-element-behavior": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/@polymer/iron-form-element-behavior/-/iron-form-element-behavior-3.0.1.tgz", + "integrity": "sha512-G/e2KXyL5AY7mMjmomHkGpgS0uAf4ovNpKhkuUTRnMuMJuf589bKqE85KN4ovE1Tzhv2hJoh/igyD6ekHiYU1A==", + "requires": { + "@polymer/polymer": "^3.0.0" + } + }, + "@polymer/iron-input": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/@polymer/iron-input/-/iron-input-3.0.1.tgz", + "integrity": "sha512-WLx13kEcbH9GKbj9+pWR6pbJkA5kxn3796ynx6eQd2rueMyUfVTR3GzOvadBKsciUuIuzrxpBWZ2+3UcueVUQQ==", + "requires": { + "@polymer/iron-a11y-announcer": "^3.0.0-pre.26", + "@polymer/iron-validatable-behavior": "^3.0.0-pre.26", + "@polymer/polymer": "^3.0.0" + } + }, + "@polymer/iron-meta": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/@polymer/iron-meta/-/iron-meta-3.0.1.tgz", + "integrity": "sha512-pWguPugiLYmWFV9UWxLWzZ6gm4wBwQdDy4VULKwdHCqR7OP7u98h+XDdGZsSlDPv6qoryV/e3tGHlTIT0mbzJA==", + "requires": { + "@polymer/polymer": "^3.0.0" + } + }, + "@polymer/iron-validatable-behavior": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/@polymer/iron-validatable-behavior/-/iron-validatable-behavior-3.0.1.tgz", + "integrity": "sha512-wwpYh6wOa4fNI+jH5EYKC7TVPYQ2OfgQqocWat7GsNWcsblKYhLYbwsvEY5nO0n2xKqNfZzDLrUom5INJN7msQ==", + "requires": { + "@polymer/iron-meta": "^3.0.0-pre.26", + "@polymer/polymer": "^3.0.0" + } + }, + "@polymer/paper-input": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/@polymer/paper-input/-/paper-input-3.2.1.tgz", + "integrity": "sha512-6ghgwQKM6mS0hAQxQqj+tkeEY1VUBqAsrasAm8V5RpNcfSWQC/hhRFxU0beGuKTAhndzezDzWYP6Zz4b8fExGg==", + "requires": { + "@polymer/iron-a11y-keys-behavior": "^3.0.0-pre.26", + "@polymer/iron-autogrow-textarea": "^3.0.0-pre.26", + "@polymer/iron-behaviors": "^3.0.0-pre.26", + "@polymer/iron-form-element-behavior": "^3.0.0-pre.26", + "@polymer/iron-input": "^3.0.0-pre.26", + "@polymer/paper-styles": "^3.0.0-pre.26", + "@polymer/polymer": "^3.0.0" + } + }, + "@polymer/paper-styles": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/@polymer/paper-styles/-/paper-styles-3.0.1.tgz", + "integrity": "sha512-y6hmObLqlCx602TQiSBKHqjwkE7xmDiFkoxdYGaNjtv4xcysOTdVJsDR/R9UHwIaxJ7gHlthMSykir1nv78++g==", + "requires": { + "@polymer/font-roboto": "^3.0.1", + "@polymer/iron-flex-layout": "^3.0.0-pre.26", + "@polymer/polymer": "^3.0.0" + } + }, + "@polymer/polymer": { + "version": "3.4.1", + "resolved": "https://registry.npmjs.org/@polymer/polymer/-/polymer-3.4.1.tgz", + "integrity": "sha512-KPWnhDZibtqKrUz7enIPOiO4ZQoJNOuLwqrhV2MXzIt3VVnUVJVG5ORz4Z2sgO+UZ+/UZnPD0jqY+jmw/+a9mQ==", + "requires": { + "@webcomponents/shadycss": "^1.9.1" + } + }, "@rollup/plugin-typescript": { "version": "8.2.0", "resolved": "https://registry.npmjs.org/@rollup/plugin-typescript/-/plugin-typescript-8.2.0.tgz", @@ -490,6 +623,11 @@ "eslint-visitor-keys": "^2.0.0" } }, + "@webcomponents/shadycss": { + "version": "1.10.2", + "resolved": "https://registry.npmjs.org/@webcomponents/shadycss/-/shadycss-1.10.2.tgz", + "integrity": "sha512-9Iseu8bRtecb0klvv+WXZOVZatsRkbaH7M97Z+f+Pt909R4lDfgUODAnra23DOZTpeMTAkVpf4m/FZztN7Ox1A==" + }, "acorn": { "version": "7.4.1", "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz", diff --git a/web/package.json b/web/package.json index b5757b497..9921a4efa 100644 --- a/web/package.json +++ b/web/package.json @@ -12,6 +12,8 @@ "dependencies": { "@fortawesome/fontawesome-free": "^5.15.3", "@patternfly/patternfly": "^4.90.5", + "@polymer/iron-form": "^3.0.1", + "@polymer/paper-input": "^3.2.1", "@sentry/browser": "^6.2.3", "@sentry/tracing": "^6.2.3", "@types/chart.js": "^2.9.31", diff --git a/web/src/api/legacy.ts b/web/src/api/legacy.ts index c8a520d71..9e2c7734f 100644 --- a/web/src/api/legacy.ts +++ b/web/src/api/legacy.ts @@ -105,6 +105,10 @@ export class AppURLManager { export class FlowURLManager { + static defaultUnenrollment(): string { + return "-/default/unenrollment/"; + } + static configure(stageUuid: string, rest: string): string { return `-/configure/${stageUuid}/${rest}`; } diff --git a/web/src/authentik.css b/web/src/authentik.css index 8d5da9ba4..3cf2133ce 100644 --- a/web/src/authentik.css +++ b/web/src/authentik.css @@ -88,6 +88,7 @@ body { @media (prefers-color-scheme: dark) { :root { + --ak-accent: #fd4b2d; --ak-dark-foreground: #fafafa; --ak-dark-foreground-darker: #bebebe; --ak-dark-foreground-link: #5a5cb9; @@ -100,6 +101,12 @@ body { --pf-c-page__main-section--m-light--BackgroundColor: var(--ak-dark-background-darker); --pf-global--link--Color: var(--ak-dark-foreground-link); } + + paper-input { + /* --paper-input-container-color: var(--ak-accent); */ + --paper-input-container-input-color: var(--ak-dark-foreground); + } + /* Global page background colour */ .pf-c-page { --pf-c-page--BackgroundColor: var(--ak-dark-background); diff --git a/web/src/main.ts b/web/src/main.ts index f57e82208..12997f4e3 100644 --- a/web/src/main.ts +++ b/web/src/main.ts @@ -8,7 +8,6 @@ import "./elements/buttons/ModalButton"; import "./elements/buttons/SpinnerButton"; import "./elements/CodeMirror"; -import "./pages/tokens/UserTokenList"; import "./pages/generic/SiteShell"; import "./interfaces/AdminInterface"; import "./elements/messages/MessageContainer"; diff --git a/web/src/pages/users/UserDetailsPage.ts b/web/src/pages/users/UserDetailsPage.ts new file mode 100644 index 000000000..9ef3fb26c --- /dev/null +++ b/web/src/pages/users/UserDetailsPage.ts @@ -0,0 +1,151 @@ +import { gettext } from "django"; +import { CSSResult, customElement, html, LitElement, property, TemplateResult } from "lit-element"; +import PFCard from "@patternfly/patternfly/components/Card/card.css"; +import AKGlobal from "../../authentik.css"; +import PFButton from "@patternfly/patternfly/components/Button/button.css"; +import PFBase from "@patternfly/patternfly/patternfly-base.css"; +import PFForm from "@patternfly/patternfly/components/Form/form.css"; +import PFFormControl from "@patternfly/patternfly/components/FormControl/form-control.css"; +import { CoreApi, User } from "authentik-api"; +import { me } from "../../api/Users"; +import "../../elements/forms/FormElement"; +import "../../elements/EmptyState"; +import { FlowURLManager } from "../../api/legacy"; +import "@polymer/paper-input/paper-input"; +import "@polymer/iron-form/iron-form"; +import { DEFAULT_CONFIG } from "../../api/Config"; +import { PaperInputElement } from "@polymer/paper-input/paper-input"; +import { showMessage } from "../../elements/messages/MessageContainer"; + +export interface ErrorResponse { + [key: string]: string[]; +} + +@customElement("ak-form") +export class Form extends LitElement { + + @property() + successMessage = ""; + + @property() + send!: (data: Record) => Promise; + + submit(ev: Event): void { + ev.preventDefault(); + const ironForm = this.shadowRoot?.querySelector("iron-form"); + if (!ironForm) { + return; + } + const data = ironForm.serializeForm(); + this.send(data).then(() => { + showMessage({ + level_tag: "success", + message: this.successMessage + }); + }).catch((ex: Response) => { + if (ex.status > 399 && ex.status < 500) { + return ex.json(); + } + return ex; + }).then((errorMessage?: ErrorResponse) => { + if (!errorMessage) return; + const elements: PaperInputElement[] = ironForm._getSubmittableElements(); + elements.forEach((element) => { + const elementName = element.name; + if (!elementName) return; + if (elementName in errorMessage) { + element.errorMessage = errorMessage[elementName].join(", "); + element.invalid = true; + } + }); + }); + } + + render(): TemplateResult { + return html` { this.submit(ev); }}> + + `; + } + +} + +@customElement("ak-user-details") +export class UserDetailsPage extends LitElement { + + static get styles(): CSSResult[] { + return [PFBase, PFCard, PFForm, PFFormControl, PFButton, AKGlobal]; + } + + @property({attribute: false}) + user?: User; + + firstUpdated(): void { + me().then((user) => { + this.user = user.user; + }); + } + + render(): TemplateResult { + if (!this.user) { + return html` + `; + } + return html`
+
+ ${gettext("Update details")} +
+
+ { + return new CoreApi(DEFAULT_CONFIG).coreUsersUpdate({ + id: this.user?.pk || 0, + data: data as User + }); + }}> +
+ + +

${gettext("Required. 150 characters or fewer. Letters, digits and @/./+/-/_ only.")}

+ + +

${gettext("User's display name.")}

+ + + +
+
+
+ + + ${gettext("Delete account")} + +
+
+
+
+ +
+
`; + } + +} diff --git a/web/src/pages/users/UserSettingsPage.ts b/web/src/pages/users/UserSettingsPage.ts index eefdae207..75aa14574 100644 --- a/web/src/pages/users/UserSettingsPage.ts +++ b/web/src/pages/users/UserSettingsPage.ts @@ -18,8 +18,8 @@ import { DEFAULT_CONFIG } from "../../api/Config"; import { until } from "lit-html/directives/until"; import { ifDefined } from "lit-html/directives/if-defined"; import "../../elements/Tabs"; -import "../tokens/UserTokenList"; -import "../generic/SiteShell"; +import "./UserDetailsPage"; +import "./UserTokenList"; import "./settings/UserSettingsAuthenticatorTOTP"; import "./settings/UserSettingsAuthenticatorStatic"; import "./settings/UserSettingsAuthenticatorWebAuthnDevices"; @@ -48,13 +48,7 @@ export class UserSettingsPage extends LitElement { return html` `; default: - return html`
-
- -
- -
-
`; + return html`

${gettext(`Error: unsupported stage settings: ${stage.component}`)}

`; } } @@ -64,13 +58,7 @@ export class UserSettingsPage extends LitElement { return html` `; default: - return html`
-
- -
- -
-
`; + return html`

${gettext(`Error: unsupported source settings: ${source.component}`)}

`; } } @@ -88,16 +76,10 @@ export class UserSettingsPage extends LitElement {
-
-
- -
- -
-
+
- +
${until(new StagesApi(DEFAULT_CONFIG).stagesAllUserSettings({}).then((stages) => { return stages.map((stage) => { diff --git a/web/src/pages/tokens/UserTokenList.ts b/web/src/pages/users/UserTokenList.ts similarity index 99% rename from web/src/pages/tokens/UserTokenList.ts rename to web/src/pages/users/UserTokenList.ts index 56cec2b0d..4c1d21c36 100644 --- a/web/src/pages/tokens/UserTokenList.ts +++ b/web/src/pages/users/UserTokenList.ts @@ -12,7 +12,7 @@ import { CoreApi, Token } from "authentik-api"; import { DEFAULT_CONFIG } from "../../api/Config"; import { AdminURLManager } from "../../api/legacy"; -@customElement("ak-token-user-list") +@customElement("ak-user-token-list") export class UserTokenList extends Table { searchEnabled(): boolean { return true;