diff options
| author | jsdelfino <jsdelfino@13f79535-47bb-0310-9956-ffa450edef68> | 2011-01-16 23:49:31 +0000 |
|---|---|---|
| committer | jsdelfino <jsdelfino@13f79535-47bb-0310-9956-ffa450edef68> | 2011-01-16 23:49:31 +0000 |
| commit | f90791f2f7b48d7e08ce08f7ead498e1191a96b8 (patch) | |
| tree | a829513568b183d718280c1a81428adc5637e0ac /sca-cpp/trunk/modules/edit/htdocs/graph/graph.html | |
| parent | 999c66e0e2398c38007b437f8c14154b725203a9 (diff) | |
Add sample widget components and a page to edit them, plus minor user interaction fixes.
git-svn-id: http://svn.us.apache.org/repos/asf/tuscany@1059710 13f79535-47bb-0310-9956-ffa450edef68
Diffstat (limited to '')
| -rw-r--r-- | sca-cpp/trunk/modules/edit/htdocs/graph/graph.html | 26 |
1 files changed, 15 insertions, 11 deletions
diff --git a/sca-cpp/trunk/modules/edit/htdocs/graph/graph.html b/sca-cpp/trunk/modules/edit/htdocs/graph/graph.html index 618d638e7d..a7d185da42 100644 --- a/sca-cpp/trunk/modules/edit/htdocs/graph/graph.html +++ b/sca-cpp/trunk/modules/edit/htdocs/graph/graph.html @@ -30,9 +30,13 @@ </head> <body> +<div> +<span style="position: absolute; left: 0px; top: 0px"><h2>Palette</h2></span> +<span style="position: absolute; left: 350px; top: 0px"><h2>App</h2></span> +</div> + <script type="text/javascript"> var editWidget = sca.component("EditWidget"); -var dashboard = sca.reference(editWidget, "dashboard"); var palettes = sca.reference(editWidget, "palettes"); var apps = sca.reference(editWidget, "apps"); @@ -53,46 +57,46 @@ function atomcomposite(doc) { } /** - * Load and display an app. + * Get and display an app. */ function getapp(name, g) { if (isNil(name)) return; apps.get(name, function(doc) { - graph.append(graph.composite(atomcomposite(doc), graph.mkpath().move(300,0)), g); + appendNodes(graph.composite(atomcomposite(doc), graph.mkpath().move(350,0)), g); }); } /** - * Load and display a palette content. + * Get and display a palette of components. */ - function getpalette(name, g, bg, palette, gpalettes) { if (isNil(name)) return; palettes.get(name, function(doc) { gpalettes[name] = graph.composite(atomcomposite(doc), graph.mkpath().move(150,0)); - graph.append(gpalettes[name], name == spalette? g : bg); + appendNodes(gpalettes[name], name == spalette? g : bg); }); } /** - * Install a palette button and content. + * Install a palette, including a button to select the palette, and + * the palette content. */ function installpalette(name, pos, g, bg, palette, gpalettes) { var b = graph.mkbutton(name, pos); - graph.append(mklist(b), g); + appendNodes(mklist(b), g); b.onclick = function() { // Display the selected palette spalette = name; for (var pn in gpalettes) - graph.append(gpalettes[pn], pn == spalette? g : bg); + appendNodes(gpalettes[pn], pn == spalette? g : bg); } getpalette(name, g, bg, palette, gpalettes); } // Create editor graph area -var g = graph.mkgraph(); +var g = graph.mkgraph(graph.mkpath().move(0,50)); var bg = graph.mkgroup(graph.mkpath()); // Install the palettes. @@ -104,7 +108,7 @@ installpalette('operators', graph.mkpath().move(0,150), g, bg, spalette, gpalett installpalette('social', graph.mkpath().move(0,220), g, bg, spalette, gpalettes); installpalette('sensors', graph.mkpath().move(0,290), g, bg, spalette, gpalettes); -// Display the current app +// Get and display the current app getapp(appname(), g); </script> |