4 * Copyright 2016 RIFT.IO Inc
6 * Licensed under the Apache License, Version 2.0 (the "License");
7 * you may not use this file except in compliance with the License.
8 * You may obtain a copy of the License at
10 * http://www.apache.org/licenses/LICENSE-2.0
12 * Unless required by applicable law or agreed to in writing, software
13 * distributed under the License is distributed on an "AS IS" BASIS,
14 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
15 * See the License for the specific language governing permissions and
16 * limitations under the License.
19 import React from 'react';
20 import RecordViewActions from './recordViewActions.js';
21 import LoadingIndicator from 'widgets/loading-indicator/loadingIndicator.jsx';
22 import DashboardCard from 'widgets/dashboard_card/dashboard_card.jsx';
23 import Utils from 'utils/utils.js';
25 import './recordNavigator.scss';
27 export default class RecordNavigator extends React.Component{
31 handleImageError = (e) => {
32 console.log('Bad logo path, using default');
33 e.target.src = require('style/img/catalog-default.svg');
36 let navClass = 'catalogItems';
40 let className = this.props.isLoading ? 'loading' : '';
43 this.props.nav.map(function(n, k) {
44 let itemClassName = navClass + '_item';
45 let catalog_name = (n.type == 'nsr' ? <span>({n.nsd_name})</span> : '');
46 let scalingGroupClass = '';
47 let scalingGroupTitleClass = '';
48 let scalingGroupTitle = '';
50 if (n.scalingGroupName) {
51 scalingGroupClass = navClass + ' -is-scaled';
52 scalingGroupTitleClass = scalingGroupClass + '_title';
53 scalingGroupTitle = n.scalingGroupName + '_' + n.scalingGroupInstanceId;
54 n.vnfr && n.vnfr.map((vnfr, vnfrIndex) => {
55 let iClassName = itemClassName;
56 if(vnfr.id == self.props.activeNavID) {
57 iClassName += ' -is-selected';
60 <div key={'id' + k + '-' + vnfr.id} onClick={self.props.loadRecord.bind(self,vnfr)} className={iClassName}>
62 onError={self.handleImageError}
63 src={Utils.cleanImageDataURI(vnfr.logo, vnfr.type, vnfr.id)}
65 <section id={vnfr.id}>
66 <h1 title={vnfr.name}>{vnfr.name}</h1>
73 if(n.id == self.props.activeNavID) {
74 itemClassName += ' -is-selected';
77 <div key={'id' + k + '-' + n.id} onClick={self.props.loadRecord.bind(self,n)} className={itemClassName}>
79 onError={self.handleImageError}
80 src={Utils.cleanImageDataURI(n.logo, n.type, n.id)}
83 <h1 title={n.name}>{n.name}</h1>
90 <li className={scalingGroupClass} key={"scalingGroupTile-" + k}>
91 <div className={scalingGroupTitleClass}>
98 if(this.props.isLoading) {
99 html = <DashboardCard className="loading" showHeader={true} title="Loading..."><LoadingIndicator size={10} show={true} /></DashboardCard>
102 <DashboardCard showHeader={true} title="Select Record" className={"recordNavigator" + className}>
103 <ul className="catalogItems">
114 RecordNavigator.defaultProps = {