drag & drop functionality

Revert "drag & drop functionality"
This reverts commit 1d582eec8f.
2026-03-05 13:57:37 -05:00 · 2026-03-05 13:52:16 -05:00 · 2026-03-05 13:46:18 -05:00
1 changed files with 38 additions and 3 deletions
@@ -3,20 +3,55 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="https://s3.2ari.ca/navidrome-upload/dropzone.min.js"></script>
+    <link rel="stylesheet" href="https://s3.2ari.ca/navidrome-upload/dropzone.min.css" type="text/css" />
    <title>Upload Music</title>
    <style>
        body {
            background-color: #2B2726;
            color: #FFFFFF;
        }
+
+        .dropzone {
+            border: 2px dashed #666;
+            border-radius: 5px;
+            background: #3B3736;
+            padding: 20px;
+            min-height: 200px;
+        }
+
+        .dropzone .dz-message {
+            color: #FFFFFF;
+            font-size: 18px;
+        }
    </style>
 </head>
 <body>
    <button onclick="window.location.href='/outpost.goauthentik.io/sign_out'">Logout</button>
    <h1>Upload new File</h1>
-    <form method=post enctype=multipart/form-data>
-      <input type=file name=file multiple>
-      <input type=submit value=Upload>
+    <form action="/" method="post" enctype="multipart/form-data" class="dropzone" id="my-dropzone">
+        <div class="dz-message">
+            Drop files here or click to upload
+        </div>
    </form>
+
+    <script>
+        Dropzone.options.myDropzone = {
+            paramName: "file",
+            maxFilesize: 500, // MB
+            uploadMultiple: true,
+            parallelUploads: 5,
+            acceptedFiles: "audio/*",
+            dictDefaultMessage: "Drop files here or click to upload",
+            init: function() {
+                this.on("success", function(file, response) {
+                    console.log("Upload successful:", file.name);
+                });
+                this.on("error", function(file, errorMessage) {
+                    console.error("Upload failed:", errorMessage);
+                });
+            }
+        };
+    </script>
 </body>
 </html>
Author	SHA1	Message	Date
arian	a503d1e788	drag & drop functionality	2026-03-05 13:57:37 -05:00
arian	fa0226e319	Revert "drag & drop functionality" This reverts commit `1d582eec8f`.	2026-03-05 13:52:16 -05:00
arian	1d582eec8f	drag & drop functionality	2026-03-05 13:46:18 -05:00