single horizontal line at the bottom

This commit is contained in:
ReznoRMichael 2021-08-04 16:54:54 +02:00
parent cb338577fd
commit 6806c64104
3 changed files with 23 additions and 39 deletions

View file

@ -7481,17 +7481,6 @@ function GenerateInnerHTML(db) {
/* textFill += SingleEntryFill(section, entries[entry]); */ /* textFill += SingleEntryFill(section, entries[entry]); */
textFill += SingleEntryFill(obj); textFill += SingleEntryFill(obj);
/* ##################### Horizontal lines ####################### */
switch (_entry) {
case "pantheonKnight":
case "bossDoorStateTier5":
case "VoidIdol_3":
case "greyPrinceDefeats":
case "ordealAchieved":
textFill += FLEUR_DIVIDE;
break;
}
} }
/* end for (let entry in entries) */ /* end for (let entry in entries) */
@ -7526,9 +7515,12 @@ function GenerateInnerHTML(db) {
console.log(finalHTMLFill); console.log(finalHTMLFill);
console.groupEnd(); */ console.groupEnd(); */
/* --------------- Final single HTML access and fill here ------------------ */ /* ##################### Horizontal line ####################### */
finalHTMLFill += FLEUR_DIVIDE;
/* --------------- Final single HTML access and fill here ------------------ */
document.getElementById("generated").innerHTML = finalHTMLFill; document.getElementById("generated").innerHTML = finalHTMLFill;
/* make tab switch buttons working (on click) - must run after inner HTML generation is finished */ /* make tab switch buttons working (on click) - must run after inner HTML generation is finished */

File diff suppressed because one or more lines are too long

View file

@ -198,11 +198,11 @@ function GenerateInnerHTML(db) {
textFill += [ textFill += [
`<div class="tab-switch-buttons">`, `<div class="tab-switch-buttons">`,
`<button id="button-switch-main" name="main" class="button tab-switch" type="button">Main</button>`, `<button id="button-switch-main" name="main" class="button tab-switch" type="button">Main</button>`,
`<button id="button-switch-essential" name="essential" class="button tab-switch" type="button">Essentials</button>`, `<button id="button-switch-essential" name="essential" class="button tab-switch" type="button">Essentials</button>`,
`<button id="button-switch-journal" name="journal" class="button tab-switch" type="button">Journal</button>`, `<button id="button-switch-journal" name="journal" class="button tab-switch" type="button">Journal</button>`,
`<button id="button-switch-statistics" name="statistics" class="button tab-switch" type="button">Stats</button>`, `<button id="button-switch-statistics" name="statistics" class="button tab-switch" type="button">Stats</button>`,
`<button id="button-switch-godhome" name="godhome" class="button tab-switch" type="button">Godmaster</button>`, `<button id="button-switch-godhome" name="godhome" class="button tab-switch" type="button">Godmaster</button>`,
`</div>`, `</div>`,
].join("\n"); ].join("\n");
@ -534,18 +534,6 @@ function GenerateInnerHTML(db) {
/* textFill += SingleEntryFill(section, entries[entry]); */ /* textFill += SingleEntryFill(section, entries[entry]); */
textFill += SingleEntryFill(obj); textFill += SingleEntryFill(obj);
/* ##################### Horizontal lines ####################### */
switch (entry) {
case "pantheonKnight":
case "bossDoorStateTier5":
case "VoidIdol_3":
case "greyPrinceDefeats":
case "ordealAchieved":
textFill += FLEUR_DIVIDE;
break;
}
} /* end for (let entry in entries) */ } /* end for (let entry in entries) */
} /* end switch (section) - central */ } /* end switch (section) - central */
@ -563,10 +551,10 @@ function GenerateInnerHTML(db) {
case "huntersJournalOptional": // essential case "huntersJournalOptional": // essential
case "statistics": // stats case "statistics": // stats
case "pantheonOfHallownest": // godhome case "pantheonOfHallownest": // godhome
finalHTMLFill += `</div>`; finalHTMLFill += `</div>`;
break; break;
} }
@ -576,13 +564,17 @@ function GenerateInnerHTML(db) {
console.log(finalHTMLFill); console.log(finalHTMLFill);
console.groupEnd(); */ console.groupEnd(); */
/* ##################### Horizontal line ####################### */
finalHTMLFill += FLEUR_DIVIDE;
/* --------------- Final single HTML access and fill here ------------------ */ /* --------------- Final single HTML access and fill here ------------------ */
document.getElementById("generated").innerHTML = finalHTMLFill; document.getElementById("generated").innerHTML = finalHTMLFill;
/* make tab switch buttons working (on click) - must run after inner HTML generation is finished */ /* make tab switch buttons working (on click) - must run after inner HTML generation is finished */
document.querySelectorAll(".tab-switch").forEach( (button) => { document.querySelectorAll(".tab-switch").forEach((button) => {
button.addEventListener("click", (e) => { button.addEventListener("click", (e) => {
PageSwitchTab(e.target.name); PageSwitchTab(e.target.name);
@ -874,7 +866,7 @@ function CheckboxSpoilersToggle(param = "none") {
* Hides all other tabs, except the one which button was clicked (shows only the chosen tab) * Hides all other tabs, except the one which button was clicked (shows only the chosen tab)
* @param {String} clickedButton The click target (button clicked) * @param {String} clickedButton The click target (button clicked)
*/ */
function PageSwitchTab(clickedButton) { function PageSwitchTab(clickedButton) {
let sectionList = document.querySelectorAll(".large-section"); let sectionList = document.querySelectorAll(".large-section");
let buttonList = document.querySelectorAll(".tab-switch"); let buttonList = document.querySelectorAll(".tab-switch");
@ -1069,11 +1061,11 @@ document.getElementById("save-location-input").addEventListener("mouseout", () =
/* change the text and center only when the text was different */ /* change the text and center only when the text was different */
if (tooltip.innerHTML !== "Click once to copy to clipboard") { if (tooltip.innerHTML !== "Click once to copy to clipboard") {
FillInnerHTML("save-location-input-tooltip", "Click once to copy to clipboard"); FillInnerHTML("save-location-input-tooltip", "Click once to copy to clipboard");
/* make sure that the tooltip is centered */ /* make sure that the tooltip is centered */
tooltip.style.marginLeft = `-${tooltip.offsetWidth / 2}px`; tooltip.style.marginLeft = `-${tooltip.offsetWidth / 2}px`;
} }
}, false); }, false);