projects
/
osm
/
UI.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
RIFT-15032: launchpad UI - Viewport - icons for nsr
[osm/UI.git]
/
skyquake
/
plugins
/
launchpad
/
src
/
recordViewer
/
recordNavigator.jsx
diff --git
a/skyquake/plugins/launchpad/src/recordViewer/recordNavigator.jsx
b/skyquake/plugins/launchpad/src/recordViewer/recordNavigator.jsx
index
d7a86d4
..
6c76501
100644
(file)
--- a/
skyquake/plugins/launchpad/src/recordViewer/recordNavigator.jsx
+++ b/
skyquake/plugins/launchpad/src/recordViewer/recordNavigator.jsx
@@
-20,13
+20,18
@@
import React from 'react';
import RecordViewActions from './recordViewActions.js';
import LoadingIndicator from 'widgets/loading-indicator/loadingIndicator.jsx';
import DashboardCard from 'widgets/dashboard_card/dashboard_card.jsx';
import RecordViewActions from './recordViewActions.js';
import LoadingIndicator from 'widgets/loading-indicator/loadingIndicator.jsx';
import DashboardCard from 'widgets/dashboard_card/dashboard_card.jsx';
+import Utils from 'utils/utils.js';
+
import './recordNavigator.scss';
import './recordNavigator.scss';
-import nsdImg from 'style/img/catalog-default.svg';
export default class RecordNavigator extends React.Component{
constructor(props) {
super(props)
}
export default class RecordNavigator extends React.Component{
constructor(props) {
super(props)
}
+ handleImageError = (e) => {
+ console.log('Bad logo path, using default');
+ e.target.src = require('style/img/catalog-default.svg');
+ }
render(){
let navClass = 'catalogItems';
render(){
let navClass = 'catalogItems';
@@
-53,7
+58,10
@@
export default class RecordNavigator extends React.Component{
}
navObj.push(
<div key={'id' + k + '-' + vnfr.id} onClick={self.props.loadRecord.bind(self,vnfr)} className={iClassName}>
}
navObj.push(
<div key={'id' + k + '-' + vnfr.id} onClick={self.props.loadRecord.bind(self,vnfr)} className={iClassName}>
- <img src={nsdImg} />
+ <img
+ onError={self.handleImageError}
+ src={Utils.cleanImageDataURI(vnfr.logo, vnfr.type, vnfr.id)}
+ />
<section id={vnfr.id}>
<h1 title={vnfr.name}>{vnfr.name}</h1>
<h2>{vnfr.type}</h2>
<section id={vnfr.id}>
<h1 title={vnfr.name}>{vnfr.name}</h1>
<h2>{vnfr.type}</h2>
@@
-67,7
+75,10
@@
export default class RecordNavigator extends React.Component{
}
navObj.push(
<div key={'id' + k + '-' + n.id} onClick={self.props.loadRecord.bind(self,n)} className={itemClassName}>
}
navObj.push(
<div key={'id' + k + '-' + n.id} onClick={self.props.loadRecord.bind(self,n)} className={itemClassName}>
- <img src={nsdImg} />
+ <img
+ onError={self.handleImageError}
+ src={Utils.cleanImageDataURI(n.logo, n.type, n.id)}
+ />
<section id={n.id}>
<h1 title={n.name}>{n.name}</h1>
<h2>{n.type}</h2>
<section id={n.id}>
<h1 title={n.name}>{n.name}</h1>
<h2>{n.type}</h2>