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 getDescriptorTypeFromRecordType = (recordType) => {
37 if (recordType == 'nsr') {
39 } else if (recordType == 'vnfr') {
46 let navClass = 'catalogItems';
50 let className = this.props.isLoading ? 'loading' : '';
53 this.props.nav.map(function(n, k) {
54 let itemClassName = navClass + '_item';
55 let catalog_name = (n.type == 'nsr' ? <span>({n.nsd_name})</span> : '');
56 let scalingGroupClass = '';
57 let scalingGroupTitleClass = '';
58 let scalingGroupTitle = '';
60 if (n.scalingGroupName) {
61 scalingGroupClass = navClass + ' -is-scaled';
62 scalingGroupTitleClass = scalingGroupClass + '_title';
63 scalingGroupTitle = n.scalingGroupName + '_' + n.scalingGroupInstanceId;
64 n.vnfr && n.vnfr.map((vnfr, vnfrIndex) => {
65 let iClassName = itemClassName;
66 if(vnfr.id == self.props.activeNavID) {
67 iClassName += ' -is-selected';
70 <div key={'id' + k + '-' + vnfr.id} onClick={self.props.loadRecord.bind(self,vnfr)} className={iClassName}>
72 onError={self.handleImageError}
73 src={Utils.cleanImageDataURI(vnfr.logo, self.getDescriptorTypeFromRecordType(vnfr.type), vnfr.id)}
75 <section id={vnfr.id}>
76 <h1 title={vnfr.name}>{vnfr.name}</h1>
83 if(n.id == self.props.activeNavID) {
84 itemClassName += ' -is-selected';
87 <div key={'id' + k + '-' + n.id} onClick={self.props.loadRecord.bind(self,n)} className={itemClassName}>
89 onError={self.handleImageError}
90 src={Utils.cleanImageDataURI(n.logo, self.getDescriptorTypeFromRecordType(n.type), n.id)}
93 <h1 title={n.name}>{n.name}</h1>
100 <li className={scalingGroupClass} key={"scalingGroupTile-" + k}>
101 <div className={scalingGroupTitleClass}>
108 if(this.props.isLoading) {
109 html = <DashboardCard className="loading" showHeader={true} title="Loading..."><LoadingIndicator size={10} show={true} /></DashboardCard>
112 <DashboardCard showHeader={true} title="Select Record" className={"recordNavigator" + className}>
113 <ul className="catalogItems">
124 RecordNavigator.defaultProps = {