58 lines
2.0 KiB
HTML
58 lines
2.0 KiB
HTML
|
{% extends "layouts/default.html" %}
|
||
|
|
{% block title %}{_ "Card Set List" _}{% endblock %}
|
||
|
|
{% block content %}
|
||
|
|
<div class="content">
|
||
|
|
{% if ygo-card-sets %}
|
||
|
|
<form id="card-set-form"
|
||
|
|
name="card-set-form">
|
||
|
|
{{ token | safe }}
|
||
|
|
</form>
|
||
|
|
<div class="tile is-ancestor">
|
||
|
|
<div class="tile is-parent is-vertical is-2">
|
||
|
|
<div class="tile is-child">
|
||
|
|
<div class="card">
|
||
|
|
<div class="card-image">
|
||
|
|
<p class="image is-3x4">
|
||
|
|
<a target="_blank" href="/public/ygoprodeck/{{ ygo-card-sets.0.passcode.id }}.jpg"
|
||
|
|
data-lightbox="{{ ygo-card-sets.0.passcode.id }}">
|
||
|
|
<img class="zoom" src="/public/ygoprodeck/{{ ygo-card-sets.0.passcode.id }}.jpg" style="max-width:100px;padding-top:1rem;margin:auto;">
|
||
|
|
</a>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="card-content">
|
||
|
|
<div class="container"
|
||
|
|
hx-get="/cards/by-passcode/{{ ygo-card-sets.0.passcode.id }}/price"
|
||
|
|
hx-trigger="load">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="tile is-parent">
|
||
|
|
<div class="tile is-child">
|
||
|
|
<div class="content">
|
||
|
|
<strong>{{ ygo-card-sets.0.passcode.id }} - {{ ygo-card-sets.0.passcode.name }}</strong>
|
||
|
|
<br>
|
||
|
|
|
||
|
|
{% for set in ygo-card-sets %}
|
||
|
|
<a href="#" onclick="toggle_hidden('set-{{ set.id }}'); htmx.trigger('#set-{{ set.id }}', 'load-variants', {}); return false;">
|
||
|
|
<i class="fas fa-gear"></i>
|
||
|
|
</a>
|
||
|
|
<span>{{ ygo-card-sets.0.passcode.name }} - {{ set.code.name }} - {{ set.rarity.name }} - {{ set.edition.name }} - {{ set.name.name }} - {{ set.price }}</span>
|
||
|
|
|
||
|
|
<div id="set-{{ set.id }}" class="box is-hidden"
|
||
|
|
hx-get="/inventory/variants/{{ set.id }}"
|
||
|
|
hx-trigger="load-variants"
|
||
|
|
hx-swap="innerHTML">
|
||
|
|
</div>
|
||
|
|
<br>
|
||
|
|
{% endfor %}
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
</div>
|
||
|
|
{% endblock %}
|