Nombreuses modifications au niveau du CSS ainsi que sur app.py côté chemins
This commit is contained in:
parent
d2397191a0
commit
121da9eefd
16
app.py
16
app.py
@ -12,10 +12,10 @@ def process_file(urls):
|
||||
# path = os.path.expanduser('~/musics/downloads')
|
||||
#path = '/home/gu1ll4um3/github/SpotDL_Web/downloads'
|
||||
#path = 'downloads/'
|
||||
download_param_album = 'downloads/{artist}/{album}/{artist} - {title}'
|
||||
download_param_album = '{artist}/{album}/{artist} - {title}'
|
||||
download_param_playlist = '{playlist}/{artists}/{album} - {title} {artist}'
|
||||
|
||||
#os.chdir(f"{path}")
|
||||
os.chdir('downloads')
|
||||
#os.system(f'rm -rf *')
|
||||
|
||||
for url in urls:
|
||||
@ -27,7 +27,8 @@ def process_file(urls):
|
||||
os.system(f'python3 -m spotdl {url} --output "{download_param_playlist}"')
|
||||
|
||||
|
||||
os.system(f'zip -r musics.zip ./')
|
||||
# os.system(f'zip -r musics.zip ./downloads')
|
||||
run(['zip', '-r', 'musics.zip', '.'])
|
||||
|
||||
@app.route('/', methods=['GET', 'POST'])
|
||||
def index():
|
||||
@ -47,14 +48,15 @@ def index():
|
||||
process_file(urls)
|
||||
#print(resultProcessFile)
|
||||
|
||||
with open('/home/gu1ll4um3/github/SpotDL_Web/erreurs.txt', 'r') as f:
|
||||
with open('/home/gu1ll4um3/github/SpotDL_Web/logs/erreurs.log', 'r') as f:
|
||||
result2 = f.readlines()
|
||||
return render_template('download_complete.html', result2=result2)
|
||||
|
||||
@app.route('/download', methods=['GET'])
|
||||
def download():
|
||||
# PATH='/home/gu1ll4um3/musics/downloads/musics.zip'
|
||||
PATH='./downloads/musics.zip'
|
||||
#os.chdir('downloads')
|
||||
PATH='downloads/musics.zip'
|
||||
return send_file(PATH,as_attachment=True)
|
||||
|
||||
# @app.route('/errors')
|
||||
@ -63,6 +65,10 @@ def download():
|
||||
# lines = f.readlines()
|
||||
# return render_template('logs.html', lines=lines)
|
||||
|
||||
@app.route('/test')
|
||||
def test():
|
||||
return render_template('test.html')
|
||||
|
||||
|
||||
if __name__ == '__main__':
|
||||
app.run(debug=True, port=3000)
|
||||
|
||||
@ -53,3 +53,88 @@ button {
|
||||
margin: 10px auto;
|
||||
}
|
||||
|
||||
/* .urlbox{
|
||||
font-size: 13px;
|
||||
padding-left: 7px;
|
||||
padding-right: 7px;
|
||||
border-radius: 9px;
|
||||
width:100%;
|
||||
height:30px;
|
||||
} */
|
||||
|
||||
/* .urlbox:empty {
|
||||
border: 2px solid #999999;
|
||||
font-size: 13px;
|
||||
padding-left: 7px;
|
||||
padding-right: 7px;
|
||||
border-radius: 9px;
|
||||
width:100%;
|
||||
height:30px;
|
||||
}
|
||||
|
||||
.urlbox:valid:not(:placeholder-shown){
|
||||
border:rgb(24,216,96) 2px;
|
||||
font-size: 13px;
|
||||
padding-left: 7px;
|
||||
padding-right: 7px;
|
||||
border-radius: 9px;
|
||||
width:100%;
|
||||
height:30px;
|
||||
}
|
||||
.urlbox:invalid{
|
||||
border: red solid 2px;
|
||||
font-size: 13px;
|
||||
padding-left: 7px;
|
||||
padding-right: 7px;
|
||||
border-radius: 9px;
|
||||
width:100%;
|
||||
height:30px;
|
||||
} */
|
||||
|
||||
.urlbox:empty {
|
||||
border: 2px solid grey;
|
||||
font-size: 13px;
|
||||
padding-left: 7px;
|
||||
padding-right: 7px;
|
||||
border-radius: 9px;
|
||||
width:100%;
|
||||
height:30px;
|
||||
|
||||
|
||||
}
|
||||
.urlbox:valid:not(:placeholder-shown) {
|
||||
border: 2px solid rgb(24,216,96);
|
||||
font-size: 13px;
|
||||
padding-left: 7px;
|
||||
padding-right: 7px;
|
||||
border-radius: 9px;
|
||||
width:100%;
|
||||
height:30px;
|
||||
}
|
||||
.urlbox:invalid {
|
||||
border: 2px solid red;
|
||||
font-size: 13px;
|
||||
padding-left: 7px;
|
||||
padding-right: 7px;
|
||||
border-radius: 9px;
|
||||
width:100%;
|
||||
height:30px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
button{
|
||||
/* margin-right: 0px; */
|
||||
height: 30px;
|
||||
width:130px;
|
||||
border-radius: 5px ;
|
||||
border: none;
|
||||
/* float: right; */
|
||||
background-color: #ddd;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
button:hover{
|
||||
background-color: rgb(24,216,96);
|
||||
color: white;
|
||||
}
|
||||
@ -13,11 +13,11 @@
|
||||
<form class="logs">
|
||||
<div><h1>Fichier de texte</h1></div>
|
||||
<div>
|
||||
<ul>
|
||||
<a>
|
||||
{% for line in result2 %}
|
||||
<li>{{ line }}</li>
|
||||
<p>{{ line }}<br></p>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
53
templates/test.html
Normal file
53
templates/test.html
Normal file
@ -0,0 +1,53 @@
|
||||
<style>
|
||||
|
||||
button:hover {
|
||||
background-color: blue;
|
||||
color: white;
|
||||
}
|
||||
|
||||
button:active::before {
|
||||
content: "Bouton cliqué";
|
||||
}
|
||||
|
||||
input:empty {
|
||||
border: 2px solid grey;
|
||||
font-size: 13px;
|
||||
padding-left: 7px;
|
||||
padding-right: 7px;
|
||||
border-radius: 9px;
|
||||
width:100%;
|
||||
height:30px;
|
||||
}
|
||||
input:valid:not(:placeholder-shown) {
|
||||
border: 2px solid green;
|
||||
font-size: 13px;
|
||||
padding-left: 7px;
|
||||
padding-right: 7px;
|
||||
border-radius: 9px;
|
||||
width:100%;
|
||||
height:30px;
|
||||
}
|
||||
input:invalid {
|
||||
border: 2px solid red;
|
||||
font-size: 13px;
|
||||
padding-left: 7px;
|
||||
padding-right: 7px;
|
||||
border-radius: 9px;
|
||||
width:100%;
|
||||
height:30px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- L'élément input suivant aura une bordure grise s'il est vide, verte s'il contient une valeur valide, ou rouge s'il contient une valeur qui ne respecte pas le format défini par la regex -->
|
||||
<input type="text" pattern="^https://open\.spotify\.com/(?:album|playlist)/[\w-]+(?:\?si=[\w-]+)$" placeholder="url"/>
|
||||
<button id="mon-bouton">Mon bouton</button>
|
||||
<script>
|
||||
// Récupère l'élément bouton grâce à son ID
|
||||
const bouton = document.getElementById('mon-bouton');
|
||||
|
||||
// Ajoute un écouteur d'événement 'click' au bouton
|
||||
bouton.addEventListener('click', function() {
|
||||
// Met à jour la valeur de l'attribut innerHTML du bouton
|
||||
this.innerHTML = "Bouton cliqué";
|
||||
});
|
||||
</script>
|
||||
@ -15,31 +15,41 @@
|
||||
|
||||
<div style="margin-top: 10px;">
|
||||
<!-- <label for="url1">URL 1:</label> -->
|
||||
<input type="text" name="url1" id="url1" placeholder="URL" value="https://open.spotify.com/album/3QgFzksD4J43TnGIJOOrRV?si=X6q4QeJ_TtCi9q9fu25Aww">
|
||||
<input type="text" name="url1" id="url1" class="urlbox" pattern="^https://open\.spotify\.com/(?:album|playlist)/[\w-]+(?:\?si=[\w-]+)$" placeholder="Copier un lien d'album ou de playlist">
|
||||
</div>
|
||||
|
||||
<div style="margin-top: 10px;">
|
||||
<!-- <label for="url2">URL 2:</label> -->
|
||||
<input type="text" name="url2" id="url2" placeholder="URL">
|
||||
<input type="text" name="url2" id="url2" class="urlbox" pattern="^https://open\.spotify\.com/(?:album|playlist)/[\w-]+(?:\?si=[\w-]+)$" placeholder="Copier un lien d'album ou de playlist">
|
||||
</div>
|
||||
|
||||
<div style="margin-top: 10px;">
|
||||
<!-- <label for="url3">URL 3:</label> -->
|
||||
<input type="text" name="url3" id="url3" placeholder="URL">
|
||||
<input type="text" name="url3" id="url3" class="urlbox" pattern="^https://open\.spotify\.com/(?:album|playlist)/[\w-]+(?:\?si=[\w-]+)$" placeholder="Copier un lien d'album ou de playlist">
|
||||
</div>
|
||||
|
||||
<div style="margin-top: 10px;">
|
||||
<!-- <label for="url4">URL 4:</label> -->
|
||||
<input type="text" name="url4" id="url4" placeholder="URL">
|
||||
<input type="text" name="url4" id="url4" class="urlbox" pattern="^https://open\.spotify\.com/(?:album|playlist)/[\w-]+(?:\?si=[\w-]+)$" placeholder="Copier un lien d'album ou de playlist">
|
||||
</div>
|
||||
|
||||
<div style="margin-top: 10px;">
|
||||
<!-- <label for="url5">URL 5:</label> -->
|
||||
<input type="text" name="url5" id="url5" placeholder="URL">
|
||||
<input type="text" name="url5" id="url5" class="urlbox" pattern="^https://open\.spotify\.com/(?:album|playlist)/[\w-]+(?:\?si=[\w-]+)$" placeholder="Copier un lien d'album ou de playlist">
|
||||
</div>
|
||||
|
||||
<div style="margin-top: 10px;">
|
||||
<input type="submit" value="Téléchargement">
|
||||
<button type="submit" id="btn" class="btn" value="Téléchargement">Téléchargement</button>
|
||||
<script>
|
||||
// Récupère l'élément bouton grâce à son ID
|
||||
const bouton = document.getElementById('btn');
|
||||
|
||||
// Ajoute un écouteur d'événement 'click' au bouton
|
||||
bouton.addEventListener('click', function() {
|
||||
// Met à jour la valeur de l'attribut innerHTML du bouton
|
||||
this.innerHTML = "Téléchargement en cours ...";
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user