mikl/hollow-knight-silksong-completion-check
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

create 4 main tabs

Browse source
This commit is contained in:
ReznoRMichael 2021-07-21 21:55:18 +02:00
parent 3a5aff4423
commit 1b8f1e988b
3 changed files with 63 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
build/app.js
View file

@ -5315,15 +5315,30 @@ function GenerateInnerHTML(db) {
for (var section in sections) { for (var section in sections) {
textFill = ""; textFill = "";
/* ############################# Tab Switch buttons ############################# */
switch (section) { switch (section) {
case "bosses": case "bosses":
textFill += ["<div class=\"tab-switch-buttons\">", "<button id=\"tab-switch-base\" class=\"button\">Base</button>", "<button id=\"tab-switch-essential\" class=\"button\">Essential</button>", "<button id=\"tab-switch-journal\" class=\"button\">Journal</button>", "<button id=\"tab-switch-statistics\" class=\"button\">Stats</button>", "<button id=\"tab-switch-godhome\" class=\"button\">Godhome</button>", "</div>"].join("\n"); textFill += ["<div class=\"tab-switch-buttons\">", "<button id=\"button-switch-main\" class=\"button\">Main</button>", "<button id=\"button-switch-essential\" class=\"button\">Essential</button>", "<button id=\"button-switch-journal\" class=\"button\">Journal</button>", "<button id=\"button-switch-statistics\" class=\"button\">Stats</button>", "<button id=\"button-switch-godhome\" class=\"button\">Godhome</button>", "</div>"].join("\n");
textFill += "<div id=\"tab-base\">"; textFill += "<div id=\"tab-main\">";
break;
case "essential":
textFill += "<div id=\"tab-essential\">";
break;
case "statistics":
textFill += "<div id=\"tab-statistics\">";
break;
case "godhomeStatistics":
textFill += "<div id=\"tab-godhome\">";
break; break;
} }
entries = sections[section].entries; entries = sections[section].entries;
/* ####################### Section div id start ########################## */
/* starts a new <div> with the current section id */ /* starts a new <div> with the current section id */
textFill += SectionStart(sections[section]); textFill += SectionStart(sections[section]);
@ -5600,7 +5615,15 @@ function GenerateInnerHTML(db) {
/* ################## End the Tab divs (must be after section ending div) ################# */ /* ################## End the Tab divs (must be after section ending div) ################# */
switch (section) { switch (section) {
case "statistics": /* ending the tabs */
case "godmaster": // main
case "achievements": // essential
case "statistics": // stats
case "godhomeStatistics":
// godhome
finalHTMLFill += "</div>"; finalHTMLFill += "</div>";
break; break;
} }

2
build/app.js.map
View file

File diff suppressed because one or more lines are too long

41
src/js/page-functions.js
View file

@ -188,27 +188,49 @@ function GenerateInnerHTML(db) {
textFill = ""; textFill = "";
/* ############################# Tab Switch buttons ############################# */
switch (section) { switch (section) {
case "bosses": case "bosses":
textFill += [ textFill += [
`<div class="tab-switch-buttons">`, `<div class="tab-switch-buttons">`,
`<button id="tab-switch-base" class="button">Base</button>`, `<button id="button-switch-main" class="button">Main</button>`,
`<button id="tab-switch-essential" class="button">Essential</button>`, `<button id="button-switch-essential" class="button">Essential</button>`,
`<button id="tab-switch-journal" class="button">Journal</button>`, `<button id="button-switch-journal" class="button">Journal</button>`,
`<button id="tab-switch-statistics" class="button">Stats</button>`, `<button id="button-switch-statistics" class="button">Stats</button>`,
`<button id="tab-switch-godhome" class="button">Godhome</button>`, `<button id="button-switch-godhome" class="button">Godhome</button>`,
`</div>`, `</div>`,
].join("\n"); ].join("\n");
textFill += `<div id="tab-base">`; textFill += `<div id="tab-main">`;
break;
case "essential":
textFill += `<div id="tab-essential">`;
break;
case "statistics":
textFill += `<div id="tab-statistics">`;
break;
case "godhomeStatistics":
textFill += `<div id="tab-godhome">`;
break; break;
} }
entries = sections[section].entries; entries = sections[section].entries;
/* ####################### Section div id start ########################## */
/* starts a new <div> with the current section id */ /* starts a new <div> with the current section id */
textFill += SectionStart(sections[section]); textFill += SectionStart(sections[section]);
@ -509,11 +531,16 @@ function GenerateInnerHTML(db) {
switch (section) { switch (section) {
case "statistics": /* ending the tabs */
case "godmaster": // main
case "achievements": // essential
case "statistics": // stats
case "godhomeStatistics": // godhome
finalHTMLFill += `</div>`; finalHTMLFill += `</div>`;
break; break;
} }
} /* end for (let section in sections) */ } /* end for (let section in sections) */