3 * Copyright 2016 RIFT.IO Inc
5 * Licensed under the Apache License, Version 2.0 (the "License");
6 * you may not use this file except in compliance with the License.
7 * You may obtain a copy of the License at
9 * http://www.apache.org/licenses/LICENSE-2.0
11 * Unless required by applicable law or agreed to in writing, software
12 * distributed under the License is distributed on an "AS IS" BASIS,
13 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14 * See the License for the specific language governing permissions and
15 * limitations under the License.
18 import React from 'react';
19 import RecordViewStore from '../recordViewer/recordViewStore.js';
20 import Button from 'widgets/button/rw.button.js';
21 import Utils from 'utils/utils.js';
22 import _ from 'underscore';
23 import UpTime from 'widgets/uptime/uptime.jsx';
24 import './nsrScalingGroups.scss';
26 export default class NsrScalingGroups extends React.Component {
32 handleExecuteClick = (nsr_id, scaling_group_id, event) => {
33 RecordViewStore.createScalingGroupInstance({
35 scaling_group_id: scaling_group_id
39 handleDeleteClick = (nsr_id, scaling_group_id, scaling_instance_index, event) => {
40 RecordViewStore.deleteScalingGroupInstance({
42 scaling_group_id: scaling_group_id,
43 scaling_instance_index: scaling_instance_index
47 createScalingGroupTable = (scalingGroupDesriptorName) => {
50 this.props.data['scaling-group-record'] && this.props.data['scaling-group-record'].map((sgr, sgri) => {
52 sgr['instance'] ? sgr['instance'].map((sgrInstance, sgrInstanceIndex) => {
53 let id = sgrInstance['instance-id'];
54 let sgrName = sgr['scaling-group-name-ref'];
56 if (sgrName == scalingGroupDesriptorName) {
58 <tr key={sgrInstanceIndex}>
59 <td>{sgrInstanceIndex + 1}</td>
61 <td><UpTime initialTime={sgrInstance['create-time']} run={true} /></td>
62 <td>{sgrInstance['op-status']}</td>
64 {sgrInstance['is-default'] == 'false' ? <a onClick={this.handleDeleteClick.bind(this, this.props.data.id, sgrName, id)} title="Delete">
65 <span className="oi" data-glyph="trash" aria-hidden="true"></span>
72 <tr key={sgrInstanceIndex}>
73 <td colSpan="5" style={{textAlign: 'center'}}>No network services scaled in this group</td>
85 <table className="scalingGroupsInstancesTable">
88 <th style={{width: '6%'}}></th>
89 <th style={{width: '12%'}}>ID</th>
90 <th style={{width: '37%'}}>Uptime</th>
91 <th style={{width: '37%'}}>Status</th>
92 <th style={{width: '7%'}}> </th>
100 getInstancesForScalingGroup = (scalingGroupDesriptorName) => {
102 this.props.data['scaling-group-record'] && this.props.data['scaling-group-record'].map((sgr, sgri) => {
103 sgr['instance'] && sgr['instance'].map((sgrInstance, sgrInstanceIndex) => {
104 if (sgr['scaling-group-name-ref'] == scalingGroupDesriptorName) {
114 let scalingGroups = [];
116 this.props.data['scaling-group-descriptor'] && this.props.data['scaling-group-descriptor'].map((sgd) => {
121 <span>{sgd['max-instance-count']}</span>
125 sgd['vnfd-member'] && sgd['vnfd-member'].map((vnf) => {
126 let instanceCount = vnf['count'];
128 <span>{vnf['short-name']} {instanceCount > 1 ? '(' + instanceCount + ')': ''}</span>
132 sgvnfs = Utils.arrayIntersperse(sgvnfs, ', ');
134 let sgInstanceTable = this.createScalingGroupTable(sgd.name);
136 let sgCreateInstanceButton = <Button label='Create Scaling Group Instance' className="dark" isDisabled={this.getInstancesForScalingGroup(sgd.name) == sgd["max-instance-count"]} isLoading={false} onClick={this.handleExecuteClick.bind(this, this.props.data.id, sgd.name)} />
140 <div className='launchpadCard_title' style={{textAlign:'right'}}><span style={{float:'left'}}>{sgd.name}</span></div>
141 <div className='vnfsList'><span className='vnfsLabel'>VNFS: </span><span>{sgvnfs}</span></div>
142 <div className='scalingGroupsInstancesTableWrapper'>
145 {sgCreateInstanceButton} {sgMaxCount}
148 scalingGroups.push(scalingGroup);
152 <div className='nsScalingGroups'>