From 41bf2ca45451b00fcec09f54fe364fa259b8a2b9 Mon Sep 17 00:00:00 2001
From: Stephanie Chung <schung@linkedin.com>
Date: Wed, 7 May 2014 22:02:21 -0700
Subject: [PATCH] added key bindings

---
 js/main.js               | 64 +++++++++++++++++++++++++++-------------
 sass/modules/_piano.scss |  4 +--
 2 files changed, 46 insertions(+), 22 deletions(-)

diff --git a/js/main.js b/js/main.js
index ea4ab8a..56c74b5 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1,10 +1,3 @@
-var wholeStep = 2,
-  halfStep = 1;
-
-var major3rd = (2 * wholeStep);
-var major5th = major3rd + (3 * halfStep);
-//minor chord
-
 window.onload = function () {
   MIDI.loadPlugin({
     soundfontUrl: "./soundfont/",
@@ -14,27 +7,58 @@ window.onload = function () {
         var note = $(event.target).data('note');
         playNote(note);
       });
-      $(document).keydown(function(event) {
-        var keycode = event.keyCode;
-        if (keycode == 81) {
-          $('.anchor[data=60]').trigger('click');
-          console.log('click');
-        }
-      });
+      $(document).on('keydown', parseAction);
+      $(document).on('keyup', releaseAction);
     }
   });
-
 };
 
+function releaseAction(event) {
+  $(".anchor").removeClass('active');
+}
+
+function parseAction(event) {
+  var keycode = event.keyCode;
+
+  switch (keycode) {
+    case 81:
+      triggerAction(60)
+      break;
+    case 87:
+      triggerAction(62)
+      break;
+    case 69:
+      triggerAction(64);
+      break;
+    case 82:
+      triggerAction(65);
+      break;
+    case 84:
+      triggerAction(67);
+      break;
+    case 89:
+      triggerAction(69);
+      break;
+    case 85:
+      triggerAction(71);
+      break;
+    case 73:
+      triggerAction(72);
+      break;
+  }
+}
+
+function triggerAction(note) {
+  $(".anchor[data-note="+note+"]").addClass('active');
+  playNote(note);
+}
+
+
+
 function playNote(note) {
-  console.log(note);
   var delay = 0; // play one note every quarter second
   var velocity = 127; // how hard the note hits
   MIDI.setVolume(0, 127);
   MIDI.noteOn(0, note, velocity, delay);
   MIDI.noteOff(0, note, delay + 0.75);
 }
-
-function getAsyncMusicData() {
-
-}
\ No newline at end of file
diff --git a/sass/modules/_piano.scss b/sass/modules/_piano.scss
index 565bc5b..236d810 100644
--- a/sass/modules/_piano.scss
+++ b/sass/modules/_piano.scss
@@ -58,7 +58,7 @@ ul#piano {
       -moz-border-radius: 0 0 3px 3px;
       border-radius: 0 0 3px 3px;
     }
-    a:active, div.anchor:active {
+    a:active, div.anchor:active, div.active {
       -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
       box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
@@ -66,7 +66,7 @@ ul#piano {
       top: 2px;
       height: 216px;
     }
-    a:active:before, div.anchor:active:before {
+    a:active:before, div.anchor:active:before, div.active:before {
       content: "";
       width: 0px;
       height: 0px;