From e9aee305f74ecbec9552d21836c50609cab6d954 Mon Sep 17 00:00:00 2001
From: Mike Frysinger <vapier@gentoo.org>
Date: Sun, 1 Sep 2013 05:29:50 -0400
Subject: [PATCH] metadata: add a bit more info to the tab

---
 main.html |  6 +++++-
 main.js   | 18 +++++++++++++-----
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/main.html b/main.html
index 8793bf6..1af66ee 100644
--- a/main.html
+++ b/main.html
@@ -112,7 +112,11 @@ div#footer {
 </div>
 
 <div class='main' id='main.metadata' style='display: none'>
-<div id='metadata'></div>
+<span id='metadata.artist'></span> -
+<span id='metadata.album'></span> -
+<span id='metadata.title'></span><br>
+<span id='metadata.date'></span><br><br>
+<span id='metadata.file'></span>
 </div>
 
 </div>
diff --git a/main.js b/main.js
index b83e0a2..88c146f 100644
--- a/main.js
+++ b/main.js
@@ -192,7 +192,6 @@ function init_ui(local_keys, sync_keys, options) {
 
 	/* Setup control tab */
 	ui_mpc_status = document.getElementById('status');
-	ui_mpc_metadata = document.getElementById('metadata');
 	[
 		'consume', 'next', 'pause', 'play', 'previous', 'random', 'repeat',
 		'seekcur', 'setvol', 'single', 'stop',
@@ -202,6 +201,13 @@ function init_ui(local_keys, sync_keys, options) {
 		ele.title = id;
 	});
 
+	/* Setup metadata tab */
+	[
+		'album', 'artist', 'date', 'file', 'title',
+	].forEach(function(id) {
+		window['ui_mpc_metadata_' + id] = document.getElementById('metadata.' + id);
+	});
+
 	/* Setup options tab */
 	document.getElementById('connect').onclick = mpc_connect;
 	local_keys.forEach(function(id) {
@@ -238,10 +244,12 @@ function update_ui(state, cmd) {
 		return;
 	}
 
-	if ('file' in state) {
-		// Hack: should be a real object.
-		ui_mpc_metadata.innerText = state.file;
-	}
+	// Hack: should be a real object.
+	ui_mpc_metadata_album.innerText = state.Album;
+	ui_mpc_metadata_artist.innerText = state.Artist;
+	ui_mpc_metadata_title.innerText = state.Title;
+	ui_mpc_metadata_date.innerText = state.Date;
+	ui_mpc_metadata_file.innerText = state.file;
 
 	var time;
 	if ('time' in state)
-- 
2.39.5