Wiki pagination is special-cased, so we basically have one option for it

5 files changed, 142 insertions, 128 deletions

diff --git a/pydis_site/templates/wiki/dir.html b/pydis_site/templates/wiki/dir.html
index 283fe598..d8560089 100644
--- a/pydis_site/templates/wiki/dir.html
+++ b/pydis_site/templates/wiki/dir.html
@@ -5,80 +5,76 @@
 {% block wiki_pagetitle %}{% trans "Listing articles in" %} {{ article.current_revision.title }}{% endblock %}
 
 {% block wiki_contents_tab %}
+  {% url 'wiki:dir' urlpath.path as self_url %}
 
-{% url 'wiki:dir' urlpath.path as self_url %}
-
-<form class="form-search directory-toolbar">
-<div class="well well-small">
-  <div class="btn-group pull-left">
-    {% if urlpath.parent %}
-    <a href="{% url 'wiki:dir' path=urlpath.parent.path %}" class="btn btn-default">
-      <span class="fa fa-arrow-up"></span>
-      {% trans "Up one level" %}
-    </a>
-    {% endif %}
-    <a href="{% url 'wiki:create' path=urlpath.path %}" class="btn btn-default">
-      <span class="fa fa-plus"></span>
-      {% trans "Add article" %}
-    </a>
-  </div>
-  <div class="pull-right">
-    {{ filter_form.query }}
-  </div>
-  {% if filter_query %}
-    <div class="pull-right filter-clear">
-      <a href="{{ self_url }}">({% trans "clear" %})</a>
+  <form class="form-search directory-toolbar">
+  <div class="well well-small">
+    <div class="btn-group pull-left">
+      {% if urlpath.parent %}
+      <a href="{% url 'wiki:dir' path=urlpath.parent.path %}" class="btn btn-default">
+        <span class="fa fa-arrow-up"></span>
+        {% trans "Up one level" %}
+      </a>
+      {% endif %}
+      <a href="{% url 'wiki:create' path=urlpath.path %}" class="btn btn-default">
+        <span class="fa fa-plus"></span>
+        {% trans "Add article" %}
+      </a>
+    </div>
+    <div class="pull-right">
+      {{ filter_form.query }}
     </div>
-  {% endif %}
+    {% if filter_query %}
+      <div class="pull-right filter-clear">
+        <a href="{{ self_url }}">({% trans "clear" %})</a>
+      </div>
+    {% endif %}
 
-  <div class="clearfix"></div>
-</div>
-</form>
+    <div class="clearfix"></div>
+  </div>
+  </form>
 
-<p>
-  {% with paginator.object_list.count as cnt %}
-    {% blocktrans with urlpath.path as path and cnt|pluralize:_("article,articles") as articles_plur and cnt|pluralize:_("is,are") as articles_plur_verb trimmed %}
-      Browsing <strong><a href="{{ self_url }}">/{{ path }}</a></strong>. There {{ articles_plur_verb }} <strong>{{ cnt }} {{ articles_plur }}</strong> in this level.
-    {% endblocktrans %}
-  {% endwith %}
-</p>
+  <p>
+    {% with paginator.object_list.count as cnt %}
+      {% blocktrans with urlpath.path as path and cnt|pluralize:_("article,articles") as articles_plur and cnt|pluralize:_("is,are") as articles_plur_verb trimmed %}
+        Browsing <strong><a href="{{ self_url }}">/{{ path }}</a></strong>. There {{ articles_plur_verb }} <strong>{{ cnt }} {{ articles_plur }}</strong> in this level.
+      {% endblocktrans %}
+    {% endwith %}
+  </p>
 
-<table class="table table-striped">
-  <tr>
-    <th>{% trans "Title" %}</th>
-    <th>{% trans "Slug" %}</th>
-    <th>{% trans "Last modified" %}</th>
-  </tr>
-  {% for urlpath in directory %}
+  <table class="table table-striped">
     <tr>
-      <td>
-        <a href="{% url 'wiki:get' path=urlpath.path %}"> {{ urlpath.article.current_revision.title }} </a>
-        <a href="{% url 'wiki:dir' path=urlpath.path %}" class="list-children"> › </a>
-        {% if urlpath.article.current_revision.deleted %}
-          <span class="fa fa-trash"></span>
-        {% endif %}
-        {% if urlpath.article.current_revision.locked %}
-          <span class="fa fa-lock"></span>
-        {% endif %}
-      </td>
-      <td>
-        {{ urlpath.slug }}
-      </td>
-      <td>
-        {{ urlpath.article.current_revision.created|naturaltime }}
-      </td>
+      <th>{% trans "Title" %}</th>
+      <th>{% trans "Slug" %}</th>
+      <th>{% trans "Last modified" %}</th>
     </tr>
-    {% empty%}
-    <tr>
-      <td colspan="100">
-        <em>{% trans "There are no articles in this level" %}</em>
-      </td>
-    </tr>
-  {% endfor %}
-</table>
-
-{% if is_paginated %}
-  {% include "base/paginator.html" with page=page_obj %}
-{% endif %}
+    {% for urlpath in directory %}
+      <tr>
+        <td>
+          <a href="{% url 'wiki:get' path=urlpath.path %}"> {{ urlpath.article.current_revision.title }} </a>
+          <a href="{% url 'wiki:dir' path=urlpath.path %}" class="list-children"> › </a>
+          {% if urlpath.article.current_revision.deleted %}
+            <span class="fa fa-trash"></span>
+          {% endif %}
+          {% if urlpath.article.current_revision.locked %}
+            <span class="fa fa-lock"></span>
+          {% endif %}
+        </td>
+        <td>
+          {{ urlpath.slug }}
+        </td>
+        <td>
+          {{ urlpath.article.current_revision.created|naturaltime }}
+        </td>
+      </tr>
+      {% empty%}
+      <tr>
+        <td colspan="100">
+          <em>{% trans "There are no articles in this level" %}</em>
+        </td>
+      </tr>
+    {% endfor %}
+  </table>
 
+  {% include "wiki/includes/pagination.html" %}
 {% endblock %}
diff --git a/pydis_site/templates/wiki/history.html b/pydis_site/templates/wiki/history.html
index afc6eafe..793b4888 100644
--- a/pydis_site/templates/wiki/history.html
+++ b/pydis_site/templates/wiki/history.html
@@ -49,6 +49,8 @@
   {% trans "Click each revision to see a list of edited lines. Click the Preview button to see how the article looked at this stage. At the bottom of this page, you can change to a particular revision or merge an old revision with the current one." %}
 </p>
 
+  {% include "wiki/includes/pagination.html" %}
+
 <form method="GET">
   <div class="tab-content" style="overflow: visible;">
     {% for revision in revisions %}
@@ -120,10 +122,6 @@
 
     {% include "wiki/includes/pagination.html" %}
 
-    {% if is_paginated %}
-      {% include "base/paginator.html" %}
-    {% endif %}
-
     {% if revisions.count > 1 and article|can_write:user and not article.current_revision.locked %}
 
     <div class="form-group form-actions">
diff --git a/pydis_site/templates/wiki/includes/pagination.html b/pydis_site/templates/wiki/includes/pagination.html
new file mode 100644
index 00000000..bd113dd6
--- /dev/null
+++ b/pydis_site/templates/wiki/includes/pagination.html
@@ -0,0 +1,26 @@
+{% load i18n %}
+{% if is_paginated %}
+  <nav class="pagination" role="navigation" aria-label="pagination">
+    {% if page_obj.has_previous %}
+        <a class="pagination-previous" href="?{% if search_query %}q={{ search_query  }}&{% endif %}page={{ page_obj.previous_page_number }}{% if appended_key %}&{{ appended_key }}={{ appended_value }}{% endif %}">Previous</a>
+    {% else %}
+        <a class="pagination-previous tooltip" data-tooltip="This is the first page" disabled>Previous</a>
+    {% endif %}
+
+    {% if page_obj.has_next %}
+        <a class="pagination-next" href="{% if search_query %}q={{ search_query  }}&{% endif %}page={{ page_obj.next_page_number }}{% if appended_key %}&{{ appended_key }}={{ appended_value }}{% endif %}">Next</a>
+    {% else %}
+        <a class="pagination-next tooltip" data-tooltip="This is the last page" disabled>Older</a>
+    {% endif %}
+
+    <ul class="pagination-list">
+      {% for pc in paginator.page_range %}
+        {% if pc == 0 %}
+          <li><span class="pagination-ellipsis">&hellip;</span></li>
+        {% else %}
+          <li><a class="pagination-link{% if pc == page_obj.number %} is-current{% endif %}" href="?{% if search_query %}q={{ search_query  }}&{% endif %}page={{ pc }}{% if appended_key %}&{{ appended_key }}={{ appended_value }}{% endif %}">{{ pc }}</a></li>
+        {% endif %}
+    {% endfor %}
+    </ul>
+  </nav>
+{% endif %}
diff --git a/pydis_site/templates/wiki/plugins/images/index.html b/pydis_site/templates/wiki/plugins/images/index.html
index 64515208..4973ea6f 100644
--- a/pydis_site/templates/wiki/plugins/images/index.html
+++ b/pydis_site/templates/wiki/plugins/images/index.html
@@ -149,8 +149,6 @@
     {% endfor %}
   </table>
 
-  {% if is_paginated %}
-    {% include "base/paginator.html" with page=page_obj %}
-  {% endif %}
+  {% include "wiki/includes/pagination.html" %}
 
 {% endblock %}
diff --git a/pydis_site/templates/wiki/search.html b/pydis_site/templates/wiki/search.html
index 700ed8c4..80379a1d 100644
--- a/pydis_site/templates/wiki/search.html
+++ b/pydis_site/templates/wiki/search.html
@@ -5,59 +5,55 @@
 {% block wiki_pagetitle %}Search results for: "{{ search_query }}"{% endblock %}
 
 {% block wiki_contents %}
-
-<h1 class="page-header">Search results for: "{{ search_query }}"</h1>
-
-<form class="form-search directory-toolbar">
-  <p>
-    {% if urlpath %}
-      Searching: <strong>in {{ urlpath.article }}</strong>
-    {% else %}
-      Searching: <strong>everywhere</strong>
-    {% endif %}
-  </p>
-
-  <div class="field has-addons">
-    <div class="control has-icons-left is-expanded">
-      <input type="search" class="input" name="q" value="{{ search_query }}" />
-      <span class="icon is-left">
-        <i class="fas fa-search"></i>
-      </span>
-    </div>
-    <div class="control">
-      <button class="button is-primary" type="submit">
-        Search
-      </button>
+  <h1 class="page-header">Search results for: "{{ search_query }}"</h1>
+
+  <form class="form-search directory-toolbar">
+    <p>
+      {% if urlpath %}
+        Searching: <strong>in {{ urlpath.article }}</strong>
+      {% else %}
+        Searching: <strong>everywhere</strong>
+      {% endif %}
+    </p>
+
+    <div class="field has-addons">
+      <div class="control has-icons-left is-expanded">
+        <input type="search" class="input" name="q" value="{{ search_query }}" />
+        <span class="icon is-left">
+          <i class="fas fa-search"></i>
+        </span>
+      </div>
+      <div class="control">
+        <button class="button is-primary" type="submit">
+          Search
+        </button>
+      </div>
     </div>
-  </div>
-
-  <p>
-    {% blocktrans with paginator.object_list.count as cnt %}
-      Your search returned <strong>{{ cnt }}</strong> results.
-    {% endblocktrans %}
-  </p>
-</form>
-
-<table class="table is-striped">
-  <tr>
-    <th>Title</th>
-    <th class="has-text-right">Last modified</th>
-  </tr>
-  {% for article in articles %}
-    {% block wiki_search_loop %}
-      {% include "wiki/includes/searchresult.html" %}
-    {% endblock %}
-    {% empty %}
-      <tr>
-        <td colspan="2">
-          <em>No articles were found for that search query.</em>
-        </td>
-      </tr>
-  {% endfor %}
-</table>
-
-{% if is_paginated %}
-  {% include "base/paginator.html" with page=page_obj %}
-{% endif %}
 
+    <p>
+      {% blocktrans with paginator.object_list.count as cnt %}
+        Your search returned <strong>{{ cnt }}</strong> results.
+      {% endblocktrans %}
+    </p>
+  </form>
+
+  <table class="table is-striped">
+    <tr>
+      <th>Title</th>
+      <th class="has-text-right">Last modified</th>
+    </tr>
+    {% for article in articles %}
+      {% block wiki_search_loop %}
+        {% include "wiki/includes/searchresult.html" %}
+      {% endblock %}
+      {% empty %}
+        <tr>
+          <td colspan="2">
+            <em>No articles were found for that search query.</em>
+          </td>
+        </tr>
+    {% endfor %}
+  </table>
+
+  {% include "wiki/includes/pagination.html" %}
 {% endblock %}