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

CheckNotches()

Browse source
This commit is contained in:
ReznoRMichael 2021-01-28 03:13:34 +01:00
parent 5ba079e72c
commit ebc862f5ca
5 changed files with 65 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
docs/app.js
View file

File diff suppressed because one or more lines are too long

14
docs/main.css
View file

@ -431,16 +431,28 @@ a:hover {
align-items: center;
}
.soul-orb:first-child {
margin-left: 0.3rem;
}
.health-mask,
.soul-orb,
.geo-symbol {
.geo-symbol,
.notch {
width: auto;
height: 1.48rem;
margin: 0 0 0 0.3rem;
}
.notch {
padding-left: 0.3rem;
margin-left: -0.6rem;
}
.soul-orb {
height: 1.3rem;
padding-left: 0.3rem;
margin-left: -0.15rem;
}
.geo-symbol {

14
src/css/style.css
View file

@ -321,16 +321,28 @@ a:hover {
align-items: center;
}
.soul-orb:first-child {
margin-left: 0.3rem;
}
.health-mask,
.soul-orb,
.geo-symbol {
.geo-symbol,
.notch {
width: auto;
height: 1.48rem;
margin: 0 0 0 0.3rem;
}
.notch {
padding-left: 0.3rem;
margin-left: -0.6rem;
}
.soul-orb {
height: 1.3rem;
padding-left: 0.3rem;
margin-left: -0.15rem;
}
.geo-symbol {

BIN
src/img/notch.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.8 KiB

27
src/js/HKCheckCompletion.js
View file

@ -30,6 +30,7 @@ import {
import healthMaskImage from "../img/health-mask.png";
import healthMaskSteelImage from "../img/health-mask-steel.png";
import soulOrbImage from "../img/soul-orb.png";
import notchImage from "../img/notch.png";
import geoImage from "../img/geo.png";
// ---------------- Constants ----------------- //
@ -140,6 +141,10 @@ function HKCheckCompletion(jsonObject) {
CheckSoulOrbs(DIV_ID.intro, HKPlayerData.maxMP + HKPlayerData.MPReserveMax);
// ---------------- Charm Notches (Slots) ----------------- //
CheckNotches(DIV_ID.intro, HKPlayerData.charmSlots);
// ---------------- Geo Amount ----------------- //
CheckGeo(DIV_ID.intro, HKPlayerData.geo);
@ -492,6 +497,25 @@ function CheckGeo(divId, geoValue) {
document.getElementById(divId.id).innerHTML += divStartCenter + icon + textFill + divEnd;
}
/**
* Fills HTML with appriopriate number of notch images
* @param {object} divId ID of the HTML element for data appending
* @param {number} totalNotches Number of total Charm Notches the player has. 11 = max
*/
function CheckNotches(divId, totalNotches = 3) {
let icon = SYMBOL_EMPTY;
let textFill = `<span>Notches:</span>${pSpan}`;
let notchImages = "";
let notchImg = `<img src='${notchImage}' class='notch' alt='notch image'>`;
for (let i = 0; i < totalNotches; i++) {
notchImages += notchImg;
}
document.getElementById(divId.id).innerHTML += divStartCenter + icon + textFill + notchImages + divEnd;
}
/**
* Verifies if the data in a specific object is true or false, and appends HTML accordingly.
* @param {object} divId ID of the HTML element for data appending
@ -871,6 +895,9 @@ function InitialHTMLPopulate(divIdObj) {
// Soul Orbs
CheckSoulOrbs(divIdObj.intro, 99);
// Charm Notches
CheckNotches(divIdObj.intro);
// Geo
CheckGeo(divIdObj.intro, 0);