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
10 changed files with 71 additions and 46 deletions
@@ -1,3 +0,0 @@
 NAVIDROME_MUSIC_FOLDER="/opt/navidrome/music"
 BIND_ADDRESS="192.168.2.24"
 BIND_PORT="5001"
@@ -1,5 +1,4 @@
 venv/
 setup.sh
 navidrome-upload.service
-.idea/
+.idea/
 .env
@@ -1,14 +1,8 @@
 # Navidrome Upload Utility
 # Arian Nasr
 # March 6, 2026
 import os
 from flask import Flask, request, render_template
 from werkzeug.utils import secure_filename
-UPLOAD_FOLDER = os.environ.get('NAVIDROME_MUSIC_FOLDER', '/opt/navidrome/music')
+UPLOAD_FOLDER = '/opt/navidrome/music'
 BIND_ADDRESS = os.environ.get('BIND_ADDRESS', '0.0.0.0')
 BIND_PORT = int(os.environ.get('BIND_PORT', 5001))
 ALLOWED_EXTENSIONS = {'flac', 'mp3', 'wav'}
 app = Flask(__name__)
@@ -18,24 +12,25 @@ def allowed_file(filename):
    return '.' in filename and \
           filename.rsplit('.', 1)[1].lower() in ALLOWED_EXTENSIONS
@app.route('/ping')
 def ping():
    return 'pong', 200
@app.route('/', methods=['GET', 'POST'])
 def upload_file():
    if request.method == 'POST':
-        for key, file in request.files.items():
+        if 'file' not in request.files:
-            if key.startswith('file') and file and allowed_file(file.filename) and file.filename != '':
+            return render_template('error.html', error_message='No file part in the request'), 400
        files = request.files.getlist('file')
        for file in files:
            if file.filename == '':
                return render_template('error.html', error_message='No selected file'), 400
            if file and allowed_file(file.filename):
                filename = secure_filename(file.filename)
                file.save(os.path.join(app.config['UPLOAD_FOLDER'], filename))
            else:
-                return render_template('error.html', error_message=f'File is not allowed.'), 400
+                return render_template('error.html', error_message=f'File "{file.filename}" is not allowed. Allowed types: {", ".join(ALLOWED_EXTENSIONS)}'), 400
-        return render_template('success.html', success_message=f'{len(request.files)} file(s) uploaded successfully!'), 200
+        return render_template('success.html', success_message=f'{len(files)} file(s) uploaded successfully!')
-    return render_template('index.html'), 200
+    return render_template('index.html')
 if __name__ == '__main__':
-    app.run(host=BIND_ADDRESS, port=BIND_PORT, debug=False)
+    app.run(host='192.168.2.24', port=5001, debug=False)
@@ -4,4 +4,4 @@ Flask==3.1.3
 itsdangerous==2.2.0
 Jinja2==3.1.6
 MarkupSafe==3.0.3
-Werkzeug==3.1.7
+Werkzeug==3.1.6
@@ -1,10 +0,0 @@
 body {
    background-color: #252526;
    color: #FFFFFF;
 }
 .dropzone {
    background: #3e3e42 !important;
    border-radius: 2rem !important;
    border-style: dashed !important;
    border-color: #FFFFFF !important;
 }
@@ -4,9 +4,15 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Error - Upload Music</title>
-    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}" type="text/css" />
+    <style>
        body {
            background-color: #2B2726;
            color: #FFFFFF;
        }
    </style>
 </head>
 <body>
    <button onclick="window.location.href='/outpost.goauthentik.io/sign_out'">Logout</button>
    <h1>Error</h1>
    <p>{{ error_message }}</p>
    <a href="/"><button>Upload another file</button></a>
@@ -3,21 +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>
-    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}" type="text/css" />
+    <style>
-    <script src="{{ url_for('static', filename='js/dropzone.min.js') }}"></script>
+        body {
-    <link rel="stylesheet" href="{{ url_for('static', filename='css/dropzone.min.css') }}" type="text/css" />
+            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 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 = {
-            parallelUploads: 4,
+            paramName: "file",
            maxFilesize: 500, // MB
            uploadMultiple: true,
-            acceptedFiles: 'audio/*'
+            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>
    <form action="/"
          class="dropzone"
          id="my-dropzone"></form>
 </body>
-</html>
+</html>
@@ -4,9 +4,15 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Success - Upload Music</title>
-    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}" type="text/css" />
+    <style>
        body {
            background-color: #2B2726;
            color: #FFFFFF;
        }
    </style>
 </head>
 <body>
    <button onclick="window.location.href='/outpost.goauthentik.io/sign_out'">Logout</button>
    <h1>Success</h1>
    <p>{{ success_message }}</p>
    <a href="/"><button>Upload another file</button></a>
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