From: Mike Frysinger <vapier@gentoo.org>
Date: Sun, 1 Sep 2013 20:16:02 +0000 (-0400)
Subject: controls: add shortcut keys for a bunch of items
X-Git-Tag: v3.0~3
X-Git-Url: https://git.wh0rd.org/?p=chrome-ext%2Fmusic-player-client.git;a=commitdiff_plain;h=ee26ebe43d89016c3014e030041e363e337f4ff5

controls: add shortcut keys for a bunch of items
---

diff --git a/main.html b/main.html
index 89489d8..90e2182 100644
--- a/main.html
+++ b/main.html
@@ -69,7 +69,7 @@ div#footer {
 <table>
  <tr style='whitespace:collapse'>
   <td>
-   <input type='button' id='previous' value='&#x21E6;'><input type='button' id='play' value='&#x25B7;'><input type='button' id='pause' value='&#x25EB;'><input type='button' id='stop' value='&#x25FB;'><input type='button' id='next' value='&#x21E8;'>
+   <input type='button' id='previous' value='&#x21E6;' accesskey='a'><input type='button' id='play' value='&#x25B7;' accesskey='s'><input type='button' id='pause' value='&#x25EB;' accesskey='d'><input type='button' id='stop' value='&#x25FB;' accesskey='f'><input type='button' id='next' value='&#x21E8;' accesskey='g'>
   </td>
   <td>
    <input type='button' id='repeat' value='&#x221E;'><input type='button' id='random' value='&reg;'><input type='button' id='single' value='&sect;'><input type='button' id='consume' value='&copy;'>
diff --git a/main.js b/main.js
index 9155650..aa4c7bd 100644
--- a/main.js
+++ b/main.js
@@ -56,6 +56,23 @@ window.onload = function() {
 	});
 };
 
+window.onkeypress = function(e) {
+	switch (e.keyCode) {
+	case 49: // 1
+		show_page('controls');
+		break;
+	case 50: // 1
+		show_page('metadata');
+		break;
+	case 51: // 1
+		show_page('playlist');
+		break;
+	case 52: // 1
+		show_page('options');
+		break;
+	}
+};
+
 function mpc_refresh() {
 	mpc.status();
 }
@@ -191,11 +208,17 @@ function update_sync_settings() {
 }
 
 function init_ui(local_keys, sync_keys, options) {
+	var ele, i;
+
 	/* Setup footer */
+	i = 1;
 	[
-		'controls', 'metadata', 'options', 'playlist',
+		'controls', 'metadata', 'playlist', 'options',
 	].forEach(function(id) {
-		document.getElementById('tab.' + id).onclick = show_page;
+		var ele = document.getElementById('tab.' + id);
+		ele.onclick = show_page;
+		ele.title = id + ' [' + i + ']';
+		++i;
 	});
 
 	/* Setup control tab */
@@ -207,6 +230,8 @@ function init_ui(local_keys, sync_keys, options) {
 		var ele = window['ui_mpc_' + id] = document.getElementById(id);
 		ele.onchange = ele.onclick = window['tramp_mpc_' + id];
 		ele.title = id;
+		if (ele.accessKey)
+			ele.title += ' [' + ele.accessKey + ']'
 	});
 	window['ui_mpc_currtime'] = document.getElementById('currtime');