From 3779f903d871165f93a202bb3c78fbd3dac0860e Mon Sep 17 00:00:00 2001
From: SVISHNEV <shlomo-stanisla.vishnevetskiy@amdocs.com>
Date: Wed, 30 Aug 2017 16:09:04 +0300
Subject: vsp submit message error fix

Change-Id: I4dd15d77d47a328f524895e2e0566a734095dd28
Issue-ID: SDC-263
Signed-off-by: SVISHNEV <shlomo-stanisla.vishnevetskiy@amdocs.com>
---
 openecomp-ui/package.json                                        | 2 +-
 openecomp-ui/resources/scss/components/_submitErrorResponse.scss | 8 ++++----
 openecomp-ui/src/nfvo-components/SubmitErrorResponse.jsx         | 9 ++++++---
 3 files changed, 11 insertions(+), 8 deletions(-)

(limited to 'openecomp-ui')

diff --git a/openecomp-ui/package.json b/openecomp-ui/package.json
index 5f7c76d8fc..82b5dea888 100644
--- a/openecomp-ui/package.json
+++ b/openecomp-ui/package.json
@@ -40,7 +40,7 @@
     "react-sortable": "^1.2.0",
     "redux": "^3.3.1",
     "restful-js": "^0.7.0",
-    "sdc-ui": "1.6.2",
+    "sdc-ui": "1.6.8",
     "uuid-js": "^0.7.5",
     "validator": "^4.3.0"
   },
diff --git a/openecomp-ui/resources/scss/components/_submitErrorResponse.scss b/openecomp-ui/resources/scss/components/_submitErrorResponse.scss
index f045038193..ac5dd278b0 100644
--- a/openecomp-ui/resources/scss/components/_submitErrorResponse.scss
+++ b/openecomp-ui/resources/scss/components/_submitErrorResponse.scss
@@ -1,4 +1,3 @@
-
 .submit-error-response-view {
   max-height: 500px;
   overflow: auto;
@@ -8,7 +7,6 @@
   .panel-title {
     a {
       &:after {
-
         content: "(details)";
         color: $link-blue;
         float: right;
@@ -37,14 +35,16 @@
               transform: rotate(270deg);
           }
         }
-
       }
 
     }
     .error-code-list-item {
+      display: flex;
+      justify-content: flex-start;
       .icon-label {
         @extend .body-1;
         color: $dark-gray;
+        margin-left: 10px;
       }
       .icon-component {
         align-items: baseline;
@@ -53,7 +53,7 @@
     .list-group-item {
       .error-item-text {
         margin-top:-2px;
-        //position: fixed;
+        max-width: 100px;
       }
     }
     .component-name-header {
diff --git a/openecomp-ui/src/nfvo-components/SubmitErrorResponse.jsx b/openecomp-ui/src/nfvo-components/SubmitErrorResponse.jsx
index 1488c6c0bb..8d45d86a9d 100644
--- a/openecomp-ui/src/nfvo-components/SubmitErrorResponse.jsx
+++ b/openecomp-ui/src/nfvo-components/SubmitErrorResponse.jsx
@@ -109,13 +109,13 @@ const UploadErrorList = ({items}) => {
 	let generator = entries(items);
 
 	let errors = [];
-	let i = 0;
 	for (let item of generator) {errors.push(
 		<div>
 			<div className='component-name-header'>{item.header}</div>
-			{item.list.map(error => <ErrorMessage key={i++} warning={error.level === 'WARNING'} error={error.message}/> )}
+			{item.list.map((error, i) => <ErrorMessage key={i} warning={error.level === 'WARNING'} error={error.message}/> )}
 		</div>
 	);}
+	
 	return (
 		<div>
 			{errors}
@@ -152,7 +152,10 @@ const ErrorHeader = ({errorType, collapsed, onClick}) => {
 const ErrorMessage = ({error, warning}) => {
 	return (
 		<ListGroupItem className='error-code-list-item'>
-			<SVGIcon name={warning ? 'warning' : 'error'} label={error} labelPosition='right' color={warning ? 'warning' : 'negative'} labelClassName='icon-label'/>
+			<SVGIcon 
+				name={warning ? 'exclamationTriangleLine' : 'error'} 								
+				color={warning ? 'warning' : 'negative'} />	
+			<span className='icon-label'>{error}</span>			
 		</ListGroupItem>
 	);
 };
-- 
cgit 1.2.3-korg