50 lines
1.4 KiB
HTML
50 lines
1.4 KiB
HTML
<div class="panel">
|
|
<p class="panel-heading">
|
|
Items
|
|
</p>
|
|
|
|
{% for item in project.items.all %}
|
|
{% with work=item.work %}
|
|
<a class="panel-block" onclick="showDownloadOptions('{% url 'work_parts' work.collection_id work.pk %}')">
|
|
{{ item.work.name }}
|
|
</a>
|
|
{% endwith %}
|
|
{% empty %}
|
|
<span class="panel-block">
|
|
There are no items listed yet for this project - please check back later...
|
|
</span>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<div class="modal" id="download-modal">
|
|
<div class="modal-background" onclick="closeDownloadModal()"></div>
|
|
<div class="modal-card">
|
|
<header class="modal-card-head">
|
|
<p class="modal-card-title">Parts</p>
|
|
<button class="delete" aria-label="close" onclick="closeDownloadModal()"></button>
|
|
</header>
|
|
<section class="modal-card-body" id="download-target">
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
|
|
function showDownloadOptions(url) {
|
|
let target = document.getElementById("download-target");
|
|
target.innerHTML = "Loading available parts...";
|
|
|
|
document.getElementById("download-modal").classList.add('is-active');
|
|
fetch(url).then((data) => {
|
|
console.log(data);
|
|
data.text().then((text) => {
|
|
target.innerHTML = text;
|
|
});
|
|
});
|
|
}
|
|
|
|
function closeDownloadModal() {
|
|
document.getElementById("download-modal").classList.remove('is-active');
|
|
}
|
|
|
|
</script> |