ada/tunic-tracker-redux
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tracker with the plugin now has feature parity with the previous iteration of the backend.

Browse Source
This commit is contained in:
Ada Werefox 2024-04-05 19:59:22 -05:00
parent b7cce37c93
commit 08ed4c494c
7 changed files with 815 additions and 474 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

516
tunictracker/tracker/static/tracker/assets/refresh.js
View File

@ -4,7 +4,7 @@ var current_seed = Number.MAX_VALUE;
var current_checks = 0;
var current_entrances = 0;
var current_hints = 0;
var current_codes = { total: 0, codes: { name: "", distance: 0 } };
var current_codes = 0;
var total_checks = 0;
var total_entrances = 0;
@ -80,27 +80,6 @@ function notices_ur_debug() {
document.getElementById("debug-block").classList.toggle("hidden");
}
async function get_updated_filepath() {
fetch(`${document.URL}get/settings`)
.then((response) => response.json())
.then(
(data) => {
backend_filepath = JSON.parse(JSON.stringify(data));
fetch(`${server_address}settings`, {
method: "post",
headers: { "Content-type": "application/json" },
body: JSON.stringify({
secretLegend: backend_filepath,
address: ":8000",
}),
});
},
(error) => {
console.log(error);
}
);
}
async function get_updated_server_address() {
fetch(`${document.URL}get/address`)
.then(
@ -124,21 +103,15 @@ async function get_updated_server_address() {
}
async function refresh_overview() {
fetch(`${server_address}overview`)
.then((response) => response.json())
.then((data) => {
// Attempt to receive response JSON.
const response = await fetch(`${server_address}overview`);
const data = await response.json();
return data;
});
}
async function refresh_hints() {
fetch(`${server_address}hints`)
.then((response) => response.json())
.then((data) => {
// Attempt to receive response JSON.
const response = await fetch(`${server_address}hints`);
const data = await response.json();
return data;
});
}
async function refresh_checks() {
@ -148,10 +121,12 @@ async function refresh_checks() {
}
async function refresh_entrances() {
fetch(`${server_address}doors`).then((response) => response.json());
const response = await fetch(`${server_address}doors`);
const data = await response.json();
return data;
}
async function update_overview(overview) {
async function update_overview(overview, changed_scene, changed_codes) {
let overview_checks_title = document
.getElementById("overview-totals")
.querySelector(".overview-checks");
@ -160,19 +135,227 @@ async function update_overview(overview) {
.querySelector(".overview-entrances");
// Set content to updated data.
overview_checks_title.textContent = `Checks: ${current_checks}/${total_checks}`;
overview_entrances_title.textContent = `Entrances: ${current_entrances}/${total_entrances}`;
overview_checks_title.textContent = `Checks: ${overview.items}/${total_checks}`;
overview_entrances_title.textContent = `Entrances: ${
overview.entrances * 2
}/${total_entrances}`;
current_seed = overview.seed;
current_scene = overview.scene;
current_checks = overview.items;
current_entrances = overview.entrances;
current_hints = overview.hints;
current_codes = Object.keys(overview.codes).length;
if (changed_scene) {
await update_scene(overview.scene);
}
if (changed_codes) {
console.log(Object.keys(overview.codes).length);
await update_codes(overview.codes);
}
}
async function update_codes(codes) {
// Codes that are always active
const default_cross_codes = cross_codes.Default;
// One time codes independent of scene
const global_cross_codes = cross_codes.Global;
let new_cross_codes_block_list = document
.getElementById("codes-list")
.cloneNode(true);
let cross_codes_block_list_item = document
.getElementById("codes-list")
.firstElementChild.cloneNode(true);
new_cross_codes_block_list.innerHTML = "";
new_cross_codes_block_list.appendChild(
cross_codes_block_list_item.cloneNode(true)
);
cross_codes_block_list_item.classList.remove("hidden");
Object.keys(default_cross_codes).forEach((code) => {
cross_codes_block_list_item.querySelector(
".codes-list-item-title"
).textContent = code;
cross_codes_block_list_item.querySelector(
".codes-list-item-code"
).textContent = default_cross_codes[code]
.replace(/U/g, "⬆️")
.replace(/R/g, "➡️")
.replace(/D/g, "⬇️")
.replace(/L/g, "⬅️");
new_cross_codes_block_list.appendChild(
cross_codes_block_list_item.cloneNode(true)
);
});
Object.keys(global_cross_codes).forEach((code) => {
cross_codes_block_list_item.querySelector(
".codes-list-item-title"
).textContent = code;
cross_codes_block_list_item.querySelector(
".codes-list-item-code"
).textContent = global_cross_codes[code]
.replace(/U/g, "⬆️")
.replace(/R/g, "➡️")
.replace(/D/g, "⬇️")
.replace(/L/g, "⬅️");
new_cross_codes_block_list.appendChild(
cross_codes_block_list_item.cloneNode(true)
);
});
Object.keys(codes).forEach((code) => {
cross_codes_block_list_item.querySelector(
".codes-list-item-title"
).textContent = code;
cross_codes_block_list_item.querySelector(
".codes-list-item-code"
).textContent = cross_codes[current_scene][code]
.replace(/U/g, "⬆️")
.replace(/R/g, "➡️")
.replace(/D/g, "⬇️")
.replace(/L/g, "⬅️");
new_cross_codes_block_list.appendChild(
cross_codes_block_list_item.cloneNode(true)
);
});
console.log(codes);
document.getElementById("codes-list").replaceWith(new_cross_codes_block_list);
}
async function update_summary() {}
async function apply_summary_colors(summary) {
// Apply color coding to summary block
summary.element.classList.remove(
"from-highlight-both-light",
"from-highlight-checks-light",
"from-highlight-entrances-light",
"from-highlight-empty-light",
"from-highlight-undiscovered-light",
"to-highlight-both-dark",
"to-highlight-checks-dark",
"to-highlight-entrances-dark",
"to-highlight-empty-dark",
"to-highlight-undiscovered-dark",
"text-highlight-both-text",
"text-highlight-checks-text",
"text-highlight-entrances-text",
"text-highlight-empty-text",
"text-highlight-undiscovered-text"
);
console.log(summary);
if (summary.checks_total > 0 && summary.entrances_total > 0) {
if (
summary.checks_collected == summary.checks_total &&
summary.entrances_found == summary.entrances_total
) {
summary.element.classList.add(
"from-highlight-empty-light",
"to-highlight-empty-dark",
"text-highlight-empty-text"
);
} else if (
summary.checks_collected <= 0 &&
summary.entrances_found <= 0 &&
summary.entrances_total > 0
) {
summary.element.classList.add(
"from-highlight-undiscovered-light",
"to-highlight-undiscovered-dark",
"text-highlight-undiscovered-text"
);
} else if (summary.checks_collected >= summary.checks_total) {
summary.element.classList.add(
"from-highlight-checks-light",
"to-highlight-checks-dark",
"text-highlight-checks-text"
);
} else if (summary.entrances_found >= summary.entrances_total) {
summary.element.classList.add(
"from-highlight-entrances-light",
"to-highlight-entrances-dark",
"text-highlight-entrances-text"
);
} else {
summary.element.classList.add(
"from-highlight-both-light",
"to-highlight-both-dark",
"text-highlight-both-text"
);
}
}
}
async function update_summary(updates) {
if ("checks" in updates) {
const summary_checks = document
.getElementById("summary-list")
.querySelector(`[data-scene="${updates.scene}"]`)
.querySelector(".summary-checks");
summary_checks.textContent = `Checks: ${updates.checks}/${summary_checks.dataset.checksTotal}`;
summary_checks.dataset.checksUndiscovered = updates.checks;
apply_summary_colors({
element: document
.getElementById("summary-list")
.querySelector(`[data-scene="${updates.scene}"]`).firstElementChild,
checks_collected: updates.checks,
checks_total: summary_checks.dataset.checksTotal,
entrances_found: document
.getElementById("summary-list")
.querySelector(`[data-scene="${updates.scene}"]`)
.querySelector(".summary-entrances").dataset.entrancesUndiscovered,
entrances_total: document
.getElementById("summary-list")
.querySelector(`[data-scene="${updates.scene}"]`)
.querySelector(".summary-entrances").dataset.entrancesTotal,
});
} else if ("entrances" in updates) {
console.log(
`scene: ${document
.getElementById("summary-list")
.querySelector(`[data-scene="${updates.scene}"]`)}\n${
updates.entrances
}`
);
const summary_entrances = document
.getElementById("summary-list")
.querySelector(`[data-scene="${updates.scene}"]`)
.querySelector(".summary-entrances");
summary_entrances.textContent = `Entrances: ${updates.entrances}/${summary_entrances.dataset.entrancesTotal}`;
summary_entrances.dataset.entrancesUndiscovered = updates.entrances;
apply_summary_colors({
element: document
.getElementById("summary-list")
.querySelector(`[data-scene="${updates.scene}"]`).firstElementChild,
checks_collected: document
.getElementById("summary-list")
.querySelector(`[data-scene="${updates.scene}"]`)
.querySelector(".summary-checks").dataset.checksUndiscovered,
checks_total: document
.getElementById("summary-list")
.querySelector(`[data-scene="${updates.scene}"]`)
.querySelector(".summary-checks").dataset.checksTotal,
entrances_found: updates.entrances,
entrances_total: summary_entrances.dataset.entrancesTotal,
});
} else {
console.log("What the heck is this");
}
}
async function update_checks(checks) {
total_checks = checks.total;
let new_breakdown_block_checks_list = document
.getElementById("breakdown-list")
.firstElementChild.querySelector(".breakdown-block-checks-list")
.cloneNode(true);
let breakdown_block_checks_list_item = document
.getElementById("breakdown-list")
.firstElementChild.querySelector(".breakdown-block-checks-list")
.firstElementChild.cloneNode(true);
// Create new lists with updated data.
let breakdown_list = Array.from(
document.getElementById("breakdown-list").children
@ -181,19 +364,24 @@ async function update_checks(checks) {
// Create variables for element pointers.
let scene_title = scene.querySelector(".breakdown-block-title").textContent;
if (scene_title) {
const scene_checks = parseInt(
scene.querySelector(".breakdown-block-checks-title").dataset.checks
);
if (scene_checks != checks.scenes[scene_title].collected) {
scene.querySelector(".breakdown-block-checks-title").dataset.checks =
scene_checks;
update_summary({
scene: scene_title,
checks: checks.scenes[scene_title].collected,
});
scene.querySelector(
".breakdown-block-checks-title"
).textContent = `Checks: ${checks.scenes[scene_title].collected}/${checks.scenes[scene_title].total}`;
let new_breakdown_block_checks_list = scene
.querySelector(".breakdown-block-checks-list")
.cloneNode(true);
let breakdown_block_checks_list_item = scene
.querySelector(".breakdown-block-checks-list")
.firstElementChild.cloneNode(true);
new_breakdown_block_checks_list.innerHTML = "";
breakdown_block_checks_list_item.classList.remove("hidden");
Object.keys(checks.scenes[scene_title].checks).forEach((check) => {
if (!check.name) {
if (checks.scenes[scene_title].checks[check].name == "") {
breakdown_block_checks_list_item.textContent = `❌ ${check}`;
new_breakdown_block_checks_list.appendChild(
breakdown_block_checks_list_item.cloneNode(true)
@ -208,20 +396,97 @@ async function update_checks(checks) {
.getElementById("breakdown-list")
.querySelector(`[data-breakdown-scene="${scene_title}"]`)
.querySelector(".breakdown-block-checks-list")
.replaceWith(new_breakdown_block_checks_list);
.replaceWith(new_breakdown_block_checks_list.cloneNode(true));
}
}
});
current_checks = checks.collected;
return;
// current_checks = checks.collected;
}
async function update_entrances(entrances) {
total_checks = entrances.total;
total_entrances = entrances.total;
let new_breakdown_block_entrances_list = document
.getElementById("breakdown-list")
.firstElementChild.querySelector(".breakdown-block-entrances-list")
.cloneNode(true);
let breakdown_block_entrances_list_item = document
.getElementById("breakdown-list")
.firstElementChild.querySelector(".breakdown-block-entrances-list")
.firstElementChild.cloneNode(true);
let new_breakdown_block_mapped_list = document
.getElementById("breakdown-list")
.firstElementChild.querySelector(".breakdown-block-mapped-list")
.cloneNode(true);
let breakdown_block_mapped_list_item = document
.getElementById("breakdown-list")
.firstElementChild.querySelector(".breakdown-block-mapped-list")
.firstElementChild.cloneNode(true);
// Create new lists with updated data.
Object.keys(current_entrances_list).forEach((scene) => {
let breakdown_list = Array.from(
document.getElementById("breakdown-list").children
);
breakdown_list.forEach((scene) => {
// Create variables for element pointers.
let scene_title = scene.querySelector(".breakdown-block-title").textContent;
if (scene_title) {
const scene_entrances = parseInt(
scene.querySelector(".breakdown-block-entrances-title").dataset
.entrances
);
if (scene_entrances != entrances.scenes[scene_title].found) {
scene.querySelector(".breakdown-block-checks-title").dataset.entrances =
scene_entrances;
update_summary({
scene: scene_title,
entrances: entrances.scenes[scene_title].found,
});
scene.querySelector(
".breakdown-block-entrances-title"
).textContent = `Entrances: ${entrances.scenes[scene_title].found}/${entrances.scenes[scene_title].total}`;
new_breakdown_block_entrances_list.innerHTML = "";
breakdown_block_entrances_list_item.classList.remove("hidden");
new_breakdown_block_mapped_list.innerHTML = "";
breakdown_block_mapped_list_item.classList.remove("hidden");
Object.keys(entrances.scenes[scene_title].doors).forEach((entrance) => {
if (entrances.scenes[scene_title].doors[entrance].door == "") {
breakdown_block_entrances_list_item.textContent = `❌ ${entrance}`;
new_breakdown_block_entrances_list.appendChild(
breakdown_block_entrances_list_item.cloneNode(true)
);
} else {
breakdown_block_mapped_list_item.textContent = `✔️ ${entrance} -> ${entrances.scenes[scene_title].doors[entrance].door}`;
breakdown_block_mapped_list_item.id = `${entrance}-mapped`;
breakdown_block_mapped_list_item.dataset.scene =
entrances.scenes[scene_title].doors[entrance].scene;
new_breakdown_block_mapped_list.appendChild(
breakdown_block_mapped_list_item.cloneNode(true)
);
}
});
document
.getElementById("breakdown-list")
.querySelector(`[data-breakdown-scene="${scene_title}"]`)
.querySelector(".breakdown-block-entrances-list").innerHTML = "";
document
.getElementById("breakdown-list")
.querySelector(`[data-breakdown-scene="${scene_title}"]`)
.querySelector(".breakdown-block-entrances-list")
.replaceWith(new_breakdown_block_entrances_list.cloneNode(true));
document
.getElementById("breakdown-list")
.querySelector(`[data-breakdown-scene="${scene_title}"]`)
.querySelector(".breakdown-block-mapped-list").innerHTML = "";
document
.getElementById("breakdown-list")
.querySelector(`[data-breakdown-scene="${scene_title}"]`)
.querySelector(".breakdown-block-mapped-list")
.replaceWith(new_breakdown_block_mapped_list.cloneNode(true));
}
}
});
return;
}
async function update_hints(hints) {
@ -231,61 +496,112 @@ async function update_hints(hints) {
async function update_scene(scene) {
Array.from(document.getElementById("breakdown-list").children).forEach(
(breakdown) => {
if (
breakdown.querySelector(".breakdown-block-title").textContent == scene
) {
breakdown.classList.remove("hidden");
breakdown.dataset.current = "true";
} else if (breakdown.dataset.current == "true") {
breakdown.dataset.current = "false";
breakdown.classList.add("hidden");
const breakdown_title = breakdown.querySelector(
".breakdown-block-title"
).textContent;
if (breakdown_title == scene) {
document
.getElementById("breakdown-list")
.querySelector(`[data-breakdown-scene="${scene}"]`)
.classList.remove("hidden");
document
.getElementById("breakdown-list")
.querySelector(`[data-breakdown-scene="${scene}"]`).dataset.current =
"true";
document
.getElementById("breakdown-list")
.querySelector(`[data-breakdown-scene="${scene}"]`)
.classList.add("order-last");
} else {
document
.getElementById("breakdown-list")
.querySelector(
`[data-breakdown-scene="${breakdown_title}"]`
).dataset.current = "false";
document
.getElementById("breakdown-list")
.querySelector(`[data-breakdown-scene="${breakdown_title}"]`)
.classList.add("hidden");
document
.getElementById("breakdown-list")
.querySelector(`[data-breakdown-scene="${breakdown_title}"]`)
.classList.remove("order-last");
}
}
);
Array.from(
document.getElementById("summary-list").firstElementChild.children
).forEach((summary) => {
if (summary.dataset.scene == scene) {
summary.classList.add("hidden");
} else if (!(summary.dataset.scene == "")) {
summary.classList.remove("hidden");
const summary_scene = summary.dataset.scene;
if (summary_scene == scene) {
document
.getElementById("summary-list")
.firstElementChild.querySelector(`[data-scene="${scene}"]`)
.classList.add("hidden");
} else if (!(summary_scene == "")) {
document
.getElementById("summary-list")
.firstElementChild.querySelector(`[data-scene="${summary_scene}"]`)
.classList.remove("hidden");
}
});
current_scene = scene;
}
async function perform_updates(
changed_seed,
changed_checks,
changed_entrances,
changed_hints
) {
if (changed_seed) {
console.log("Seed changed.");
update_checks(await refresh_checks());
update_entrances(await refresh_entrances());
update_hints(await refresh_hints());
} else {
if (changed_checks) {
refresh_checks().then((data) => update_checks(data));
}
if (changed_entrances) {
refresh_entrances().then((data) => update_entrances(data));
}
if (changed_hints) {
refresh_hints().then((data) => update_hints(data));
}
}
}
async function refresh_elements() {
fetch(`${server_address}overview`)
.then((response) => response.json())
.then(
(data) => {
// Attempt to receive response JSON.
const overview = JSON.parse(JSON.stringify(data));
const overview = await refresh_overview();
document.getElementById("status-block").classList.add("hidden");
if (overview.seed != current_seed) {
current_seed = overview.seed;
current_scene = overview.scene;
current_checks = overview.items;
current_entrances = overview.entrances;
current_hints = overview.hints;
current_codes = overview.codes.length;
refresh_checks().then((data) => update_checks(data));
update_entrances(refresh_entrances());
update_hints(refresh_hints());
} else {
if (overview.scene != current_scene) {
update_scene(overview.scene);
}
if (overview.items != current_checks) {
refresh_checks().then((data) => update_checks(data));
}
if (overview.entraces != current_entrances) {
update_entrances(refresh_entrances);
}
if (overview.hints != current_hints) {
update_hints(refresh_hints);
}
const changed_seed = overview.seed != current_seed;
const changed_scene = overview.scene != current_scene;
const changed_checks = overview.items != current_checks;
const changed_entrances = overview.entrances != current_entrances;
const changed_codes = Object.keys(overview.codes).length != current_codes;
const changed_hints = overview.hints != current_hints;
const any_change =
changed_seed ||
changed_scene ||
changed_checks ||
changed_entrances ||
changed_codes ||
changed_hints;
if (any_change) {
await perform_updates(
changed_seed,
changed_checks,
changed_entrances,
changed_hints
);
update_overview(overview, changed_scene, changed_codes);
}
// refresh_overview().then(
// (overview) => {
// let summary_block = document
// .getElementById("summary-list")
@ -623,13 +939,13 @@ async function refresh_elements() {
// // .getElementById("debug-block")
// // .querySelector(".debug-list")
// // .replaceWith(new_debug_block.cloneNode(true));
},
(error) => {
document.getElementById("status-block").classList.remove("hidden");
get_updated_server_address();
return error;
}
);
// },
// (error) => {
// document.getElementById("status-block").classList.remove("hidden");
// get_updated_server_address();
// return error;
// }
// );
}
// Outdated funcion to log the data gathered from the backend.

3
tunictracker/tracker/static/tracker/data/holy_cross_codes.json
View File

@ -2,7 +2,8 @@
"Default": {
"Speedrunner Code": "RULDDRULU",
"Seeking Spell": "ULURDR",
"Healing Spell": "DRDLURU"
"Healing Spell": "DRDLURU",
"Plushie Code": "URRDLDRURRDLDRULDRDLLULDRDLLL"
},
"Cathedral": {
"Secret Legend Door": "LULURULURDRRURDLDRDLDL"

10
tunictracker/tracker/templates/tracker/breakdown/block.html
View File

@ -1,10 +1,13 @@
<div class="flex flex-col space-y-2 max-w-full {{ extra_classes }}" data-current="{{ is_current_scene }}" data-breakdown-scene="{{ scene_title }}">
<div class="flex flex-col space-y-2 max-w-full {{ extra_classes }}"
data-current="{{ is_current_scene }}"
data-breakdown-scene="{{ scene_title }}">
<div class="px-2">
<div class="flex text-xl breakdown-block-title">{{ scene_title }}</div>
<div class="flex flex-col justify-center md:flex-row md:space-x-4">
<div class="flex flex-col overflow-hidden basis-1/2">
<div class="flex flex-col my-2 space-y-2">
<div class="text-md breakdown-block-checks-title">
<div class="text-md breakdown-block-checks-title"
data-checks="{{ scene_data.checks.collected }}">
Checks: {{ scene_data.checks.collected }}/{{ scene_data.checks.total }}
</div>
<hr class="border-2 border-bluelight-translucent-dark rounded-xl" />
@ -23,7 +26,8 @@
</div>
<div class="flex flex-col overflow-hidden basis-1/2">
<div class="flex flex-col my-2 space-y-2">
<div class="text-md breakdown-block-entrances-title">
<div class="text-md breakdown-block-entrances-title"
data-entrances="{{ scene_data.entrances.found }}">
Entrances: {{ scene_data.entrances.found }}/{{ scene_data.entrances.total }}
</div>
<hr class="border-2 border-bluelight-translucent-dark rounded-xl" />

6
tunictracker/tracker/templates/tracker/codes/block.html
View File

@ -1,9 +1,9 @@
{% if not is_entered %}
<ul class="p-2 flex flex-col rounded-xl">
<div class="pl-2 codes-list-item-title text-base">{{ name }}</div>
<ul class="p-2 flex flex-col rounded-xl {{ extra_classes }}">
<div class="pl-2 text-base codes-list-item-title">{{ name }}</div>
<hr class="mb-2 border-2 border-holy-cross opacity-30 rounded-xl" />
<div class="min-x-full">
<div class="codes-list-item-code text-2xl text-justify break-all mx-2 align-top">{{ code }}</div>
<div class="mx-2 text-2xl text-justify break-all align-top codes-list-item-code">{{ code }}</div>
</div>
</ul>
{% endif %}

4
tunictracker/tracker/templates/tracker/codes/index.html
View File

@ -2,7 +2,9 @@
<summary>Holy Cross Codes</summary>
<hr class="border-2 border-holy-cross opacity-30 rounded-xl" />
<div class="flex flex-col space-y-2 overflow-y-scroll max-h-96 rounded-xl">
<div class="grid grid-flow-row gap-2 md:grid-cols-3 xl:grid-cols-5 rounded-xl" id="codes-list">
<div class="grid grid-flow-row gap-2 md:grid-cols-3 xl:grid-cols-5 rounded-xl"
id="codes-list">
{% include "tracker/codes/block.html" with is_entered=False name="" code="" extra_classes="hidden" %}
{% for name, code in default_codes.items %}
{% include "tracker/codes/block.html" with is_entered=False %}
{% endfor %}

6
tunictracker/tracker/templates/tracker/index.html
View File

@ -43,12 +43,12 @@
</div>
<div class="flex flex-col space-y-2">
{% include "tracker/status/index.html" %}
<div class="flex-col max-w-full space-y-2 p-flex">
<div id="breakdown-list">
<div class="flex flex-col max-w-full space-y-2">
<div class="flex flex-col space-y-2" id="breakdown-list">
{% include "tracker/breakdown/block.html" with extra_classes="hidden" is_current_scene="false" %}
{% for scene_title, scene_data in scenes.items %}
{% if scene_title == current_scene %}
{% include "tracker/breakdown/block.html" with extra_classes="" is_current_scene="true" %}
{% include "tracker/breakdown/block.html" with extra_classes="order-last" is_current_scene="true" %}
{% else %}
{% include "tracker/breakdown/block.html" with extra_classes="hidden" is_current_scene="false" %}
{% endif %}

24
tunictracker/tracker/templates/tracker/summary/list.html
View File

@ -1,20 +1,38 @@
<div class="grid grid-flow-row gap-2 p-1 overflow-y-scroll md:grid-cols-3 xl:grid-cols-5 max-h-96 rounded-xl scrollbar scrollbar-thumb-bluelight-dark scrollbar-track-bluelight">
{% include "tracker/summary/block.html" with extra_classes="" is_hidden="hidden" %}
{% for scene, scene_data in scenes.items %}
{% if scene == current_scene.title %}
{% include "tracker/summary/block.html" with extra_classes="" is_hidden="hidden" %}
{% elif scene != "Entrances" and scene != "Checks" %}
{% if scene != "Posterity" and scene != "Resurrection" and scene != "Loading" %}
{% if scene_data.checks.collected == scene_data.checks.total and scene_data.entrances.found == scene_data.entrances.total %}
{% if scene == current_scene.title %}
{% include "tracker/summary/block.html" with extra_classes="from-highlight-empty-light to-highlight-empty-dark text-highlight-empty-text" is_hidden="hidden" %}
{% else %}
{% include "tracker/summary/block.html" with extra_classes="from-highlight-empty-light to-highlight-empty-dark text-highlight-empty-text" is_hidden="" %}
{% endif %}
{% elif scene_data.checks.collected <= 0 and scene_data.entrances.found <= 0 and scene_data.entrances.total > 0 %}
{% if scene == current_scene.title %}
{% include "tracker/summary/block.html" with extra_classes="from-highlight-undiscovered-light to-highlight-undiscovered-dark text-highlight-undiscovered-text" is_hidden="hidden" %}
{% else %}
{% include "tracker/summary/block.html" with extra_classes="from-highlight-undiscovered-light to-highlight-undiscovered-dark text-highlight-undiscovered-text" is_hidden="" %}
{% endif %}
{% elif scene_data.checks.collected >= scene_data.checks.total %}
{% if scene == current_scene.title %}
{% include "tracker/summary/block.html" with extra_classes="from-highlight-checks-light to-highlight-checks-dark text-highlight-checks-text" is_hidden="hidden" %}
{% else %}
{% include "tracker/summary/block.html" with extra_classes="from-highlight-checks-light to-highlight-checks-dark text-highlight-checks-text" is_hidden="" %}
{% endif %}
{% elif scene_data.entrances.found >= scene_data.entrances.total %}
{% if scene == current_scene.title %}
{% include "tracker/summary/block.html" with extra_classes="from-highlight-entrances-light to-highlight-entrances-dark text-highlight-entrances-text" is_hidden="hidden" %}
{% else %}
{% include "tracker/summary/block.html" with extra_classes="from-highlight-entrances-light to-highlight-entrances-dark text-highlight-entrances-text" is_hidden="" %}
{% endif %}
{% else %}
{% if scene == current_scene.title %}
{% include "tracker/summary/block.html" with extra_classes="from-highlight-both-light to-highlight-both-dark text-highlight-both-text" is_hidden="hidden" %}
{% else %}
{% include "tracker/summary/block.html" with extra_classes="from-highlight-both-light to-highlight-both-dark text-highlight-both-text" is_hidden="" %}
{% endif %}
{% endif %}
{% endif %}
{% endfor %}
</div>