@@ -5,17 +5,12 @@ To get the latest version, please visit http://javascript.neyric.com/wireit Version 0.5.0 not released yet -Current: - - * BUG: jsBox: form values in input fields are overriden !! - * BUG: jsBox should be broken (because of autoload) - Before release: * Rebuild homepage from guide * API Doc * Rollup files for wireit-base and wiringEditor - * Presentation + * Update Presentation Changeset: VERSION.txt @@ -160,7 +160,16 @@ div.savedStatus { } #loadPanelBody ul li { - list-style-type: disc; + background-color:#FFFFFF; + list-style-type:none; + margin:2px; + padding:2px 10px; + -moz-border-radius:7px; + -webkit-border-radius: 7px; +} + +#loadPanelBody ul li:hover { + background-color: #CCCCFF; } #alertPanelBody { css/WireItEditor.css @@ -175,8 +175,6 @@ YAHOO.util.Event.onDOMReady( function() { <p><b>Drag and drop modules from the Module list</b> on the left to the working layer in the middle.</p> <br /> <p><a href="demo.js" target="_new">Click here to view the language definition for this editor.</a></p> - <br /> - <p>Close this dialog to test the WiringEditor</p> </div> </div> </li> examples/WiringEditor/index.html @@ -147,9 +147,7 @@ YAHOO.util.Event.onDOMReady( jsBox.init, jsBox, true); <h2>Infos</h2> <div> <div style="padding: 10px;"> - <p>This is an advanced example of the WiringEditor from the <a href="http://javascript.neyric.com/wireit">WireIt library</a>.</p> - <br /> - <p style="font-weight: bold;">What this example does :</p> + <p style="font-weight: bold;">What this example does :</p> <ul style="margin-left: 20px;"> <li>* Define a visual language of 5 modules: input, output, jsBox, callback, comment</li> <li>* Creates the "jsBox" container</li> @@ -165,7 +163,7 @@ YAHOO.util.Event.onDOMReady( jsBox.init, jsBox, true); <li>* Press the "Run" button to run the code within the same window</li> </ul> <br /> - <p><u>Warning:</u> Composed modules are shared anonymously. <br />Someone could change/delete your modules or create evil ones !</p> + <p><u><b>Warning:</b></u> Composed modules are shared anonymously. <br />Someone could change/delete your modules or create evil ones !</p> <br /> <p>Sources: <a href="jsBox.js" target="_new">jsBox.js</a> and <a href="ExecutionFrame.js" target="_new">ExecutionFrame.js</a></p> </div> examples/jsBox/jsBox.html @@ -139,29 +139,24 @@ YAHOO.lang.extend(jsBox.WiringEditor, WireIt.WiringEditor, { runButton.on("click", jsBox.run, jsBox, true); }, - - load: function() { - - this.adapter.listWirings({language: this.options.languageName},{ - success: function(result) { - this.pipes = result.result; - this.pipesByName = {}; - this.renderLoadPanel(); - this.updateLoadPanelList(); - this.loadPanel.show(); - - // Customize to display composed module in the left list - this.updateComposedModuleList(); - }, - scope: this - } - ); - - }, + /** + * Customize the load success handler for the composed module list + */ + onLoadSuccess: function(wirings) { + jsBox.WiringEditor.superclass.onLoadSuccess.call(this,wirings); + // Customize to display composed module in the left list + this.updateComposedModuleList(); + }, + /** + * All the saved wirings are reusable modules : + */ updateComposedModuleList: function() { + // to optimize: + + // Remove all previous module with the ComposedModule class var l = YAHOO.util.Dom.getElementsByClassName("ComposedModule", "div", this.leftEl); for(var i = 0 ; i < l.length ; i++) { this.leftEl.removeChild(l[i]); @@ -187,10 +182,7 @@ YAHOO.lang.extend(jsBox.WiringEditor, WireIt.WiringEditor, { } } - } - - }); @@ -322,7 +314,7 @@ YAHOO.extend(jsBox.Container, WireIt.Container, { * ComposedContainer is a class for Container representing Pipes. * It automatically generates the inputEx Form from the input Params. * @class ComposedContainer - * @extends WireIt.inputExContainer + * @extends WireIt.FormContainer * @constructor */ jsBox.ComposedContainer = function(options, layer) { @@ -355,6 +347,4 @@ jsBox.ComposedContainer = function(options, layer) { jsBox.ComposedContainer.superclass.constructor.call(this, options, layer); }; - -YAHOO.extend(jsBox.ComposedContainer, WireIt.FormContainer, { -}); \ No newline at end of file +YAHOO.extend(jsBox.ComposedContainer, WireIt.FormContainer); examples/jsBox/jsBox.js @@ -909,6 +909,7 @@ WireIt.ImageContainer.myMethod = function () { <li><a href="examples/WiringEditor/">WiringEditor demo</a></li> <li><a href="examples/jsBox/jsBox.html">jsBox</a></li> <li><a href="examples/logicGates/index.html">Logic Gates demo</a></li> + <li><a href="examples/ajaxAdapter/">Ajax Adapter</a></li> <li><a href="examples/gearsAdapter/">Gears Adapter</a></li> </ul> guide.html @@ -192,6 +192,7 @@ <li><a href="examples/WiringEditor/">WiringEditor demo</a></li> <li><a href="examples/jsBox/jsBox.html">jsBox</a></li> <li><a href="examples/logicGates/index.html">Logic Gates demo</a></li> + <li><a href="examples/ajaxAdapter/">Ajax Adapter</a></li> <li><a href="examples/gearsAdapter/">Gears Adapter</a></li> </ul> index.html @@ -337,10 +337,10 @@ WireIt.WiringEditor.prototype = { /*var name = this.tempSavedWiring.name; if(this.modulesByName.hasOwnProperty(name) ) { - //console.log("already exists !"); + //already exists } else { - //console.log("new one !"); + //new one }*/ }, @@ -429,8 +429,8 @@ WireIt.WiringEditor.prototype = { visible: false, modal: true }); - this.loadPanel.setHeader("Select module"); - this.loadPanel.setBody("Search: <input type='text' id='loadFilter' /><div id='loadPanelBody'></div>"); + this.loadPanel.setHeader("Select the wiring to load"); + this.loadPanel.setBody("Filter: <input type='text' id='loadFilter' /><div id='loadPanelBody'></div>"); this.loadPanel.render(document.body); // Listen the keyup event to filter the module list js/WiringEditor.js @@ -13,8 +13,8 @@ ul li { font-size: 13px;} .navigation li a:hover { color: #cccc33; text-decoration: underline; } #layout { width: 80%; } -#layout td.left { width: 55%;} -#layout td.right { width: 45%;} +#layout td.left { width: 55%; text-align: left;} +#layout td.right { width: 45%; text-align: left;} #layout td.left, #layout td.right { padding: 15px 30px; vertical-align: top; } p.title { font-weight: bold; font-size: 22px;} res/style.css 84ef17314805871c8dda93931b48d509e685e14c neyric eric.abouaf@gmail.com http://github.com/neyric/wireit/commit/2fa05c52ac7aca2bd99673d87c78cddc44ac0073 2fa05c52ac7aca2bd99673d87c78cddc44ac0073

2009-07-23T07:05:58-07:00

Example fixes + WiringEditor Styling 62f1ea48ffd55d1e7948e45b72fc6afcf610a9e6 neyric eric.abouaf@gmail.com