Retro/pcjs
Watch
1
0
Fork
You've already forked pcjs
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added rudimentary CSS support for side-by-side machines (the PDP-11/45 with VT100 is the first test case)

Browse source
This commit is contained in:
Jeff Parsons 2016-12-01 17:32:56 -08:00 • committed by Jeff Parsons
commit 4f7f72af57
19 changed files with 80 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

2
devices/pc8080/machine/vt100/debugger/machine.xml
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="/versions/pc8080/1.30.5/machine.xsl"?>
<machine id="vt100" class="pc8080" border="1" pos="center" background="#FAEBD7">
<machine id="vt100" class="pc8080 machine-right" border="1" pos="center" background="#FAEBD7">
<name pos="center">VT100 Terminal</name>
<computer id="computer" busWidth="16"/>
<cpu id="cpu8080" model="8080" cycles="2764800" autoStart="true"/>

2
devices/pc8080/machine/vt100/machine.xml
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="/versions/pc8080/1.30.5/machine.xsl"?>
<machine id="vt100" class="pc8080" border="1" pos="center" background="#FAEBD7">
<machine id="vt100" class="pc8080 machine-right" border="1" pos="center" background="#FAEBD7">
<name pos="center">VT100 Terminal</name>
<computer id="computer" busWidth="16"/>
<cpu id="cpu8080" model="8080" cycles="2764800"/>

4
devices/pdp11/machine/1145/vt100/README.md
View file

@ -15,6 +15,6 @@ machines:
{% include machine.html id="test1145" %}
This PDP-11/45 is also available with our built-in [Debugger](debugger/).
{% include machine.html id="vt100" %}
This PDP-11/45 is also available with our built-in [Debugger](debugger/).

2
devices/pdp11/machine/1145/vt100/debugger/machine.xml
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="/versions/pdpjs/1.30.5/machine.xsl"?>
<machine id="test1145" class="pdp11" border="1" pos="center" background="#FAEBD7">
<machine id="test1145" class="pdp11 machine-left" border="1" pos="center" background="#FAEBD7">
<name pos="center">PDP-11/45 with 256Kb, Front Panel, and Debugger</name>
<computer id="computer" busWidth="18"/>
<cpu id="cpu" model="1145" cycles="6666667" autoStart="true"/>

2
devices/pdp11/machine/1145/vt100/machine.xml
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="/versions/pdpjs/1.30.5/machine.xsl"?>
<machine id="test1145" class="pdp11" border="1" pos="center" background="#FAEBD7">
<machine id="test1145" class="pdp11 machine-left" border="1" pos="center" background="#FAEBD7">
<name pos="center">PDP-11/45 with 256Kb and Front Panel</name>
<computer id="computer" busWidth="18"/>
<cpu id="cpu" model="1145" cycles="6666667" autoStart="true"/>

2
devices/pdp11/panel/1120/debugger/front.xml
View file

@ -204,7 +204,7 @@
</control>
</control>
<control type="container" class="pcjs-textarea" width="60%" padTop="8px" padBottom="8px">
<control type="textarea" binding="print" width="100%" height="380px" padRight="8px" pos="relative" style="resize:vertical;"/>
<control type="textarea" binding="print" width="100%" height="360px" padRight="8px" pos="relative" style="resize:vertical;"/>
<control type="container" width="100%">
<control type="text" binding="debugInput" width="auto"/>
<control type="button" binding="debugEnter">Enter</control>

2
devices/pdp11/panel/1145/debugger/front.xml
View file

@ -204,7 +204,7 @@
</control>
</control>
<control type="container" class="pcjs-textarea" width="60%" padTop="8px" padBottom="8px">
<control type="textarea" binding="print" width="100%" height="380px" padRight="8px" pos="relative" style="resize:vertical;"/>
<control type="textarea" binding="print" width="100%" height="440px" padRight="8px" pos="relative" style="resize:vertical;"/>
<control type="container" width="100%">
<control type="text" binding="debugInput" width="auto"/>
<control type="button" binding="debugEnter">Enter</control>

2
devices/pdp11/panel/1145/front.xml
View file

@ -204,7 +204,7 @@
</control>
</control>
<control type="container" class="pcjs-textarea" width="60%" padTop="8px" padBottom="8px">
<control type="textarea" binding="print" width="100%" height="240px" padRight="8px" pos="relative" style="resize:vertical;"/>
<control type="textarea" binding="print" width="100%" height="280px" padRight="8px" pos="relative" style="resize:vertical;"/>
</control>
<control type="container" class="pcjs-registers" width="35%" padding="8px">
<control type="button" binding="run">Run</control>

2
devices/pdp11/panel/1170/debugger/front.xml
View file

@ -204,7 +204,7 @@
</control>
</control>
<control type="container" class="pcjs-textarea" width="60%" padTop="8px" padBottom="8px">
<control type="textarea" binding="print" width="100%" height="380px" padRight="8px" pos="relative" style="resize:vertical;"/>
<control type="textarea" binding="print" width="100%" height="440px" padRight="8px" pos="relative" style="resize:vertical;"/>
<control type="container" width="100%">
<control type="text" binding="debugInput" width="auto"/>
<control type="button" binding="debugEnter">Enter</control>

2
devices/pdp11/panel/1170/front.xml
View file

@ -204,7 +204,7 @@
</control>
</control>
<control type="container" class="pcjs-textarea" width="60%" padTop="8px" padBottom="8px">
<control type="textarea" binding="print" width="100%" height="240px" padRight="8px" pos="relative" style="resize:vertical;"/>
<control type="textarea" binding="print" width="100%" height="280px" padRight="8px" pos="relative" style="resize:vertical;"/>
</control>
<control type="container" class="pcjs-registers" width="35%" padding="8px">
<control type="button" binding="run">Run</control>

2
devices/pdp11/pc11/default.xml
View file

@ -53,6 +53,6 @@
<control type="button" binding="loadTape">Load</control>
<control type="description" binding="descTape" padRight="8px"/>
<control type="file" binding="mountTape"/>
<control type="progress" binding="readProgress" pos="default" width="250px" padTop="8px">Tape Progress</control>
<control type="progress" binding="readProgress" pos="default" padTop="8px">Tape Progress</control>
</control>
</device>

16
docs/pcx86/examples/components.css
View file

@ -52,7 +52,7 @@
}
.pcjs-progress {
height: 20px;
width: 300px;
width: 200px;
margin-top: 8px;
border: 1px solid black;
position: relative;
@ -66,7 +66,7 @@
}
.pcjs-progress-text {
height: 20px;
width: 300px;
width: 200px;
font-size: small;
line-height: 20px;
text-align: center;
@ -224,7 +224,7 @@
text-decoration: none;
}
@media screen and (max-width: 900px) {
@media screen and (max-width: 800px) {
.pcjs-textarea {
width: 100% !important;
}
@ -242,3 +242,13 @@
padding-right: 0 !important;
}
}
@media screen and (min-width: 1400px) {
.machine-left, .machine-right {
max-width: 45%;
float: left;
}
.machine-right + * {
clear: both;
}
}

2
modules/pdp11/lib/pc11.js
View file

@ -721,7 +721,7 @@ PC11.prototype.parseTape = function(sTapeName, sTapePath, nTapeTarget, aBytes, a
}
this.iTapeData = 0;
this.aTapeData = aBytes;
this.status("tape attached: " + sTapeName);
this.status('Attached tape "' + sTapeName + '"');
this.displayProgress(0);
};

16
modules/shared/templates/components.css
View file

@ -57,7 +57,7 @@
}
.pcjs-progress {
height: 20px;
width: 300px;
width: 200px;
margin-top: 8px;
border: 1px solid black;
position: relative;
@ -71,7 +71,7 @@
}
.pcjs-progress-text {
height: 20px;
width: 300px;
width: 200px;
font-size: small;
line-height: 20px;
text-align: center;
@ -229,7 +229,7 @@
text-decoration: none;
}
@media screen and (max-width: 900px) {
@media screen and (max-width: 800px) {
.pcjs-textarea {
width: 100% !important;
}
@ -247,3 +247,13 @@
padding-right: 0 !important;
}
}
@media screen and (min-width: 1400px) {
.machine-left, .machine-right {
max-width: 45%;
float: left;
}
.machine-right + * {
clear: both;
}
}

16
versions/pc8080/1.30.5/components.css
View file

@ -52,7 +52,7 @@
}
.pcjs-progress {
height: 20px;
width: 300px;
width: 200px;
margin-top: 8px;
border: 1px solid black;
position: relative;
@ -66,7 +66,7 @@
}
.pcjs-progress-text {
height: 20px;
width: 300px;
width: 200px;
font-size: small;
line-height: 20px;
text-align: center;
@ -224,7 +224,7 @@
text-decoration: none;
}
@media screen and (max-width: 900px) {
@media screen and (max-width: 800px) {
.pcjs-textarea {
width: 100% !important;
}
@ -242,3 +242,13 @@
padding-right: 0 !important;
}
}
@media screen and (min-width: 1400px) {
.machine-left, .machine-right {
max-width: 45%;
float: left;
}
.machine-right + * {
clear: both;
}
}

16
versions/pcx86/1.30.5/components.css
View file

@ -52,7 +52,7 @@
}
.pcjs-progress {
height: 20px;
width: 300px;
width: 200px;
margin-top: 8px;
border: 1px solid black;
position: relative;
@ -66,7 +66,7 @@
}
.pcjs-progress-text {
height: 20px;
width: 300px;
width: 200px;
font-size: small;
line-height: 20px;
text-align: center;
@ -224,7 +224,7 @@
text-decoration: none;
}
@media screen and (max-width: 900px) {
@media screen and (max-width: 800px) {
.pcjs-textarea {
width: 100% !important;
}
@ -242,3 +242,13 @@
padding-right: 0 !important;
}
}
@media screen and (min-width: 1400px) {
.machine-left, .machine-right {
max-width: 45%;
float: left;
}
.machine-right + * {
clear: both;
}
}

16
versions/pdpjs/1.30.5/components.css
View file

@ -52,7 +52,7 @@
}
.pcjs-progress {
height: 20px;
width: 300px;
width: 200px;
margin-top: 8px;
border: 1px solid black;
position: relative;
@ -66,7 +66,7 @@
}
.pcjs-progress-text {
height: 20px;
width: 300px;
width: 200px;
font-size: small;
line-height: 20px;
text-align: center;
@ -224,7 +224,7 @@
text-decoration: none;
}
@media screen and (max-width: 900px) {
@media screen and (max-width: 800px) {
.pcjs-textarea {
width: 100% !important;
}
@ -242,3 +242,13 @@
padding-right: 0 !important;
}
}
@media screen and (min-width: 1400px) {
.machine-left, .machine-right {
max-width: 45%;
float: left;
}
.machine-right + * {
clear: both;
}
}

2
versions/pdpjs/1.30.5/pdp11-dbg.js
View file

File diff suppressed because one or more lines are too long

2
versions/pdpjs/1.30.5/pdp11.js
View file

File diff suppressed because one or more lines are too long