X-Git-Url: https://osm.etsi.org/gitweb/?p=osm%2FUI.git;a=blobdiff_plain;f=skyquake%2Fplugins%2Flaunchpad%2Fsrc%2FrecordViewer%2FrecordNavigator.jsx;h=92bb81f8e1b684f7ff85b8f6dc77f4b1cdff899a;hp=50ef061eef7e9d8ddabcc735b0cca4b693ff97ca;hb=e893695c8b1d650d4fb4694a8822a2c25bfee7d3;hpb=d053919c779a9eca0ad1ffc12c3063f29fd41cad

diff --git a/skyquake/plugins/launchpad/src/recordViewer/recordNavigator.jsx b/skyquake/plugins/launchpad/src/recordViewer/recordNavigator.jsx
index 50ef061ee..92bb81f8e 100644
--- a/skyquake/plugins/launchpad/src/recordViewer/recordNavigator.jsx
+++ b/skyquake/plugins/launchpad/src/recordViewer/recordNavigator.jsx
@@ -35,10 +35,21 @@ export default class RecordNavigator extends React.Component{
 
   getDescriptorTypeFromRecordType = (recordType) => {
       if (recordType == 'nsr') {
-        return 'nsd';
+          return 'nsd';
       } else if (recordType == 'vnfr') {
-        return 'vnfd';
+          return 'vnfd';
       }
+
+      return null;
+  }
+
+  getDescriptorIdFromRecord = (record) => {
+      if (record.type && record.type == 'nsr') {
+          return record.nsd && record.nsd.id;
+      } else if (record.type && record.type == 'vnfr') {
+          return record.vnfd && record.vnfd.id;
+      }
+
       return null;
   }
 
@@ -70,7 +81,7 @@ export default class RecordNavigator extends React.Component{
             <div key={'id' + k + '-' + vnfr.id}  onClick={self.props.loadRecord.bind(self,vnfr)} className={iClassName}>
               <img
                   onError={self.handleImageError}
-                  src={Utils.cleanImageDataURI(vnfr.logo, self.getDescriptorTypeFromRecordType(vnfr.type), vnfr.id)}
+                  src={Utils.cleanImageDataURI(vnfr.logo, self.getDescriptorTypeFromRecordType(vnfr.type), getDescriptorIdFromRecord(vnfr))}
               />
               <section id={vnfr.id}>
               <h1 title={vnfr.name}>{vnfr.name}</h1>
@@ -87,7 +98,7 @@ export default class RecordNavigator extends React.Component{
           <div key={'id' + k + '-' + n.id}  onClick={self.props.loadRecord.bind(self,n)} className={itemClassName}>
             <img
                 onError={self.handleImageError}
-                src={Utils.cleanImageDataURI(n.logo, self.getDescriptorTypeFromRecordType(n.type), n.id)}
+                src={Utils.cleanImageDataURI(n.logo, self.getDescriptorTypeFromRecordType(n.type), self.getDescriptorIdFromRecord(n))}
             />
             <section id={n.id}>
             <h1 title={n.name}>{n.name}</h1>