From d4c49877212e954eb15f067e38bcc1d2d8ccc91b Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Sun, 15 Oct 2017 15:25:54 +0100
Subject: [PATCH] Add spotify playlist shortcode

---
 layouts/shortcodes/spotify.html | 41 +++++++++++++++++++++++++++++++++
 static/src/scss/style.scss      |  4 ++++
 2 files changed, 45 insertions(+)
 create mode 100644 layouts/shortcodes/spotify.html

diff --git a/layouts/shortcodes/spotify.html b/layouts/shortcodes/spotify.html
new file mode 100644
index 0000000..7a634da
--- /dev/null
+++ b/layouts/shortcodes/spotify.html
@@ -0,0 +1,41 @@
+{{ $ident := .Get 0 }}
+
+{{ $playlist := getJSON "http://spotify-public-proxy.theorangeone.net/playlist/" $ident }}
+
+<div class="playlist">
+  <a href="{{ $playlist.url }}">
+    <h3>
+      {{ $playlist.name }}
+    </h3>
+  </a>
+
+  <table>
+    <thead>
+    <tr>
+      <th></th>
+      <th>Track</th>
+      <th>Artist</th>
+      <th>Album</th>
+    </tr>
+    </thead>
+    <tbody>
+      {{ range sort $playlist.tracks "name" }}
+        <tr>
+          <td>
+            <span>
+              <a class="icon" href="{{ .preview_url }}"><i class="fa fa-play"></i></a>
+            </span>
+          </td>
+          <td><a href="{{ .url }}">{{ .name }}</a></td>
+          <td>
+            {{ range $i, $e := .artists }}{{ if $i }}, {{ end }}{{ .name }}{{ end }}
+          </td>
+          <td>{{ .album.name }}</td>
+        </tr>
+      {{ end }}
+      <tr><td colspan="4">
+        <a href="{{ $playlist.url }}">View playlist on Spotify</a>
+      </td></tr>
+    </tbody>
+  </table>
+</div>
diff --git a/static/src/scss/style.scss b/static/src/scss/style.scss
index 1625ef2..731306e 100644
--- a/static/src/scss/style.scss
+++ b/static/src/scss/style.scss
@@ -188,3 +188,7 @@ nav {
     text-align: center;
   }
 }
+
+table td {
+  vertical-align: middle;
+}