mirror of
https://github.com/andwati/zitadel.git
synced 2026-10-18 05:52:51 +00:00
f963ea9f86
This PR significantly improves user navigation by introducing a new instance-level navigation bar. This new bar, positioned above the existing organization navigation, provides quick access to key sections: Home, Organizations, Actions, and Settings. Additionally, the breadcrumb component has been refined for more consistent behavior, reintroducing intuitive breadcrumb buttons to easily navigate up the hierarchy. These changes also include design improvements for a cleaner and more streamlined appearance across the interface. <img width="423" height="138" alt="Screenshot 2025-07-17 at 14 55 46" src="https://github.com/user-attachments/assets/ba9e40a1-1077-4cb6-8735-ac7ab637abe7" /> <img width="562" height="132" alt="Screenshot 2025-07-17 at 14 56 41" src="https://github.com/user-attachments/assets/d85dc673-0df8-4677-9d2b-dc031dde42c3" /> <img width="545" height="254" alt="Screenshot 2025-07-17 at 14 56 10" src="https://github.com/user-attachments/assets/eaf10117-079e-4181-8dbb-60c89b24556a" /> <img width="689" height="261" alt="Screenshot 2025-07-17 at 14 56 20" src="https://github.com/user-attachments/assets/510ad550-1d9a-4c6a-8af1-66cb0b23619c" /> --------- Co-authored-by: conblem <[email protected]> Co-authored-by: Stefan Benz <[email protected]> Co-authored-by: Florian Forster <[email protected]>
74 lines
3.8 KiB
HTML
74 lines
3.8 KiB
HTML
<cnsl-sidenav [indented]="true" [setting]="setting()" (settingChange)="setting.set($event)" [settingsList]="settingsList">
|
|
<ng-container *ngIf="setting()?.id === 'features'">
|
|
<cnsl-features></cnsl-features>
|
|
</ng-container>
|
|
<ng-container *ngIf="setting()?.id === 'complexity'">
|
|
<cnsl-password-complexity-policy [serviceType]="serviceType"></cnsl-password-complexity-policy>
|
|
</ng-container>
|
|
<ng-container *ngIf="setting()?.id === 'age'">
|
|
<cnsl-password-age-policy [serviceType]="serviceType"></cnsl-password-age-policy>
|
|
</ng-container>
|
|
<ng-container *ngIf="setting()?.id === 'lockout'">
|
|
<cnsl-password-lockout-policy [serviceType]="serviceType"></cnsl-password-lockout-policy>
|
|
</ng-container>
|
|
<ng-container *ngIf="setting()?.id === 'login'">
|
|
<cnsl-login-policy [serviceType]="serviceType"></cnsl-login-policy>
|
|
</ng-container>
|
|
<ng-container *ngIf="setting()?.id === 'verified_domains'">
|
|
<cnsl-domains></cnsl-domains>
|
|
</ng-container>
|
|
<ng-container *ngIf="setting()?.id === 'domain' && (['iam.policy.write'] | hasRole | async) === true">
|
|
<cnsl-domain-policy [serviceType]="serviceType"></cnsl-domain-policy>
|
|
</ng-container>
|
|
<ng-container *ngIf="setting()?.id === 'idp'">
|
|
<cnsl-idp-settings [serviceType]="serviceType"></cnsl-idp-settings>
|
|
</ng-container>
|
|
<ng-container *ngIf="setting()?.id === 'notifications'">
|
|
<cnsl-notification-policy [serviceType]="serviceType"></cnsl-notification-policy>
|
|
</ng-container>
|
|
<ng-container *ngIf="setting()?.id === 'smtpprovider' && serviceType === PolicyComponentServiceType.ADMIN">
|
|
<cnsl-notification-smtp-provider [serviceType]="serviceType"></cnsl-notification-smtp-provider>
|
|
</ng-container>
|
|
<ng-container *ngIf="setting()?.id === 'smsprovider' && serviceType === PolicyComponentServiceType.ADMIN">
|
|
<cnsl-notification-sms-provider [serviceType]="serviceType"></cnsl-notification-sms-provider>
|
|
</ng-container>
|
|
<ng-container *ngIf="setting()?.id === 'oidc' && serviceType === PolicyComponentServiceType.ADMIN">
|
|
<cnsl-oidc-configuration></cnsl-oidc-configuration>
|
|
</ng-container>
|
|
<ng-container *ngIf="setting()?.id === 'webkeys' && serviceType === PolicyComponentServiceType.ADMIN">
|
|
<cnsl-oidc-webkeys />
|
|
</ng-container>
|
|
<ng-container *ngIf="setting()?.id === 'secrets' && serviceType === PolicyComponentServiceType.ADMIN">
|
|
<cnsl-secret-generator></cnsl-secret-generator>
|
|
</ng-container>
|
|
<ng-container *ngIf="setting()?.id === 'security' && serviceType === PolicyComponentServiceType.ADMIN">
|
|
<cnsl-security-policy></cnsl-security-policy>
|
|
</ng-container>
|
|
<ng-container *ngIf="setting()?.id === 'branding'">
|
|
<cnsl-private-labeling-policy [serviceType]="serviceType"></cnsl-private-labeling-policy>
|
|
</ng-container>
|
|
<ng-container *ngIf="setting()?.id === 'messagetexts'">
|
|
<cnsl-message-texts [serviceType]="serviceType"></cnsl-message-texts>
|
|
</ng-container>
|
|
<ng-container *ngIf="setting()?.id === 'logintexts'">
|
|
<cnsl-login-texts [serviceType]="serviceType"></cnsl-login-texts>
|
|
</ng-container>
|
|
<ng-container *ngIf="setting()?.id === 'privacypolicy'">
|
|
<cnsl-privacy-policy [serviceType]="serviceType"></cnsl-privacy-policy>
|
|
</ng-container>
|
|
<ng-container *ngIf="setting()?.id === 'languages' && serviceType === PolicyComponentServiceType.ADMIN">
|
|
<cnsl-language-settings></cnsl-language-settings>
|
|
</ng-container>
|
|
<ng-container *ngIf="setting()?.id === 'views' && serviceType === PolicyComponentServiceType.ADMIN">
|
|
<cnsl-iam-views></cnsl-iam-views>
|
|
</ng-container>
|
|
<ng-container *ngIf="setting()?.id === 'events' && serviceType === PolicyComponentServiceType.ADMIN">
|
|
<cnsl-events></cnsl-events>
|
|
</ng-container>
|
|
<ng-container *ngIf="setting()?.id === 'failedevents' && serviceType === PolicyComponentServiceType.ADMIN">
|
|
<cnsl-iam-failed-events></cnsl-iam-failed-events>
|
|
</ng-container>
|
|
|
|
<ng-content></ng-content>
|
|
</cnsl-sidenav>
|