trustchain-oc1-orchestral/authentik
Archived
10
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

web/admin: use less generic slot names for ak-tabs

Browse source 
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer 2021-04-11 18:40:01 +02:00
parent 5c133a6c30
commit a736e708ae
10 changed files with 31 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/src/pages/applications/ApplicationViewPage.ts
View file

@ -67,7 +67,7 @@ export class ApplicationViewPage extends LitElement {
} }
return html` return html`
<ak-tabs> <ak-tabs>
<section slot="page-1" data-tab-title="${t`Overview`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <section slot="page-overview" data-tab-title="${t`Overview`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-l-gallery pf-m-gutter"> <div class="pf-l-gallery pf-m-gutter">
<div class="pf-c-card pf-l-gallery__item" style="grid-column-end: span 3;grid-row-end: span 2;"> <div class="pf-c-card pf-l-gallery__item" style="grid-column-end: span 3;grid-row-end: span 2;">
<div class="pf-c-card__title">${t`Logins over the last 24 hours`}</div> <div class="pf-c-card__title">${t`Logins over the last 24 hours`}</div>
@ -132,7 +132,7 @@ export class ApplicationViewPage extends LitElement {
</div> </div>
</div> </div>
</section> </section>
<div slot="page-2" data-tab-title="${t`Policy Bindings`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <div slot="page-policy-bindings" data-tab-title="${t`Policy Bindings`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-c-card"> <div class="pf-c-card">
<div class="pf-c-card__title">${t`These policies control which users can access this application.`}</div> <div class="pf-c-card__title">${t`These policies control which users can access this application.`}</div>
<ak-bound-policies-list .target=${this.application.pk}> <ak-bound-policies-list .target=${this.application.pk}>

8
web/src/pages/flows/FlowViewPage.ts
View file

@ -56,7 +56,7 @@ export class FlowViewPage extends LitElement {
description=${this.flow.title}> description=${this.flow.title}>
</ak-page-header> </ak-page-header>
<ak-tabs> <ak-tabs>
<div slot="page-1" data-tab-title="${t`Flow Overview`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <div slot="page-overview" data-tab-title="${t`Flow Overview`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-l-gallery pf-m-gutter"> <div class="pf-l-gallery pf-m-gutter">
<div class="pf-c-card pf-l-gallery__item" style="grid-column-end: span 4;grid-row-end: span 2;"> <div class="pf-c-card pf-l-gallery__item" style="grid-column-end: span 4;grid-row-end: span 2;">
<div class="pf-c-card"> <div class="pf-c-card">
@ -96,7 +96,7 @@ export class FlowViewPage extends LitElement {
</div> </div>
</div> </div>
</div> </div>
<div slot="page-2" data-tab-title="${t`Stage Bindings`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <div slot="page-stage-bindings" data-tab-title="${t`Stage Bindings`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-c-card"> <div class="pf-c-card">
<div class="pf-c-card__body"> <div class="pf-c-card__body">
<ak-bound-stages-list .target=${this.flow.pk}> <ak-bound-stages-list .target=${this.flow.pk}>
@ -104,7 +104,7 @@ export class FlowViewPage extends LitElement {
</div> </div>
</div> </div>
</div> </div>
<div slot="page-3" data-tab-title="${t`Policy Bindings`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <div slot="page-policy-bindings" data-tab-title="${t`Policy Bindings`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-c-card"> <div class="pf-c-card">
<div class="pf-c-card__title">${t`These policies control which users can access this flow.`}</div> <div class="pf-c-card__title">${t`These policies control which users can access this flow.`}</div>
<div class="pf-c-card__body"> <div class="pf-c-card__body">
@ -113,7 +113,7 @@ export class FlowViewPage extends LitElement {
</div> </div>
</div> </div>
</div> </div>
<div slot="page-4" data-tab-title="${t`Changelog`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <div slot="page-changelog" data-tab-title="${t`Changelog`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-c-card"> <div class="pf-c-card">
<div class="pf-c-card__body"> <div class="pf-c-card__body">
<ak-object-changelog <ak-object-changelog

6
web/src/pages/providers/oauth2/OAuth2ProviderViewPage.ts
View file

@ -67,7 +67,7 @@ export class OAuth2ProviderViewPage extends LitElement {
return html``; return html``;
} }
return html`<ak-tabs> return html`<ak-tabs>
<section slot="page-1" data-tab-title="${t`Overview`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <section slot="page-overview" data-tab-title="${t`Overview`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-u-display-flex pf-u-justify-content-center"> <div class="pf-u-display-flex pf-u-justify-content-center">
<div class="pf-u-w-75"> <div class="pf-u-w-75">
<div class="pf-c-card"> <div class="pf-c-card">
@ -138,7 +138,7 @@ export class OAuth2ProviderViewPage extends LitElement {
</div> </div>
</div> </div>
</section> </section>
<section slot="page-2" data-tab-title="${t`Changelog`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <section slot="page-changelog" data-tab-title="${t`Changelog`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-c-card"> <div class="pf-c-card">
<div class="pf-c-card__body"> <div class="pf-c-card__body">
<ak-object-changelog <ak-object-changelog
@ -149,7 +149,7 @@ export class OAuth2ProviderViewPage extends LitElement {
</div> </div>
</div> </div>
</section> </section>
<section slot="page-3" data-tab-title="${t`Metadata`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <section slot="page-metadata" data-tab-title="${t`Metadata`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-u-display-flex pf-u-justify-content-center"> <div class="pf-u-display-flex pf-u-justify-content-center">
<div class="pf-u-w-75"> <div class="pf-u-w-75">
<div class="pf-c-card"> <div class="pf-c-card">

4
web/src/pages/providers/proxy/ProxyProviderViewPage.ts
View file

@ -58,7 +58,7 @@ export class ProxyProviderViewPage extends LitElement {
return html``; return html``;
} }
return html`<ak-tabs> return html`<ak-tabs>
<section slot="page-1" data-tab-title="${t`Overview`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <section slot="page-overview" data-tab-title="${t`Overview`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-u-display-flex pf-u-justify-content-center"> <div class="pf-u-display-flex pf-u-justify-content-center">
<div class="pf-u-w-75"> <div class="pf-u-w-75">
<div class="pf-c-card"> <div class="pf-c-card">
@ -138,7 +138,7 @@ export class ProxyProviderViewPage extends LitElement {
</div> </div>
</div> </div>
</section> </section>
<section slot="page-2" data-tab-title="${t`Changelog`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <section slot="page-changelog" data-tab-title="${t`Changelog`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-c-card"> <div class="pf-c-card">
<div class="pf-c-card__body"> <div class="pf-c-card__body">
<ak-object-changelog <ak-object-changelog

6
web/src/pages/providers/saml/SAMLProviderViewPage.ts
View file

@ -60,7 +60,7 @@ export class SAMLProviderViewPage extends LitElement {
return html``; return html``;
} }
return html`<ak-tabs> return html`<ak-tabs>
<section slot="page-1" data-tab-title="${t`Overview`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <section slot="page-overview" data-tab-title="${t`Overview`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-u-display-flex pf-u-justify-content-center"> <div class="pf-u-display-flex pf-u-justify-content-center">
<div class="pf-u-w-75"> <div class="pf-u-w-75">
<div class="pf-c-card"> <div class="pf-c-card">
@ -131,7 +131,7 @@ export class SAMLProviderViewPage extends LitElement {
</div> </div>
</div> </div>
</section> </section>
<section slot="page-2" data-tab-title="${t`Changelog`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <section slot="page-changelog" data-tab-title="${t`Changelog`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-c-card"> <div class="pf-c-card">
<div class="pf-c-card__body"> <div class="pf-c-card__body">
<ak-object-changelog <ak-object-changelog
@ -143,7 +143,7 @@ export class SAMLProviderViewPage extends LitElement {
</div> </div>
</section> </section>
${this.provider.assignedApplicationName ? html` ${this.provider.assignedApplicationName ? html`
<section slot="page-3" data-tab-title="${t`Metadata`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <section slot="page-metadata" data-tab-title="${t`Metadata`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-u-display-flex pf-u-justify-content-center"> <div class="pf-u-display-flex pf-u-justify-content-center">
<div class="pf-u-w-75"> <div class="pf-u-w-75">
<div class="pf-c-card"> <div class="pf-c-card">

6
web/src/pages/sources/ldap/LDAPSourceViewPage.ts
View file

@ -57,7 +57,7 @@ export class LDAPSourceViewPage extends LitElement {
return html``; return html``;
} }
return html`<ak-tabs> return html`<ak-tabs>
<section slot="page-1" data-tab-title="${t`Overview`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <section slot="page-overview" data-tab-title="${t`Overview`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-u-display-flex pf-u-justify-content-center"> <div class="pf-u-display-flex pf-u-justify-content-center">
<div class="pf-u-w-75"> <div class="pf-u-w-75">
<div class="pf-c-card"> <div class="pf-c-card">
@ -114,7 +114,7 @@ export class LDAPSourceViewPage extends LitElement {
</div> </div>
</div> </div>
</section> </section>
<section slot="page-2" data-tab-title="${t`Changelog`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <section slot="page-changelog" data-tab-title="${t`Changelog`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-c-card"> <div class="pf-c-card">
<div class="pf-c-card__body"> <div class="pf-c-card__body">
<ak-object-changelog <ak-object-changelog
@ -125,7 +125,7 @@ export class LDAPSourceViewPage extends LitElement {
</div> </div>
</div> </div>
</section> </section>
<section slot="page-3" data-tab-title="${t`Sync`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <section slot="page-sync" data-tab-title="${t`Sync`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-u-display-flex pf-u-justify-content-center"> <div class="pf-u-display-flex pf-u-justify-content-center">
<div class="pf-u-w-75"> <div class="pf-u-w-75">
<div class="pf-c-card"> <div class="pf-c-card">

6
web/src/pages/sources/oauth/OAuthSourceViewPage.ts
View file

@ -56,7 +56,7 @@ export class OAuthSourceViewPage extends LitElement {
return html``; return html``;
} }
return html`<ak-tabs> return html`<ak-tabs>
<section slot="page-1" data-tab-title="${t`Overview`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <section slot="page-overview" data-tab-title="${t`Overview`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-u-display-flex pf-u-justify-content-center"> <div class="pf-u-display-flex pf-u-justify-content-center">
<div class="pf-u-w-75"> <div class="pf-u-w-75">
<div class="pf-c-card"> <div class="pf-c-card">
@ -133,7 +133,7 @@ export class OAuthSourceViewPage extends LitElement {
</div> </div>
</div> </div>
</section> </section>
<section slot="page-2" data-tab-title="${t`Changelog`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <section slot="page-changelog" data-tab-title="${t`Changelog`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-c-card"> <div class="pf-c-card">
<div class="pf-c-card__body"> <div class="pf-c-card__body">
<ak-object-changelog <ak-object-changelog
@ -144,7 +144,7 @@ export class OAuthSourceViewPage extends LitElement {
</div> </div>
</div> </div>
</section> </section>
<div slot="page-3" data-tab-title="${t`Policy Bindings`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <div slot="page-policy-binding" data-tab-title="${t`Policy Bindings`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-c-card"> <div class="pf-c-card">
<div class="pf-c-card__title">${t`These policies control which users can access this source.`}</div> <div class="pf-c-card__title">${t`These policies control which users can access this source.`}</div>
<div class="pf-c-card__body"> <div class="pf-c-card__body">

8
web/src/pages/sources/saml/SAMLSourceViewPage.ts
View file

@ -59,7 +59,7 @@ export class SAMLSourceViewPage extends LitElement {
return html``; return html``;
} }
return html`<ak-tabs> return html`<ak-tabs>
<section slot="page-1" data-tab-title="${t`Overview`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <section slot="page-overview" data-tab-title="${t`Overview`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-u-display-flex pf-u-justify-content-center"> <div class="pf-u-display-flex pf-u-justify-content-center">
<div class="pf-u-w-75"> <div class="pf-u-w-75">
<div class="pf-c-card"> <div class="pf-c-card">
@ -120,7 +120,7 @@ export class SAMLSourceViewPage extends LitElement {
</div> </div>
</div> </div>
</section> </section>
<section slot="page-2" data-tab-title="${t`Changelog`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <section slot="page-changelog" data-tab-title="${t`Changelog`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-c-card"> <div class="pf-c-card">
<div class="pf-c-card__body"> <div class="pf-c-card__body">
<ak-object-changelog <ak-object-changelog
@ -131,7 +131,7 @@ export class SAMLSourceViewPage extends LitElement {
</div> </div>
</div> </div>
</section> </section>
<section slot="page-3" data-tab-title="${t`Metadata`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <section slot="page-metadata" data-tab-title="${t`Metadata`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-u-display-flex pf-u-justify-content-center"> <div class="pf-u-display-flex pf-u-justify-content-center">
<div class="pf-u-w-75"> <div class="pf-u-w-75">
<div class="pf-c-card"> <div class="pf-c-card">
@ -152,7 +152,7 @@ export class SAMLSourceViewPage extends LitElement {
</div> </div>
</div> </div>
</section> </section>
<div slot="page-4" data-tab-title="${t`Policy Bindings`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <div slot="page-policy-bindings" data-tab-title="${t`Policy Bindings`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-c-card"> <div class="pf-c-card">
<div class="pf-c-card__title">${t`These policies control which users can access this source.`}</div> <div class="pf-c-card__title">${t`These policies control which users can access this source.`}</div>
<div class="pf-c-card__body"> <div class="pf-c-card__body">

4
web/src/pages/user-settings/UserSettingsPage.ts
View file

@ -72,10 +72,10 @@ export class UserSettingsPage extends LitElement {
description=${t`Configure settings relevant to your user profile.`}> description=${t`Configure settings relevant to your user profile.`}>
</ak-page-header> </ak-page-header>
<ak-tabs ?vertical="${true}" style="height: 100%;"> <ak-tabs ?vertical="${true}" style="height: 100%;">
<section slot="page-1" data-tab-title="${t`User details`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <section slot="page-details" data-tab-title="${t`User details`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<ak-user-details></ak-user-details> <ak-user-details></ak-user-details>
</section> </section>
<section slot="page-2" data-tab-title="${t`Tokens`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <section slot="page-tokens" data-tab-title="${t`Tokens`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<ak-user-token-list></ak-user-token-list> <ak-user-token-list></ak-user-token-list>
</section> </section>
${until(new StagesApi(DEFAULT_CONFIG).stagesAllUserSettings().then((stages) => { ${until(new StagesApi(DEFAULT_CONFIG).stagesAllUserSettings().then((stages) => {

10
web/src/pages/users/UserViewPage.ts
View file

@ -73,7 +73,7 @@ export class UserViewPage extends LitElement {
return html``; return html``;
} }
return html`<ak-tabs> return html`<ak-tabs>
<section slot="page-1" data-tab-title="${t`Overview`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <section slot="page-overview" data-tab-title="${t`Overview`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-l-gallery pf-m-gutter"> <div class="pf-l-gallery pf-m-gutter">
<div class="pf-c-card pf-l-gallery__item pf-m-4-col"> <div class="pf-c-card pf-l-gallery__item pf-m-4-col">
<div class="pf-c-card__title"> <div class="pf-c-card__title">
@ -175,7 +175,7 @@ export class UserViewPage extends LitElement {
</div> </div>
</div> </div>
</section> </section>
<section slot="page-2" data-tab-title="${t`Changelog`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <section slot="page-changelog" data-tab-title="${t`Changelog`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-c-card"> <div class="pf-c-card">
<div class="pf-c-card__body"> <div class="pf-c-card__body">
<ak-object-changelog <ak-object-changelog
@ -186,7 +186,7 @@ export class UserViewPage extends LitElement {
</div> </div>
</div> </div>
</section> </section>
<section slot="page-3" data-tab-title="${t`Explicit Consent`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <section slot="page-consent" data-tab-title="${t`Explicit Consent`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-c-card"> <div class="pf-c-card">
<div class="pf-c-card__body"> <div class="pf-c-card__body">
<ak-user-consent-list .userId="${(this.user.pk || 0).toString()}"> <ak-user-consent-list .userId="${(this.user.pk || 0).toString()}">
@ -194,7 +194,7 @@ export class UserViewPage extends LitElement {
</div> </div>
</div> </div>
</section> </section>
<section slot="page-4" data-tab-title="${t`OAuth Authorization Codes`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <section slot="page-oauth-code" data-tab-title="${t`OAuth Authorization Codes`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-c-card"> <div class="pf-c-card">
<div class="pf-c-card__body"> <div class="pf-c-card__body">
<ak-user-oauth-code-list .userId="${(this.user.pk || 0).toString()}"> <ak-user-oauth-code-list .userId="${(this.user.pk || 0).toString()}">
@ -202,7 +202,7 @@ export class UserViewPage extends LitElement {
</div> </div>
</div> </div>
</section> </section>
<section slot="page-5" data-tab-title="${t`OAuth Refresh Codes`}" class="pf-c-page__main-section pf-m-no-padding-mobile"> <section slot="page-oauth-refresh" data-tab-title="${t`OAuth Refresh Codes`}" class="pf-c-page__main-section pf-m-no-padding-mobile">
<div class="pf-c-card"> <div class="pf-c-card">
<div class="pf-c-card__body"> <div class="pf-c-card__body">
<ak-user-oauth-refresh-list .userId="${(this.user.pk || 0).toString()}"> <ak-user-oauth-refresh-list .userId="${(this.user.pk || 0).toString()}">