fix(console): user create loading state and i18n, improved app create stepper, invalid token dialog, cleanup, new home (#509)

* fix iam member model

* fix org member model

* fix auth user loading

* copytoclipboard directive

* directive logs, load bar on init, create user

* typo

* welcome section, contributor spinner

* fix home link

* fix stepper flow

* show dialog on invalid token

* fix app table refresh, pin icons light theme

* cleanup contributor

* 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/de.json

Co-authored-by: Florian Forster <[email protected]>

Co-authored-by: Florian Forster <[email protected]>

console/src/app/pages/users/user-create/user-create.component.html

@@ -13,6 +13,8 @@
                 <p class="desc">{{ 'USER.CREATE.DESCRIPTION' | translate }}</p>
             </div>
 
+            <mat-progress-bar *ngIf="loading" color="accent" mode="indeterminate"></mat-progress-bar>
+
             <form *ngIf="userForm" [formGroup]="userForm" (ngSubmit)="createUser()" class="form">
                 <!-- <h2>{{ 'USER.PAGES.CREATE' | translate}}</h2> -->
                 <div class="content">

console/src/app/pages/users/user-create/user-create.component.ts

@@ -39,6 +39,7 @@ export class UserCreateComponent implements OnDestroy {
     private sub: Subscription = new Subscription();
 
     public userLoginMustBeDomain: boolean = false;
+    public loading: boolean = false;
 
     constructor(
         private router: Router,
@@ -47,12 +48,15 @@ export class UserCreateComponent implements OnDestroy {
         private fb: FormBuilder,
         private orgService: OrgService,
     ) {
+        this.loading = true;
         this.orgService.GetMyOrgIamPolicy().then((iampolicy) => {
             this.userLoginMustBeDomain = iampolicy.toObject().userLoginMustBeDomain;
             this.initForm();
+            this.loading = false;
         }).catch(error => {
             console.error(error);
             this.initForm();
+            this.loading = false;
         });
     }
 
@@ -83,13 +87,16 @@ export class UserCreateComponent implements OnDestroy {
     public createUser(): void {
         this.user = this.userForm.value;
 
+        this.loading = true;
         this.userService
             .CreateUser(this.user)
             .then((data: User) => {
+                this.loading = false;
                 this.toast.showInfo('USER.TOAST.CREATED', true);
                 this.router.navigate(['users', data.getId()]);
             })
             .catch(error => {
+                this.loading = false;
                 this.toast.showError(error);
             });
     }

console/src/app/pages/users/user-create/user-create.module.ts

@@ -6,6 +6,7 @@ import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatIconModule } from '@angular/material/icon';
 import { MatInputModule } from '@angular/material/input';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatSelectModule } from '@angular/material/select';
 import { MatTooltipModule } from '@angular/material/tooltip';
@@ -29,6 +30,7 @@ import { UserCreateComponent } from './user-create.component';
         MatButtonModule,
         MatIconModule,
         MatProgressSpinnerModule,
+        MatProgressBarModule,
         MatCheckboxModule,
         MatTooltipModule,
         TranslateModule,