museum-digital/csvxml
35
0
Fork 0
Code Issues 2 Pull Requests Releases Activity

Bump GET parameter for force-refreshing CSS and JS

Browse Source
This commit is contained in:
Joshua Ramon Enslin
2022-11-17 17:56:23 +01:00
parent 03a9e1e268
commit c93b56c387
9 changed files with 119 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
public/assets/js/csvxmlV2.js
View File

@ -332,6 +332,7 @@ class CsvxmlPage {
fieldList;
fieldListFlat;
tls;
domHelpWrapper;
domUploaderWrapper;
domMainWrapper;
selectedFields;
@ -350,6 +351,10 @@ class CsvxmlPage {
this.tls = Object.freeze(tls);
let domHelpWrapper = document.createElement("div");
domHelpWrapper.id = "helpSection";
this.domHelpWrapper = domHelpWrapper;
let domUploaderWrapper = document.createElement("div");
domUploaderWrapper.id = "uploader";
domUploaderWrapper.classList.add("uploader");
@ -454,14 +459,7 @@ class CsvxmlPage {
}
listValidationErrors(validator) {
console.log("Listing validation errors");
const dialogueContent = document.createElement("div");
const headline = document.createElement("h3");
headline.textContent = this.tls.validation_errors;
generateDialogueCloseButton() {
const cancelB = document.createElement("a");
cancelB.classList.add("icons");
@ -472,8 +470,19 @@ class CsvxmlPage {
cancelB.title = "Close";
cancelB.href = "#" + location.href;
cancelB.addEventListener('click', CsvxmlDialogue.closeDialogue);
headline.appendChild(cancelB);
return cancelB;
}
listValidationErrors(validator) {
console.log("Listing validation errors");
const dialogueContent = document.createElement("div");
const headline = document.createElement("h3");
headline.textContent = this.tls.validation_errors;
headline.appendChild(this.generateDialogueCloseButton());
dialogueContent.appendChild(headline);
const domErrorsSection = document.createElement("div");
@ -655,11 +664,63 @@ class CsvxmlPage {
}
renderHelpTexts() {
let app = this;
(async function() {
function appendQA(question, answer) {
const div = document.createElement("div");
div.classList.add("qaDiv");
const qElem = document.createElement("h3");
qElem.textContent = question;
qElem.style.cursor = "pointer";
div.appendChild(qElem);
qElem.addEventListener('click', function() {
console.log("Listing validation errors");
const dialogueContent = document.createElement("div");
const headline = document.createElement("h3");
headline.textContent = question;
headline.appendChild(app.generateDialogueCloseButton());
dialogueContent.appendChild(headline);
const answerDiv = document.createElement("div");
answerDiv.textContent = answer;
dialogueContent.appendChild(answerDiv);
CsvxmlDialogue.drawDialogue(dialogueContent);
});
return div;
}
const div = document.createElement("div");
div.appendChild(appendQA(app.tls.help_where_am_i, app.tls.help_where_am_i_content));
app.domHelpWrapper.appendChild(div);
})();
document.body.appendChild(this.domHelpWrapper);
}
renderUploader() {
let app = this;
(async function() {
const h2 = document.createElement("h2");
h2.textContent = app.tls.upload;
app.domUploaderWrapper.appendChild(h2);
const form = document.createElement("form");
const label = document.createElement("label");
@ -961,6 +1022,7 @@ class CsvxmlPage {
const page = new CsvxmlPage(fieldList, tls);
page.renderGenHeader();
page.renderHeader();
page.renderHelpTexts();
page.renderUploader();
page.renderMain();