From 72dd3d99009ffa0b307c5884b0aef91b1bb6e970 Mon Sep 17 00:00:00 2001
From: Preston Doman <pdoman@pdx.edu>
Date: Tue, 29 Jan 2019 17:01:39 -0800
Subject: [PATCH] Add form-building function

---
 front/static/js/viewHistory.js | 21 ++++++++++++++++++---
 front/static/view_history.html |  4 ++--
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/front/static/js/viewHistory.js b/front/static/js/viewHistory.js
index d3d1e0c..8005255 100644
--- a/front/static/js/viewHistory.js
+++ b/front/static/js/viewHistory.js
@@ -55,9 +55,24 @@ function getDataFromEndpoint(url, callback) {
 }
 
 function buildEditReportForm(parsedReport) {
-    const modalTitle = document.querySelector("#editReportModalLabel"); 
-    console.log("In buildEditReportForm");
-    console.log(JSON.stringify(parsedReport));
+    const modalHeader = document.querySelector(".modal-header"); 
+    const h5 = document.createElement("h5");
+    h5.classList.add("modal-title", "text-center");
+    const date = new Date(parsedReport.date_created).toLocaleDateString("en-US");
+    h5.innerHTML = `${parsedReport.title}, ${date}`;
+    modalHeader.prepend(h5);
+    
+    const sections = parsedReport.sections;
+    for (let i = 0; i < sections.length; i++) {
+        console.log(sections[i].title);
+        console.log(sections[i].html_description);
+        console.log(sections[i].fields);
+        for (field in sections[i].fields) {
+            console.log(sections[i].fields[field].label);
+            console.log(sections[i].fields[field].type);
+            console.log(sections[i].fields[field].value);
+        }
+    }
 }
 
 function editReportFormClickHandler(event) {
diff --git a/front/static/view_history.html b/front/static/view_history.html
index fcf4180..5f3c3f3 100644
--- a/front/static/view_history.html
+++ b/front/static/view_history.html
@@ -57,8 +57,8 @@
         <div class="modal-dialog modal-lg" role="document">
             <div class="modal-content">
                 <div class="modal-header">
-                    <h5 class="modal-title" id="editReportModalLabel">Edit Report</h5>
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <button type="button" class="close" data-dismiss="modal">
+                        <span>&times;</span>
                     </button>
                 </div>
                 <div class="modal-body">