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/modules/info-section/info-section.component.html

@@ -5,4 +5,9 @@
     <div class="info-section-content">
         <ng-content></ng-content>
     </div>
+
+    <a class="action" *ngIf="featureLink" actions [routerLink]="featureLink">
+      <span>{{'ACTIONS.GOTOFEATURES' | translate}}</span>
+      <i class="las la-angle-right"></i>
+    </a>
 </div>

console/src/app/modules/info-section/info-section.component.scss

@@ -13,6 +13,7 @@
     padding: .5rem 0;
     padding-right: 1rem;
     font-size: 14px;
+    margin: .5rem 0;
 
     .icon {
       margin-right: 1rem;
@@ -20,10 +21,29 @@
       line-height: 1.2rem;
       font-size: 1.2rem;
       margin-left: .5rem;
+      padding: .25rem 0;
     }
 
     .info-section-content {
       flex: 1;
+      padding: .25rem 0;
+    }
+
+    .action {
+      font-size: 14px;
+      display: flex;
+      align-items: center;
+      text-decoration: none;
+      margin-left: .5rem;
+      border-radius: 50vw;
+      align-self: center;
+      padding: .25rem .5rem;
+      background: if($is-dark-theme, #00000030, #ffffff40);
+      font-weight: 600;
+
+      i {
+        font-size: 1.2rem;
+      }
     }
 
     &.info {

console/src/app/modules/info-section/info-section.component.ts

@@ -14,4 +14,5 @@ enum InfoSectionType {
 export class InfoSectionComponent {
 
   @Input() type: InfoSectionType = InfoSectionType.INFO;
+  @Input() featureLink: string = '';
 }

console/src/app/modules/info-section/info-section.module.ts

@@ -1,17 +1,21 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { TranslateModule } from '@ngx-translate/core';
 
 import { InfoSectionComponent } from './info-section.component';
 
 
 
 @NgModule({
-    declarations: [InfoSectionComponent],
-    imports: [
-        CommonModule,
-    ],
-    exports: [
-        InfoSectionComponent,
-    ],
+  declarations: [InfoSectionComponent],
+  imports: [
+    CommonModule,
+    TranslateModule,
+    RouterModule,
+  ],
+  exports: [
+    InfoSectionComponent,
+  ],
 })
 export class InfoSectionModule { }