From b6915c242d6fdd465b49a4058458634130af90bb Mon Sep 17 00:00:00 2001
From: gballan1 <brotherballantine@gmail.com>
Date: Mon, 28 Nov 2016 21:23:55 -0500
Subject: [PATCH] Added album info change stuff

---
 app/views/pages/music1.twig |  6 +++---
 app/views/pages/music2.twig |  6 +++---
 public/js/music.js          | 15 +++++++++++++++
 3 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/app/views/pages/music1.twig b/app/views/pages/music1.twig
index 76d111c..57a6147 100644
--- a/app/views/pages/music1.twig
+++ b/app/views/pages/music1.twig
@@ -20,12 +20,12 @@
     <!-- left album stuff -->
     <article class="col-sm-5 col-xs-12">
       <div class="thumbnail shadow-1">
-        <img class="image-responsive album-art" src="{{ albums[0].album_art }}" alt="{{ albums[0].title }}">
+        <img id="album-artwork" class="image-responsive album-art" src="{{ albums[0].album_art }}" alt="{{ albums[0].title }}">
         <div class="caption">
-          <h3>{{ albums[0].title }}</h3>
+          <h3 id="album-title">{{ albums[0].title }}</h3>
           {% if albums[0].description %}
             <hr />
-            <p>{{ albums[0].description }}</p>
+            <p id="album-description">{{ albums[0].description }}</p>
           {% endif %}
         </div>
       </div>
diff --git a/app/views/pages/music2.twig b/app/views/pages/music2.twig
index 2df3606..7a38731 100644
--- a/app/views/pages/music2.twig
+++ b/app/views/pages/music2.twig
@@ -20,12 +20,12 @@
     <!-- left album stuff -->
     <article class="col-sm-5 col-xs-12">
       <div class="thumbnail shadow-1">
-        <img class="image-responsive album-art" src="{{ albums[0].album_art }}" alt="{{ albums[0].title }}">
+        <img id="album-artwork" class="image-responsive album-art" src="{{ albums[0].album_art }}" alt="{{ albums[0].title }}">
         <div class="caption">
-          <h3>{{ albums[0].title }}</h3>
+          <h3 id="album-title">{{ albums[0].title }}</h3>
           {% if albums[0].description %}
             <hr />
-            <p>{{ albums[0].description }}</p>
+            <p id="album-description">{{ albums[0].description }}</p>
           {% endif %}
         </div>
       </div>
diff --git a/public/js/music.js b/public/js/music.js
index 7db80e5..e33ba0d 100755
--- a/public/js/music.js
+++ b/public/js/music.js
@@ -29,6 +29,21 @@ function changeSelectedAlbum(albumElem) {
   }
 }
 
+function getAlbumInfo(albumElem) {
+  albumElem = $(albumElem);
+
+  $.get('/apiv1/music/album-info/' + albumElem.data('albumid'), function(data) {
+    var json = $.parseJSON(data);
+
+    // change album artwork
+    $('#album-artwork').attr('src', json.album_art);
+    // change album title
+    $('#album-title').text(json.title);
+    // change album description
+    $('#album-description').text(json.description);
+  });
+}
+
 function changeSelectedTrack(trackElem) {
   var oldSelected = $('.now-playing-list .music-track.selected');
   var newSelected = $(trackElem);