feat(console): add stylelint scss, app redirecturi validation, user grant api change (#531)

* add custom validator for redirect inputs * change http pattern, i18n * throw out deprecated usergrant functions * remove deprecation service * show docs in app detail * reorder data promises * show redirect desc in app detail * custom validator * grant search filters * rm animations * add validation to app detail * user grant udpate * rm grantid from update req * fix project member guard * fix hasrole directive * show validation errors, i18n * fix router link from org members * navitem padding * mobile layout * policy grid mobile layout * rm unused background * lint * add stylelinter add to pipeline * update stylelint rules * lint unknown rule * disable enable rules * lint * table style lint * table classes * fix stylelinter rule, lint * overflow fix member detail * common detail page * user create, password, project grant detail clnup * move meta styles * lint * password policy indicator * lint * fix org create * common component for complexity view * lint * user grant filter * Update console/src/assets/i18n/en.json Co-authored-by: Florian Forster <[email protected]> * Update console/src/assets/i18n/en.json Co-authored-by: Florian Forster <[email protected]> * Update console/src/assets/i18n/de.json Co-authored-by: Florian Forster <[email protected]> * Update console/src/assets/i18n/de.json Co-authored-by: Florian Forster <[email protected]> * Update console/src/assets/i18n/en.json Co-authored-by: Florian Forster <[email protected]> Co-authored-by: Florian Forster <[email protected]>
2026-11-14 09:55:12 +00:00 · 2020-07-30 16:54:15 +02:00
parent 8d1725a81d
commit 22ba33c2ef
154 changed files with 6778 additions and 6156 deletions
@@ -0,0 +1,14 @@
+<div class="max-width-container detail-container">
+    <div class="detail-left">
+        <a *ngIf="backRouterLink" [routerLink]="backRouterLink" mat-icon-button>
+            <mat-icon class="icon">arrow_back</mat-icon>
+        </a>
+    </div>
+    <div class="detail-right">
+        <div class="head">
+            <h1>{{ title }}</h1>
+            <p class="desc">{{ description }}</p>
+            <ng-content></ng-content>
+        </div>
+    </div>
+</div>
@@ -0,0 +1,58 @@
+@import '~@angular/material/theming';
+
+@mixin detail-layout-theme($theme) {
+  /* stylelint-disable */
+  $primary: map-get($theme, primary);
+  $primary-color: mat-color($primary, 500);
+  $primary-dark: mat-color($primary, A800);
+  /* stylelint-enable */
+
+  $lighter-color: rgba(mat-color($primary, 300), .5);
+
+  .detail-container {
+    display: flex;
+    padding-bottom: 3rem;
+    padding-top: 3rem;
+
+    .detail-left {
+      width: 100px;
+      display: flex;
+      padding: 1rem;
+      padding-top: 0;
+      justify-content: center;
+
+      a {
+        margin-top: 13px;
+        color: inherit;
+      }
+    }
+
+    .detail-right {
+      flex: 1;
+      position: relative;
+      padding-left: 1rem;
+
+      @media only screen and (max-width: 500px) {
+        flex-basis: 100%;
+      }
+
+      .head {
+        display: flex;
+        align-items: center;
+        margin-bottom: 2rem;
+        flex-wrap: wrap;
+
+        h1 {
+          font-size: 1.2rem;
+        }
+
+        .desc {
+          width: 100%;
+          display: block;
+          font-size: .9rem;
+          color: #8795a1;
+        }
+      }
+    }
+  }
+}
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DetailLayoutComponent } from './detail-layout.component';
+
+describe('DetailLayoutComponent', () => {
+    let component: DetailLayoutComponent;
+    let fixture: ComponentFixture<DetailLayoutComponent>;
+
+    beforeEach(async(() => {
+        TestBed.configureTestingModule({
+            declarations: [DetailLayoutComponent],
+        })
+            .compileComponents();
+    }));
+
+    beforeEach(() => {
+        fixture = TestBed.createComponent(DetailLayoutComponent);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+
+    it('should create', () => {
+        expect(component).toBeTruthy();
+    });
+});
@@ -0,0 +1,13 @@
+import { Component, Input } from '@angular/core';
+import { RouterLink } from '@angular/router';
+
+@Component({
+    selector: 'app-detail-layout',
+    templateUrl: './detail-layout.component.html',
+    styleUrls: ['./detail-layout.component.scss'],
+})
+export class DetailLayoutComponent {
+    @Input() backRouterLink!: RouterLink;
+    @Input() title: string | null = '';
+    @Input() description: string | null = '';
+}
@@ -0,0 +1,21 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { MatIconModule } from '@angular/material/icon';
+import { RouterModule } from '@angular/router';
+
+import { DetailLayoutComponent } from './detail-layout.component';
+
+
+
+@NgModule({
+    declarations: [DetailLayoutComponent],
+    imports: [
+        CommonModule,
+        MatIconModule,
+        RouterModule,
+    ],
+    exports: [
+        DetailLayoutComponent,
+    ],
+})
+export class DetailLayoutModule { }