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
2026-11-06 22:32:16 +00:00 · 2022-05-09 15:01:36 +02:00
parent 94e420bb24
commit 06e3330d2e
188 changed files with 4046 additions and 3639 deletions
@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+import { InstanceSettingsComponent } from './instance-settings.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: InstanceSettingsComponent,
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class InstanceSettingsRoutingModule {}
@@ -0,0 +1,16 @@
+<div class="max-width-container">
+  <div class="settings-top-view">
+    <div>
+      <div class="settings-title-row">
+        <h1>{{ 'SETTINGS.INSTANCE.TITLE' | translate }}</h1>
+      </div>
+      <p class="desc cnsl-secondary-text">{{ 'SETTINGS.INSTANCE.DESCRIPTION' | translate }}</p>
+    </div>
+    <span class="fill-space"></span>
+  </div>
+  <cnsl-settings-list
+    [selectedId]="id"
+    [serviceType]="PolicyComponentServiceType.ADMIN"
+    [settingsList]="settingsList"
+  ></cnsl-settings-list>
+</div>
@@ -0,0 +1,34 @@
+.settings-top-view {
+  display: flex;
+  align-items: center;
+  padding-top: 2rem;
+
+  .settings-title-row {
+    display: flex;
+    align-items: center;
+
+    h1 {
+      margin: 0;
+    }
+
+    a i {
+      font-size: 1.2rem;
+      height: 1.2rem;
+      line-height: 1.2rem;
+    }
+  }
+
+  .fill-space {
+    flex: 1;
+  }
+
+  .actions {
+    display: flex;
+    align-items: center;
+  }
+}
+
+.desc {
+  margin-bottom: 2rem;
+  font-size: 14px;
+}
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { InstanceSettingsComponent } from './instance-settings.component';
+
+describe('InstanceSettingsComponent', () => {
+  let component: InstanceSettingsComponent;
+  let fixture: ComponentFixture<InstanceSettingsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ InstanceSettingsComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(InstanceSettingsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
@@ -0,0 +1,60 @@
+import { Component } from '@angular/core';
+import { ActivatedRoute, Params } from '@angular/router';
+import { take } from 'rxjs';
+import { PolicyComponentServiceType } from 'src/app/modules/policies/policy-component-types.enum';
+import { SidenavSetting } from 'src/app/modules/sidenav/sidenav.component';
+import { Breadcrumb, BreadcrumbService, BreadcrumbType } from 'src/app/services/breadcrumb.service';
+
+import {
+    BRANDING,
+    COMPLEXITY,
+    GENERAL,
+    IDP,
+    LOCKOUT,
+    LOGIN,
+    LOGINTEXTS,
+    MESSAGETEXTS,
+    NOTIFICATIONPROVIDERS,
+    NOTIFICATIONS,
+    PRIVACYPOLICY,
+} from '../../modules/settings-list/settings';
+
+@Component({
+  selector: 'cnsl-instance-settings',
+  templateUrl: './instance-settings.component.html',
+  styleUrls: ['./instance-settings.component.scss'],
+})
+export class InstanceSettingsComponent {
+  public id: string = '';
+  public PolicyComponentServiceType: any = PolicyComponentServiceType;
+  public settingsList: SidenavSetting[] = [
+    GENERAL,
+    LOGIN,
+    COMPLEXITY,
+    LOCKOUT,
+    IDP,
+    NOTIFICATIONS,
+    NOTIFICATIONPROVIDERS,
+    BRANDING,
+    MESSAGETEXTS,
+    LOGINTEXTS,
+    PRIVACYPOLICY,
+  ];
+  constructor(breadcrumbService: BreadcrumbService, activatedRoute: ActivatedRoute) {
+    const breadcrumbs = [
+      new Breadcrumb({
+        type: BreadcrumbType.INSTANCE,
+        name: 'Instance',
+        routerLink: ['/instance'],
+      }),
+    ];
+    breadcrumbService.setBreadcrumb(breadcrumbs);
+
+    activatedRoute.queryParams.pipe(take(1)).subscribe((params: Params) => {
+      const { id } = params;
+      if (id) {
+        this.id = id;
+      }
+    });
+  }
+}
@@ -0,0 +1,14 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { TranslateModule } from '@ngx-translate/core';
+import { SettingsListModule } from 'src/app/modules/settings-list/settings-list.module';
+import { HasRolePipeModule } from 'src/app/pipes/has-role-pipe/has-role-pipe.module';
+
+import { InstanceSettingsRoutingModule } from './instance-settings-routing.module';
+import { InstanceSettingsComponent } from './instance-settings.component';
+
+@NgModule({
+  declarations: [InstanceSettingsComponent],
+  imports: [CommonModule, InstanceSettingsRoutingModule, SettingsListModule, HasRolePipeModule, TranslateModule],
+})
+export class InstanceSettingsModule {}