lgallet/makethisplaylist
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: ✨ Results show now multiple results

Browse Source
This commit is contained in:
Louis Gallet
2024-06-29 22:19:44 +02:00
parent 0e10bf6476
commit 4077252a0e
5 changed files with 36 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
templates/found.html
View File

@ -12,7 +12,9 @@
<div class="form-group">
<div class="form-inline text-center">
<label>Enter here the music that you want:</label>
<input type="text" name="search" class="form-control" />
<label>
<input type="text" name="search" class="form-control" />
</label>
</div>
</div>
@ -23,15 +25,23 @@
<div class="alert alert-primary" role="alert">
Here's the music I found. If it doesn't match, try the query again in more detail.
</div>
<div class="card" style="width: 21rem;">
<img class="card-img-top" src="{{trackImage}}" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">{{trackName}}</h5>
<p class="card-text">{{trackArtist}} - {{trackAlbum}}</p>
<audio controls><source src="{{trackPreview}}"></audio>
<a href="https://n8n.louisgallet.fr/webhook/61f08b8c-5bca-4091-a934-da66d9ae09e7/61f08b8c-5bca-4091-a934-da66d9ae09e7/{{trackID}}" class="btn btn-primary">Add to the playlist</a>
</div>
</div>
<div class="container text-center">
<div class="row">
{% for track in tracks %}
<div class="col">
<div class="card" style="width: 21rem;">
<img class="card-img-top" src="{{ track[4] }}" alt="Card image cap">
<div class="card-body">
<h5 class="card-title"> {{ track[0] }} </h5>
<p class="card-text">{{ track[1] }} - {{ track[2] }}</p>
<audio controls><source src="{{ track[3] }}"></audio>
<a href="https://n8n.louisgallet.fr/webhook/61f08b8c-5bca-4091-a934-da66d9ae09e7/61f08b8c-5bca-4091-a934-da66d9ae09e7/{{ track[5] }}" class="btn btn-primary">Add to the playlist</a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</body>
</html>

4
templates/index.html
View File

@ -11,7 +11,9 @@
<div class="form-group">
<div class="form-inline text-center">
<label>Enter here the music that you want:</label>
<input type="text" name="search" class="form-control" />
<label>
<input type="text" name="search" class="form-control" />
</label>
</div>
</div>

20
templates/test.html
View File

@ -1,20 +0,0 @@
<!doctype html>
<html lang="en">
<head>
{% block head %}
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
{% block styles %}
<!-- Bootstrap CSS -->
{{ bootstrap.load_css() }}
{% endblock %}
<title>Your page title</title>
{% endblock %}
</head>
<body>
<button type="button" class="btn btn-primary">Primary</button>
</body>
</html>