Rift.IO OSM R1 Initial Submission

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

diff --git a/skyquake/plugins/launchpad/src/launchpadBreadcrumbs.jsx b/skyquake/plugins/launchpad/src/launchpadBreadcrumbs.jsx
new file mode 100644 (file)
index 0000000..290f0fe
--- /dev/null
+++ b/skyquake/plugins/launchpad/src/launchpadBreadcrumbs.jsx
@@ -0,0 +1,58 @@
+/*
+ * 
+ *   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.
+ *
+ */
+import React from 'react';
+
+export default class LaunchpadBreadcrumbs extends React.Component {
+
+  constructor(props) {
+    super(props);
+    this.current = props.current;
+  }
+  componentDidMount() {
+
+  }
+  componentWillReceiveProps(props) {
+
+  }
+  breadcrumbItem(url, name, isCurrent) {
+    if (isCurrent) {
+      return (<span className="current">{name}</span>);
+    } else {
+      return (<a href={url} onClick={this.props.clickHandler}>{name}</a>);
+    }
+  }
+  render() {
+    let mgmtDomainName = window.location.hash.split('/')[2];
+    let nsrId = window.location.hash.split('/')[3];
+    let url_base = '#/launchpad/' + mgmtDomainName + '/' + nsrId;
+    let html = (
+      <div className="header-nav">
+        <a href={'#/launchpad/' + mgmtDomainName} onClick={this.props.clickHandler}>DASHBOARD</a>
+        <span className="spacer"> > </span>
+        {this.breadcrumbItem(url_base+'/detail', 'Viewport', (this.props.current == 'viewport'))}
+        <span className="spacer"> | </span>
+        {this.breadcrumbItem(url_base+'/topology', 'Topology', (this.props.current == 'topology' ))}
+        <span className="spacer"> | </span>
+        {this.breadcrumbItem(url_base+'/topologyL2', 'Topology L2', (this.props.current == 'topologyL2' ))}
+        <span className="spacer"> | </span>
+        {this.breadcrumbItem(url_base+'/topologyL2Vm', 'Topology L2Vm', (this.props.current == 'topologyL2Vm'))}
+      </div>
+    );
+    return html;
+  }
+}