diff options
Diffstat (limited to '')
-rw-r--r-- | sca-cpp/trunk/modules/edit/htdocs/page/page.html (renamed from sca-cpp/trunk/modules/edit/htdocs/edit/edit.html) | 41 |
1 files changed, 11 insertions, 30 deletions
diff --git a/sca-cpp/trunk/modules/edit/htdocs/edit/edit.html b/sca-cpp/trunk/modules/edit/htdocs/page/page.html index d5618834ba..75405ce163 100644 --- a/sca-cpp/trunk/modules/edit/htdocs/edit/edit.html +++ b/sca-cpp/trunk/modules/edit/htdocs/page/page.html @@ -26,43 +26,24 @@ <script type="text/javascript" src="/scdl.js"></script> <script type="text/javascript" src="/ui.js"></script> <script type="text/javascript" src="/component.js"></script> -<script type="text/javascript" src="/edit/graph.js"></script> +<script type="text/javascript" src="page.js"></script> </head> <body> -<script type="text/javascript"> -var editWidget = sca.component("EditWidget"); -var dashboard = sca.reference(editWidget, "dashboard"); -var apps = sca.reference(editWidget, "apps"); +<div id="page" style="position: absolute; width: 5000px; height: 5000px;"> -/** - * Return the current app name. - */ -function appname() { - return ui.queryParams()['app']; -} +<input id="palette:button" type="button" value="sample button" style="position: absolute; left:20px; top: 20px;"/> +<input id="palette:entry" type="text" value="sample value" style="position: absolute; left:20px; top: 60px;"/> +<span id="palette:text" style="position: absolute; left:20px; top: 100px;">sample text</span> -/** - * Get an app and display it. - */ -function getapp(name) { - if (isNil(name)) - return; - apps.get(name, function(doc) { - var entry = atom.readATOMEntryDocument(doc); - var item = caddr(entry); - var composite = cddr(item); - var comps = scdl.components(composite); +</div> - var g = graph.mkgraph(); - var shapes = graph.composite(composite); - for (var s in shapes) - g.appendChild(shapes[s]); - }); -} +<script type="text/javascript"> +// Install the widget +ui.installwidget(); -// Display the current app -getapp(appname()); +// Enable drag&drop on sample UI elements +page.initpage($('page')); </script> </body> |