Add more cosmetics

This commit is contained in:
Stephan Porada 2020-06-10 16:00:33 +02:00
parent b99bfd9854
commit 44688eff65

View File

@ -106,12 +106,27 @@
<p>Processed result files.</p> <p>Processed result files.</p>
</div> </div>
<div class="col s12 m10"> <div class="col s12 m10">
<div class="results row"> <table class="highlight responsive-table">
<div class="show-if-only-child"> <thead>
<span class="card-title"><i class="left material-icons" style="font-size: inherit;">file_download</i>Nothing here...</span> <tr>
<p>No results available (yet). Is the job already completed?</p> <th>Result Type</th>
</div> <th>Archive Name</th>
</div> <th>Download</th>
</tr>
</thead>
<tbody class="results">
<tr class="show-if-only-child">
<td colspan="3">
<span class="card-title">
<i class="left material-icons" style="font-size: inherit;">file_download</i>Nothing here...
</span>
<p>
No results available (yet). Is the job already completed?
</p>
</td>
</tr>
</tbody>
</table>
</div> </div>
</div> </div>
</div> </div>
@ -214,27 +229,37 @@ var options = {page: 5,
if (a.filename > b.filename) {return 1;} if (a.filename > b.filename) {return 1;}
return 0; return 0;
}); });
resultsHTML = ""; resultsHTML = ``;
for (let result of resultsArray) { for (let result of resultsArray) {
if (result.filename.endsWith(".pdf.zip")) { if (result.filename.endsWith(".pdf.zip")) {
resultType = "PDF"; resultType = "PDF file with text layer";
} else if (result.filename.endsWith(".txt.zip")) { } else if (result.filename.endsWith(".txt.zip")) {
resultType = "TXT"; resultType = "Raw text files";
} else if (result.filename.endsWith(".vrt.zip")) { } else if (result.filename.endsWith(".vrt.zip")) {
resultType = "VRT"; resultType = "VRT(XML dialect) files holding the NLP data";
} else if (result.filename.endsWith(".xml.zip")) { } else if (result.filename.endsWith(".xml.zip")) {
resultType = "XML"; resultType = "XML files";
} else if (result.filename.endsWith(".poco.zip")) { } else if (result.filename.endsWith(".poco.zip")) {
resultType = "POCO"; resultType = "HCOR und image files needed for Post correction(PoCo)";
} else { } else {
resultType = "ALL"; resultType = "All result files created during this job";
} }
resultsHTML += `<div class="col s4 m3 l2"> resultsHTML += `
<a class="btn waves-effect waves-light" download href="/jobs/${result.job_id}/results/${result.id}/download"> <tr>
<i class="material-icons left">file_download</i>${resultType} <td>${resultType}</td>
<td>${result.filename}</td>
<td>
<a class="btn-floating waves-effect waves-light" download href="/jobs/${result.job_id}/results/${result.id}/download">
<i class="material-icons left">file_download</i>
</a> </a>
</div>`; </td>
} </tr>
`;
};
resultsHTML += `
</tbody>
</table>
`;
resultsElements = document.querySelectorAll(".results"); resultsElements = document.querySelectorAll(".results");
for (let resultsElement of resultsElements) { for (let resultsElement of resultsElements) {
resultsElement.innerHTML += resultsHTML; resultsElement.innerHTML += resultsHTML;