Move upload JS to upload.js

photologue/static/upload.js

@@ -0,0 +1,42 @@
+// This file is part of photo21
+// Copyright (C) 2022  Amicale des élèves de l'ENS Paris-Saclay
+// SPDX-License-Identifier: GPL-3.0-or-later
+
+// When user drags files, register them in the file field
+const dropZone = document.getElementById('drop_zone');
+const uploadInput = document.getElementById('id_file_field');
+
+dropZone.ondrop = function(e) {
+    e.preventDefault();
+    this.className = 'upload-drop-zone';
+    console.log(e.dataTransfer.files)
+    uploadInput.files = e.dataTransfer.files;
+}
+
+dropZone.ondragover = function() {
+    this.className = 'upload-drop-zone drop';
+    return false;
+}
+
+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();
+
+// On submit, show a message to make user wait
+document.getElementById('upload_form').addEventListener('submit', (e) => {
+    document.getElementById('submit-id-submit').disabled = true;
+    document.getElementById('submit-id-submit').value = "Please be patient";
+})