display soul amount and images

This commit is contained in:
ReznoRMichael 2021-07-07 12:14:46 +02:00
parent bc79c3f8d3
commit 1c6b009d75
5 changed files with 71 additions and 41 deletions

View file

@ -301,7 +301,7 @@ function CheckSaveFileVersion(section) {
function CheckHealthMasks(section) { function CheckHealthMasks(section) {
var masks = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5; var masks = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5;
var permadeathMode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0; var permadeathMode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
section.entries.health.masks = masks; section.entries.health.amountTotal = masks;
if (permadeathMode > 0) { if (permadeathMode > 0) {
section.entries.health.permadeathMode = true; section.entries.health.permadeathMode = true;
@ -329,16 +329,15 @@ function CheckHealthMasks(section) {
function CheckSoulOrbs(section, totalSoul) { function CheckSoulOrbs(section, totalSoul) {
var icon = SYMBOL_EMPTY; /* let icon = SYMBOL_EMPTY;
var textFill = "<span>Soul:</span>"; let textFill = "<span>Soul:</span>";
var soulImages = ""; let soulImages = "";
var soulNormal = "<img src='".concat(_img_soul_orb_png__WEBPACK_IMPORTED_MODULE_5__, "' class='soul-orb' alt='soul orb image' title='Single Soul Orb (one spell cast)'>"); let soulNormal = `<img src='${SOUL_ORB_IMAGE}' class='soul-orb' alt='soul orb image' title='Single Soul Orb (one spell cast)'>`;
var soulImg = soulNormal; let soulImg = soulNormal;
for (let i = 0, total = totalSoul / 33; i < total; i++) {
for (var i = 0, total = totalSoul / 33; i < total; i++) {
soulImages += soulImg; soulImages += soulImg;
} // document.getElementById(section.id).innerHTML += divStartCenter + icon + textFill + soulImages + divEnd; } */
section.entries.soul.amountTotal = totalSoul; // document.getElementById(section.id).innerHTML += divStartCenter + icon + textFill + soulImages + divEnd;
} }
/** /**
* Fills HTML with the Geo value of the save file * Fills HTML with the Geo value of the save file
@ -2521,7 +2520,7 @@ var HK = {
icon: "none", icon: "none",
name: "Health:", name: "Health:",
spoiler: "", spoiler: "",
masks: 5, amountTotal: 5,
permadeathMode: false permadeathMode: false
}, },
soul: { soul: {
@ -2529,21 +2528,23 @@ var HK = {
icon: "none", icon: "none",
name: "Soul:", name: "Soul:",
spoiler: "", spoiler: "",
amount: 99 amountTotal: 99
}, },
notches: { notches: {
id: "notches", id: "notches",
icon: "none", icon: "none",
name: "Notches:", name: "Notches:",
spoiler: "", spoiler: "",
amount: 3 amountTotal: 3
}, },
geo: { geo: {
id: "geo", id: "geo",
icon: "none", icon: "none",
name: "Geo:", name: "Geo:",
spoiler: "", spoiler: "",
amount: 0 amount: 0,
amountShade: 0,
amountTotal: 0
} }
} }
}, },
@ -5034,10 +5035,10 @@ function SingleEntryFill(section, entry) {
var textPrefix = ""; var textPrefix = "";
var textSuffix = ""; var textSuffix = "";
var textFill = ""; var textFill = "";
var maskImages = ""; var Img = "";
var maskImg = "";
var maskNormal = "<img src='".concat(_img_health_mask_png__WEBPACK_IMPORTED_MODULE_0__, "' class='health-mask' alt='health mask image' title='Health Mask'>"); var maskNormal = "<img src='".concat(_img_health_mask_png__WEBPACK_IMPORTED_MODULE_0__, "' class='health-mask' alt='health mask image' title='Health Mask'>");
var maskSteel = "<img src='".concat(_img_health_mask_steel_png__WEBPACK_IMPORTED_MODULE_1__, "' class='health-mask' alt='steel health mask image' title='Steel Health Mask'>"); var maskSteel = "<img src='".concat(_img_health_mask_steel_png__WEBPACK_IMPORTED_MODULE_1__, "' class='health-mask' alt='steel health mask image' title='Steel Health Mask'>");
var soulNormal = "<img src='".concat(_img_soul_orb_png__WEBPACK_IMPORTED_MODULE_2__, "' class='soul-orb' alt='soul orb image' title='Single Soul Orb (one spell cast)'>");
var wiki = ""; var wiki = "";
var div = "<div class='single-entry'>"; var div = "<div class='single-entry'>";
var divFlex = "<div class='flex-container align-center'>"; var divFlex = "<div class='flex-container align-center'>";
@ -5098,13 +5099,25 @@ function SingleEntryFill(section, entry) {
case "health": case "health":
div = divFlex; div = divFlex;
span = ["", ""]; span = ["", ""];
entry.permadeathMode ? maskImg = maskSteel : maskImg = maskNormal; entry.permadeathMode ? Img = maskSteel : Img = maskNormal;
for (var i = 0; i < entry.masks; i++) { for (var i = 0; i < entry.amountTotal; i++) {
textSuffix += maskImg; textSuffix += Img;
} }
textSuffix += "".concat(p, "<sup>(").concat(entry.masks, ")</sup>"); textSuffix += "".concat(p, "<sup>(").concat(entry.amountTotal, ")</sup>");
break;
case "soul":
div = divFlex;
span = ["", ""];
Img = soulNormal;
for (var _i = 0, total = entry.amountTotal / 33; _i < total; _i++) {
textSuffix += Img;
}
textSuffix += "".concat(p, "<sup>(").concat(entry.amountTotal / 33, ")</sup>");
break; break;
default: default:
@ -5226,8 +5239,8 @@ function CheckboxSpoilersToggle() {
break; break;
case "show": case "show":
for (var _i = 0; _i < length; _i++) { for (var _i2 = 0; _i2 < length; _i2++) {
allClassElements[_i].classList.remove("hidden"); allClassElements[_i2].classList.remove("hidden");
} }
checkboxId.value = "spoilers-on"; checkboxId.value = "spoilers-on";
@ -5242,8 +5255,8 @@ function CheckboxSpoilersToggle() {
default: default:
// This runs when the checkbox is not checked // This runs when the checkbox is not checked
if (checkboxId.checked === false) { if (checkboxId.checked === false) {
for (var _i2 = 0; _i2 < length; _i2++) { for (var _i3 = 0; _i3 < length; _i3++) {
allClassElements[_i2].classList.add("hidden"); allClassElements[_i3].classList.add("hidden");
} }
checkboxId.value = "spoilers-off"; // remember this choice for subsequent page visits and browser restarts checkboxId.value = "spoilers-off"; // remember this choice for subsequent page visits and browser restarts
@ -5255,8 +5268,8 @@ function CheckboxSpoilersToggle() {
break; break;
} // This runs when the checkbox is checked } // This runs when the checkbox is checked
else { else {
for (var _i3 = 0; _i3 < length; _i3++) { for (var _i4 = 0; _i4 < length; _i4++) {
allClassElements[_i3].classList.remove("hidden"); allClassElements[_i4].classList.remove("hidden");
} }
checkboxId.value = "spoilers-on"; // remember this choice for subsequent page visits and browser restarts checkboxId.value = "spoilers-on"; // remember this choice for subsequent page visits and browser restarts

File diff suppressed because one or more lines are too long

View file

@ -378,7 +378,7 @@ function CheckSaveFileVersion(section, saveVersion = HK.sections.intro.entries.s
*/ */
function CheckHealthMasks(section, masks = 5, permadeathMode = 0) { function CheckHealthMasks(section, masks = 5, permadeathMode = 0) {
section.entries.health.masks = masks; section.entries.health.amountTotal = masks;
if (permadeathMode > 0) { if (permadeathMode > 0) {
section.entries.health.permadeathMode = true; section.entries.health.permadeathMode = true;
@ -409,7 +409,7 @@ function CheckHealthMasks(section, masks = 5, permadeathMode = 0) {
*/ */
function CheckSoulOrbs(section, totalSoul) { function CheckSoulOrbs(section, totalSoul) {
let icon = SYMBOL_EMPTY; /* let icon = SYMBOL_EMPTY;
let textFill = "<span>Soul:</span>"; let textFill = "<span>Soul:</span>";
let soulImages = ""; let soulImages = "";
let soulNormal = `<img src='${SOUL_ORB_IMAGE}' class='soul-orb' alt='soul orb image' title='Single Soul Orb (one spell cast)'>`; let soulNormal = `<img src='${SOUL_ORB_IMAGE}' class='soul-orb' alt='soul orb image' title='Single Soul Orb (one spell cast)'>`;
@ -417,7 +417,9 @@ function CheckSoulOrbs(section, totalSoul) {
for (let i = 0, total = totalSoul / 33; i < total; i++) { for (let i = 0, total = totalSoul / 33; i < total; i++) {
soulImages += soulImg; soulImages += soulImg;
} } */
section.entries.soul.amountTotal = totalSoul;
// document.getElementById(section.id).innerHTML += divStartCenter + icon + textFill + soulImages + divEnd; // document.getElementById(section.id).innerHTML += divStartCenter + icon + textFill + soulImages + divEnd;
} }

View file

@ -44,7 +44,7 @@ const HK = {
icon: "none", icon: "none",
name: "Health:", name: "Health:",
spoiler: "", spoiler: "",
masks: 5, amountTotal: 5,
permadeathMode: false, permadeathMode: false,
}, },
soul: { soul: {
@ -52,21 +52,23 @@ const HK = {
icon: "none", icon: "none",
name: "Soul:", name: "Soul:",
spoiler: "", spoiler: "",
amount: 99 amountTotal: 99
}, },
notches: { notches: {
id: "notches", id: "notches",
icon: "none", icon: "none",
name: "Notches:", name: "Notches:",
spoiler: "", spoiler: "",
amount: 3 amountTotal: 3
}, },
geo: { geo: {
id: "geo", id: "geo",
icon: "none", icon: "none",
name: "Geo:", name: "Geo:",
spoiler: "", spoiler: "",
amount: 0 amount: 0,
amountShade: 0,
amountTotal: 0
} }
}, },
}, },

View file

@ -277,10 +277,10 @@ function SingleEntryFill(section, entry) {
let textPrefix = ""; let textPrefix = "";
let textSuffix = ""; let textSuffix = "";
let textFill = ""; let textFill = "";
let maskImages = ""; let Img = "";
let maskImg = "";
let maskNormal = `<img src='${HEALTH_MASK_IMAGE}' class='health-mask' alt='health mask image' title='Health Mask'>`; let maskNormal = `<img src='${HEALTH_MASK_IMAGE}' class='health-mask' alt='health mask image' title='Health Mask'>`;
let maskSteel = `<img src='${HEALTH_MASK_STEEL_IMAGE}' class='health-mask' alt='steel health mask image' title='Steel Health Mask'>`; let maskSteel = `<img src='${HEALTH_MASK_STEEL_IMAGE}' class='health-mask' alt='steel health mask image' title='Steel Health Mask'>`;
let soulNormal = `<img src='${SOUL_ORB_IMAGE}' class='soul-orb' alt='soul orb image' title='Single Soul Orb (one spell cast)'>`;
let wiki = ""; let wiki = "";
let div = `<div class='single-entry'>`; let div = `<div class='single-entry'>`;
@ -346,13 +346,26 @@ function SingleEntryFill(section, entry) {
div = divFlex; div = divFlex;
span = ["", ""]; span = ["", ""];
(entry.permadeathMode) ? maskImg = maskSteel: maskImg = maskNormal; (entry.permadeathMode) ? Img = maskSteel: Img = maskNormal;
for (let i = 0; i < entry.masks; i++) { for (let i = 0; i < entry.amountTotal; i++) {
textSuffix += maskImg; textSuffix += Img;
} }
textSuffix += `${p}<sup>(${entry.masks})</sup>`; textSuffix += `${p}<sup>(${entry.amountTotal})</sup>`;
break;
case "soul":
div = divFlex;
span = ["", ""];
Img = soulNormal;
for (let i = 0, total = entry.amountTotal / 33; i < total; i++) {
textSuffix += Img;
}
textSuffix += `${p}<sup>(${entry.amountTotal / 33})</sup>`;
break; break;