{% extends "base.html" %} <!-- File list-teams-Teams.html generated 2018-07-01T22:15:35.287Z by adl.to-selmer-templates. See [Application Description Language](https://github.com/simon-brooke/adl).--> {% block back-links %} <div> <div class='back-link-container'> {% ifunequal params.offset "0" %} <a id='prev-selector' class='back-link'> Previous </a> {% else %} <a id='back-link' class='back-link' href='{{servlet-context}}/admin'> Back </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> <div class='big-link-container'> <a href='form-teams-Team' class='big-link'> Add a new Team </a> </div> </div> {% endblock %} {% block content %} <form id='list-teams-Teams' class='list' action='{{servlet-context}}/list-teams-Teams' 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='teams'> <thead> <tr> <th> id </th> <th> name </th> <th> district_id </th> <th> latitude </th> <th> longitude </th> </tr> <tr> <th> <input id='id' type='text' name='id' value='{{ params.id }}'/> </th> <th> <input id='name' type='text' name='name' value='{{ params.name }}'/> </th> <th> <input id='district_id_expanded' type='text' name='district_id_expanded' value='{{ params.district_id_expanded }}'/> </th> <th> <input id='latitude' type='number' name='latitude' value='{{ params.latitude }}'/> </th> <th> <input id='longitude' type='number' name='longitude' value='{{ params.longitude }}'/> </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.name }} </td> <td> <a href='form-districts-District?id={{ record.district_id }}'> {{ record.district_id_expanded }} </a> </td> <td> {{ record.latitude }} </td> <td> {{ record.longitude }} </td> <td> <a href='form-teams-Team?id={{ record.id }}'> View </a> </td> </tr> {% endfor %} </tbody> </table> </form> {% endblock %} {% block extra-script %} var form = document.getElementById('list-teams-Teams'); var ow = document.getElementById('offset'); var lw = document.getElementById('limit'); form.addEventListener('submit', function() { ow.value='0'; }); {% ifunequal 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 %}