From fb88eef4826897629a47af0bb5a34ba29014ca33 Mon Sep 17 00:00:00 2001
From: Joel Schulz-Andres <jschulz-andres@localhost.localdomain>
Date: Sat, 22 Jul 2017 23:21:02 +0200
Subject: [PATCH] add more buttons for convenience

---
 index.html |  9 ++++++---
 script.js  | 55 ++++++++++++++++++++++++++++++++++++++++++++++++++++--
 2 files changed, 59 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index f0f798e..26a4002 100644
--- a/index.html
+++ b/index.html
@@ -13,9 +13,12 @@
 	<div class="container">
 	<div class="menu">
 	<table><tr>
-	<td><button type="button" class="btn btn-success" onclick="step();">Step</button></td>
-	<td><button type="button" class="btn btn-success" onclick="run();">Run</button></td>
-	<td><button type="button" class="btn btn-success" onclick="reset();">Reset</button></td>
+	<td><button type="button" class="btn btn-success" id="stepButton" onclick="step();">Step</button></td>
+	<td><button type="button" class="btn btn-success" id="runButton" onclick="run();">Run</button></td>
+	<td><button type="button" class="btn btn-success" id="pauseButton" onclick="pause();">Pause</button></td>
+	<td><button type="button" class="btn btn-success" id="resumeButton" onclick="resume();">Resume</button></td>
+	<td><button type="button" class="btn btn-success" id="stopButton" onclick="stop();">Stop</button></td>
+	<td><button type="button" class="btn btn-success" id="resetButton" onclick="reset();">Reset</button></td>
 	<td><label>Schrittweite:</label></td>
 	<td><input type="number" min=0 value=500 id="delay" class="form-control" style="width: 150px;" /></td>
 	<td>ms</td>
diff --git a/script.js b/script.js
index 029d941..af3fe18 100644
--- a/script.js
+++ b/script.js
@@ -24,6 +24,11 @@ let timer
 updateInstructionPointer()
 setUpRegisterListeners()
 updateRegisterFields()
+document.getElementById("stepButton").disabled = false
+document.getElementById("runButton").disabled = false
+document.getElementById("resumeButton").disabled = true
+document.getElementById("stopButton").disabled = true
+document.getElementById("pauseButton").disabled = true
 
 setUpListeners(document.getElementsByClassName('address'))
 setUpListeners(document.getElementsByClassName('command'))
@@ -44,6 +49,11 @@ function reload() {
 
 // multi-step
 function run() {
+	document.getElementById("stepButton").disabled = true
+	document.getElementById("runButton").disabled = true
+	document.getElementById("resumeButton").disabled = true
+	document.getElementById("stopButton").disabled = false
+	document.getElementById("pauseButton").disabled = false
 	stepTime = document.getElementById("delay").value
 	status = 1;
 	timer = setInterval(function(){ step(); }, stepTime);
@@ -51,9 +61,17 @@ function run() {
 
 // single-step
 function step() {
+	if (status == states.paused) {
+		return false
+	}
 	if (instructionPointer >= program.length || instructionPointer+1 === numberOfInstructionFields) {
-		status = 4
+		status = states.failure
 		clearInterval(timer)
+		document.getElementById("stepButton").disabled = false
+		document.getElementById("runButton").disabled = false
+		document.getElementById("resumeButton").disabled = true
+		document.getElementById("stopButton").disabled = true
+		document.getElementById("pauseButton").disabled = true
 		return false
 	}
 	const [instruction, register] = program[instructionPointer]
@@ -85,7 +103,12 @@ function step() {
 			instructionCounter++
 			break
 		case instructions.stp:
-			status = 3
+			status = states.stopped
+			document.getElementById("stepButton").disabled = false
+			document.getElementById("runButton").disabled = false
+			document.getElementById("resumeButton").disabled = true
+			document.getElementById("stopButton").disabled = true
+			document.getElementById("pauseButton").disabled = true
 			clearInterval(timer)
 			return false
 			break
@@ -231,4 +254,32 @@ function download() {
 	}
 	uriContent = "data:application/octet-stream," + encodeURIComponent(content)
 	newWindow = window.open(uriContent, "_self");
+}
+
+function pause() {
+	status = states.paused
+	document.getElementById("stepButton").disabled = true
+	document.getElementById("runButton").disabled = true
+	document.getElementById("resumeButton").disabled = false
+	document.getElementById("stopButton").disabled = false
+	document.getElementById("pauseButton").disabled = true
+}
+
+function resume() {
+	status = states.running
+	document.getElementById("stepButton").disabled = true
+	document.getElementById("runButton").disabled = true
+	document.getElementById("resumeButton").disabled = true
+	document.getElementById("stopButton").disabled = false
+	document.getElementById("pauseButton").disabled = false
+}
+
+function stop() {
+	status = states.stopped
+	clearInterval(timer)
+	document.getElementById("stepButton").disabled = false
+	document.getElementById("runButton").disabled = false
+	document.getElementById("resumeButton").disabled = true
+	document.getElementById("stopButton").disabled = true
+	document.getElementById("pauseButton").disabled = true
 }
\ No newline at end of file