feat: change the project structure and add mock data function

Change-Id: I381845bff5eb37d1fab3eba8cf1ae7838df523b7
Issue-ID: USECASEUI-307
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>

1 files changed, 39 insertions, 0 deletions

diff --git a/usecaseui-portal/src/app/views/management/management.component.html b/usecaseui-portal/src/app/views/management/management.component.html
new file mode 100644
index 00000000..c96f0253
--- /dev/null
+++ b/usecaseui-portal/src/app/views/management/management.component.html
@@ -0,0 +1,39 @@
+<!--
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+-->
+<div class="content" style="padding: 20px 20px;height: 100vh">
+  <div class="management" *ngIf="nocuster">
+    <div class="title">
+      <p> {{"i18nTextDefine_Create_initial_customer" | translate}} </p>
+      <span> {{"i18nTextDefine_Customer_not_in_ONAP" | translate}} </span>
+      <span> {{"i18nTextDefine_CreateCustomer" | translate}} </span>
+      <img src="../../../assets/images/customer01.png" alt="">
+      <input nz-input placeholder=" {{'i18nTextDefine_Input_customerName' | translate}} " nzSize="large"
+        style="height: 50px" [(ngModel)]="firstCustomer">
+      <div class="action">
+        <button nz-button nzType="primary" class="cancel" (click)="clearCustomerInput()">
+          {{"i18nTextDefine_Cancel" | translate}} </button>
+        <button nz-button nzType="primary" class="add" (click)="createNewCustomer(firstCustomer)">
+          {{"i18nTextDefine_Add" | translate}} </button>
+      </div>
+    </div>
+    <div class="image">
+      <img src="../../../assets/images/customer02.png" alt="">
+    </div>
+  </div>
+  <div *ngIf="!nocuster" style="height: 100%">
+    <app-customer></app-customer>
+  </div>
+</div>
\ No newline at end of file