feat: 🎉 Everything works

2024-06-19 23:40:27 +02:00
commit 0e10bf6476
17 changed files with 567 additions and 0 deletions
--- a/templates/found.html
+++ b/templates/found.html
@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Results</title>
+    {{ bootstrap.load_css() }}
+
+</head>
+<body>
+    <div class="container text-center">
+        <form method="POST">
+            <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" />
+            </div>
+            </div>
+
+            <div class="text-center">
+                <input type="submit" value="Submit" class="btn btn-primary">
+            </div>
+        </form>
+        <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>
+</body>
+</html>