Rift.IO OSM R1 Initial Submission

[osm/UI.git] / skyquake / plugins / launchpad / src / launchpad_card / launchpadNSInfo.jsx

diff --git a/skyquake/plugins/launchpad/src/launchpad_card/launchpadNSInfo.jsx b/skyquake/plugins/launchpad/src/launchpad_card/launchpadNSInfo.jsx
new file mode 100644 (file)
index 0000000..16dd072
--- /dev/null
+++ b/skyquake/plugins/launchpad/src/launchpad_card/launchpadNSInfo.jsx
@@ -0,0 +1,109 @@
+
+/*
+ * 
+ *   Copyright 2016 RIFT.IO Inc
+ *
+ *   Licensed under the Apache License, Version 2.0 (the "License");
+ *   you may not use this file except in compliance with the License.
+ *   You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *   Unless required by applicable law or agreed to in writing, software
+ *   distributed under the License is distributed on an "AS IS" BASIS,
+ *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *   See the License for the specific language governing permissions and
+ *   limitations under the License.
+ *
+ */
+//THIS SHOULD BE REMOVED ONCE EPA PARAMS ARE MOVED OVER
+
+import React from 'react';
+let ReactCSSTransitionGroup = require('react-addons-css-transition-group');
+class LaunchpadNSInfo extends React.Component {
+  constructor(props) {
+    super(props);
+    // this.state = {metrics: props.data};
+  }
+  render() {
+    let metricSet = [];
+    let toDisplay;
+    this.props.data.map((metric, index)=> {
+      if (metric.hasOwnProperty('label') && this.props.name != "NFVI-METRICS") {
+
+      let displayValue = '';
+      if (metric.hasOwnProperty('vm')) {
+        displayValue = metric.vm + ' ' + metric.unit;
+      }
+      if (metric.hasOwnProperty('active-vm')) {
+        displayValue = metric["active-vm"] + ' of ' + (parseInt(metric["active-vm"]) + parseInt(metric["inactive-vm"])) + ' Active';
+      }
+      if (metric.hasOwnProperty('used')) {
+        displayValue = metric.used.value + ' / ' + metric.total.value + metric.total.unit;
+      }
+
+         metricSet.push((
+            <li key={index}>
+              <dl>
+                <dt>{metric.label}:</dt>
+                <dd>{displayValue}</dd>
+              </dl>
+            </li>
+          ))
+      };
+      if(this.props.name == "NFVI-METRICS") {
+        toDisplay = <NfviMetricBars metrics={this.props.data} />
+      }
+    });
+        var infoClass = {
+      'EPA-PARAM' : {
+        height: '300px',
+        overflow: 'scroll',
+        width: '707px',
+      },
+      'NFVI-METRICS' : {
+        height: '400px'
+      }
+    }
+    // style={infoClass[this.props.name]}
+    if (!metricSet.length) {
+      let msgString = ''
+
+      //DEMO ONLY
+      if(this.props.name == "NFVI-METRICS") {
+        toDisplay = <NfviMetricBars metrics={this.props.data} />
+      } else {
+        toDisplay = (<div className="empty">{ msgString }</div>);
+      }
+    } else {
+      toDisplay = (
+        <ul >
+          {
+            metricSet
+          }
+        </ul>
+      )
+    }
+
+    return (
+      <div style={{overflow: 'hidden'}}>
+        <div className="launchpadCard_title">
+          { this.props.name }
+        </div>
+        <div className={"launchpadCard_data-list" + ' ' + this.props.name}>
+          { toDisplay }
+        </div>
+      </div>
+    )
+  }
+}
+LaunchpadNSInfo.propTypes = {
+  data: React.PropTypes.array,
+  name: React.PropTypes.string
+ };
+LaunchpadNSInfo.defaultProps = {
+  name: 'Loading...',
+  data: []
+};
+
+export default LaunchpadNSInfo;