reformat ajax logic only refresh desk area

billard/templates/billard/index.html

@@ -4,12 +4,26 @@
 {% 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>
 {% endblock %}
 {% block js %}
     <script type="text/javascript">
 $( document ).ready(function() {
-setInterval(function(){$( "#content" ).load( "#")},1000);
+setInterval(function(){$( "#desk_data" ).load( "#")},2000);
 });
 </script>
 {% endblock %}

billard/templates/billard/index_ajax.html

@@ -1,17 +1,4 @@
 {% load display_client %}
-
-{% 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 %}
 {% if clients %}
 {% for cli in clients %}
 {% for i in range %} {{ cli|display_client:i }} {% endfor %}