1 files changed, 65 insertions, 0 deletions
diff --git a/src/app/model/history/components/HistoryGallery.jsx b/src/app/model/history/components/HistoryGallery.jsx
new file mode 100644
index 0000000..0e4c011
--- /dev/null
+++ b/src/app/model/history/components/HistoryGallery.jsx
@@ -0,0 +1,65 @@
+/*
+ * ============LICENSE_START=======================================================
+ * org.onap.aai
+ * ================================================================================
+ * Copyright © 2017-2021 AT&T 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 React from 'react';
+import Grid from 'react-bootstrap/lib/Grid';
+import Row from 'react-bootstrap/lib/Row';
+import HistoryEntry from './HistoryEntry.jsx';
+/**
+ * This function will take all of the node objects and turn them into
+ * a ui grid of HistoryCard components. This function is essentially a container
+ * for the HistoryCards
+ * @param props
+ * @returns {*}
+ */
+const HistoryGallery = (props) => {
+
+    let entries = null;
+    if (props.entries && props.entries.length > 0) {
+        entries = props.entries.map((entry, idx) => {
+        return (
+          <HistoryEntry
+            key={idx}
+            triggerState={props.triggerState}
+            entryKey={entry.key}
+            entryType={entry.type}
+            entryValue={entry.value}
+            entryBody= {entry.body}
+            entryHeader= {entry.header}
+            entrySOT={entry.sot}
+            entryAction= {entry.action}
+            entryEpoch= {entry.timeRank}
+            entryNodeId= {props.nodeId}
+            entryDate={entry.displayTimestamp}
+            entryTransId = {entry['tx-id']}/>
+        );
+      });
+    }else{
+        return (<p>No History</p>);
+    }
+
+    return (
+      <div className="list-group">
+        {entries}
+      </div>
+    );
+};
+
+export default HistoryGallery;