feat(console): user memberships, generic member create dialog, fix user autocomplete emitter (#606)

* load manager mgmtservice, user service

* add org memberships

* membership component, generic member creation

* refactor member create dialog

* project autocomplete context

* create batch managers in user component

* project context wrapper

* emit on user removal, preselect user on init

* membership avatar style, service

* auth user memberships, navigate to target

* cursor fix, avatar gen

* lint

* i18n fix

* remove role translations

* membership detail page, i18n

* fix role label i18n, after view init loader

* remove projectid from grant remove

* fix iam race condition

* refresh table ts, fix no permission project search

* change membership colors

* refresh table everywhere, replace assets, routing

* fix logo header size

* lint, fix project grant removal

* timestmp for p mem, user list, grants, p list (#615)

* npm audit

* update deps, resolve vulnerability

* fix tslint config

* update lock

* load 20 changes at once

* 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]>

* membership i18n

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

console/src/app/modules/refresh-table/refresh-table.component.html

@@ -1,5 +1,7 @@
 <div class="table-header-row">
     <div class="col">
+        <span class="desc"
+            *ngIf="timestamp">{{timestamp | timestampToDate | localizedDate: 'EEE dd. MMM, HH:mm'}}</span>
         <ng-container *ngIf="!selection.hasValue()">
             <span class="desc">{{'ORG_DETAIL.TABLE.TOTAL' | translate}}</span>
             <span class="count">{{dataSize}}</span>

console/src/app/modules/refresh-table/refresh-table.component.ts

@@ -1,6 +1,7 @@
 import { animate, animation, keyframes, style, transition, trigger, useAnimation } from '@angular/animations';
 import { SelectionModel } from '@angular/cdk/collections';
 import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { Timestamp } from 'google-protobuf/google/protobuf/timestamp_pb';
 
 const rotate = animation([
     animate(
@@ -27,6 +28,7 @@ const rotate = animation([
 })
 export class RefreshTableComponent implements OnInit {
     @Input() public selection: SelectionModel<any> = new SelectionModel<any>(true, []);
+    @Input() public timestamp!: Timestamp.AsObject;
     @Input() public dataSize: number = 0;
     @Input() public emitRefreshAfterTimeoutInMs: number = 0;
     @Input() public loading: boolean = false;

console/src/app/modules/refresh-table/refresh-table.module.ts

@@ -6,6 +6,8 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { TranslateModule } from '@ngx-translate/core';
+import { LocalizedDatePipeModule } from 'src/app/pipes/localized-date-pipe.module';
+import { TimestampToDatePipeModule } from 'src/app/pipes/timestamp-to-date-pipe.module';
 
 import { RefreshTableComponent } from './refresh-table.component';
 
@@ -21,6 +23,8 @@ import { RefreshTableComponent } from './refresh-table.component';
         FormsModule,
         MatTooltipModule,
         MatProgressSpinnerModule,
+        TimestampToDatePipeModule,
+        LocalizedDatePipeModule,
     ],
     exports: [
         RefreshTableComponent,