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

plugin-backend #1

Merged
ada merged 34 commits from plugin-backend into main 2024-05-01 00:21:12 -05:00
Conversation 0 Commits 34 Files Changed 184 +815 -474
7 changed files with 815 additions and 474 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 08ed4c494c - Show all commits

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>