Files
computer-science-flash-cards/templates/cards.html
2021-05-26 22:55:27 +07:00

82 lines
3.5 KiB
HTML

{% extends "layout.html" %}
{% block body %}
<div class="well editPanel">
<h2>Add a Card</h2>
<form action="{{ url_for('add_card') }}" method="post" class="cardForm">
<div class="form-group">
<!-- <label for="general" class="toggleButton btn btn-default btn-lg">General &nbsp;
<input type="radio" name="type" value="1" id="general"/>
</label>
<label for="code" class="toggleButton btn btn-default btn-lg">Code &nbsp;
<input type="radio" name="type" value="2" id="code"/>
</label> -->
{% for tag in tags %}
<label for={{tag.tagName}} class="toggleButton btn btn-default btn-lg">{{tag.tagName}} &nbsp;
<input type="radio" name="type" value={{tag.id}} id={{tag.tagName}}>
</label>
{% endfor %}
</div>
<div class="form-group fieldFront">
<label for="front">Front of Card</label>
<input type="text" name="front" id="front" class="form-control">
</div>
<div class="form-group fieldBack">
<label for="back">Back of Card</label>
<textarea name="back"
class="form-control"
id="back"
placeholder="back of card"
rows="12"></textarea>
</div>
<div class="form-group">
<button type="submit" class="saveButton btn btn-lg btn-primary">Save</button>
</div>
</form>
</div>
<div class="page-header">
<h2>{{ cards|length }} Card{{ '' if (cards|length == 1) else 's' }}</h2>
</div>
<div class="btn-group btn-group-md" role="group" aria-label="filters">
<a href="{{ url_for('filter_cards', filter_name="all") }}" class="btn btn-{{ "primary" if filter_name == "all" else "default" }}">All</a>
<a href="{{ url_for('filter_cards', filter_name="general") }}" class="btn btn-{{ "primary" if filter_name == "general" else "default" }}">General</a>
<a href="{{ url_for('filter_cards', filter_name="code") }}" class="btn btn-{{ "primary" if filter_name == "code" else "default" }}">Code</a>
<a href="{{ url_for('filter_cards', filter_name="known") }}" class="btn btn-{{ "primary" if filter_name == "known" else "default" }}">Known</a>
<a href="{{ url_for('filter_cards', filter_name="unknown") }}" class="btn btn-{{ "primary" if filter_name == "unknown" else "default" }}">Unknown</a>
</div>
<br />
<br />
<table class="table table-bordered">
{% for card in cards %}
<tr>
<td>
<a href="{{ url_for('edit', card_id=card.id) }}" class="btn btn-xs btn-primary"><i class="fa fa-pencil" aria-hidden="true"></i></a>
</td>
<td class="cardContent">
<h4>
{{ card.front }}
</h4>
{% if card.type == 1 %}
{{ card.back|replace("\n", "<br />")|safe }}
{% else %}
<pre><code>{{ card.back|escape }}</code></pre>
{% endif %}
</td>
</tr>
{% else %}
<tr>
<td>
<em>No cards to show.</em>
</td>
</tr>
{% endfor %}
</table>
{% endblock %}