From dbc4bcaf56e8538af40ddba553cda518aa781af3 Mon Sep 17 00:00:00 2001
From: paul <paul@d975b723-8314-39be-e08c-2c920e379342>
Date: Sun, 16 Dec 2012 20:23:04 +0000
Subject: [PATCH] Reorganize webUI folder; implement SPO UI using a <textarea>.

---
 webUI/B5500Console.css                        | 143 ++----------------
 webUI/B5500Console.html                       |  21 +--
 webUI/B5500SPOUnit.css                        | 131 ++++++++++++++++
 webUI/B5500SPOUnit.html                       | 119 +++++++++++++++
 webUI/Burroughs-Logo.png                      | Bin 5428 -> 0 bytes
 webUI/{ => prototypes}/B5500-Logo.jpg         | Bin
 webUI/{ => prototypes}/B5500ConsoleDemo.html  |   2 +-
 webUI/{ => prototypes}/B5500DDPanel.js        |   0
 .../B5500DistributionAndDisplay.css           |   0
 .../{ => prototypes}/B5500ProcessorPanel.html |   0
 webUI/{ => prototypes}/B5500ProcessorPanel.js |   0
 webUI/{ => prototypes}/PanelTest.html         |   0
 webUI/{ => tools}/B5500SyllableDebugger.css   |   0
 webUI/{ => tools}/B5500SyllableDebugger.html  |   2 +-
 webUI/{ => tools}/B5500TestArithmetics.html   |   2 +-
 webUI/{ => tools}/B5500TestLoader.html        |   0
 webUI/{ => tools}/B5500Testbed.html           |   2 +-
 17 files changed, 272 insertions(+), 150 deletions(-)
 create mode 100644 webUI/B5500SPOUnit.css
 create mode 100644 webUI/B5500SPOUnit.html
 delete mode 100644 webUI/Burroughs-Logo.png
 rename webUI/{ => prototypes}/B5500-Logo.jpg (100%)
 rename webUI/{ => prototypes}/B5500ConsoleDemo.html (95%)
 rename webUI/{ => prototypes}/B5500DDPanel.js (100%)
 rename webUI/{ => prototypes}/B5500DistributionAndDisplay.css (100%)
 rename webUI/{ => prototypes}/B5500ProcessorPanel.html (100%)
 rename webUI/{ => prototypes}/B5500ProcessorPanel.js (100%)
 rename webUI/{ => prototypes}/PanelTest.html (100%)
 rename webUI/{ => tools}/B5500SyllableDebugger.css (100%)
 rename webUI/{ => tools}/B5500SyllableDebugger.html (96%)
 rename webUI/{ => tools}/B5500TestArithmetics.html (96%)
 rename webUI/{ => tools}/B5500TestLoader.html (100%)
 rename webUI/{ => tools}/B5500Testbed.html (94%)

diff --git a/webUI/B5500Console.css b/webUI/B5500Console.css
index 27073a4..423693f 100644
--- a/webUI/B5500Console.css
+++ b/webUI/B5500Console.css
@@ -20,22 +20,6 @@ DIV#consoleDiv {
     height:             72px;
     padding:            32px;
     background-color:   #666666}
-    
-DIV#SPODiv {
-    position:           relative;
-    width:              1052px;
-    margin-top:         1em;
-    text-align:         center}
-    
-DIV#SPOInnerDiv {
-    position:           relative;
-    background-color:   #FDA;
-    margin-left:        auto;
-    margin-right:       auto;
-    border-radius:      32px;
-    padding:            2em;
-    text-align:         left;
-    width:              800px}
 
 DIV#BurroughsLogo {
     background-color:   black;
@@ -57,57 +41,6 @@ DIV#B5500Logo {
     top:                72px;
     right:              32px}
 
-DIV.blackButton {
-    background-color:   black;
-    color:              white;
-    font-size:          10px;
-    position:           absolute;
-    top:                32px;
-    width:              48px;
-    height:             32px;
-    text-align:         center;
-    padding:            2px;
-    border:             1px solid #DDDDDD;
-    border-radius:      4px}
-
-DIV.whiteButton {
-    background-color:   #CCCCCC;
-    color:              black;
-    font-size:          10px;
-    position:           absolute;
-    top:                32px;
-    width:              48px;
-    height:             32px;
-    text-align:         center;
-    padding:            2px;
-    border:             1px solid #DDDDDD;
-    border-radius:      4px}
-
-DIV.whiteLit {
-    background-color:   white}
-
-DIV.yellowButton {
-    background-color:   #999900;
-    color:              black;
-    font-size:          10px;
-    position:           absolute;
-    top:                32px;
-    width:              48px;
-    height:             32px;
-    text-align:         center;
-    padding:            2px;
-    border:             2px solid #DDDDDD;
-    border-radius:      4px}
-
-DIV.yellowLit {
-    background-color:   #FFFF00}
-
-DIV.buttonCaption {
-    font-family:        Arial Rounded, Arial, Helvetica, sans-serif;
-    font-size:          10px;
-    font-weight:        bold;
-    margin-top:         0.25em}
-
 IMG#BurroughsLogoImage {
     width:              150px;
     text-align:         center;
@@ -116,11 +49,6 @@ IMG#BurroughsLogoImage {
     padding-bottom:     3px;
     padding-left:       8px;
     padding-right:      8px}
-    
-IMG#TeletypeLogo {
-    position:           absolute;
-    top:                32px;
-    right:              64px}
 
 BUTTON.whiteButton {
     position:           absolute;
@@ -158,6 +86,9 @@ BUTTON.yellowButton {
     border:             1px solid #DDD;
     border-radius:      4px}
 
+BUTTON.whiteLit {
+    background-color:   white}
+
 BUTTON.yellowLit {
     background-color:   #FFFF00}
     
@@ -166,93 +97,47 @@ BUTTON.blackBorder {
     
 BUTTON#HaltBtn {
     top:                31px;
-    right:              1020px}
+    left:               32px}
     
 BUTTON#NotReadyBtn {
     top:                31px;
-    right:              920px}
+    left:               132px}
     
 BUTTON#LoadSelectBtn {
     top:                31px;
-    right:              850px}
+    left:               202px}
     
 BUTTON#LoadBtn {
     top:                31px;
-    right:              780px}
+    left:               272px}
     
 BUTTON#MemoryCheckBtn {
     top:                31px;
-    right:              680px}
+    left:               372px}
     
 BUTTON#ANormalBtn {
     top:                31px;
-    right:              610px}
+    left:               442px}
     
 BUTTON#AControlBtn {
     top:                31px;
-    right:              540px}
+    left:               512px}
     
 BUTTON#BNormalBtn {
     top:                31px;
-    right:              470px}
+    left:               582px}
     
 BUTTON#BControlBtn {
     top:                31px;
-    right:              400px}
+    left:               652px}
     
 BUTTON#PowerOnBtn {
     top:                31px;
-    right:              300px}
+    left:               752px}
     
 BUTTON#PowerOffBtn {
     top:                31px;
-    right:              230px}
-    
-BUTTON#SPOReadyBtn {
-    bottom:             256px;
-    right:              120px}
-    
-BUTTON#SPOPowerBtn {
-    bottom:             256px;
-    right:              44px}
-    
-BUTTON#SPORemoteBtn {
-    bottom:             200px;
-    right:              120px}
-    
-BUTTON#SPOLocalBtn {
-    bottom:             200px;
-    right:              44px}
-    
-BUTTON#SPOInputRequestBtn {
-    bottom:             144px;
-    right:              120px}
-    
-BUTTON#SPOEndOfMessageBtn {
-    bottom:             144px;
-    right:              44px}
-    
-BUTTON#SPOBlank1Btn {
-    bottom:             88px;
-    right:              120px}
-    
-BUTTON#SPOErrorBtn {
-    bottom:             88px;
-    right:              44px}
-    
-BUTTON#SPOBlank2Btn {
-    bottom:             32px;
-    right:              120px}
-    
-BUTTON#SPOBlank3Btn {
-    bottom:             32px;
-    right:              44px}
-    
-TEXTAREA#SPOUT {
-    width:              620px;
-    /*
-    font-family:        Lucida Sans Typewriter, Courier New, Courier, monospace;
-    font-size:          10pt */ }
+    left:               822px}
 
 .center {
     text-align:         center}
diff --git a/webUI/B5500Console.html b/webUI/B5500Console.html
index 3b03354..fc7ee85 100644
--- a/webUI/B5500Console.html
+++ b/webUI/B5500Console.html
@@ -81,6 +81,10 @@ var PowerOffBtn_Click = function() {
     }
     return true;
 };
+
+window.onload = function() {
+    var spoWin = window.open("B5500SPOUnit.html", "SPOWin", "scrollbars,resizable");
+};
 </script>
 </head>
 
@@ -110,22 +114,5 @@ var PowerOffBtn_Click = function() {
     <div id=B5500Logo> B 5500 </div>
 </div>
 
-<div id=SPODiv>
-    <div id=SPOInnerDiv>
-    <img id=TeletypeLogo src="TeletypeLogo.gif">
-    <textarea id=SPOUT rows=30 cols=73 ></textarea>
-    <button id=SPOReadyBtn class="yellowButton blackBorder yellowLit">READY</button>
-    <button id=SPOPowerBtn class=blackButton>POWER</button>
-    <button id=SPORemoteBtn class="yellowButton blackBorder">REMOTE</button>
-    <button id=SPOLocalBtn class="yellowButton blackBorder">LOCAL</button>
-    <button id=SPOInputRequestBtn class="yellowButton blackBorder">INPUT<br>REQUEST</button>
-    <button id=SPOEndOfMessageBtn class="yellowButton blackBorder">END OF<br>MESSAGE</button>
-    <button id=SPOBlank1Btn class="yellowButton blackBorder"></button>
-    <button id=SPOErrorBtn class="yellowButton blackBorder">ERROR</button>
-    <button id=SPOBlank2Btn class="yellowButton blackBorder"></button>
-    <button id=SPOBlank3Btn class="yellowButton blackBorder"></button>
-    </div>
-</div>
-
 </body>
 </html>
\ No newline at end of file
diff --git a/webUI/B5500SPOUnit.css b/webUI/B5500SPOUnit.css
new file mode 100644
index 0000000..b1d0011
--- /dev/null
+++ b/webUI/B5500SPOUnit.css
@@ -0,0 +1,131 @@
+/***********************************************************************
+* retro-b5500/emulator B5500SPOUnit.css
+************************************************************************
+* Copyright (c) 2012, Nigel Williams and Paul Kimpel.
+* Licensed under the MIT License, see http://www.opensource.org/licenses/mit-license.php
+************************************************************************
+* B5500 emulator SPO web interface style sheet.
+************************************************************************
+* 2012-12-16  P.Kimpel
+*   Original version, from B5500ConsoleUnit.css.
+***********************************************************************/
+
+BODY {
+    position:           relative;
+    background-color:   black;
+    margin:             4px}
+    
+DIV#SPODiv {
+    position:           relative;
+    width:              800px;
+    background-color:   #FDA;
+    border-radius:      32px;
+    padding:            2em;
+    text-align:         left}
+    
+IMG#TeletypeLogo {
+    position:           absolute;
+    top:                32px;
+    right:              64px}
+
+BUTTON.whiteButton {
+    position:           absolute;
+    background-color:   #CCC;
+    color:              black;
+    font-family:        Arial Rounded, Arial, Helvetica, sans-serif;
+    font-size:          10px;
+    font-weight:        bold;
+    width:              60px;
+    height:             40px;
+    border:             1px solid #DDD;
+    border-radius:      4px}
+
+BUTTON.blackButton {
+    position:           absolute;
+    background-color:   black;
+    color:              white;
+    font-family:        Arial Rounded, Arial, Helvetica, sans-serif;
+    font-size:          10px;
+    font-weight:        bold;
+    width:              60px;
+    height:             40px;
+    border:             1px solid #DDD;
+    border-radius:      4px}
+
+BUTTON.yellowButton {
+    position:           absolute;
+    background-color:   #990;
+    color:              black;
+    font-family:        Arial Rounded, Arial, Helvetica, sans-serif;
+    font-size:          10px;
+    font-weight:        bold;
+    width:              60px;
+    height:             40px;
+    border:             1px solid #DDD;
+    border-radius:      4px}
+
+BUTTON.whiteLit {
+    background-color:   white}
+
+BUTTON.yellowLit {
+    background-color:   #FFFF00}
+    
+BUTTON.blackBorder {
+    border:             1px solid black}
+    
+BUTTON#SPOReadyBtn {
+    bottom:             256px;
+    right:              120px}
+    
+BUTTON#SPOPowerBtn {
+    bottom:             256px;
+    right:              44px}
+    
+BUTTON#SPORemoteBtn {
+    bottom:             200px;
+    right:              120px}
+    
+BUTTON#SPOLocalBtn {
+    bottom:             200px;
+    right:              44px}
+    
+BUTTON#SPOInputRequestBtn {
+    bottom:             144px;
+    right:              120px}
+    
+BUTTON#SPOEndOfMessageBtn {
+    bottom:             144px;
+    right:              44px}
+    
+BUTTON#SPOBlank1Btn {
+    bottom:             88px;
+    right:              120px}
+    
+BUTTON#SPOErrorBtn {
+    bottom:             88px;
+    right:              44px}
+    
+BUTTON#SPOBlank2Btn {
+    bottom:             32px;
+    right:              120px}
+    
+BUTTON#SPOBlank3Btn {
+    bottom:             32px;
+    right:              44px}
+    
+TEXTAREA#SPOUT {
+    width:              620px;
+    /*
+    font-family:        Lucida Sans Typewriter, Courier New, Courier, monospace;
+    font-size:          10pt */ }
+
+.center {
+    text-align:         center}
+
+.data {
+    font-family:        Courier New, Courier, monospace;
+    text-align:         left}
+    
+.number {
+    font-family:        Courier New, Courier, monospace;
+    text-align:         right}
diff --git a/webUI/B5500SPOUnit.html b/webUI/B5500SPOUnit.html
new file mode 100644
index 0000000..67f238a
--- /dev/null
+++ b/webUI/B5500SPOUnit.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<head>
+<title>B5500 Emulator SPO Unit</title>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<meta name="Author" content="Nigel Williams & Paul Kimpel">
+<meta http-equiv="Content-Script-Type" content="text/javascript">
+<meta http-equiv="Content-Style-Type" content="text/css">
+<link id=defaultStyleSheet rel=stylesheet type="text/css" href="B5500SPOUnit.css">
+
+<script>
+var $$ = function(e) {return document.getElementById(e)};
+var msgTank = [];
+
+var printFinished = function() {
+    
+    if (msgTank.length > 1) {
+        msgTank = msgTank.slice(1);
+        print(msgTank[0], msgTank[0].length, printFinished);
+    } else {
+        msgTank = [];
+        alert("Printing finished");
+    }
+};
+
+var printChar = function(buffer, length, index, col, finished) {
+    /* Prints one character to the SPO. If more characters remain to be printed, 
+    schedules itself 100 ms later to print the next one, otherwise calls finished().
+    If the column counter exceeds 72, a CR/LF are output. A CR/LF are also output
+    at the end of the message */
+    var ta = $$("SPOUT");
+    
+    if (col == 72) {                    // delay to fake the output of a carriage-return
+        setTimeout(function() {printChar(buffer, length, index, col+1, finished)}, 100);
+    } else if (col > 72) {              // actually output the CR/LF
+        ta.value = ta.value + "\n";
+        ta.scrollTop = ta.scrollHeight;
+        if (index < length) {           // more characters to print after the CR/LF
+            setTimeout(function() {printChar(buffer, length, index, 0, finished)}, 100);
+        } else {                        // message text is exhausted
+            finished();
+        }
+    } else {                            // print the character
+        if (index < length) {
+            ta.value = ta.value.substring(-32768) + String.fromCharCode(buffer[index]);
+            ta.scrollTop = ta.scrollHeight;
+            setTimeout(function() {printChar(buffer, length, index+1, col+1, finished)}, 100);
+        } else {                        // set up for the final CR/LF        
+            setTimeout(function() {printChar(buffer, length, index, 72, finished)}, 100);
+        }
+    }
+};
+
+var print = function(buffer, length, finished) {
+    /* Prints the contents of the "buffer" for "length" characters */
+    
+    printChar(buffer, length, 0, 0, finished);
+};
+
+var printText = function(msg) {
+    var buf = new Uint8Array(msg.length);
+    var length = msg.length;
+    var x;
+    
+    for (x=0; x<length; x++) {
+        buf[x] = msg.charCodeAt(x);
+    }
+    
+    msgTank.push(buf);
+    if (msgTank.length <= 1) {
+        print(buf, length, printFinished);
+    }
+};
+
+window.onload = function() {
+    var d = $$("SPODiv");
+    var x;
+    
+    window.resizeBy(d.scrollWidth-document.body.scrollWidth, d.scrollHeight-document.body.scrollHeight);
+    window.moveTo((screen.availWidth-window.outerWidth)/2, (screen.availHeight-window.outerHeight)/2);
+    
+    $$("SPOReadyBtn").className = "yellowButton blackBorder yellowLit";
+    $$("SPORemoteBtn").className = "yellowButton blackBorder yellowLit";
+    
+    for (x=1; x<30; x++) {
+        printText("");
+    }
+    
+    printText("B5500 SPO Printing Test");
+    printText("");
+    printText("~");
+    printText("        10        20        30        40        50        60        70        80        90       100");
+    printText("123456789.123456789.123456789.123456789.123456789.123456789.123456789.123456789.123456789.123456789.");
+    printText(" ");
+    printText("What hath Barton wrought...");
+    printText("");
+};
+</script>
+</head>
+
+<body>
+
+<div id=SPODiv>
+    <textarea id=SPOUT rows=30 cols=73></textarea>
+    
+    <img id=TeletypeLogo src="TeletypeLogo.gif">
+    <button id=SPOReadyBtn class="yellowButton blackBorder">READY</button>
+    <button id=SPOPowerBtn class="blackButton blackBorder">POWER</button>
+    <button id=SPORemoteBtn class="yellowButton blackBorder">REMOTE</button>
+    <button id=SPOLocalBtn class="yellowButton blackBorder">LOCAL</button>
+    <button id=SPOInputRequestBtn class="yellowButton blackBorder">INPUT REQUEST</button>
+    <button id=SPOEndOfMessageBtn class="yellowButton blackBorder">END OF MESSAGE</button>
+    <button id=SPOBlank1Btn class="yellowButton blackBorder"></button>
+    <button id=SPOErrorBtn class="yellowButton blackBorder">ERROR</button>
+    <button id=SPOBlank2Btn class="yellowButton blackBorder"></button>
+    <button id=SPOBlank3Btn class="yellowButton blackBorder"></button>
+</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/webUI/Burroughs-Logo.png b/webUI/Burroughs-Logo.png
deleted file mode 100644
index 314733a8aeeb4a47379d315c77b474c7ffe3b870..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5428
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
Gh5rHjRWYIf

diff --git a/webUI/B5500-Logo.jpg b/webUI/prototypes/B5500-Logo.jpg
similarity index 100%
rename from webUI/B5500-Logo.jpg
rename to webUI/prototypes/B5500-Logo.jpg
diff --git a/webUI/B5500ConsoleDemo.html b/webUI/prototypes/B5500ConsoleDemo.html
similarity index 95%
rename from webUI/B5500ConsoleDemo.html
rename to webUI/prototypes/B5500ConsoleDemo.html
index fb879a4..023d2fd 100644
--- a/webUI/B5500ConsoleDemo.html
+++ b/webUI/prototypes/B5500ConsoleDemo.html
@@ -128,7 +128,7 @@ var PowerOffBtn_Click = function() {
 </div>
 
 <div id=BurroughsLogo>
-    <img id=BurroughsLogoImage src="Burroughs-Logo-Neg.jpg">
+    <img id=BurroughsLogoImage src="../Burroughs-Logo-Neg.jpg">
 </div>
 <div id=B5500Logo> B 5500 Demo </div>
 
diff --git a/webUI/B5500DDPanel.js b/webUI/prototypes/B5500DDPanel.js
similarity index 100%
rename from webUI/B5500DDPanel.js
rename to webUI/prototypes/B5500DDPanel.js
diff --git a/webUI/B5500DistributionAndDisplay.css b/webUI/prototypes/B5500DistributionAndDisplay.css
similarity index 100%
rename from webUI/B5500DistributionAndDisplay.css
rename to webUI/prototypes/B5500DistributionAndDisplay.css
diff --git a/webUI/B5500ProcessorPanel.html b/webUI/prototypes/B5500ProcessorPanel.html
similarity index 100%
rename from webUI/B5500ProcessorPanel.html
rename to webUI/prototypes/B5500ProcessorPanel.html
diff --git a/webUI/B5500ProcessorPanel.js b/webUI/prototypes/B5500ProcessorPanel.js
similarity index 100%
rename from webUI/B5500ProcessorPanel.js
rename to webUI/prototypes/B5500ProcessorPanel.js
diff --git a/webUI/PanelTest.html b/webUI/prototypes/PanelTest.html
similarity index 100%
rename from webUI/PanelTest.html
rename to webUI/prototypes/PanelTest.html
diff --git a/webUI/B5500SyllableDebugger.css b/webUI/tools/B5500SyllableDebugger.css
similarity index 100%
rename from webUI/B5500SyllableDebugger.css
rename to webUI/tools/B5500SyllableDebugger.css
diff --git a/webUI/B5500SyllableDebugger.html b/webUI/tools/B5500SyllableDebugger.html
similarity index 96%
rename from webUI/B5500SyllableDebugger.html
rename to webUI/tools/B5500SyllableDebugger.html
index c788fcc..0732955 100644
--- a/webUI/B5500SyllableDebugger.html
+++ b/webUI/tools/B5500SyllableDebugger.html
@@ -410,7 +410,7 @@ window.onload = function() {
 
 <div id=LogoDiv>
     <div id=BurroughsLogo>
-        <img id=BurroughsLogoImage src="Burroughs-Logo-Neg.jpg">
+        <img id=BurroughsLogoImage src="../Burroughs-Logo-Neg.jpg">
     </div>
     <div id=B5500Logo>B 5500 
     </div>
diff --git a/webUI/B5500TestArithmetics.html b/webUI/tools/B5500TestArithmetics.html
similarity index 96%
rename from webUI/B5500TestArithmetics.html
rename to webUI/tools/B5500TestArithmetics.html
index c582183..ac8d9a9 100644
--- a/webUI/B5500TestArithmetics.html
+++ b/webUI/tools/B5500TestArithmetics.html
@@ -199,7 +199,7 @@ window.onload = function() {
 
 <div style="position:absolute; background-color:#666; width:230px; height: 136px; right:0; top:0">
 <div id=BurroughsLogo>
-    <img id=BurroughsLogoImage src="Burroughs-Logo-Neg.jpg">
+    <img id=BurroughsLogoImage src="../Burroughs-Logo-Neg.jpg">
 </div>
 <div id=B5500Logo>B 5500 
 </div>
diff --git a/webUI/B5500TestLoader.html b/webUI/tools/B5500TestLoader.html
similarity index 100%
rename from webUI/B5500TestLoader.html
rename to webUI/tools/B5500TestLoader.html
diff --git a/webUI/B5500Testbed.html b/webUI/tools/B5500Testbed.html
similarity index 94%
rename from webUI/B5500Testbed.html
rename to webUI/tools/B5500Testbed.html
index b8c31de..7d3fc67 100644
--- a/webUI/B5500Testbed.html
+++ b/webUI/tools/B5500Testbed.html
@@ -93,7 +93,7 @@ window.onload = function() {
 </div>
 
 <div id=BurroughsLogo>
-    <img id=BurroughsLogoImage src="Burroughs-Logo-Neg.jpg">
+    <img id=BurroughsLogoImage src="../Burroughs-Logo-Neg.jpg">
 </div>
 <div id=B5500Logo> B 5500 </div>