view: replace the stop button with a continue/pause button

Fixes #31

index.html

@@ -234,10 +234,10 @@ <h4>Ready?</h4>
 
         <section id="rightpanel">
           <section class="menu" id="controls">
-            <img id="continue" title="Continue (F9)" src="imgs/continue.png" alt="Continue" />
+            <img id="continue" title="Continue (F9)" src="imgs/continue.png" class="cpuexec" alt="Continue" />
+            <img id="pause" title="Pause (F9)" src="imgs/pause.png" alt="Pause" class="cpuexec hidden" />
             <img id="step" title="Step (F10)" src="imgs/step.png" alt="Step" />
             <img id="stepover" title="Step Over (F11)" src="imgs/stepover.png" alt="Step over" />
-            <img id="stop" title="Stop" src="imgs/stop.png" alt="Stop" />
             <img id="reset" title="Reset" src="imgs/restart.png" alt="Reset">
             <img id="clean" title="Clean" src="imgs/clean.png" alt="Clean">
           </section>

view/init.js

@@ -35,9 +35,13 @@ terminal.open(document.getElementById('terminal'));
 
 // Init shortcut key
 document.addEventListener('keydown', function(event) {
-    const binding = {'F9': zealcom.cont, 'F10': zealcom.step, 'F11': zealcom.step_over};
+    const binding = {
+        'F9': $(".cpuexec:not(.hidden)"),
+        'F10': $("#step"),
+        'F11': $("#stepover")
+    };
     if (binding[event.key]) {
-        binding[event.key]();
+        binding[event.key].click();
     }
 });
 

view/menus.js

@@ -5,15 +5,28 @@
  */
 
 $("#step").on("click",     () => zealcom.step());
-$("#stop").on("click",     () => zealcom.stop());
 $("#stepover").on("click", () => zealcom.step_over());
-$("#continue").on("click", () => zealcom.cont());
 $("#reset").on("click",    () => zealcom.reset());
 $("#clean").on("click",    () => {
     zealcom.restart();
     resetRom();
 });
 
+function togglePauseContinue() {
+    $("#continue").toggleClass("hidden");
+    $("#pause").toggleClass("hidden");
+}
+
+$("#continue").on("click", () => {
+    zealcom.cont();
+    togglePauseContinue();
+});
+
+$("#pause").on("click", () => {
+    zealcom.stop();
+    togglePauseContinue();
+});
+
 /**
  * Events for all menus and their content: breakpoints, CPU control, etc...
  */

view/readrom.js

@@ -70,7 +70,7 @@ $("#read-button").on('click', function() {
     loadMap($("#file-map")[0].files[0]);
     loadEEPROM($("#file-eeprom")[0].files[0]);
     loadCf($("#file-cf")[0].files[0]);
-    zealcom.cont();
+    $("#continue").click();
 });
 
 $("#romadvanced a").click(() => {
@@ -214,7 +214,7 @@ async function switchRom() {
         if (hashcomp == true) {
             loadRom(data);
         }
-        zealcom.cont();
+        $("#continue").click();
         $("#loading_img").invisible();
     }
     catch (error) {