From 6a16363dee05832c1efc32fae2380ac86ebf6674 Mon Sep 17 00:00:00 2001
From: duongban <duongduban11@gmail.com>
Date: Fri, 28 May 2021 23:52:05 +0700
Subject: [PATCH] Add show cards page html

---
 templates/show.html | 47 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 templates/show.html

diff --git a/templates/show.html b/templates/show.html
new file mode 100644
index 0000000..fca4a57
--- /dev/null
+++ b/templates/show.html
@@ -0,0 +1,47 @@
+{% extends "layout.html" %}
+{% block body %}
+
+<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>
+    {% for tag in tags %}
+        <a href="{{ url_for('filter_cards', filter_name=tag.tagName) }}" class="btn btn-{{ "primary" if filter_name == tag.tagName else "default" }}">{{tag.tagName}}</a>
+    {% endfor %}
+    <!-- <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 %}