fix(console): add resource id to meta layout, error highlighting formfield label, missing tooltips, cleanup app detail (#1025)

* add resource id to meta layout, tooltips

* input label disable prop, app detail info

* lint

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

@@ -0,0 +1,6 @@
+<div class="info-section-row">
+    <i class="icon las la-info"></i>
+    <div class="info-section-content">
+        <ng-content></ng-content>
+    </div>
+</div>

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

@@ -0,0 +1,30 @@
+@import '~@angular/material/theming';
+
+@mixin info-section-theme($theme) {
+  $primary: map-get($theme, primary);
+  $primary-color: mat-color($primary, 500);
+  $is-dark-theme: map-get($theme, is-dark);
+
+  .info-section-row {
+    display: flex;
+    background-color: if($is-dark-theme, #ffffff13, #f3f3f3);
+    border-radius: 4px;
+    padding: .5rem 0;
+    padding-right: 1rem;
+    color: if($is-dark-theme, #d6d6d6, #3c4257);
+    font-size: 14px;
+
+    .icon {
+      margin-right: 1rem;
+      height: 1.2rem;
+      line-height: 1.2rem;
+      font-size: 1.2rem;
+      margin-left: .5rem;
+      color: $primary-color;
+    }
+
+    .info-section-content {
+      flex: 1;
+    }
+  }
+}

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

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { InfoSectionComponent } from './info-section.component';
+
+describe('InfoSectionComponent', () => {
+    let component: InfoSectionComponent;
+    let fixture: ComponentFixture<InfoSectionComponent>;
+
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
+            declarations: [InfoSectionComponent],
+        })
+            .compileComponents();
+    });
+
+    beforeEach(() => {
+        fixture = TestBed.createComponent(InfoSectionComponent);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+
+    it('should create', () => {
+        expect(component).toBeTruthy();
+    });
+});

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

@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+
+@Component({
+    selector: 'cnsl-info-section',
+    templateUrl: './info-section.component.html',
+    styleUrls: ['./info-section.component.scss'],
+})
+export class InfoSectionComponent { }

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

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