Disable fields when choosing existing gallery

This commit is contained in:
Alexandre Iooss 2021-10-23 17:43:21 +02:00
parent a2e06185ad
commit 18d64c4fe9

View file

@ -28,6 +28,7 @@ SPDX-License-Identifier: GPL-3.0-or-later
{% block extrajs %}
<script>
// When user drags files, register them in the file field
const dropZone = document.getElementById('drop-zone');
const uploadInput = document.getElementById('id_file_field');
@ -47,6 +48,18 @@ dropZone.ondragleave = function() {
this.className = 'upload-drop-zone';
return false;
}
// When user selects an existing gallery, disable new gallery fields
const gallerySelect = document.getElementById('id_gallery')
gallerySelectUpdate = () => {
const useGallery = (gallerySelect.value !== "");
document.getElementById('id_new_gallery_title').disabled = useGallery;
document.getElementById('id_new_gallery_date_start').disabled = useGallery;
document.getElementById('id_new_gallery_date_end').disabled = useGallery;
document.getElementById('id_new_gallery_tags').disabled = useGallery;
}
gallerySelect.addEventListener('change', gallerySelectUpdate);
gallerySelectUpdate();
</script>
{% endblock %}