Conservancy/reimbursinator
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add loading spinner to report table

Browse source
This commit is contained in:
Preston Doman 2019-02-16 16:41:11 -08:00
parent 13ba704824
commit e1873fe4ae
2 changed files with 13 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
front/static/edit_report.html
View file

@ -45,6 +45,9 @@
<h3>Your Report History</h3>
</div>
<div class="card-body">
<div class="text-center">
<i class="fas fa-spinner fa-3x fa-spin"></i>
</div>
<table class="table table-striped table-responsive-sm" style="visibility:hidden">
<thead>
<tr>

15
front/static/js/viewHistory.js
View file

@ -290,14 +290,19 @@ function createReportForm(parsedData, type) {
function displayListOfReports(parsedData) {
const reports = parsedData.reports;
const cardBody = document.querySelector(".card-body");
const table = document.querySelector("table");
console.log(cardBody);
console.log(cardBody.firstElementChild);
cardBody.removeChild(cardBody.firstElementChild); // remove loading spinner
if (reports.length === 0) {
const cardBody = document.querySelector(".card-body");
const h4 = document.createElement("h4");
h4.innerHTML = "No reports found.";
h4.classList.add("text-center");
cardBody.insertBefore(h4, table);
cardBody.removeChild(table);
const h5 = document.createElement("h5");
h5.innerHTML = "No reports found.";
h5.classList.add("text-center");
cardBody.appendChild(h5);
} else {
const tbody = document.querySelector("tbody");