display soul amount and images
This commit is contained in:
parent
bc79c3f8d3
commit
1c6b009d75
5 changed files with 71 additions and 41 deletions
65
build/app.js
65
build/app.js
|
|
@ -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
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue