{% extends "base.html" %} <!-- File list-issues-Issues.html generated 2018-07-07T08:09:49.966Z by adl.to-selmer-templates. See [Application Description Language](https://github.com/simon-brooke/adl).--> {% block back-links %} <div> <div class='back-link-container'> {% ifequal params.offset "0" %} <a id='back-link' class='back-link' href='{{servlet-context}}/admin'> Back </a> {% else %} <a id='prev-selector' class='back-link'> Previous </a> {% endifunequal %} </div> </div> {% endblock %} {% block big-links %} <div> <div class='big-link-container'> <a id='next-selector' role='button' class='big-link'> Next </a> </div> {% ifmemberof issueeditors admin %} <div class='big-link-container'> <a href='form-issues-Issue' class='big-link'> Add a new Issue </a> </div> {% endifmemberof %} </div> {% endblock %} {% block content %} <form id='list-issues-Issues' class='list' action='{{servlet-context}}/list-issues-Issues' method='POST'> {% csrf-field %} <input id='offset' type='hidden' value='{{params.offset|default:0}}'/> <input id='limit' type='hidden' value='{{params.limit|default:50}}'/> <table caption='issues'> <thead> <tr> <th> Id </th> <th> Url </th> <th> Current </th> <th> Brief </th> <th> </th> </tr> <tr> <th> <input id='id' type='text' name='id' value='{{ params.id }}'/> </th> <th> <input id='url' type='text' name='url' value='{{ params.url }}'/> </th> <th> <input id='current' type='text' name='current' value='{{ params.current }}'/> </th> <th> <input id='brief' type='text' name='brief' value='{{ params.brief }}'/> </th> <th> <input type='submit' id='search-widget' value='Search'/> </th> </tr> </thead> <tbody> {% for record in records %} <tr> <td> {{ record.id }} </td> <td> {{ record.url }} </td> <td> {{ record.current }} </td> <td> {{ record.brief }} </td> <td> <a href='form-issues-Issue?id={{ record.id }}'> View </a> </td> </tr> {% endfor %} </tbody> </table> </form> {% endblock %} {% block extra-script %} var form = document.getElementById('list-issues-Issues'); var ow = document.getElementById('offset'); var lw = document.getElementById('limit'); form.addEventListener('submit', function() { ow.value='0'; }); {% ifunequal params.offset "0" %} document.getElementById('prev-selector').addEventListener('click', function () { ow.value=(parseInt(ow.value)-parseInt(lw.value)); console.log('Updated offset to ' + ow.value); form.submit(); }); {% endifunequal %} document.getElementById('next-selector').addEventListener('click', function () { ow.value=(parseInt(ow.value)+parseInt(lw.value)); console.log('Updated offset to ' + ow.value); form.submit(); }); {% endblock %}