single horizontal line at the bottom
This commit is contained in:
parent
cb338577fd
commit
6806c64104
3 changed files with 23 additions and 39 deletions
16
build/app.js
16
build/app.js
|
|
@ -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
|
|
@ -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);
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue