feat(console): user metadata, rehaul detail pages (#2209)

* service, sidenav, i18n, dialog

* detail layout, user detail

* metadata dialog from

* dialog

* features

* formarray

* metadata component

* comp

* user metadata refresh

* use formarray, control, bulk save

* metadata revert, has feature directive

* lint

* lint

* typo

* info row user, warn color optim

* card cleanup, actions for user detail

* project, org, user, app rehaul

* lint

* scss

* digit fix

* features and project grid rehaul

* info-section layout, org domain info

* readd palette scss

* add svg email warn

* missing translation

* rm unused ts

* lockoutpolicy

* check for lockout feature

console/src/app/directives/has-feature/has-feature.directive.ts

@@ -0,0 +1,30 @@
+import { Directive, Input, TemplateRef, ViewContainerRef } from '@angular/core';
+import { GrpcAuthService } from 'src/app/services/grpc-auth.service';
+
+
+@Directive({
+  selector: '[appHasFeature]',
+})
+
+export class HasFeatureDirective {
+  private hasView: boolean = false;
+  @Input() public set appHasFeature(features: string[] | RegExp[]) {
+    if (features && features.length > 0) {
+      this.authService.canUseFeature(features).subscribe(isAllowed => {
+        if (isAllowed && !this.hasView) {
+          this.viewContainerRef.clear();
+          this.viewContainerRef.createEmbeddedView(this.templateRef);
+        } else if (this.hasView) {
+          this.viewContainerRef.clear();
+          this.hasView = false;
+        }
+      });
+    }
+  }
+
+  constructor(
+    private authService: GrpcAuthService,
+    protected templateRef: TemplateRef<any>,
+    protected viewContainerRef: ViewContainerRef,
+  ) { }
+}

console/src/app/directives/has-feature/has-feature.module.ts

@@ -0,0 +1,19 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+
+import { HasFeatureDirective } from './has-feature.directive';
+
+
+
+@NgModule({
+  declarations: [
+    HasFeatureDirective,
+  ],
+  imports: [
+    CommonModule,
+  ],
+  exports: [
+    HasFeatureDirective,
+  ],
+})
+export class HasFeatureModule { }