From de7816073a47ca3f1f99a9305e847fd96023f28d Mon Sep 17 00:00:00 2001
From: Hironsan <hiroki.nakayama.py@gmail.com>
Date: Tue, 7 Aug 2018 05:40:48 +0900
Subject: [PATCH] Update dataset template

---
 app/server/static/css/forum.css            |  7 ++
 app/server/templates/admin/admin_base.html |  4 +-
 app/server/templates/admin/dataset.html    | 80 +++++++++++++---------
 3 files changed, 58 insertions(+), 33 deletions(-)

diff --git a/app/server/static/css/forum.css b/app/server/static/css/forum.css
index 9016ef15..490f533c 100644
--- a/app/server/static/css/forum.css
+++ b/app/server/static/css/forum.css
@@ -110,4 +110,11 @@ p {
 .select-height {
   height: 100% !important;
   max-height: 200px !important;
+}
+.pagination-link, .pagination-next, .pagination-previous {
+  background-color: white;
+  margin-top: 20px;
+}
+.card-header-title {
+  padding: 1.5rem;
 }
\ No newline at end of file
diff --git a/app/server/templates/admin/admin_base.html b/app/server/templates/admin/admin_base.html
index 5f8520a2..4f4c336f 100644
--- a/app/server/templates/admin/admin_base.html
+++ b/app/server/templates/admin/admin_base.html
@@ -52,9 +52,9 @@
         </div>
     </aside>
     <div class="column is-10 messages hero is-fullheight" id="message-feed">
-        <div class="box">
+        <!--<div class="box">-->
         {% block content-area %}{% endblock %}
-        </div>
+        <!--</div>-->
     </div>
 </div>
 {% endblock %}
\ No newline at end of file
diff --git a/app/server/templates/admin/dataset.html b/app/server/templates/admin/dataset.html
index 43b46771..2fd197f6 100644
--- a/app/server/templates/admin/dataset.html
+++ b/app/server/templates/admin/dataset.html
@@ -1,40 +1,58 @@
 {% extends "admin/admin_base.html" %} {% load static %} {% block content-area %}
-<table class="table is-fullwidth is-hoverable">
-    <thead>
-        <tr>
-            <th>Text</th>
-            <th>Label</th>
-        </tr>
-    </thead>
-    <tbody>
-        {% for doc in documents %}
-        <tr>
-            <td>{{ doc.text|truncatechars:100 }}</td>
-            <td>label</td>
-        </tr>
-        {% endfor %}
-    </tbody>
-</table>
+<div class="card">
+    <header class="card-header">
+        <p class="card-header-title">
+            Dataset
+        </p>
+        <a href="#" class="card-header-icon" aria-label="more options">
+            <span class="icon">
+                <i class="fas fa-angle-down" aria-hidden="true"></i>
+            </span>
+        </a>
+    </header>
+    <div class="card-content">
+        <table class="table is-fullwidth is-hoverable">
+            <thead>
+                <tr>
+                    <th>#</th>
+                    <th>Text</th>
+                </tr>
+            </thead>
+            <tbody>
+                {% for doc in documents %}
+                <tr>
+                    <td>{{ forloop.counter }}</td>
+                    <td>{{ doc.text|truncatechars:200 }}</td>
+                </tr>
+                {% endfor %}
+            </tbody>
+        </table>
+    </div>
+</div>
 
 {% if is_paginated %}
-  <ul class="pagination is-centered" role="navigation" aria-label="pagination">
+<nav class="pagination is-right" role="navigation" aria-label="pagination">
+    <!--
     {% if page_obj.has_previous %}
-      <li><a href="?page={{ page_obj.previous_page_number }}">&laquo;</a></li>
-    {% else %}
-      <li class="disabled"><span>&laquo;</span></li>
+    <a href="?page={{ page_obj.previous_page_number }}" class="pagination-previous">Previous</a>
     {% endif %}
-    {% for i in paginator.page_range %}
-      {% if page_obj.number == i %}
-        <li class="active"><span>{{ i }} <span class="sr-only">(current)</span></span></li>
-      {% else %}
-        <li><a href="?page={{ i }}">{{ i }}</a></li>
-      {% endif %}
-    {% endfor %}
     {% if page_obj.has_next %}
-      <li><a href="?page={{ page_obj.next_page_number }}">&raquo;</a></li>
-    {% else %}
-      <li class="disabled"><span>&raquo;</span></li>
+    <a href="?page={{ page_obj.next_page_number }}" class="pagination-next">Next page</a>
     {% endif %}
-  </ul>
+    -->
+    <ul class="pagination-list">
+        {% for i in paginator.page_range %}
+        {% if page_obj.number == i %}
+        <li>
+            <a class="pagination-link is-current" aria-label="Goto page {{ i }}">{{ i }}</a>
+        </li>
+        {% else %}
+        <li>
+            <a href="?page={{ i }}" class="pagination-link" aria-label="Goto page {{ i }}">{{ i }}</a>
+        </li>
+        {% endif %}
+        {% endfor %}
+    </ul>
+</nav>
 {% endif %}
 {% endblock %}
\ No newline at end of file