//That match the currently selected job id
if(v.id == cardData.id) {
return v.primitive.map(function(p, i) {
- return <JobListCard type="vnfr" job-id={job['job-id']} cardData={cardData} key={ob['job-id'] + '-' + i} {...p} />
+ return <JobListCard type="vnfr" job-id={job['job-id']} cardData={cardData} key={job['job-id'] + '-' + i} {...p} />
})
}
})
</li>
)
notice = <li className='notice'>* If a separate browser window does not open, please check if the popup was blocked and allow it.</li>
- if(vdur.hasOwnProperty('volumer') && (vdur.volumer.length > 0)) {
+ if(vdur.hasOwnProperty('volumes') && (vdur.volumes.length > 0)) {
displayVolumesTab = true;
- vdur.volumer.map((volume, vi) => {
- let html = Prism.highlight(JSON.stringify(volume), Prism.languages.javascript, 'javascript');
+ vdur.volumes.map((volume, vi) => {
+ // let html = Prism.highlight(JSON.stringify(volume), Prism.languages.javascript, 'javascript');
+ // volumesHTML.push(
+ // <pre className="language-js" key={index + '-' + vi}>
+ // <code dangerouslySetInnerHTML={{__html: html}} />
+ // </pre>
+ function buildProperties(obj) {
+ let p = [];
+ _.forEach(obj, function(v, k) {
+ p.push(
+ <div style={{margin: '0.5rem 0.5rem'}} key={k + vi}>
+ <div style={{margin: '0 0.5rem',
+ fontWeight: 'bold', textTransform: 'uppercase', color: '#5b5b5b'}}>{k}</div>
+ <div style={{margin: '0 0.5rem'}}>{v.constructor.name != 'Object' ? v : buildProperties(v)}</div>
+ </div>
+ )
+ });
+ return p;
+ }
volumesHTML.push(
- <pre className="language-js" key={index + '-' + vi}>
- <code dangerouslySetInnerHTML={{__html: html}} />
- </pre>
+ <div key={vi}>
+ <div className="launchpadCard_title">
+ VOLUME
+ </div>
+ <div style={{display: 'flex', flexDirection: 'column'}}>
+ {
+ buildProperties(volume)
+ }
+ </div>
+ </div>
)
})
}
//That match the currently selected job id
if(v.id == cardData.id) {
return v.primitive.map(function(p, i) {
- return <JobListCard type="vnfr" job-id={job['job-id']} cardData={cardData} key={ob['job-id'] + '-' + 'vnfr' + '-' + h} {...p} />
+ return <JobListCard type="vnfr" job-id={job['job-id']} cardData={cardData} key={job['job-id'] + '-' + 'vnfr' + '-' + h} {...p} />
})
}
})