a lot of teamsnap sync work. not entirely happy with all of it

teamsnap/templates/teamsnap/home.html

@@ -2,7 +2,6 @@
 {% block title %} {{ title }}{% endblock %}
 
 {% block content %}
-
     <h1>Currently Logged in as</h1>
     <p><b>BenchCoach: </b>{{ user }} ({{ user.email }})</p>
     <p><b>TeamSnap: </b>{{ teamsnap_user.email }}</p>
@@ -14,29 +13,48 @@
             <span class="visually-hidden">Loading...</span>
         </div>
     </button>
-
-    <textarea id="output_box" name="comment" disabled class="w-100 m" style="min-height: 400px"></textarea>
-    <button type="button" class="btn btn-outline-secondary m-1" onclick="clear_output_box()">Clear</button>
+    <button type="button" class="btn btn-primary m-1" onclick="sync_teamsnap_db()">
+        Sync TeamSnap DB
+        <div id="teamsnap-sync-spinner" class="spinner-border spinner-border-sm d-none" role="status">
+            <span class="visually-hidden">Loading...</span>
+        </div>
+    </button>
+    {% include 'messages.html' %}
+    <div id="message-area"> </div>
     <script>
-        const output_box = document.getElementById("output_box");
         const progress_spinner = document.getElementById("teamsnap-sync-spinner")
+        const message_area = document.getElementById("message-area")
         function sync_teamsnap_db(){
             const Http = new XMLHttpRequest();
-            const url='{% url 'sync teamsnap' %}';
+            const url='{% url 'sync teamsnap db' %}';
             console.log(progress_spinner)
             progress_spinner.classList.remove("d-none");
             fetch(url)
                 .then((response) => {
                     progress_spinner.classList.add("d-none")
+                    message_area.innerText = "test"
                     return response.json();
                 })
                 .then((myJson) => {
-                    var s = 'Number of objects updated: '
-                    for (i in myJson) {
-                        s += myJson[i]
-                        {#s += myJson[i].name +" ("+ myJson[i].id+")"  + "\r\n"#}
-                    }
-                    output_box.value = s;
+                    console.log(myJson)
+                    message_area.innerHTML = myJson.msg
+                });
+        }
+
+        function sync_teamsnap_db_2(){
+            const Http = new XMLHttpRequest();
+            const url='{% url 'sync teamsnap db' %}';
+            console.log(progress_spinner)
+            progress_spinner.classList.remove("d-none");
+            fetch(url)
+                .then((response) => {
+                    progress_spinner.classList.add("d-none")
+                    message_area.innerText = "test"
+                    return response.json();
+                })
+                .then((myJson) => {
+                    console.log(myJson)
+                    message_area.innerHTML = myJson.msg
                 });
         }
 

teamsnap/templates/teamsnap/lineup.html

@@ -1,4 +1,4 @@
-{% extends 'base.html' %}{% block title %} {{ title }} {% endblock %}{% load crispy_forms_tags %}{% load static %}
+{% extends 'base.html' %}{% block title %} {{ title }} {% endblock %}{% load static %}
 
 {% block content %}
     <div class="w-100 text-center mx-auto text-center">