feat(console): pinned org list, project grant detail view, state change, i18n, domain dialog, policy refactor, theme fixes, refactor user and projects (#449)

* pinned organisations * project grant detail, state update, user-list pad * rm entry components * members nav, i18n, disable actions on non active * add org domain dialog * mv password policy rm to detail view * prefix pinned orgs for userid, fix collapsed pad * fix app back navigation * rem pwd required validator * fix org item overflow * routing * move users modules to users page * reorganize projects * remove child init of translate * hide same preferred loginname
2026-10-23 16:02:14 +00:00 · 2020-07-13 13:38:49 +02:00
parent d8eef34a37
commit b628baeb1a
193 changed files with 967 additions and 500 deletions
@@ -0,0 +1,141 @@
+import { Component, OnDestroy } from '@angular/core';
+import { AbstractControl, FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { Router } from '@angular/router';
+import { Subscription } from 'rxjs';
+import { CreateUserRequest, Gender, User } from 'src/app/proto/generated/management_pb';
+import { MgmtUserService } from 'src/app/services/mgmt-user.service';
+import { OrgService } from 'src/app/services/org.service';
+import { ToastService } from 'src/app/services/toast.service';
+
+function noEmailValidator(c: AbstractControl): any {
+    const EMAIL_REGEXP: RegExp = /^((?!@).)*$/gm;
+    if (!c.parent || !c) {
+        return;
+    }
+    const username = c.parent.get('userName');
+
+    if (!username) {
+        return;
+    }
+
+    return EMAIL_REGEXP.test(username.value) ? null : {
+        noEmailValidator: {
+            valid: false,
+        },
+    };
+}
+
+@Component({
+    selector: 'app-user-create',
+    templateUrl: './user-create.component.html',
+    styleUrls: ['./user-create.component.scss'],
+})
+export class UserCreateComponent implements OnDestroy {
+    public user: CreateUserRequest.AsObject = new CreateUserRequest().toObject();
+    public genders: Gender[] = [Gender.GENDER_FEMALE, Gender.GENDER_MALE, Gender.GENDER_UNSPECIFIED];
+    public languages: string[] = ['de', 'en'];
+    public userForm!: FormGroup;
+
+    private sub: Subscription = new Subscription();
+
+    public userLoginMustBeDomain: boolean = false;
+
+    constructor(
+        private router: Router,
+        private toast: ToastService,
+        public userService: MgmtUserService,
+        private fb: FormBuilder,
+        private orgService: OrgService,
+    ) {
+        this.orgService.GetMyOrgIamPolicy().then((iampolicy) => {
+            this.userLoginMustBeDomain = iampolicy.toObject().userLoginMustBeDomain;
+            this.initForm();
+        }).catch(error => {
+            console.error(error);
+            this.initForm();
+        });
+    }
+
+    private initForm(): void {
+        this.userForm = this.fb.group({
+            email: ['', [Validators.required, Validators.email]],
+            userName: ['',
+                [
+                    Validators.required,
+                    Validators.minLength(2),
+                    this.userLoginMustBeDomain ? noEmailValidator : Validators.email,
+                ],
+            ],
+            firstName: ['', Validators.required],
+            lastName: ['', Validators.required],
+            nickName: [''],
+            gender: [Gender.GENDER_UNSPECIFIED],
+            preferredLanguage: [''],
+            phone: [''],
+            streetAddress: [''],
+            postalCode: [''],
+            locality: [''],
+            region: [''],
+            country: [''],
+        });
+    }
+
+    public createUser(): void {
+        this.user = this.userForm.value;
+
+        this.userService
+            .CreateUser(this.user)
+            .then((data: User) => {
+                this.toast.showInfo('USER.TOAST.CREATED', true);
+                this.router.navigate(['users', data.getId()]);
+            })
+            .catch(data => {
+                this.toast.showError(data.message);
+            });
+    }
+
+    ngOnDestroy(): void {
+
+        this.sub.unsubscribe();
+    }
+
+    public get email(): AbstractControl | null {
+        return this.userForm.get('email');
+    }
+    public get userName(): AbstractControl | null {
+        return this.userForm.get('userName');
+    }
+    public get firstName(): AbstractControl | null {
+        return this.userForm.get('firstName');
+    }
+    public get lastName(): AbstractControl | null {
+        return this.userForm.get('lastName');
+    }
+    public get nickName(): AbstractControl | null {
+        return this.userForm.get('nickName');
+    }
+    public get gender(): AbstractControl | null {
+        return this.userForm.get('gender');
+    }
+    public get preferredLanguage(): AbstractControl | null {
+        return this.userForm.get('preferredLanguage');
+    }
+    public get phone(): AbstractControl | null {
+        return this.userForm.get('phone');
+    }
+    public get streetAddress(): AbstractControl | null {
+        return this.userForm.get('streetAddress');
+    }
+    public get postalCode(): AbstractControl | null {
+        return this.userForm.get('postalCode');
+    }
+    public get locality(): AbstractControl | null {
+        return this.userForm.get('locality');
+    }
+    public get region(): AbstractControl | null {
+        return this.userForm.get('region');
+    }
+    public get country(): AbstractControl | null {
+        return this.userForm.get('country');
+    }
+}