Commit 6529df64 authored by PidgeyL's avatar PidgeyL
Browse files

update better pager

parent 3d06901f
Loading
Loading
Loading
Loading
+5 −0
Original line number Diff line number Diff line
@@ -82,3 +82,8 @@ ul.nav li.dropdown:hover > ul.dropdown-menu {
.impact-complete {
   color:red;
}

.pagerdiv {
   width:100%;
   text-align:center;
}
+2 −32
Original line number Diff line number Diff line
@@ -107,41 +107,11 @@
            </form>
          </div>
          <!-- Pager -->
          {% if (r/pageLength)|int < 3 %}
            {% set prev = (r/pageLength)|int %}
          {% else %}
            {% set prev = 3 %}
          {% endif %}

          <ul class="pager">
            {% if r > 0 %}
              {% for n in range(prev,0,-1) %}
                <li><a href="javascript:previous({{n}})">- {{n}}</a></li>
              {% endfor %}
            {% endif %}
            ||
            {% if cve|length == pageLength %}
              {% for n in range(1, 4) %}
                <li><a href="javascript:next({{n}})">+ {{n}}</a></li>
              {% endfor %}
            {% endif %}
          </ul>
          {% include 'pager.html' %}
          <!-- Search results -->
          {% include 'table.html' %}
          <!-- Pager -->
          <ul class="pager">
            {% if r > 0 %}
              {% for n in range(prev,0,-1) %}
                <li><a href="javascript:previous({{n}})">- {{n}}</a></li>
              {% endfor %}
            {% endif %}
            ||
            {% if cve|length == pageLength %}
              {% for n in range(1, 4) %}
                <li><a href="javascript:next({{n}})">+ {{n}}</a></li>
              {% endfor %}
            {% endif %}
          </ul>
          {% include 'pager.html' %}
        <!-- end content -->
      </div>
    </div>
+2 −32
Original line number Diff line number Diff line
@@ -136,41 +136,11 @@
            </form>
          </div>
          <!-- Pager -->
          {% if (r/pageLength)|int < 3 %}
            {% set prev = (r/pageLength)|int %}
          {% else %}
            {% set prev = 3 %}
          {% endif %}

          <ul class="pager">
            {% if r > 0 %}
              {% for n in range(prev,0,-1) %}
                <li><a href="javascript:previous({{n}})">- {{n}}</a></li>
              {% endfor %}
            {% endif %}
            ||
            {% if cve|length == pageLength %}
              {% for n in range(1, 4) %}
                <li><a href="javascript:next({{n}})">+ {{n}}</a></li>
              {% endfor %}
            {% endif %}
          </ul>
          {% include 'pager.html' %}
          <!-- Search results -->
          {% include 'table.html' %}
          <!-- Pager -->
          <ul class="pager">
            {% if r > 0 %}
              {% for n in range(prev,0,-1) %}
                <li><a href="javascript:previous({{n}})">- {{n}}</a></li>
              {% endfor %}
            {% endif %}
            ||
            {% if cve|length == pageLength %}
              {% for n in range(1, 4) %}
                <li><a href="javascript:next({{n}})">+ {{n}}</a></li>
              {% endfor %}
            {% endif %}
          </ul>
          {% include 'pager.html' %}
        <!-- end content -->
      </div>
    </div>
+42 −0
Original line number Diff line number Diff line
<!-- 
You can change the length to however long you want.
For the best result, use an odd number
 -->
{% set length = 5%}

<!-- Don't edit the variables below -->
{% set page = (r/pageLength)|int %}
{% set middle = (length/2)|int+1 %}
{% if page < middle %}
  {% set pre = page %}
  {% set post = length-page%}
{% else %}
  {% set pre = middle-1 %}
  {% set post = middle%}
{% endif %}

<div class="pagerdiv">
  <nav>
    <ul class="pagination">
      <li {% if r == 0 %}class="disabled"{% endif %}>
        <a href="javascript:previous(1)" aria-label="Previous">
          <span aria-hidden="true">&laquo;</span>
        </a>
      </li>
      {% for n in range(pre,0,-1) %}
        <li><a href="javascript:previous({{n}})">{{page - n+1}}</a></li>
      {% endfor %}
      <li class="active">
        <span>{{page+1}} <span class="sr-only">(current)</span></span>
      </li>
      {% for n in range(1,post) %}
        <li><a href="javascript:next({{n}})">{{page + n+1}}</a></li>
      {% endfor %}
      <li>
        <a href="javascript:next(1)" aria-label="Next">
          <span aria-hidden="true">&raquo;</span>
        </a>
      </li>
    </ul>
  </nav>
</div>