From 4000a828335e48c385e92bbf91359964f2d4607a Mon Sep 17 00:00:00 2001 From: guillaume Date: Tue, 6 Jun 2023 18:27:55 +0200 Subject: [PATCH 1/4] Ajout du README vide pour le moment --- README.md | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..e69de29 From b27d8fce7c90112d6b5ca918c7be542ab0e46bde Mon Sep 17 00:00:00 2001 From: guillaume Date: Tue, 6 Jun 2023 18:47:41 +0200 Subject: [PATCH 2/4] Ajout de la description et du docker-compose dans le fichier README.md --- README.md | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/README.md b/README.md index e69de29..419c097 100644 --- a/README.md +++ b/README.md @@ -0,0 +1,19 @@ +# SpotDLWeb + +SpotDLWeb est une interface graphique pour Spotdl et qui à l'aide de Python via Flask. +Il permet de récupérer les métadonnées à l'aide de Spotify puis de télécharger la musique via Youtube Music. La musique peut-être téléchargée directement sur un serveur connecté à Navidrone ou encore Jellyfin ou, télécharger la musique directement en local. + +**docker-compose.yaml :** +```yaml +version: '3.3' +services: + spotdlweb: + image: gu1llaum3/spotdlweb:latest + container_name: spotdlweb + hostname: spotdlweb + ports: + - 3000:3000 + volumes: + - ./path/to/musics:/app/downloads + restart: unless-stopped +``` From 65a9ca71b46208825b51484ee68063c89609b2ff Mon Sep 17 00:00:00 2001 From: guillaume Date: Tue, 6 Jun 2023 19:28:44 +0200 Subject: [PATCH 3/4] Changes to be committed: modified: static/css/style.css modified: static/js/script.js MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Divers modifications du CSS et modification de script.js afin de cacher le bouton inutiliser lors du téléchargement --- static/css/style.css | 12 ++++++++---- static/js/script.js | 28 ++++++++++++++++++++++++++-- 2 files changed, 34 insertions(+), 6 deletions(-) diff --git a/static/css/style.css b/static/css/style.css index 7ae446e..588b18d 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -15,8 +15,8 @@ body { .bordered { border: 1px solid rgb(24,216,96); border-radius: 5px; - padding: 20px; - margin-bottom: 20px; + padding: 10px; + margin-bottom: 15px; } li { @@ -66,7 +66,7 @@ body { background-color: rgb(24,216,96); border: none; border-radius: 5px; - padding: 10px 20px; + padding: 6px 8px; color: #131313; font-weight: bold; cursor: pointer; @@ -97,4 +97,8 @@ body { @media (max-width: 600px) { .container { padding: 10px; - } \ No newline at end of file + } + input { + touch-action: manipulation; + } + } \ No newline at end of file diff --git a/static/js/script.js b/static/js/script.js index 01d0a7d..2b39054 100644 --- a/static/js/script.js +++ b/static/js/script.js @@ -1,9 +1,33 @@ function startDownload() { - document.getElementById('download-button').innerHTML = 'Téléchargement en cours...'; + var downloadButton = document.getElementById('download-button'); + var downloadLocalButton = document.getElementById('downloadlocal-button'); + + if (downloadButton.style.display !== 'none') { + downloadButton.style.display = 'none'; + downloadLocalButton.style.display = 'block'; + } else { + downloadButton.style.display = 'block'; + downloadLocalButton.style.display = 'none'; } + + downloadLocalButton.innerHTML = 'Téléchargement en cours...'; +} + function startLocalDownload() { - document.getElementById('downloadlocal-button').innerHTML = 'Téléchargement en cours...'; + var downloadButton = document.getElementById('download-button'); + var downloadLocalButton = document.getElementById('downloadlocal-button'); + + if (downloadLocalButton.style.display !== 'none') { + downloadLocalButton.style.display = 'none'; + downloadButton.style.display = 'block'; + } else { + downloadLocalButton.style.display = 'block'; + downloadButton.style.display = 'none'; } + + downloadButton.innerHTML = 'Téléchargement en cours...'; +} + function refreshPage() { window.location.reload(); } \ No newline at end of file From 6c123bd378d3246d09480542e7a46d42587c5494 Mon Sep 17 00:00:00 2001 From: guillaume Date: Tue, 6 Jun 2023 19:44:13 +0200 Subject: [PATCH 4/4] Changes to be committed: modified: static/css/style.css modified: templates/index.html MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Essai d'une autre solution afin déviter le zoom sur smartphone dans les entrées --- static/css/style.css | 9 +++------ templates/index.html | 2 +- 2 files changed, 4 insertions(+), 7 deletions(-) diff --git a/static/css/style.css b/static/css/style.css index 588b18d..833c145 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -66,14 +66,14 @@ body { background-color: rgb(24,216,96); border: none; border-radius: 5px; - padding: 6px 8px; + padding: 10px 10px; color: #131313; font-weight: bold; cursor: pointer; text-decoration:none } - .btn2 { + /* .btn2 { margin-top: 10px; background-color: rgb(24,216,96); border: none; @@ -83,7 +83,7 @@ body { font-weight: bold; cursor: pointer; text-decoration:none - } + } */ .btn:hover { background-color: rgb(24,216,96); @@ -98,7 +98,4 @@ body { .container { padding: 10px; } - input { - touch-action: manipulation; - } } \ No newline at end of file diff --git a/templates/index.html b/templates/index.html index cdf14fa..fdaeeac 100644 --- a/templates/index.html +++ b/templates/index.html @@ -4,7 +4,7 @@ - + SpotDL Web