carom-server/billard/templates/billard/index.html

{% extends 'billard/base.html' %}
{% load display_client %}

{% block title %}Location Data{% endblock %}

{% block content %}
{% if not locations|length_is:"1" %}
    <form action="." method="post" id="location-form">
{% csrf_token %}
        <div id="location-selector" class="alert">
            <select class="form-control" form="location-form" name="location-selector" id="location-select">
{% for loc in locations %}
                <option value="{{ loc.id }}"{%  if loc.id == location_id %} selected{% endif %}>{{ loc.code }} - {{ loc.name }}</option>
{% endfor %}
            </select>
        </div>
    </form>
{% endif %}




    <div id="desk_data">
{% include 'billard/index_ajax.html' %}
    </div>
    <div id="modal-wrapper">
    </div>
{% endblock %}

{% block js %}
    <script type="text/javascript">
    var interval;
$(document).ready(function() {
    $.ajaxSetup({ cache: false });
    interval = window.setInterval(refresh_page, 1000);
});

function refresh_page() {
    $('#desk_data').load('#');
    $('#modal-wrapper').load('{% url 'accountmodal' %}', function() {
        if ( $('#accountsmodal').length ) {
            window.clearInterval(interval);
            $('#accountsmodal').modal('show');
        }
    });
}
</script>
{% endblock %}