feat: console flat navigation, settings (#3581)

* instance routing

* instance naming

* org list

* rm isonsystem

* breadcrumb  type

* routing

* instance members

* fragment refresh org

* settings pages

* settings list, sidenav grouping, i18n

* org-settings, policy changes

* lint

* grid

* rename grid

* fallback to general

* cleanup

* general settings, remove cards

* sidenav for settings, label policy

* i18n

* header, nav backbuild

* general, project nav rehaul

* login text background adapt

* org nav anim

* org, instance settings, fix policy layout, roles

* i18n, active route for project

* lint
This commit is contained in:
Max Peintner
2022-05-09 15:01:36 +02:00
committed by GitHub
parent 94e420bb24
commit 06e3330d2e
188 changed files with 4046 additions and 3639 deletions
@@ -17,19 +17,6 @@
<span class="u-name">{{ user.human?.profile?.displayName ? user.human?.profile?.displayName : 'A' }}</span>
<span class="u-email" *ngIf="user.preferredLoginName">{{ user.preferredLoginName }}</span>
<a [routerLink]="['/system']" class="iamuser" *ngIf="iamuser" (click)="close()">
<span class="label">{{ 'MENU.INSTANCE' | translate }}</span>
<a class="iambtn">
<i class="las la-cog"></i>
</a>
</a>
<a [routerLink]="['/org']" class="iamuser" *ngIf="isOnSystem" (click)="close()">
<span class="label">{{ 'MENU.ORGANIZATION' | translate }}</span>
<a class="iambtn">
<i class="las la-cog"></i>
</a>
</a>
<button (click)="editUserProfile()" mat-stroked-button>{{ 'USER.EDITACCOUNT' | translate }}</button>
<div class="l-accounts">
@@ -50,40 +50,6 @@
margin-top: 0;
}
.iamuser {
position: absolute;
border-radius: 50vw;
right: 1rem;
top: 1rem;
font-size: 12px;
line-height: 12px;
font-weight: 600;
background-color: $primary-color;
color: mat.get-color-from-palette($primary, default-contrast);
flex-direction: row;
align-items: center;
text-decoration: none;
padding: 0 4px;
display: none;
.label {
margin: 0.5rem 1rem;
}
.iambtn {
margin: 0 0 0 4px;
color: mat.get-color-from-palette($primary, default-contrast);
}
@media only screen and (max-width: 600px) {
display: flex;
.label {
margin: 0.5rem 0 0.5rem 0.5rem;
}
}
}
button {
border-radius: 50vh;
margin: 0.5rem;
@@ -78,11 +78,4 @@ export class AccountsCardComponent implements OnInit {
this.authService.signout();
this.closedCard.emit();
}
public get isOnSystem(): boolean {
return (
['/system', '/views', '/failed-events', '/system/members'].includes(this.router.url) ||
new RegExp('/system/policy/*').test(this.router.url)
);
}
}