From e31a1c4a8e25dbcc12348e210cee3c292547b90d Mon Sep 17 00:00:00 2001
From: guochuyicmri <guochuyi@chinamobile.com>
Date: Thu, 9 May 2019 16:32:36 +0800
Subject: [PATCH] Service instance lifecycle management

Change-Id: Ifd0768dae0d13a8daca99c488323ef1e5751020a
Issue-ID: USECASEUI-218
Signed-off-by: guochuyicmri <guochuyi@chinamobile.com>
---
 .../onboard-vnf-vm/onboard-vnf-vm.component.ts     |   3 +-
 usecaseui-portal/src/assets/i18n/en.json           |  16 +++++++
 usecaseui-portal/src/assets/i18n/zh.json           |  15 +++++++
 .../src/assets/images/execute-faild.png            | Bin 0 -> 1620 bytes
 .../src/assets/images/execute-inproess.png         | Bin 0 -> 2005 bytes
 .../src/assets/images/execute-success.png          | Bin 0 -> 1557 bytes
 .../src/assets/images/notificationmodel.png        | Bin 0 -> 3340 bytes
 usecaseui-portal/src/styles.less                   |  46 +++++++++++++++++++++
 8 files changed, 78 insertions(+), 2 deletions(-)
 create mode 100644 usecaseui-portal/src/assets/images/execute-faild.png
 create mode 100644 usecaseui-portal/src/assets/images/execute-inproess.png
 create mode 100644 usecaseui-portal/src/assets/images/execute-success.png
 create mode 100644 usecaseui-portal/src/assets/images/notificationmodel.png

diff --git a/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.ts b/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.ts
index 75d39eb5..97299073 100644
--- a/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.ts
+++ b/usecaseui-portal/src/app/services/onboard-vnf-vm/onboard-vnf-vm.component.ts
@@ -272,8 +272,7 @@ export class OnboardVnfVmComponent implements OnInit {
     this.fileListNS = [];
     this.fileListVNF = [];
     this.fileListPNF = [];
-    this.http
-      .request(req)
+    this.http.request(req)
       .pipe(filter(e => e instanceof HttpResponse))
       .subscribe(
         (event: {}) => {
diff --git a/usecaseui-portal/src/assets/i18n/en.json b/usecaseui-portal/src/assets/i18n/en.json
index fffaf6ec..b3b90e51 100644
--- a/usecaseui-portal/src/assets/i18n/en.json
+++ b/usecaseui-portal/src/assets/i18n/en.json
@@ -69,6 +69,22 @@
   "i18nTextDefine_cause":"cause",
   "i18nTextDefine_action":"action",
   "i18nTextDefine_actionvminfo":"actionvminfo",
+  "i18nTextDefine_InstanceCreationStarting":"instance creation is starting.",
+  "i18nTextDefine_InstanceCreatedSuccessfully":"instance was created successfully.",
+  "i18nTextDefine_InstanceCreationFailed":"instance creation failed!!!",
+  "i18nTextDefine_InstanceTeminationStarting":"instance temination is starting.",
+  "i18nTextDefine_InstanceTeminatedSuccessfully":"instance was teminated successfully.",
+  "i18nTextDefine_InstanceTeminationFailed":" instance temination failed!!!",
+  "i18nTextDefine_InstanceScaleStarting":"instance scale is starting.",
+  "i18nTextDefine_InstanceScaledSuccessfully":"instance was scaled successfully.",
+  "i18nTextDefine_InstanceScaleFailed":"instance scale failed!!!",
+  "i18nTextDefine_InstanceHealingStarting":" instance healing is starting.",
+  "i18nTextDefine_InstanceHealedSuccessfully":"instance was healed successfully.",
+  "i18nTextDefine_InstanceHealingFailed":"instance healing failed!!!",
+  "i18nTextDefine_InstanceUpdateStarting":"instance update is starting.",
+  "i18nTextDefine_InstanceUpdatedSuccessfully":"instance was updated successfully.",
+  "i18nTextDefine_InstanceUpdateFailed":"instance update failed!!!",
+
 
   "ccvpn-creation-component":"--:",
   "i18nTextDefine_InstanceCreation":"Instance Creation",
diff --git a/usecaseui-portal/src/assets/i18n/zh.json b/usecaseui-portal/src/assets/i18n/zh.json
index 2743f8e3..208c932a 100644
--- a/usecaseui-portal/src/assets/i18n/zh.json
+++ b/usecaseui-portal/src/assets/i18n/zh.json
@@ -69,6 +69,21 @@
   "i18nTextDefine_cause":"原因",
   "i18nTextDefine_action":"动作",
   "i18nTextDefine_actionvminfo":"操作虚拟机信息",
+  "i18nTextDefine_InstanceCreationStarting":"创建开始",
+  "i18nTextDefine_InstanceCreatedSuccessfully":"创建成功",
+  "i18nTextDefine_InstanceCreationFailed":"创建失败！",
+  "i18nTextDefine_InstanceTeminationStarting":"删除开始",
+  "i18nTextDefine_InstanceTeminatedSuccessfully":"删除成功",
+  "i18nTextDefine_InstanceTeminationFailed":" 删除失败",
+  "i18nTextDefine_InstanceScaleStarting":"缩扩容开始",
+  "i18nTextDefine_InstanceScaledSuccessfully":"缩扩容成功",
+  "i18nTextDefine_InstanceScaleFailed":"缩扩容失败",
+  "i18nTextDefine_InstanceHealingStarting":"自愈开始",
+  "i18nTextDefine_InstanceHealedSuccessfully":"自愈成功",
+  "i18nTextDefine_InstanceHealingFailed":"自愈失败",
+  "i18nTextDefine_InstanceUpdateStarting":"更新开始",
+  "i18nTextDefine_InstanceUpdatedSuccessfully":"更新成功",
+  "i18nTextDefine_InstanceUpdateFailed":"更新失败",
 
   "ccvpn-creation-component":"--:",
   "i18nTextDefine_InstanceCreation":"实例创建",
diff --git a/usecaseui-portal/src/assets/images/execute-faild.png b/usecaseui-portal/src/assets/images/execute-faild.png
new file mode 100644
index 0000000000000000000000000000000000000000..91ab52fe65b0968970d90d828e1b5f369dfd8df6
GIT binary patch
literal 1620
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
S0(qnW0000<MNUMnLSTZ3oB1LD

literal 0
HcmV?d00001

diff --git a/usecaseui-portal/src/assets/images/execute-inproess.png b/usecaseui-portal/src/assets/images/execute-inproess.png
new file mode 100644
index 0000000000000000000000000000000000000000..6a1beb3b339dabbcac01ac0e8d733f09dc2b556d
GIT binary patch
literal 2005
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

literal 0
HcmV?d00001

diff --git a/usecaseui-portal/src/assets/images/execute-success.png b/usecaseui-portal/src/assets/images/execute-success.png
new file mode 100644
index 0000000000000000000000000000000000000000..36d67efda957905c7937372f63eff81f06de3718
GIT binary patch
literal 1557
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
Hu0mjf;KAt0

literal 0
HcmV?d00001

diff --git a/usecaseui-portal/src/assets/images/notificationmodel.png b/usecaseui-portal/src/assets/images/notificationmodel.png
new file mode 100644
index 0000000000000000000000000000000000000000..315ed2110f4e0ee362991b074d01130ba246ad78
GIT binary patch
literal 3340
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

literal 0
HcmV?d00001

diff --git a/usecaseui-portal/src/styles.less b/usecaseui-portal/src/styles.less
index 487d06d5..6bc9652c 100644
--- a/usecaseui-portal/src/styles.less
+++ b/usecaseui-portal/src/styles.less
@@ -723,4 +723,50 @@ nz-modal .healModel.ant-modal {
 nz-modal .scaleModel.ant-modal {
   height: 628px !important;
   overflow: auto;
+}
+
+//2019.05.09 add notification model
+nz-notification-container .ant-notification{
+  width: 592px!important;
+  max-width: 592px!important;
+  background-image: url("assets/images/notificationmodel.png");
+  background-repeat:  no-repeat;
+  opacity: 0.8;
+  nz-notification{
+    width: 100%!important;
+    opacity: 1!important;
+    color: #ffffff;
+    .ant-notification-notice{
+      width: 100%!important;
+      height: 140px !important;
+      background: rgba(255,255,255,0);
+      opacity: 1!important;
+      color: #ffffff;
+      .ant-notification-notice-content{
+        .ant-notification-notice-icon{}
+        .ant-notification-notice-message{
+          margin-left: 88px;
+          font-size: 18px;
+          color: #ffffff;
+          font-weight: 500;
+        }
+        .ant-notification-notice-description{
+          margin-left: 88px;
+          .notificationlist{
+            height: 25px;
+            line-height: 25px;
+            margin-bottom: 5px;
+            p,span{
+              display: inline-block;
+              margin-bottom: 0!important;
+              margin-right: 6px;
+            }
+            span{
+              color: #D9DEF1;
+            }
+          }
+        }
+      }
+    }
+  }
 }
\ No newline at end of file
-- 
2.16.6