{% block title %}Stable Parts - {{ block.super }}{% endblock %}
{% block main %}
-<ul>
- {% for sp in object_list %}
- <li>{{ sp }}
- <ul>
- {% for bay in sp.bays.all %}
- <li>
- <div class="card">
- <h3>{{ bay }}</h3>
- {% for inbay in bay.isinbay_set.all %}
- <div>{{ inbay.in_bay_since }} bis {{ inbay.in_bay_until }}: {{ inbay.horse }}</div>
- {% endfor %}
- </div>
- </li>
- {% endfor %}
- </ul>
- </li>
- {% endfor %}
-</ul>
+<div id="bays"></div>
{% endblock %}
-<!-- {% block nav %}
+{% block nav %}
<ul>
{% for sp in object_list %}
- <li><a href="/stablepart/{{sp.id}}">{{ sp }}</a></li>
+ <li><button onclick="getBayCards('bays', [{% for bay in sp.bays.all %} {{bay.id}}, {% endfor %}])">{{ sp }}</button></li>
{% empty %}
<li>No Stable yet</li>
{% endfor %}
</ul>
-{% endblock %} -->
\ No newline at end of file
+{% endblock %}
--- /dev/null
+function setMainCards( id, cards ) {
+ document.getElementById(id).innerHTML = cards;
+
+}
+
+function generateCard( title, content ) {
+ return '<div class="card"><h3>'.concat(title).concat('</h3><div>').concat(content).concat('</div></div>');
+}
+
+function generateCardFromObject(card) {
+ return generateCard(card.title, card.content);
+}
+
+function generateCards() {
+ // console.log(this.response);
+ cards += this.response;
+ document.getElementById('bays').innerHTML = cards;
+ // console.log(cards);
+}
+var cards;
+function getBayCards(id, bayIds) {
+ // console.log(bayIds);
+ cards = '';
+
+ for (const bay of bayIds) {
+ const xhr = new XMLHttpRequest();
+ // console.log('loading bay', bay);
+ xhr.open('GET', '/bay/'.concat(bay));
+ xhr.addEventListener('load', generateCards);
+ xhr.send();
+ }
+}
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'base.css' %}" />
+ <script src="{% static 'base.js' %}"></script>
<title>{% block title %} Stable Management {% endblock %}</title>
</head>
<body>
projects / stable.git / commitdiff