web/admin: revamped rbac and user settings tabs (#8299)

* web/admin: fix duplicate RBAC preview banner on permission modal Signed-off-by: Jens Langhammer <jens@goauthentik.io> * switch non-embedded permission page to use vertical tabs Signed-off-by: Jens Langhammer <jens@goauthentik.io> * fix some leftover html? Signed-off-by: Jens Langhammer <jens@goauthentik.io> * move stuff into vertical subtab Signed-off-by: Jens Langhammer <jens@goauthentik.io> * show all of users permission tabs on one main tab Signed-off-by: Jens Langhammer <jens@goauthentik.io> * rework role page to match user page Signed-off-by: Jens Langhammer <jens@goauthentik.io> * use separate tabs Signed-off-by: Jens Langhammer <jens@goauthentik.io> * rename role permission tables to match user tables Signed-off-by: Jens Langhammer <jens@goauthentik.io> * rename to credentials and tokens Signed-off-by: Jens Langhammer <jens@goauthentik.io> * add country icon to session list Signed-off-by: Jens Langhammer <jens@goauthentik.io> * add oauth access token list Signed-off-by: Jens Langhammer <jens@goauthentik.io> * add helper to get relative time Signed-off-by: Jens Langhammer <jens@goauthentik.io> * use pfdivider Signed-off-by: Jens Langhammer <jens@goauthentik.io> * replace plain hr with pf-c-divider Signed-off-by: Jens Langhammer <jens@goauthentik.io> * use new logic for showing relative time in charts Signed-off-by: Jens Langhammer <jens@goauthentik.io> * use consistent relative time for event display Signed-off-by: Jens Langhammer <jens@goauthentik.io> * remove more leftovers Signed-off-by: Jens Langhammer <jens@goauthentik.io> * fix some alignment issues on the admin dashboard Signed-off-by: Jens Langhammer <jens@goauthentik.io> * update storybook map Signed-off-by: Jens Langhammer <jens@goauthentik.io> * add sanity check to event app lookup Signed-off-by: Jens Langhammer <jens@goauthentik.io> * make api drawer header fixed Signed-off-by: Jens Langhammer <jens@goauthentik.io> * fix table padding for toggle Signed-off-by: Jens Langhammer <jens@goauthentik.io> * fix notification drawer for user interface Signed-off-by: Jens Langhammer <jens@goauthentik.io> * enable system task search Signed-off-by: Jens Langhammer <jens@goauthentik.io> * fix formatting, exclude generated script from formatting Signed-off-by: Jens Langhammer <jens@goauthentik.io> * web: minor fixes There's a renderer (it's not a component, not yet) for producing definition lists without the risk of missing a class or tag. Breaking conditionally rendered components out to make their use easier to identify. * fix prettier Signed-off-by: Jens Langhammer <jens@goauthentik.io> * fix outpost form Signed-off-by: Jens Langhammer <jens@goauthentik.io> * fix more flaky tests Signed-off-by: Jens Langhammer <jens@goauthentik.io> * re-create locale Signed-off-by: Jens Langhammer <jens@goauthentik.io> * add some description for different permission views Signed-off-by: Jens Langhammer <jens@goauthentik.io> * fix system task search Signed-off-by: Jens Langhammer <jens@goauthentik.io> * update docs Signed-off-by: Jens Langhammer <jens@goauthentik.io> --------- Signed-off-by: Jens Langhammer <jens@goauthentik.io> Co-authored-by: Ken Sternberg <ken@goauthentik.io>
2024-01-26 18:01:03 +01:00
parent 85a8768424
commit 11ca358242
48 changed files with 838 additions and 456 deletions
--- a/web/src/admin/outposts/OutpostForm.ts
+++ b/web/src/admin/outposts/OutpostForm.ts
@ -230,25 +230,29 @@ export class OutpostForm extends ModelForm<Outpost, string> {
            </ak-form-element-horizontal>
            <ak-form-group aria-label="Advanced settings">
                <span slot="header"> ${msg("Advanced settings")} </span>
-                <ak-form-element-horizontal label=${msg("Configuration")} name="config">
-                    <ak-codemirror
-                        mode=${CodeMirrorMode.YAML}
-                        value="${YAML.stringify(
-                            this.instance ? this.instance.config : this.defaultConfig?.config,
-                        )}"
-                    ></ak-codemirror>
-                    <p class="pf-c-form__helper-text">
-                        ${msg("Set custom attributes using YAML or JSON.")}
-                    </p>
-                    <p class="pf-c-form__helper-text">
-                        ${msg("See more here:")}&nbsp;
-                        <a
-                            target="_blank"
-                            href="${docLink("/docs/outposts?utm_source=authentik#configuration")}"
-                            >${msg("Documentation")}</a
-                        >
-                    </p>
-                </ak-form-element-horizontal>
+                <div slot="body" class="pf-c-form">
+                    <ak-form-element-horizontal label=${msg("Configuration")} name="config">
+                        <ak-codemirror
+                            mode=${CodeMirrorMode.YAML}
+                            value="${YAML.stringify(
+                                this.instance ? this.instance.config : this.defaultConfig?.config,
+                            )}"
+                        ></ak-codemirror>
+                        <p class="pf-c-form__helper-text">
+                            ${msg("Set custom attributes using YAML or JSON.")}
+                        </p>
+                        <p class="pf-c-form__helper-text">
+                            ${msg("See more here:")}&nbsp;
+                            <a
+                                target="_blank"
+                                href="${docLink(
+                                    "/docs/outposts?utm_source=authentik#configuration",
+                                )}"
+                                >${msg("Documentation")}</a
+                            >
+                        </p>
+                    </ak-form-element-horizontal>
+                </div>
            </ak-form-group>`;
    }
 }