diff --git a/VERSION.txt b/VERSION.txt index 939bf3ee..97b10264 100644 --- a/VERSION.txt +++ b/VERSION.txt @@ -5,8 +5,14 @@ To get the latest version, please visit http://javascript.neyric.com/wireit Version 0.4.1 not released yet +TODO: + * Layer.onChangeEvt (+implementation in WiringEditor for saved state, + implementation in Layouts) + Changeset: + * Spring Layout (experimental) (+examples) + * Wire mouse events + * Adapters for WiringEditor (removed the complicated SMD & YUI-RPC stuff) * Bug fix for wire positioning using FormContainer * Added drawing method 'bezierArrows' (early alpha) diff --git a/backend/php/WiringEditor.smd b/backend/php/WiringEditor.smd deleted file mode 100644 index 764ca08e..00000000 --- a/backend/php/WiringEditor.smd +++ /dev/null @@ -1,46 +0,0 @@ -{ - "SMDVersion":"2.0", - "description": "JSON-RPC interface for the WiringEditor", - - "envelope":"JSON-RPC-2.0", - "transport":"POST", - - "target":"WiringEditor.php", - - "services": { - - "saveWiring" : { - "description": "Save the module", - "parameters": [ - {"name":"name","type":"string"}, - {"name":"working","type":"text"}, - {"name":"language","type":"text"} - ] - }, - - "listWirings" : { - "description": "Get the list of modules", - "parameters": [ - {"name":"language","type":"text"} - ] - }, - - "loadWiring" : { - "description": "Load the module", - "parameters": [ - {"name":"name","type":"string"}, - {"name":"language","type":"text"} - ] - }, - - "deleteWiring" : { - "description": "Delete the module", - "parameters": [ - {"name":"name","type":"string"}, - {"name":"language","type":"text"} - ] - } - - - } -} \ No newline at end of file diff --git a/backend/php/test.html b/backend/php/test.html deleted file mode 100644 index fd890d3f..00000000 --- a/backend/php/test.html +++ /dev/null @@ -1,63 +0,0 @@ - - - - Test for the WiringEditor Php Backend - - - - - - - - - - - - - - - - diff --git a/css/WireItEditor.css b/css/WireItEditor.css index 8b6a3d8b..0169c881 100644 --- a/css/WireItEditor.css +++ b/css/WireItEditor.css @@ -19,10 +19,10 @@ body { } #top .logo { - font-family: cursive; + /*font-family: cursive; + color: #3366CC;*/ font-size: 30px; font-weight: bold; - color: #3366CC; padding-left: 10px; padding-top: 4px; } diff --git a/examples/WiringEditor/demo.js b/examples/WiringEditor/demo.js index 5256b0ed..328b749c 100644 --- a/examples/WiringEditor/demo.js +++ b/examples/WiringEditor/demo.js @@ -1,16 +1,17 @@ var demoLanguage = { + // Set a unique name for the language languageName: "meltingpotDemo", - - smdUrl: '../../backend/php/WiringEditor.smd', + // inputEx fields for pipes properties propertiesFields: [ {"type": "string", inputParams: {"name": "name", label: "Title", typeInvite: "Enter a title" } }, {"type": "text", inputParams: {"name": "description", label: "Description", cols: 30} } ], + // List of node types definition modules: [ - + { "name": "FormContainer", "container": { diff --git a/examples/WiringEditor/index.html b/examples/WiringEditor/index.html index 811d74b7..1c4dba1b 100644 --- a/examples/WiringEditor/index.html +++ b/examples/WiringEditor/index.html @@ -62,9 +62,6 @@ - - - diff --git a/examples/dotparser/DotToJson.js b/examples/dotparser/DotToJson.js new file mode 100644 index 00000000..b4bbc75e --- /dev/null +++ b/examples/dotparser/DotToJson.js @@ -0,0 +1,177 @@ +/** + * Crappy DOT parser + * + * Usage: DotParser.parse(dotString); + * + */ +DotParser = (function() { + + var Tokenizer = function(str) { + this.str = str; + }; + + Tokenizer.prototype = { + + reco: function(s) { + var matches = this.str.match(/^(\S+)\s*/); + if (matches) { + return (s == matches[1]); + } else { + return false; + } + }, + + recoA: function(s) { + var matches = this.str.match(/^(\S+)\s*/); + if (matches) { + this.str = this.str.substr(matches[0].length); + return (s == matches[1]); + } else { + return false; + } + }, + + takeChars: function(num) { + if (!num) { + num = 1; + } + var tokens = new Array(); + while (num--) { + var matches = this.str.match(/^(\S+)\s*/); + if (matches) { + this.str = this.str.substr(matches[0].length); + tokens.push(matches[1]); + } else { + tokens.push(false); + } + } + if (1 == tokens.length) { + return tokens[0]; + } else { + return tokens; + } + }, + takeNumber: function(num) { + if (!num) { + num = 1; + } + if (1 == num) { + return Number(this.takeChars()); + } else { + var tokens = this.takeChars(num); + while (num--) { + tokens[num] = Number(tokens[num]); + } + return tokens; + } + }, + takeString: function() { + var byte_count = Number(this.takeChars()), char_count = 0, char_code; + if ('-' != this.str.charAt(0)) { + return false; + } + while (0 < byte_count) { + ++char_count; + char_code = this.str.charCodeAt(char_count); + if (0x80 > char_code) { + --byte_count; + } else if (0x800 > char_code) { + byte_count -= 2; + } else { + byte_count -= 3; + } + } + var str = this.str.substr(1, char_count); + this.str = this.str.substr(1 + char_count).replace(/^\s+/, ''); + return str; + } + }; + + + + var _graph = null; + var tokenizer = null; + var _log = null; + + function log(o) { + _log.push(o); + } + + function parse(text) { + _graph = { + nodes: [], + edges: [] + }; + _log = []; + tokenizer = new Tokenizer(text); + + graph(); + + //console.log(this._graph); + //console.log(this._log); + + return _graph; + } + + function graph() { + + // strict property + _graph.strict = tokenizer.reco("strict") ? tokenizer.recoA("strict") : false; + + // type property + _graph.type = tokenizer.takeChars(); + if( _graph.type != "graph" && _graph.type != "digraph") { + log("Error, expecting 'graph' or 'digraph'"); + } + + // id + if( !tokenizer.reco('{') ) { + _graph.ID = id(); + } + + // { + if( !tokenizer.recoA('{') ) { + log("Error, expecting '{'"); + } + + stmt_list(); + + // } + if( !tokenizer.recoA('}') ) { + log("Error, expecting '}' got "+tokenizer.takeChars()); + } + + } + + function id() { + return tokenizer.takeChars(); // TODO + } + + + function stmt_list() { stmt(); stmt_list1(); } + function stmt_list1() { while( tokenizer.recoA(";") ) { stmt(); } } + function stmt () { if(tokenizer.reco('}')) return; _graph.edges.push( edge_stmt() ); } + + function edge_stmt() { + return { + node1: node_id(), + op: tokenizer.takeChars(), + node2: node_id() + }; + } + + function node_id() { + var id = tokenizer.takeChars(); + if(_graph.nodes.indexOf(id) == -1) { + _graph.nodes.push(id); + } + return id; + } + + + + return { + parse: parse + }; + +})(); \ No newline at end of file diff --git a/examples/dotparser/index.html b/examples/dotparser/index.html new file mode 100644 index 00000000..6b4a8914 --- /dev/null +++ b/examples/dotparser/index.html @@ -0,0 +1,84 @@ + + + + WireIt Example, DOT parser prototype + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/examples/dotparser/philo.dot b/examples/dotparser/philo.dot new file mode 100644 index 00000000..df77f5cb --- /dev/null +++ b/examples/dotparser/philo.dot @@ -0,0 +1,31 @@ +digraph PhiloDilemma { +ri3 -> acq2 ; +ri3 -> acq3 ; +hu3 -> acq3 ; +bec3 -> hu3 ; +th3 -> bec3 ; +rel3 -> th3 ; +rel3 -> ri3 ; +ea3 -> rel3 ; +acq3 -> ea3 ; +ri2 -> acq1 ; +ri2 -> acq2 ; +hu2 -> acq2 ; +bec2 -> hu2 ; +th2 -> bec2 ; +rel2 -> th2 ; +rel2 -> ri2 ; +ea2 -> rel2 ; +acq2 -> ea2 ; +ri1 -> acq3 ; +ri1 -> acq1 ; +hu1 -> acq1 ; +bec1 -> hu1 ; +th1 -> bec1 ; +rel1 -> th1 ; +rel1 -> ri1 ; +ea1 -> rel1 ; +acq1 -> ea1 ; +} + + diff --git a/examples/dotparser/sample.dot b/examples/dotparser/sample.dot new file mode 100644 index 00000000..6c8e3a1c --- /dev/null +++ b/examples/dotparser/sample.dot @@ -0,0 +1,15 @@ +graph G { + run -- intr ; + intr -- runbl ; + runbl -- run ; + run -- kernel ; + kernel -- zombie ; + kernel -- sleep ; + kernel -- runmem ; + sleep -- swap ; + swap -- runswap ; + runswap -> new ; + runswap -- runmem ; + new -- runmem ; + sleep -- runmem ; +} \ No newline at end of file diff --git a/examples/dotparser/unix-mod.dot b/examples/dotparser/unix-mod.dot new file mode 100644 index 00000000..bce4a97f --- /dev/null +++ b/examples/dotparser/unix-mod.dot @@ -0,0 +1,52 @@ +digraph unix { + "5thEdition" -> "6thEdition" ; + "5thEdition" -> "PWB1.0" ; + "6thEdition" -> "LSX" ; + "6thEdition" -> "1BSD" ; + "6thEdition" -> "MiniUnix" ; + "6thEdition" -> "Wollongong" ; + "6thEdition" -> "Interdata" ; + "Interdata" -> "Unix/TS3.0" ; + "Interdata" -> "PWB2.0" ; + "Interdata" -> "7thEdition" ; + "7thEdition" -> "8thEdition" ; + "7thEdition" -> "32V" ; + "7thEdition" -> "V7M" ; + "7thEdition" -> "Ultrix-11" ; + "7thEdition" -> "Xenix" ; + "7thEdition" -> "UniPlus+" ; + "V7M" -> "Ultrix-11" ; + "8thEdition" -> "9thEdition" ; + "1BSD" -> "2BSD" ; + "2BSD" -> "2.8BSD" ; + "2.8BSD" -> "Ultrix-11" ; + "2.8BSD" -> "2.9BSD" ; + "32V" -> "3BSD" ; + "3BSD" -> "4BSD" ; + "4BSD" -> "4.1BSD" ; + "4.1BSD" -> "4.2BSD" ; + "4.1BSD" -> "2.8BSD" ; + "4.1BSD" -> "8thEdition" ; + "4.2BSD" -> "4.3BSD" ; + "4.2BSD" -> "Ultrix-32" ; + "PWB1.0" -> "PWB1.2" ; + "PWB1.0" -> "USG1.0" ; + "PWB1.2" -> "PWB2.0" ; + "USG1.0" -> "CB Unix1" ; + "USG1.0" -> "USG2.0" ; + "CB Unix1" -> "CB Unix2" ; + "CB Unix2" -> "CB Unix3" ; + "CB Unix3" -> "Unix/TS++" ; + "CB Unix3" -> "PDP-11 SysV" ; + "USG2.0" -> "USG3.0" ; + "USG3.0" -> "Unix/TS3.0" ; + "PWB2.0" -> "Unix/TS3.0" ; + "Unix/TS1.0" -> "Unix/TS3.0" ; + "Unix/TS3.0" -> "TS4.0" ; + "Unix/TS++" -> "TS4.0" ; + "CB Unix3" -> "TS4.0" ; + "TS4.0" -> "SystemV.0" ; + "SystemV.0" -> "SystemV.2" ; + "SystemV.2" -> "SystemV.3" ; +} + diff --git a/examples/jsBox/jsBox.js b/examples/jsBox/jsBox.js index d1f3027c..39836522 100644 --- a/examples/jsBox/jsBox.js +++ b/examples/jsBox/jsBox.js @@ -5,7 +5,6 @@ var jsBox = { language: { languageName: "jsBox", - smdUrl: '../../backend/php/WiringEditor.smd', propertiesFields: [ {"type": "string", inputParams: {"name": "name", label: "Title", typeInvite: "Enter a title" } }, {"type": "text", inputParams: {"name": "description", label: "Description", cols: 30} } diff --git a/examples/logicGates/index.html b/examples/logicGates/index.html index 35dd400f..bab82513 100644 --- a/examples/logicGates/index.html +++ b/examples/logicGates/index.html @@ -26,9 +26,6 @@ - - - diff --git a/examples/logicGates/logicGates.js b/examples/logicGates/logicGates.js index c9d0d914..c58a26a8 100644 --- a/examples/logicGates/logicGates.js +++ b/examples/logicGates/logicGates.js @@ -1,116 +1,116 @@ var logicGatesLang = { - + // Set a unique name for the language languageName: "logicGates", - - smdUrl: '../../backend/php/WiringEditor.smd', + // inputEx fields for pipes properties propertiesFields: [ {"type": "string", inputParams: {"name": "name", label: "Name", typeInvite: "Enter a title"} }, {"type": "text", inputParams: {"name": "description", label: "Description", cols: 30} } ], + // List of node types definition modules: [ - { - "name": "AND", + { + "name": "AND", - "container" : { - "xtype":"WireIt.ImageContainer", - "image": "../logicGates/images/gate_and.png", - "terminals": [ - {"name": "_INPUT1", "direction": [-1,0], "offsetPosition": {"left": -3, "top": 2 },"ddConfig": {"type": "input","allowedTypes": ["output"]}, "nMaxWires": 1 }, - {"name": "_INPUT2", "direction": [-1,0], "offsetPosition": {"left": -3, "top": 37 },"ddConfig": {"type": "input","allowedTypes": ["output"]}}, - {"name": "_OUTPUT", "direction": [1,0], "offsetPosition": {"left": 103, "top": 20 },"ddConfig": {"type": "output","allowedTypes": ["input"]}} - ] - } + "container" : { + "xtype":"WireIt.ImageContainer", + "image": "../logicGates/images/gate_and.png", + "terminals": [ + {"name": "_INPUT1", "direction": [-1,0], "offsetPosition": {"left": -3, "top": 2 },"ddConfig": {"type": "input","allowedTypes": ["output"]}, "nMaxWires": 1 }, + {"name": "_INPUT2", "direction": [-1,0], "offsetPosition": {"left": -3, "top": 37 },"ddConfig": {"type": "input","allowedTypes": ["output"]}}, + {"name": "_OUTPUT", "direction": [1,0], "offsetPosition": {"left": 103, "top": 20 },"ddConfig": {"type": "output","allowedTypes": ["input"]}} + ] + } - }, + }, - { - "name": "OR", + { + "name": "OR", - "container": { - "xtype":"WireIt.ImageContainer", - "image": "../logicGates/images/gate_or.png", - "terminals": [ - {"name": "_INPUT1", "direction": [-1,0], "offsetPosition": {"left": -3, "top": 2 },"ddConfig": {"type": "input","allowedTypes": ["output"]}, "nMaxWires": 1 }, - {"name": "_INPUT2", "direction": [-1,0], "offsetPosition": {"left": -3, "top": 37 },"ddConfig": {"type": "input","allowedTypes": ["output"]}}, - {"name": "_OUTPUT", "direction": [1,0], "offsetPosition": {"left": 103, "top": 20 },"ddConfig": {"type": "output","allowedTypes": ["input"]}} - ] - } - }, + "container": { + "xtype":"WireIt.ImageContainer", + "image": "../logicGates/images/gate_or.png", + "terminals": [ + {"name": "_INPUT1", "direction": [-1,0], "offsetPosition": {"left": -3, "top": 2 },"ddConfig": {"type": "input","allowedTypes": ["output"]}, "nMaxWires": 1 }, + {"name": "_INPUT2", "direction": [-1,0], "offsetPosition": {"left": -3, "top": 37 },"ddConfig": {"type": "input","allowedTypes": ["output"]}}, + {"name": "_OUTPUT", "direction": [1,0], "offsetPosition": {"left": 103, "top": 20 },"ddConfig": {"type": "output","allowedTypes": ["input"]}} + ] + } + }, - { - "name": "NOT", - "container": { - "xtype":"WireIt.ImageContainer", - "image": "../logicGates/images/gate_not.png", - "terminals": [ - {"name": "_INPUT", "direction": [-1,0], "offsetPosition": {"left": -12, "top": 23 },"ddConfig": {"type": "input","allowedTypes": ["output"]}, "nMaxWires": 1 }, - {"name": "_OUTPUT", "direction": [1,0], "offsetPosition": {"left": 117, "top": 23 },"ddConfig": {"type": "output","allowedTypes": ["input"]}} - ] - } - }, + { + "name": "NOT", + "container": { + "xtype":"WireIt.ImageContainer", + "image": "../logicGates/images/gate_not.png", + "terminals": [ + {"name": "_INPUT", "direction": [-1,0], "offsetPosition": {"left": -12, "top": 23 },"ddConfig": {"type": "input","allowedTypes": ["output"]}, "nMaxWires": 1 }, + {"name": "_OUTPUT", "direction": [1,0], "offsetPosition": {"left": 117, "top": 23 },"ddConfig": {"type": "output","allowedTypes": ["input"]}} + ] + } + }, - { - "name": "NAND", - "container": { - "xtype":"WireIt.ImageContainer", - "image": "../logicGates/images/gate_nand.png", - "terminals": [ - {"name": "_INPUT1", "direction": [-1,0], "offsetPosition": {"left": -3, "top": 2 },"ddConfig": {"type": "input","allowedTypes": ["output"]}, "nMaxWires": 1 }, - {"name": "_INPUT2", "direction": [-1,0], "offsetPosition": {"left": -3, "top": 37 },"ddConfig": {"type": "input","allowedTypes": ["output"]}, "nMaxWires": 1 }, - {"name": "_OUTPUT", "direction": [1,0], "offsetPosition": {"left": 103, "top": 20 }, "ddConfig": {"type": "output","allowedTypes": ["input"]}} - ] - } - }, + { + "name": "NAND", + "container": { + "xtype":"WireIt.ImageContainer", + "image": "../logicGates/images/gate_nand.png", + "terminals": [ + {"name": "_INPUT1", "direction": [-1,0], "offsetPosition": {"left": -3, "top": 2 },"ddConfig": {"type": "input","allowedTypes": ["output"]}, "nMaxWires": 1 }, + {"name": "_INPUT2", "direction": [-1,0], "offsetPosition": {"left": -3, "top": 37 },"ddConfig": {"type": "input","allowedTypes": ["output"]}, "nMaxWires": 1 }, + {"name": "_OUTPUT", "direction": [1,0], "offsetPosition": {"left": 103, "top": 20 }, "ddConfig": {"type": "output","allowedTypes": ["input"]}} + ] + } + }, - { - "name": "XOR", - "container": { - "xtype":"WireIt.ImageContainer", - "image": "../logicGates/images/gate_xor.png", - "terminals": [ - {"name": "_INPUT1", "direction": [-1,0], "offsetPosition": {"left": -3, "top": 2 },"ddConfig": {"type": "input","allowedTypes": ["output"]}, "nMaxWires": 1 }, - {"name": "_INPUT2", "direction": [-1,0], "offsetPosition": {"left": -3, "top": 37 },"ddConfig": {"type": "input","allowedTypes": ["output"]}, "nMaxWires": 1 }, - {"name": "_OUTPUT", "direction": [1,0], "offsetPosition": {"left": 103, "top": 20 },"ddConfig": {"type": "output","allowedTypes": ["input"]}} - ] - } - }, + { + "name": "XOR", + "container": { + "xtype":"WireIt.ImageContainer", + "image": "../logicGates/images/gate_xor.png", + "terminals": [ + {"name": "_INPUT1", "direction": [-1,0], "offsetPosition": {"left": -3, "top": 2 },"ddConfig": {"type": "input","allowedTypes": ["output"]}, "nMaxWires": 1 }, + {"name": "_INPUT2", "direction": [-1,0], "offsetPosition": {"left": -3, "top": 37 },"ddConfig": {"type": "input","allowedTypes": ["output"]}, "nMaxWires": 1 }, + {"name": "_OUTPUT", "direction": [1,0], "offsetPosition": {"left": 103, "top": 20 },"ddConfig": {"type": "output","allowedTypes": ["input"]}} + ] + } + }, - { - "name": "A", - "container" : { - "xtype":"WireIt.ImageContainer", - "image": "../logicGates/images/A.png", - "terminals": [ - {"name": "_OUTPUT", "direction": [1,0], "offsetPosition": {"left": 94, "top": 18 },"ddConfig": {"type": "output","allowedTypes": ["input"]}} - ] - } - }, + { + "name": "A", + "container" : { + "xtype":"WireIt.ImageContainer", + "image": "../logicGates/images/A.png", + "terminals": [ + {"name": "_OUTPUT", "direction": [1,0], "offsetPosition": {"left": 94, "top": 18 },"ddConfig": {"type": "output","allowedTypes": ["input"]}} + ] + } + }, - { - "name": "B", - "container" : { - "xtype":"WireIt.ImageContainer", - "image": "../logicGates/images/B.png", - "terminals": [ - {"name": "_OUTPUT", "direction": [1,0], "offsetPosition": {"left": 94, "top": 18 },"ddConfig": {"type": "output","allowedTypes": ["input"]}} - ] - } - }, + { + "name": "B", + "container" : { + "xtype":"WireIt.ImageContainer", + "image": "../logicGates/images/B.png", + "terminals": [ + {"name": "_OUTPUT", "direction": [1,0], "offsetPosition": {"left": 94, "top": 18 },"ddConfig": {"type": "output","allowedTypes": ["input"]}} + ] + } + }, - { - "name": "C", - "container" : { - "xtype":"WireIt.ImageContainer", - "image": "../logicGates/images/C.png", - "terminals": [ - {"name": "_OUTPUT", "direction": [1,0], "offsetPosition": {"left": 94, "top": 18 },"ddConfig": {"type": "output","allowedTypes": ["input"]}} - ] - } - } + { + "name": "C", + "container" : { + "xtype":"WireIt.ImageContainer", + "image": "../logicGates/images/C.png", + "terminals": [ + {"name": "_OUTPUT", "direction": [1,0], "offsetPosition": {"left": 94, "top": 18 },"ddConfig": {"type": "output","allowedTypes": ["input"]}} + ] + } + } ] }; diff --git a/examples/spring_layout.html b/examples/spring_layout.html new file mode 100644 index 00000000..08746fdf --- /dev/null +++ b/examples/spring_layout.html @@ -0,0 +1,91 @@ + + + + WireIt Example, Spring model layout + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/examples/wire_tooltips.html b/examples/wire_tooltips.html new file mode 100644 index 00000000..f6e22c09 --- /dev/null +++ b/examples/wire_tooltips.html @@ -0,0 +1,125 @@ + + + + WireIt Example, handle wire events + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/examples/wires_and_terminals.html b/examples/wires_and_terminals.html index 4fc577c0..e06052a4 100644 --- a/examples/wires_and_terminals.html +++ b/examples/wires_and_terminals.html @@ -32,7 +32,8 @@ float: left; position: relative; z-index: 5; - background-color: rgb(255,200,200); + /*background-color: rgb(255,200,200);*/ + border: 1px solid #aaa; opacity: 0.8; padding: 10px; font-weight: bold; diff --git a/images/terminals.png b/images/terminals.png index 5d89b9f3..06ea4f86 100644 Binary files a/images/terminals.png and b/images/terminals.png differ diff --git a/index.html b/index.html index 4132e6d0..362c97e6 100644 --- a/index.html +++ b/index.html @@ -18,10 +18,10 @@ #headbar { background-image: url(res/logo-wireit.jpg); height: 223px; margin: 0; padding: 0; } -#navigation { position: absolute; margin: 6px 0 0 380px; } -#navigation li { margin: 0; display: inline; margin-right: 30px;} -#navigation li a { color: white; text-decoration: none; font-size: 14px; } -#navigation li a:hover { color: #cccc33; text-decoration: underline; } +/*.navigation { }*/ +.navigation li { margin: 0; display: inline; margin-right: 30px;} +.navigation li a { color: #999999; text-decoration: none; font-size: 14px; } +.navigation li a:hover { color: #cccc33; text-decoration: underline; } #layout { width: 80%; } #layout td.left { width: 55%;} @@ -31,11 +31,11 @@ p.title { font-weight: bold; font-size: 22px;} td.left ul { list-style-image: url(res/star.png); } -div.appBox { width: 100%; height: 144px; position: relative; margin-top: 10px; } -div.appBox p { position: absolute; left: 160px; top: 10px; font-size: 18px; text-decoration: none;} +div.appBox { width: 100%; /*height: 144px;*/ position: relative; margin-top: 10px; } +div.appBox p { position: absolute; left: 130px; top: 0px; font-size: 18px; text-decoration: none;} div.appBox a {text-decoration: none;} -div.appBox p span {color: #aaa;font-size: 12pt;} -div.appBox p span.big { color: #ffb73e; font-size: 20pt; font-weight: bold;} +div.appBox p span {color: #aaa;font-size: 11pt;} +div.appBox p span.big { color: #ffb73e; font-size: 16pt; font-weight: bold;} @@ -44,15 +44,21 @@
-
@@ -61,18 +67,11 @@ -

About

- -

   WireIt is an open-source javascript library to create web wirable interfaces for dataflow applications, visual programming languages or graphical modeling.

- -

   It supports all A-Grade Browsers. Please report your issues with specific browsers in the forum.

-

   It uses the YUI library (2.7.0) for DOM and events manipulation, and excanvas for IE support of the canvas tag.

+ -

What's new in 0.4 ?

- - +

WireIt is an open-source javascript library to create web wirable interfaces for dataflow applications, visual programming languages, graphical modeling, or graph editors.

+ +
@@ -84,40 +83,49 @@
- -

Documentation

-

   WireIt comes with an exhaustive API documentation built with YUI Doc,
and the following examples :

+

Presentation

+ +

Here are the main component classes (bottom-up order):

+ + - -
- - Learn Wires, Terminals -

learn
Wires, Terminals

- -
+

Different types of Container are provided :

+ +

You can create your own container by subclassing the base Container class, and still benefit from the drop-in use of the WiringEditor in your web application.

- -
- - Learn Containers, WiringEditor -

learn
Containers, WiringEditor

- -
+

The WiringEditor requires a connection to a database to use save/load features. You can customize it using adapters. A default adapter is provided, which uses JSON-RPC through ajax calls, and a PHP/MySQL backend.

-