vsp submit message error fix

Change-Id: I4dd15d77d47a328f524895e2e0566a734095dd28
Issue-ID: SDC-263
Signed-off-by: SVISHNEV <shlomo-stanisla.vishnevetskiy@amdocs.com>

diff --git a/openecomp-ui/package.json b/openecomp-ui/package.json
index 5f7c76d..82b5dea 100644 (file)
--- 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 f045038..ac5dd27 100644 (file)
--- 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 1488c6c..8d45d86 100644 (file)
--- 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>
        );
 };