asc/benchcoach-django
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

separated out teamsnap update buttons

Browse Source
This commit is contained in:
Anthony Correa
2021-12-23 15:25:16 -06:00
parent b30455f0f8
commit af9aaa85e3
5 changed files with 115 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
teamsnap/templates/teamsnap/home.html
View File

@@ -1,4 +1,4 @@
{% extends "base.html" %}
{% extends "base.html" %}{% load static %}
{% block title %} {{ title }}{% endblock %}
{% block page_heading %}TeamSnap Info{% endblock %}
{% block content %}
@@ -7,60 +7,23 @@
<p><b>TeamSnap: </b>{{ teamsnap_user.email }}</p>
<p><b>TeamSnap Managed Team: </b>{{ teamsnap_team.name }}</p>
<button type="button" class="btn btn-primary m-1" onclick="sync_teamsnapdb_with_teamsnapapi()">
Sync TeamSnapDB with TeamSnap.com
<div id="teamsnap-sync-spinner" class="spinner-border spinner-border-sm d-none" role="status">
<span class="visually-hidden">Loading...</span>
</div>
</button>
<button type="button" class="btn btn-primary m-1" onclick="sync_teamsnapdb_to_benchcoachdb()">
Sync BenchCoachDB with TeamSnapDB
<div id="benchcoach-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>
function sync_teamsnapdb_with_teamsnapapi(){
const progress_spinner = document.getElementById("teamsnap-sync-spinner")
const Http = new XMLHttpRequest();
const url='{% url 'sync with teamsnapapi' %}';
progress_spinner.classList.remove("d-none");
fetch(url)
.then((response) => {
progress_spinner.classList.add("d-none")
return response.json();
})
.then((myJson) => {
console.log(myJson)
message_area.innerHTML = myJson.msg
});
}
<ul class="list-group">
{% for obj_name, obj_data in teamsnap_objects.items %}
<li class="list-group-item">
<span class="fw-bold">{{ obj_name }}:</span> {{ obj_data.object_count }} objects
<a class="btn btn-primary btn-sm" href="{% url 'update' object_name=obj_name %}" role="button">
<i class="bi bi-arrow-clockwise"></i>
TeamSnap.com
</a>
<a class="btn btn-primary btn-sm" href="{% url 'send' object_name=obj_name %}" role="button">
<i class="bi bi-arrow-clockwise"></i>
BenchCoach
</a>
</li>
{% endfor %}
</ul>
function sync_teamsnapdb_to_benchcoachdb(){
console.log('hello')
const progress_spinner = document.getElementById("benchcoach-sync-spinner")
const Http = new XMLHttpRequest();
const url='{% url 'sync benchcoach' %}';
console.log(url)
progress_spinner.classList.remove("d-none");
fetch(url)
.then((response) => {
progress_spinner.classList.add("d-none")
return response.json();
})
.then((myJson) => {
console.log(myJson)
message_area.innerHTML = myJson.msg
});
}
function clear_output_box(){
progress_spinner.classList.add('d-none')
}
</script>
{% endblock %}