X-Git-Url: https://osm.etsi.org/gitweb/?a=blobdiff_plain;f=skyquake%2Fplugins%2Flaunchpad%2Fsrc%2Flaunchpad_card%2FjobListCard.jsx;h=8253f0a1a2f4163a5e3c538ad9167c6713c8f174;hb=HEAD;hp=0f345ea7ab6e8e7c4dc8c5129ac8131e923d398d;hpb=3645381bcb04ffa0cc6d485c9e9f22ab36621356;p=osm%2FUI.git

diff --git a/skyquake/plugins/launchpad/src/launchpad_card/jobListCard.jsx b/skyquake/plugins/launchpad/src/launchpad_card/jobListCard.jsx
index 0f345ea7a..8253f0a1a 100644
--- a/skyquake/plugins/launchpad/src/launchpad_card/jobListCard.jsx
+++ b/skyquake/plugins/launchpad/src/launchpad_card/jobListCard.jsx
@@ -57,8 +57,13 @@ class JobListCard extends React.Component {
     }
     getJobDetails(job) {
         let jobDetails = null;
-        if (job['job-status-details']) {
-            let jobDetailsArray = job['job-status-details'].split(/\\n/);
+        if (job['job-status-details'] || job['execution-error-details']) {
+            let jobDetailsArray = [];
+            if (job['job-status-details']) {
+                jobDetailsArray = job['job-status-details'].split(/\\n/);
+            } else if (job['execution-error-details']) {
+                jobDetailsArray = job['execution-error-details'].split(/\\n/);
+            }
             let jobDetailsText = [];
             jobDetailsArray && jobDetailsArray.map((jobDetail) => {
                 jobDetailsText.push(jobDetail);
@@ -68,11 +73,12 @@ class JobListCard extends React.Component {
                 <section className='jobListCard--details'>
                     <h4 onClick={this.openModal.bind(this)}>Job Details</h4>
                     <Modal
+                        className='jobListCard--details--modal'
                         visible={this.state.modalVisible}
                         width="600"
                         height="400"
                         effect="fadeInUp">
-                        <div>
+                        <div className='jobListCard--details--tree'>
                             <TreeView nodeLabel={<span>Job Details</span>} key={'job-details'} defaultCollapsed={false}>
                                 <p>{jobDetailsText}</p>
                             </TreeView>
@@ -139,6 +145,7 @@ class JobListCard extends React.Component {
         let self = this;
         let jobListStatus = this.getStatusColor(props['execution-status'] );
         let hideParameters = this.state.hideParameters;
+        let jobDetailsHTML = this.getJobDetails(this.props);
         return (
             <div className="jobListCard">
                 <div className="jobListCard--header">
@@ -168,6 +175,7 @@ class JobListCard extends React.Component {
                         </div>
                     </div>
                 </div>
+                {jobDetailsHTML}
             </div>
         )
     }