add maas knowledge base, Knowledge Assistant, application and update link

Issue-ID: USECASEUI-844
Change-Id: I1dc2b4bc12f364d017b24b2752acfef63e27ad94
Signed-off-by: kaixiliu <liukaixi@chinamobile.com>

3 files changed, 62 insertions, 0 deletions

diff --git a/usecaseui-portal/src/app/shared/components/description-info/description-info.component.html b/usecaseui-portal/src/app/shared/components/description-info/description-info.component.html
new file mode 100644
index 00000000..9575dca1
--- /dev/null
+++ b/usecaseui-portal/src/app/shared/components/description-info/description-info.component.html
@@ -0,0 +1,20 @@
+<div *ngFor="let item of data" class="input-wrapper">
+    <div class="desc-label">
+        <nz-popover>
+            <div class="text-single-ellipsis text-label" nz-popover>
+                {{ item.label }}
+            </div>
+            <ng-template #nzTemplate>
+                {{ item.label }}
+            </ng-template>
+        </nz-popover>
+    </div>
+    <div class="desc-item">
+        <nz-popover>
+            <div class="text-single-ellipsis" nz-popover>{{ item.value }}</div>
+            <ng-template #nzTemplate>
+                {{ item.value }}
+            </ng-template>
+        </nz-popover>
+    </div>
+</div>
\ No newline at end of file
diff --git a/usecaseui-portal/src/app/shared/components/description-info/description-info.component.less b/usecaseui-portal/src/app/shared/components/description-info/description-info.component.less
new file mode 100644
index 00000000..51e22485
--- /dev/null
+++ b/usecaseui-portal/src/app/shared/components/description-info/description-info.component.less
@@ -0,0 +1,24 @@
+.input-wrapper {
+    display: flex;
+    margin: 20px 0;
+}
+
+.desc-label {
+    display: inline-block;
+    width: 30%;
+    margin-left: 8px;
+}
+.text-single-ellipsis {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    word-break: break-all;
+    white-space: nowrap;
+}
+.text-label::after {
+    content: ':'
+}
+
+.desc-item {
+    display: inline-block;
+    width: 70%;
+}
\ No newline at end of file
diff --git a/usecaseui-portal/src/app/shared/components/description-info/description-info.component.ts b/usecaseui-portal/src/app/shared/components/description-info/description-info.component.ts
new file mode 100644
index 00000000..26148dce
--- /dev/null
+++ b/usecaseui-portal/src/app/shared/components/description-info/description-info.component.ts
@@ -0,0 +1,18 @@
+import { Component, EventEmitter, Input, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-description-info',
+  templateUrl: './description-info.component.html',
+  styleUrls: ['./description-info.component.less']
+})
+export class DescriptionInfoComponent implements OnInit {
+
+  constructor(
+  ) { }
+  @Input() data: Array<any>;
+
+  ngOnInit() {
+    console.log('data is :', this.data)
+  }
+
+}
\ No newline at end of file