1 files changed, 46 insertions, 0 deletions
diff --git a/graphgraph-fe/src/path_breadcrumb.js b/graphgraph-fe/src/path_breadcrumb.js
new file mode 100644
index 0000000..6ed9d16
--- /dev/null
+++ b/graphgraph-fe/src/path_breadcrumb.js
@@ -0,0 +1,46 @@
+/*
+ *  ============LICENSE_START=======================================================
+ * org.onap.aai
+ *  ================================================================================
+ *  Copyright © 2019-2020 Orange Intellectual Property. All rights reserved.
+ *  ================================================================================
+ *  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.
+ * ============LICENSE_END=========================================================
+ */
+
+import _ from 'underscore';
+import React from 'react';
+import { Breadcrumb } from 'react-bootstrap';
+
+class PathBreadcrumb extends React.Component {
+    constructor (props, context) {
+        super(props, context);
+        this.pathSelected = this.pathSelected.bind(this);
+    }
+
+    pathSelected (evt) {
+        evt.preventDefault();
+        // the data is only piggyback riding on the "target" property .. not nice but works
+        this.props.pathCallback(this.props.index, evt.target.getAttribute('target'));
+    }
+
+    render () {
+        var path = this.props.path;
+        var callback = this.pathSelected;
+        var items = _.map(path, (item, i) => <Breadcrumb.Item key={i} target={item.id} onClick={callback}> {item.id} </Breadcrumb.Item>);
+
+        return <Breadcrumb>{items}</Breadcrumb>;
+    }
+}
+
+export default PathBreadcrumb;