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

Ported some PCjs drawing code to PC8080, still needs work though

Browse source
This commit is contained in:
Jeff Parsons 2016-05-02 09:01:06 -07:00
commit 59b6dd3be6
23 changed files with 781 additions and 499 deletions
Download patch file Download diff file Expand all files Collapse all files

41
docs/pcjs/panel/README.md
View file

@ -9,7 +9,9 @@ PCjs Control Panel Component
Format
---
<panel>...</panel>
```xml
<panel>...</panel>
```
Purpose
---
@ -28,27 +30,32 @@ and [Debugger](/docs/pcjs/debugger/) components.
Example
---
<panel id="panel" pos="center" width="900px" padleft="8px">
<name>Control Panel</name>
<control type="container" width="500px" pos="left" padbottom="10px">
<control type="textarea" class="output" binding="print" width="480px" height="200px"/>
<control type="container">
<control type="text" class="input" binding="debugInput" width="360px"/>
<control type="button" class="input" binding="debugEnter">Enter</control>
<control type="button" class="input" binding="clear">Clear</control>
</control>
</control>
</panel>
```xml
<panel id="panel" pos="center" width="900px" padleft="8px">
<name>Control Panel</name>
<control type="container" width="500px" pos="left" padbottom="10px">
<control type="textarea" class="output" binding="print" width="480px" height="200px"/>
<control type="container">
control type="text" class="input" binding="debugInput" width="360px"/>
<control type="button" class="input" binding="debugEnter">Enter</control>
<control type="button" class="input" binding="clear">Clear</control>
</control>
</control>
</panel>
```
See [/devices/pc/panel/default.xml](/devices/pc/panel/default.xml) for a more complete example.
Output
---
<div id="..." class="pc-panel pc-component">
<div class="pc-container">
<div class="pcjs-panel" data-value="id:'...',name:'...'"></div>
</div>
</div>
```html
<div id="..." class="pc-panel pc-component">
<div class="pc-container">
<div class="pcjs-panel" data-value="id:'...',name:'...'">
</div>
</div>
</div>
```
Also, if any controls are defined, another &lt;div&gt; of class="pc-controls" is created in the container &lt;div&gt;,
with each control inside a &lt;div&gt; of class="pc-control".