Add form-building function
This commit is contained in:
parent
3fe22134fd
commit
72dd3d9900
2 changed files with 20 additions and 5 deletions
|
@ -55,9 +55,24 @@ function getDataFromEndpoint(url, callback) {
|
||||||
}
|
}
|
||||||
|
|
||||||
function buildEditReportForm(parsedReport) {
|
function buildEditReportForm(parsedReport) {
|
||||||
const modalTitle = document.querySelector("#editReportModalLabel");
|
const modalHeader = document.querySelector(".modal-header");
|
||||||
console.log("In buildEditReportForm");
|
const h5 = document.createElement("h5");
|
||||||
console.log(JSON.stringify(parsedReport));
|
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) {
|
function editReportFormClickHandler(event) {
|
||||||
|
|
|
@ -57,8 +57,8 @@
|
||||||
<div class="modal-dialog modal-lg" role="document">
|
<div class="modal-dialog modal-lg" role="document">
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
<div class="modal-header">
|
<div class="modal-header">
|
||||||
<h5 class="modal-title" id="editReportModalLabel">Edit Report</h5>
|
<button type="button" class="close" data-dismiss="modal">
|
||||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
<span>×</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
|
|
Loading…
Reference in a new issue