From 95fe2bb3512f6aad06343b9ce5150bd6ea52762c Mon Sep 17 00:00:00 2001
From: MrSlimeDude <45675291+MrSlimeDude@users.noreply.github.com>
Date: Thu, 3 Jan 2019 14:23:29 -0500
Subject: [PATCH 1/7] Added sound code

---
 index.html      | 10 ++++++++++
 js/core.js      | 40 ++++++++++++++++++++++++++++++++++++++++
 style/style.css | 35 +++++++++++++++++++++++++++++++++++
 3 files changed, 85 insertions(+)

diff --git a/index.html b/index.html
index 6d8a331..eca27c9 100644
--- a/index.html
+++ b/index.html
@@ -40,6 +40,7 @@
     <script src="./js/sm2/js/soundmanager2-jsmin.js"></script>
     <script src="./js/core.js"></script>
     <script async src="https://www.googletagmanager.com/gtag/js?id=UA-120277085-2"></script>
+    <button id="playButton">Play Mucic Code</button>
     <script>
       window.dataLayer = window.dataLayer || [];
       function gtag(){dataLayer.push(arguments);}
@@ -94,6 +95,15 @@
 <div class="tap" id="meow">
     <span>SPACE</span>
 </div>
+<div id="codeModal" class="code-modal">
+  <div class="code-modal-content">
+    <span class="code-close">&times;</span>
+    <p>Imput Code Below:</p>
+    <textarea rows="15" cols="100" placeholder="Input Code Here" id=code></textarea><br>
+    <input type="text" id="timing" size="23" placeholder="Time between notes (ms)"></textarea>
+    <button id="submitButton">Play Code</button>
+  </div>
+</div>
 <img src="./images/l2.png" class="hidden"/>
 <img src="./images/r2.png" class="hidden"/>
 <img src="./images/m2.png" class="hidden"/>
diff --git a/js/core.js b/js/core.js
index 137ed1f..e898f36 100644
--- a/js/core.js
+++ b/js/core.js
@@ -203,3 +203,43 @@ $(document).on("keydown keyup", function (e) {
         $.play(instrument, key, e.type === "keydown");
     }
 });
+$(document).ready(function()  {
+  document.getElementById("playButton").addEventListener("click", function() {
+    document.getElementById("codeModal").style.display = "block";
+  });
+  document.getElementsByClassName("code-close")[0].addEventListener("click", function() {
+    document.getElementById("codeModal").style.display = "none";
+  });
+  document.getElementById("submitButton").addEventListener("click", function() {
+    document.getElementById("codeModal").style.display = "none";
+    var code = document.getElementById("code").value;
+    var timing = parseInt(document.getElementById("timing").value);
+    var length = code.length;
+    var index = 0;
+    var timer = setInterval(function() {
+      index++;
+      var instrument = InstrumentPerKeyEnum[code.charAt(index-1).toUpperCase()];
+      var key = KeyEnum[code.charAt(index-1).toUpperCase()];
+      console.log("Preparing to play: " + instrument + " At key of: " + key + " At index of: " + index + " At char " + code.charAt(index) + " With total song length of " + length);
+
+      if(instrument != undefined && key != undefined) {
+        $.play(instrument, key, true);
+        setTimeout(function() {
+          $.play(instrument, key, false);
+        }, timing/2)
+        console.log("Played: " + instrument + " At key of: " + key);
+      }
+      if(index >= length) {
+        clearInterval(timer);
+        index = 0;
+      }
+    }, timing );
+    /*for (var i = 0; i < code.length; i++)  {
+      var instrument = InstrumentPerKeyEnum[code.charAt(i).toUpperCase()];
+      var key = KeyEnum[code.charAt(i).toUpperCase()];
+      if(instrument != undefined && key != undefined) {
+        $.play(instrument, key, true);
+      }
+    }*/
+  });
+});
diff --git a/style/style.css b/style/style.css
index 0357637..1b1a92e 100644
--- a/style/style.css
+++ b/style/style.css
@@ -69,6 +69,41 @@ a {
     margin: 2px;
     display: inline-block;
 }
+.code-modal {
+  display: none;
+  position: fixed;
+  z-index: 1;
+  padding-top: 100px;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  background-color: rgb(0,0,0);
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.code-modal-content {
+  background-color:  #fefefe;
+  margin: auto;
+  padding: 20px;
+  border: 1px solid #888;
+  width: 80%;
+}
+.code-close {
+  color: #aaaaaa;
+  float: right;
+  font-size: 28px;
+  font-weight: bold;
+}
+.code-close:hover,
+.code-close:focus {
+  color: #000;
+  text-decoration: none;
+  cursor: pointer;
+}
+#code {
+  resize: none;
+}
 #bongo-left {
     top: 43%;
     left: 2%;

From 6a1d5953060ad7370edf95b6af21cf96c1f09ddf Mon Sep 17 00:00:00 2001
From: MrSlimeDude <45675291+MrSlimeDude@users.noreply.github.com>
Date: Fri, 4 Jan 2019 09:13:42 -0500
Subject: [PATCH 2/7] Cleaned up previous commit and added soundcode feature to
 url

---
 js/core.js | 61 ++++++++++++++++++++++++++++++------------------------
 1 file changed, 34 insertions(+), 27 deletions(-)

diff --git a/js/core.js b/js/core.js
index e898f36..324bf8a 100644
--- a/js/core.js
+++ b/js/core.js
@@ -214,32 +214,39 @@ $(document).ready(function()  {
     document.getElementById("codeModal").style.display = "none";
     var code = document.getElementById("code").value;
     var timing = parseInt(document.getElementById("timing").value);
-    var length = code.length;
-    var index = 0;
-    var timer = setInterval(function() {
-      index++;
-      var instrument = InstrumentPerKeyEnum[code.charAt(index-1).toUpperCase()];
-      var key = KeyEnum[code.charAt(index-1).toUpperCase()];
-      console.log("Preparing to play: " + instrument + " At key of: " + key + " At index of: " + index + " At char " + code.charAt(index) + " With total song length of " + length);
-
-      if(instrument != undefined && key != undefined) {
-        $.play(instrument, key, true);
-        setTimeout(function() {
-          $.play(instrument, key, false);
-        }, timing/2)
-        console.log("Played: " + instrument + " At key of: " + key);
-      }
-      if(index >= length) {
-        clearInterval(timer);
-        index = 0;
-      }
-    }, timing );
-    /*for (var i = 0; i < code.length; i++)  {
-      var instrument = InstrumentPerKeyEnum[code.charAt(i).toUpperCase()];
-      var key = KeyEnum[code.charAt(i).toUpperCase()];
-      if(instrument != undefined && key != undefined) {
-        $.play(instrument, key, true);
-      }
-    }*/
+    playCode(code, timing);
   });
 });
+
+$(document).ready(function() {
+  var url_string = window.location.href;
+  var url = new URLSearchParams(url_string);
+  var t = url.get("t");
+  var c = url.get("c");
+  console.log(url_string);
+  console.log(c);
+  console.log(t);
+  if(c != null && t != null) {
+    playCode(c, t);
+  }
+});
+
+function playCode(code, timing) {
+  var length = code.length;
+  var index = 0;
+  var timer = setInterval(function() {
+    index++;
+    var instrument = InstrumentPerKeyEnum[code.charAt(index-1).toUpperCase()];
+    var key = KeyEnum[code.charAt(index-1).toUpperCase()];
+    if(instrument != undefined && key != undefined) {
+      $.play(instrument, key, true);
+      setTimeout(function() {
+        $.play(instrument, key, false);
+      }, timing/2)
+    }
+    if(index >= length) {
+      clearInterval(timer);
+      index = 0;
+    }
+  }, timing );
+};

From 6ea3bc1ae15d5862f2bff7bd9d79697899a7136c Mon Sep 17 00:00:00 2001
From: MrSlimeDude <45675291+MrSlimeDude@users.noreply.github.com>
Date: Fri, 4 Jan 2019 09:52:27 -0500
Subject: [PATCH 3/7] Revert "Cleaned up previous commit and added soundcode
 feature to url"

This reverts commit 6a1d5953060ad7370edf95b6af21cf96c1f09ddf.
---
 js/core.js | 61 ++++++++++++++++++++++++------------------------------
 1 file changed, 27 insertions(+), 34 deletions(-)

diff --git a/js/core.js b/js/core.js
index 324bf8a..e898f36 100644
--- a/js/core.js
+++ b/js/core.js
@@ -214,39 +214,32 @@ $(document).ready(function()  {
     document.getElementById("codeModal").style.display = "none";
     var code = document.getElementById("code").value;
     var timing = parseInt(document.getElementById("timing").value);
-    playCode(code, timing);
-  });
-});
+    var length = code.length;
+    var index = 0;
+    var timer = setInterval(function() {
+      index++;
+      var instrument = InstrumentPerKeyEnum[code.charAt(index-1).toUpperCase()];
+      var key = KeyEnum[code.charAt(index-1).toUpperCase()];
+      console.log("Preparing to play: " + instrument + " At key of: " + key + " At index of: " + index + " At char " + code.charAt(index) + " With total song length of " + length);
 
-$(document).ready(function() {
-  var url_string = window.location.href;
-  var url = new URLSearchParams(url_string);
-  var t = url.get("t");
-  var c = url.get("c");
-  console.log(url_string);
-  console.log(c);
-  console.log(t);
-  if(c != null && t != null) {
-    playCode(c, t);
-  }
+      if(instrument != undefined && key != undefined) {
+        $.play(instrument, key, true);
+        setTimeout(function() {
+          $.play(instrument, key, false);
+        }, timing/2)
+        console.log("Played: " + instrument + " At key of: " + key);
+      }
+      if(index >= length) {
+        clearInterval(timer);
+        index = 0;
+      }
+    }, timing );
+    /*for (var i = 0; i < code.length; i++)  {
+      var instrument = InstrumentPerKeyEnum[code.charAt(i).toUpperCase()];
+      var key = KeyEnum[code.charAt(i).toUpperCase()];
+      if(instrument != undefined && key != undefined) {
+        $.play(instrument, key, true);
+      }
+    }*/
+  });
 });
-
-function playCode(code, timing) {
-  var length = code.length;
-  var index = 0;
-  var timer = setInterval(function() {
-    index++;
-    var instrument = InstrumentPerKeyEnum[code.charAt(index-1).toUpperCase()];
-    var key = KeyEnum[code.charAt(index-1).toUpperCase()];
-    if(instrument != undefined && key != undefined) {
-      $.play(instrument, key, true);
-      setTimeout(function() {
-        $.play(instrument, key, false);
-      }, timing/2)
-    }
-    if(index >= length) {
-      clearInterval(timer);
-      index = 0;
-    }
-  }, timing );
-};

From 588648aad2398cfac9faf7adcefd38d65fc3923d Mon Sep 17 00:00:00 2001
From: MrSlimeDude <45675291+MrSlimeDude@users.noreply.github.com>
Date: Sat, 5 Jan 2019 08:15:12 -0500
Subject: [PATCH 4/7] Removed unnecessary console log statements.

---
 js/core.js | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/js/core.js b/js/core.js
index e898f36..a164e19 100644
--- a/js/core.js
+++ b/js/core.js
@@ -220,14 +220,11 @@ $(document).ready(function()  {
       index++;
       var instrument = InstrumentPerKeyEnum[code.charAt(index-1).toUpperCase()];
       var key = KeyEnum[code.charAt(index-1).toUpperCase()];
-      console.log("Preparing to play: " + instrument + " At key of: " + key + " At index of: " + index + " At char " + code.charAt(index) + " With total song length of " + length);
-
       if(instrument != undefined && key != undefined) {
         $.play(instrument, key, true);
         setTimeout(function() {
           $.play(instrument, key, false);
         }, timing/2)
-        console.log("Played: " + instrument + " At key of: " + key);
       }
       if(index >= length) {
         clearInterval(timer);

From 98e5258cffba110da8ff960bee0ef2928b4fd305 Mon Sep 17 00:00:00 2001
From: MrSlimeDude <45675291+MrSlimeDude@users.noreply.github.com>
Date: Sun, 13 Jan 2019 09:45:26 -0500
Subject: [PATCH 5/7] Added clear spaces button

---
 index.html |  3 ++-
 js/core.js | 12 +++++-------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index eca27c9..905507b 100644
--- a/index.html
+++ b/index.html
@@ -99,7 +99,8 @@
   <div class="code-modal-content">
     <span class="code-close">&times;</span>
     <p>Imput Code Below:</p>
-    <textarea rows="15" cols="100" placeholder="Input Code Here" id=code></textarea><br>
+    <textarea rows="15" cols="100" placeholder="Input Code Here" id=code></textarea>
+    <button id="spaceClear">Clear Spaces</button><br>
     <input type="text" id="timing" size="23" placeholder="Time between notes (ms)"></textarea>
     <button id="submitButton">Play Code</button>
   </div>
diff --git a/js/core.js b/js/core.js
index a164e19..8636059 100644
--- a/js/core.js
+++ b/js/core.js
@@ -210,6 +210,11 @@ $(document).ready(function()  {
   document.getElementsByClassName("code-close")[0].addEventListener("click", function() {
     document.getElementById("codeModal").style.display = "none";
   });
+  document.getElementById("spaceClear").addEventListener("click", function() {
+    var code = document.getElementById("code").value;
+    var newCode = code.replace(/ /g,'');
+    document.getElementById("code").value = newCode;
+  });
   document.getElementById("submitButton").addEventListener("click", function() {
     document.getElementById("codeModal").style.display = "none";
     var code = document.getElementById("code").value;
@@ -231,12 +236,5 @@ $(document).ready(function()  {
         index = 0;
       }
     }, timing );
-    /*for (var i = 0; i < code.length; i++)  {
-      var instrument = InstrumentPerKeyEnum[code.charAt(i).toUpperCase()];
-      var key = KeyEnum[code.charAt(i).toUpperCase()];
-      if(instrument != undefined && key != undefined) {
-        $.play(instrument, key, true);
-      }
-    }*/
   });
 });

From d2f413828327ea00281473599c4a81c250d90d8f Mon Sep 17 00:00:00 2001
From: MrSlimeDude <45675291+MrSlimeDude@users.noreply.github.com>
Date: Sun, 13 Jan 2019 11:47:45 -0500
Subject: [PATCH 6/7] Added the sound code feature to the url

---
 index.html      | 12 ++++++++---
 js/core.js      | 53 ++++++++++++++++++++++++++++++++-----------------
 style/style.css | 10 +++++-----
 3 files changed, 49 insertions(+), 26 deletions(-)

diff --git a/index.html b/index.html
index 905507b..c0692db 100644
--- a/index.html
+++ b/index.html
@@ -95,9 +95,9 @@
 <div class="tap" id="meow">
     <span>SPACE</span>
 </div>
-<div id="codeModal" class="code-modal">
-  <div class="code-modal-content">
-    <span class="code-close">&times;</span>
+<div id="codeModal" class="modal">
+  <div class="modal-content">
+    <span class="close">&times;</span>
     <p>Imput Code Below:</p>
     <textarea rows="15" cols="100" placeholder="Input Code Here" id=code></textarea>
     <button id="spaceClear">Clear Spaces</button><br>
@@ -105,6 +105,12 @@
     <button id="submitButton">Play Code</button>
   </div>
 </div>
+<div id="playModal" class="modal">
+  <div class="modal-content">
+    <p><font size="25">You Have Recived A Song!</font></p>
+    <button id="playCode">Play!</button>
+  </div>
+</div>
 <img src="./images/l2.png" class="hidden"/>
 <img src="./images/r2.png" class="hidden"/>
 <img src="./images/m2.png" class="hidden"/>
diff --git a/js/core.js b/js/core.js
index 8636059..fbf3e3a 100644
--- a/js/core.js
+++ b/js/core.js
@@ -207,7 +207,7 @@ $(document).ready(function()  {
   document.getElementById("playButton").addEventListener("click", function() {
     document.getElementById("codeModal").style.display = "block";
   });
-  document.getElementsByClassName("code-close")[0].addEventListener("click", function() {
+  document.getElementsByClassName("close")[0].addEventListener("click", function() {
     document.getElementById("codeModal").style.display = "none";
   });
   document.getElementById("spaceClear").addEventListener("click", function() {
@@ -219,22 +219,39 @@ $(document).ready(function()  {
     document.getElementById("codeModal").style.display = "none";
     var code = document.getElementById("code").value;
     var timing = parseInt(document.getElementById("timing").value);
-    var length = code.length;
-    var index = 0;
-    var timer = setInterval(function() {
-      index++;
-      var instrument = InstrumentPerKeyEnum[code.charAt(index-1).toUpperCase()];
-      var key = KeyEnum[code.charAt(index-1).toUpperCase()];
-      if(instrument != undefined && key != undefined) {
-        $.play(instrument, key, true);
-        setTimeout(function() {
-          $.play(instrument, key, false);
-        }, timing/2)
-      }
-      if(index >= length) {
-        clearInterval(timer);
-        index = 0;
-      }
-    }, timing );
+    playCode(code, timing);
   });
 });
+$(document).ready(function()  {
+  var url_string = window.location.href;
+  var url = new URLSearchParams(url_string);
+  var c = url.get("c");
+  var t = url.get("t");
+  console.log("Code: " + c + " Timing: " + t);
+  if(c != null && t != null) {
+    document.getElementById("playModal").style.display = "block";
+    document.getElementById("playCode").addEventListener("click", function() {
+      document.getElementById("playModal").style.display = "none";
+      playCode(c, t);
+    });
+  }
+});
+function playCode(code, timing) {
+  var length = code.length;
+  var index = 0;
+  var timer = setInterval(function() {
+    index++;
+    var instrument = InstrumentPerKeyEnum[code.charAt(index-1).toUpperCase()];
+    var key = KeyEnum[code.charAt(index-1).toUpperCase()];
+    if(instrument != undefined && key != undefined) {
+      $.play(instrument, key, true);
+      setTimeout(function() {
+        $.play(instrument, key, false);
+      }, timing/2)
+    }
+    if(index >= length) {
+      clearInterval(timer);
+      index = 0;
+    }
+  }, timing );
+}
diff --git a/style/style.css b/style/style.css
index 1b1a92e..bc8dd89 100644
--- a/style/style.css
+++ b/style/style.css
@@ -69,7 +69,7 @@ a {
     margin: 2px;
     display: inline-block;
 }
-.code-modal {
+.modal {
   display: none;
   position: fixed;
   z-index: 1;
@@ -82,21 +82,21 @@ a {
   background-color: rgb(0,0,0);
   background-color: rgba(0, 0, 0, 0.5);
 }
-.code-modal-content {
+.modal-content {
   background-color:  #fefefe;
   margin: auto;
   padding: 20px;
   border: 1px solid #888;
   width: 80%;
 }
-.code-close {
+.close {
   color: #aaaaaa;
   float: right;
   font-size: 28px;
   font-weight: bold;
 }
-.code-close:hover,
-.code-close:focus {
+.close:hover,
+.close:focus {
   color: #000;
   text-decoration: none;
   cursor: pointer;

From db543b7bf3e7a7bbca634cf32a276c153907954c Mon Sep 17 00:00:00 2001
From: MrSlimeDude <45675291+MrSlimeDude@users.noreply.github.com>
Date: Tue, 15 Jan 2019 15:13:28 -0500
Subject: [PATCH 7/7] Added a button to get URL from Sound Code

---
 index.html |  3 ++-
 js/core.js | 16 ++++++++++++++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index c0692db..366f613 100644
--- a/index.html
+++ b/index.html
@@ -100,7 +100,8 @@
     <span class="close">&times;</span>
     <p>Imput Code Below:</p>
     <textarea rows="15" cols="100" placeholder="Input Code Here" id=code></textarea>
-    <button id="spaceClear">Clear Spaces</button><br>
+    <button id="spaceClear">Clear Spaces</button>
+    <button id="toURL">Copy Url To Clipboard</button><br>
     <input type="text" id="timing" size="23" placeholder="Time between notes (ms)"></textarea>
     <button id="submitButton">Play Code</button>
   </div>
diff --git a/js/core.js b/js/core.js
index fbf3e3a..6515747 100644
--- a/js/core.js
+++ b/js/core.js
@@ -212,9 +212,22 @@ $(document).ready(function()  {
   });
   document.getElementById("spaceClear").addEventListener("click", function() {
     var code = document.getElementById("code").value;
-    var newCode = code.replace(/ /g,'');
+    var newCode = code.replace(/\s/g,'');
     document.getElementById("code").value = newCode;
   });
+  document.getElementById("toURL").addEventListener("click", function() {
+    var code = document.getElementById("code").value;
+    var timing = document.getElementById("timing").value;
+    var url = window.location.href+"?"+"p"+"&"+"c="+code+"&"+"t="+timing;
+    var el = document.createElement('textarea');
+    el.value = url;
+    el.setAttribute('readonly', '');
+    el.style = {position: 'absolute', left: '-9999px'};
+    document.body.appendChild(el);
+    el.select();
+    document.execCommand('copy');
+    document.body.removeChild(el);
+  });
   document.getElementById("submitButton").addEventListener("click", function() {
     document.getElementById("codeModal").style.display = "none";
     var code = document.getElementById("code").value;
@@ -227,7 +240,6 @@ $(document).ready(function()  {
   var url = new URLSearchParams(url_string);
   var c = url.get("c");
   var t = url.get("t");
-  console.log("Code: " + c + " Timing: " + t);
   if(c != null && t != null) {
     document.getElementById("playModal").style.display = "block";
     document.getElementById("playCode").addEventListener("click", function() {