68 lines
3.7 KiB
HTML
68 lines
3.7 KiB
HTML
<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"
|
|
data-checks="{{ scene_data.checks.collected }}">
|
|
Checks: {{ scene_data.checks.collected }}/{{ scene_data.checks.total }} ({{ scene_data.checks.remaining }} left)
|
|
</div>
|
|
<hr class="border-2 border-bluelight-translucent-dark rounded-xl" />
|
|
</div>
|
|
<div class="grid grid-flow-row pb-4 space-y-2 overflow-scroll max-h-64 scrollbar scrollbar-thumb-bluelight-dark scrollbar-track-bluelight breakdown-block-checks-list">
|
|
<ul class="py-0.5 min-w-max bg-bluelight-translucent rounded-md px-1 text-sm hidden">
|
|
</ul>
|
|
{% for check_name, check in scene_data.checks.checks.items %}
|
|
{% if not check.name %}
|
|
<ul class="py-0.5 min-w-max bg-bluelight-translucent rounded-md px-1 text-sm">
|
|
❌ {{ check_name }}
|
|
</ul>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col overflow-hidden basis-1/2">
|
|
<div class="grid grid-flow-row my-2 space-y-2">
|
|
<div class="text-md breakdown-block-entrances-title"
|
|
data-entrances="{{ scene_data.entrances.found }}">
|
|
Entrances: {{ scene_data.entrances.found }}/{{ scene_data.entrances.total }} ({{ scene_data.entrances.remaining }} left)
|
|
</div>
|
|
<hr class="border-2 border-bluelight-translucent-dark rounded-xl" />
|
|
</div>
|
|
<div class="grid grid-flow-row pb-4 space-y-2 overflow-scroll max-h-64 scrollbar scrollbar-thumb-bluelight-dark scrollbar-track-bluelight breakdown-block-entrances-list">
|
|
<ul class="py-0.5 min-w-max bg-bluelight-translucent rounded-md px-1 text-sm hidden">
|
|
</ul>
|
|
{% for entrance_origin, entrance_destination in scene_data.entrances.doors.items %}
|
|
{% if entrance_destination.door == "" %}
|
|
<ul class="py-0.5 min-w-max bg-bluelight-translucent rounded-md px-1 text-sm">
|
|
❌ {{ entrance_origin }}
|
|
</ul>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="overflow-scroll max-h-64 scrollbar scrollbar-thumb-trans-pride-cyan-translucent scrollbar-track-bluelight-translucent">
|
|
<div class="flex flex-col p-1 mx-auto space-y-2 min-w-max breakdown-block-mapped-list">
|
|
<button type="button"
|
|
class="py-0.5 text-start bg-gradient-to-br from-bluelight-translucent-dark to-trans-pride-cyan-translucent rounded-md px-1 text-sm hidden"
|
|
onclick="open_breakdown(this)"></button>
|
|
{% for entrance_origin, entrance_destination in scene_data.entrances.doors.items %}
|
|
{% if entrance_destination.door %}
|
|
<button type="button"
|
|
class="py-0.5 text-start bg-gradient-to-br from-bluelight-translucent-dark to-trans-pride-cyan-translucent rounded-md px-1 text-sm shadow-sm shadow-[#242424]"
|
|
onclick="open_breakdown(this)"
|
|
data-scene="{{ entrance_destination.scene }}">
|
|
✔️ {{ entrance_origin }} -> {{ entrance_destination.door }}
|
|
</button>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="px-2 border-2 border-bluelight-translucent-dark rounded-xl" />
|
|
</div>
|