Clean up code
This commit is contained in:
parent
0a5241e5f3
commit
02f27c2247
3 changed files with 27 additions and 41 deletions
|
@ -1,13 +0,0 @@
|
||||||
.signup
|
|
||||||
{
|
|
||||||
height: 200px;
|
|
||||||
width: 400px;
|
|
||||||
position: fixed;
|
|
||||||
left: 50%;
|
|
||||||
margin-left: -150px;
|
|
||||||
width:60%;
|
|
||||||
}
|
|
||||||
.border
|
|
||||||
{
|
|
||||||
border-color:black;
|
|
||||||
}
|
|
|
@ -5,5 +5,5 @@
|
||||||
|
|
||||||
.fa-exclamation-triangle {
|
.fa-exclamation-triangle {
|
||||||
float: right;
|
float: right;
|
||||||
color: red;
|
color: orange;
|
||||||
}
|
}
|
||||||
|
|
|
@ -9,31 +9,6 @@ function getEndpointDomain() {
|
||||||
return "https://" + window.location.hostname + ":8444/";
|
return "https://" + window.location.hostname + ":8444/";
|
||||||
}
|
}
|
||||||
|
|
||||||
function saveSectionCallback(parsedData, saveButton) {
|
|
||||||
alert(JSON.stringify(parsedData));
|
|
||||||
saveButton.innerHTML = "Save";
|
|
||||||
saveButton.disabled = false;
|
|
||||||
const sectionState = document.querySelector("#section-" + parsedData.id + "-state");
|
|
||||||
if (sectionState && parsedData.completed) {
|
|
||||||
sectionState.classList = "fas fa-check-square";
|
|
||||||
} else {
|
|
||||||
sectionState.classList = "fas fa-exclamation-triangle";
|
|
||||||
}
|
|
||||||
|
|
||||||
const collapseDiv = document.querySelector("#section-" + parsedData.id + "-collapse");
|
|
||||||
const cardFooter = createCardFooter(parsedData.rule_violations);
|
|
||||||
if (collapseDiv.lastElementChild.classList.contains("card-footer")) {
|
|
||||||
collapseDiv.removeChild(collapseDiv.lastElementChild);
|
|
||||||
if (cardFooter) {
|
|
||||||
collapseDiv.appendChild(cardFooter);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
if (cardFooter) {
|
|
||||||
collapseDiv.appendChild(cardFooter);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function makeAjaxRequest(method, url, callback, optional, payload) {
|
function makeAjaxRequest(method, url, callback, optional, payload) {
|
||||||
const token = localStorage.getItem("token");
|
const token = localStorage.getItem("token");
|
||||||
const xhr = new XMLHttpRequest();
|
const xhr = new XMLHttpRequest();
|
||||||
|
@ -76,6 +51,31 @@ function makeAjaxRequest(method, url, callback, optional, payload) {
|
||||||
xhr.send(payload);
|
xhr.send(payload);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function updateSection(parsedData, saveButton) {
|
||||||
|
saveButton.innerHTML = "Save";
|
||||||
|
saveButton.disabled = false;
|
||||||
|
|
||||||
|
const sectionState = document.querySelector("#section-" + parsedData.id + "-state");
|
||||||
|
if (parsedData.completed) {
|
||||||
|
sectionState.classList = "fas fa-check-square";
|
||||||
|
} else {
|
||||||
|
sectionState.classList = "fas fa-exclamation-triangle";
|
||||||
|
}
|
||||||
|
|
||||||
|
const collapseDiv = document.querySelector("#section-" + parsedData.id + "-collapse");
|
||||||
|
const cardFooter = createCardFooter(parsedData.rule_violations);
|
||||||
|
if (collapseDiv.lastElementChild.classList.contains("card-footer")) {
|
||||||
|
collapseDiv.removeChild(collapseDiv.lastElementChild);
|
||||||
|
if (cardFooter) {
|
||||||
|
collapseDiv.appendChild(cardFooter);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (cardFooter) {
|
||||||
|
collapseDiv.appendChild(cardFooter);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// Wraps a Bootstrap form group around a field
|
// Wraps a Bootstrap form group around a field
|
||||||
function createFormGroup(sectionIdStr, field) {
|
function createFormGroup(sectionIdStr, field) {
|
||||||
const inputId = sectionIdStr + field.field_name;
|
const inputId = sectionIdStr + field.field_name;
|
||||||
|
@ -527,7 +527,6 @@ if (newReportForm) {
|
||||||
console.log("Payload:\n" + payload);
|
console.log("Payload:\n" + payload);
|
||||||
const type = reportType.NEW;
|
const type = reportType.NEW;
|
||||||
makeAjaxRequest("POST", url, createReportForm, type, payload);
|
makeAjaxRequest("POST", url, createReportForm, type, payload);
|
||||||
this.reset();
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -553,7 +552,7 @@ document.addEventListener("submit", function(event) {
|
||||||
saveButton.appendChild(document.createTextNode(" Saving..."));
|
saveButton.appendChild(document.createTextNode(" Saving..."));
|
||||||
const formData = new FormData(event.target);
|
const formData = new FormData(event.target);
|
||||||
const url = getEndpointDomain() + "api/v1/report/" + event.target.dataset.rid + "/section/" + event.target.dataset.sid;
|
const url = getEndpointDomain() + "api/v1/report/" + event.target.dataset.rid + "/section/" + event.target.dataset.sid;
|
||||||
makeAjaxRequest("PUT", url, saveSectionCallback, saveButton, formData);
|
makeAjaxRequest("PUT", url, updateSection, saveButton, formData);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue