diff options
| -rw-r--r-- | .gitignore | 4 | ||||
| -rw-r--r-- | Rhizi Prototype1.html | 116 | ||||
| -rw-r--r-- | index.html | 2 | ||||
| -rw-r--r-- | scripts/rhizicore.js | 4 | ||||
| -rw-r--r-- | scripts/robot.js | 31 | ||||
| -rw-r--r-- | scripts/weizmann graph | 1 |
6 files changed, 140 insertions, 18 deletions
diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..c2e3cb81 --- /dev/null +++ b/.gitignore @@ -0,0 +1,4 @@ + +Rhizi Prototype1_files/ + +.idea/ diff --git a/Rhizi Prototype1.html b/Rhizi Prototype1.html new file mode 100644 index 00000000..1664be20 --- /dev/null +++ b/Rhizi Prototype1.html @@ -0,0 +1,116 @@ +<!DOCTYPE html> +<!-- saved from url=(0067)file:///Users/dorgarbash/WebstormProjects/Rhizi2/rhizi/index.html?# --> +<html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> + <title>Rhizi Prototype </title> + + <link href="./Rhizi Prototype1_files/style.css" rel="stylesheet" type="text/css"> + <link href="./Rhizi Prototype1_files/ui.css" rel="stylesheet" type="text/css"> + <link href="./Rhizi Prototype1_files/css" rel="stylesheet" type="text/css"> + + <link rel="shortcut icon" href="file:///Users/dorgarbash/WebstormProjects/Rhizi2/rhizi/images/favicon2.ico"> + + + + <script src="./Rhizi Prototype1_files/d3.v3.min.js"></script> + <script src="./Rhizi Prototype1_files/jquery.js"></script> + + <script src="./Rhizi Prototype1_files/jquery-ui.js"></script> + <script src="./Rhizi Prototype1_files/caret.js"></script> + <script src="./Rhizi Prototype1_files/autocomplete.js"></script> + + +</head> + +<body> + + + + <div class="UI"> + <div class="help">Connect between <span style="color:#FCB924">people</span> and the <span style="color:#009DDC">skills</span> they have by describing their competence level:</div> + <div class="info" style="display:none">Node info :<br> + <div class="subtitle">Click on a node to display info</div> + <form id="editbox"> + <label>name:</label><input id="editboxname"> + <br> + <label>description:</label><input id="editdescription"> + <br> + <label>URL:</label><input id="editurl"> + <br> + <button>edit</button> + </form> + <div class="deletenode"><button>Delete</button></div> + </div> + + <div class="editinfo" style="top: -100px; left: 0px;"> + <form id="editform"> + <input id="editname"> + + </form> + </div> + + <div class="editlinkinfo" style="top: -100px; left: 0px;"> + <form id="editlinkform"> + <input id="editlinkname"> + + </form> + </div> + + + + <div id="suggestion"> + <form> <input id="textanalyser" onfocus="if(this.value == 'We built this entire graph in 30 seconds, try it out yourself!') { this.value = ''; }" value=""></form> + + + </div> + + <div class="typeselection"> + <table> + <tbody><tr><td><img id="keys" src="./Rhizi Prototype1_files/keys.png"></td></tr> + <tr><td>Pick a type with arrows</td></tr> + </tbody></table> + </div> + + <div class="save"> + <a href="./Rhizi Prototype1_files/Rhizi Prototype1.html">SAVE</a> + </div> + <div class="load"> + <a href="./Rhizi Prototype1_files/Rhizi Prototype1.html">LOAD</a> + </div> + <div class="deliverabletest"> + <a href="./Rhizi Prototype1_files/Rhizi Prototype1.html">Load deliverables</a> + </div> + + + <div class="logo"> + <a href="./Rhizi Prototype1_files/Rhizi Prototype1.html"><img src="./Rhizi Prototype1_files/sage.png"></a> + </div> + + + <div class="debug">debug</div> + </div> + + <div class="poweredby">powered by <a href="http://www.rhizi.org/"><img src="./Rhizi Prototype1_files/rhizismall.png"></a></div> + + + + <div class="missingdates" style="display:none">The following tasks are missing dates,<br>Please fill them out:</div> + + <div class="onoffswitch"> + <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch" onclick="checkSwitch(this)" checked=""> + <label class="onoffswitch-label" for="myonoffswitch"> + <span class="onoffswitch-inner"></span> + <span class="onoffswitch-switch"></span> + </label> + </div> + + + <script src="./Rhizi Prototype1_files/rhizicore.js"></script><svg width="6805" height="435" pointer-events="all"><g><g><defs></defs><defs></defs><defs></defs><defs></defs><rect class="overlay graph" width="6805" height="435"></rect><defs><marker id="end" viewBox="0 -5 10 10" refX="22" refY="-1.5" markerWidth="4" markerHeight="4" orient="auto" class="graph" style="fill: rgb(170, 170, 170);"><path d="M0,-5L10,0L0,5"></path></marker></defs></g></g></svg> + <script src="./Rhizi Prototype1_files/textanalysis.js"></script> + <script src="./Rhizi Prototype1_files/buttons.js"></script> + <script src="./Rhizi Prototype1_files/robot.js"></script> + <script src="./Rhizi Prototype1_files/watchdog.js"></script> + <script src="./Rhizi Prototype1_files/gant.js"></script> + + + +</body></html>
\ No newline at end of file @@ -52,7 +52,7 @@ <div id="suggestion"> - <form> <input id="textanalyser" onfocus="if(this.value == 'main contribution:') { this.value = ''; }" value="main contribution:"/></form> + <form> <input id="textanalyser" onfocus="if(this.value == 'Type here to create a network:') { this.value = ''; }" value="Type here to create a network:"/></form> </div> diff --git a/scripts/rhizicore.js b/scripts/rhizicore.js index 5c286cd6..c04fec10 100644 --- a/scripts/rhizicore.js +++ b/scripts/rhizicore.js @@ -485,8 +485,8 @@ function myGraph(el) { else if (d.state === "chosen") { return d.id; } else { - if (d.id.length < 14) return d.id; - else return d.id.substring(0, 11) + "..."; + if (d.id.length < 25) return d.id; + else return d.id.substring(0, 25) + "..."; } }) .on("click", function(d, i) { diff --git a/scripts/robot.js b/scripts/robot.js index c1631263..233faf3f 100644 --- a/scripts/robot.js +++ b/scripts/robot.js @@ -1,5 +1,3 @@ -"use strict" - var sentence=""; /*sentence+=" #Rhizibot is showing you a #tutorial|"; sentence+="#Rhizi visualizes data with #Graphs and #relationships|"; @@ -10,21 +8,24 @@ sentence+="We built this entire graph in 30 seconds, try it out yourself!";*/ -sentence+='Hi, Rhizibot here! Let me show you how to create networks|'; -sentence+='#Rhizi is really fast at generating #Graphs|'; -sentence+='Use the "#" hashtag to before writing to create a node|'; +sentence+=' #Hi, this is #Rhizibot!|'; +sentence+='#Rhizi is a tool for creating interactive #Networks|'; +sentence+='With #Rhizi your #Text becomes a #Network"|'; +sentence+='Use the #hashtag(#) before a word to create it as #Node|'; sentence+='#Hello|'; sentence+='#John|'; -sentence+='Use commas if what you want to write has multiple words|'; +sentence+='Use #commas("") if what you want to write #"multiple words" as a #Node|'; sentence+='#"John Smith"|'; sentence+='#"Beauty and the beast"|'; -sentence+='Nodes can be connected using words|'; +sentence+='a #Node is connected to all other #Nodes in the #sentence|'; sentence+='#John is a friend of #Tim|'; sentence+='#"Beauty and the beast" is film by #Disney|'; -sentence+='Use "and" to connect multiple things together|'; +sentence+='Use the word #"and" to #"connect multiple things together"|'; sentence+='#John likes #Apples and #Oranges and #Pistachio|'; -sentence+='You can choose the node type by using right arrow or left arrow|'; +sentence+='You can choose the node type by using #"right arrow" or #"left arrow|"'; sentence+='#Rhizi is useful for #"Mapping ideas" and "#"Creating info graphics" and #"Organising knowledge"|'; +sentence+="#You can click on any #Node to change and modify it's #Properties|"; +sentence+='#Play around and have #Fun!|'; var counter=0; var sentencecounter=0; @@ -45,8 +46,8 @@ setTimeout( Robot, 100 );*/ function Robot(){ - - + + if(counter<=sentence.length){ var text=$('#textanalyser').val(); counter++; @@ -62,7 +63,7 @@ function Robot(){ } }else{ var e = jQuery.Event("keypress"); - e.which = 13; + e.which = 13; e.keyCode = 13; $("#textanalyser").trigger(e); window.setTimeout( Robot, 650/speed ); @@ -70,10 +71,10 @@ function Robot(){ }else{ window.clearInterval(robot); } + - - - + + } diff --git a/scripts/weizmann graph b/scripts/weizmann graph new file mode 100644 index 00000000..326c9fc9 --- /dev/null +++ b/scripts/weizmann graph @@ -0,0 +1 @@ +{"nodes":[{"id":"Oren","type":"person","state":"perm","start":0,"end":0,"status":"unknown"},{"id":"Hila","type":"person","state":"perm","start":0,"end":0,"status":"unknown"},{"id":"Yuval","type":"person","state":"perm","start":0,"end":0,"status":"unknown"},{"id":"Pareto Morphology","type":"project","state":"perm","start":0,"end":0,"status":"unknown"},{"id":"Avi","type":"person","state":"perm","start":0,"end":0,"status":"unknown"},{"id":"circuits","type":"project","state":"perm","start":0,"end":0,"status":"unknown"},{"id":"Pablo","type":"person","state":"perm","start":0,"end":0,"status":"unknown"},{"id":"FCD","type":"project","state":"perm","start":0,"end":0,"status":"unknown"},{"id":"animals","type":"project","state":"perm","start":0,"end":0,"status":"unknown"},{"id":"ParTI","type":"project","state":"perm","start":0,"end":0,"status":"unknown"},{"id":"genotypes","type":"project","state":"perm","start":0,"end":0,"status":"unknown"},{"id":"Miri","type":"person","state":"perm","start":0,"end":0,"status":"unknown"},{"id":"Jean","type":"person","state":"perm","start":0,"end":0,"status":"unknown"},{"id":"Physisist","type":"skill","state":"perm","start":0,"end":0,"status":"unknown"},{"id":"Chemist","type":"skill","state":"perm","start":0,"end":0,"status":"unknown"},{"id":"Mathematician","type":"skill","state":"perm","start":0,"end":0,"status":"unknown"}],"links":[{"source":"Yuval","target":"Pareto Morphology","name":"work on "},{"source":"Oren","target":"Pareto Morphology","name":"work on "},{"source":"Oren","target":"Pareto Morphology","name":"work on "},{"source":"Hila","target":"Pareto Morphology","name":"work on "},{"source":"Hila","target":"Pareto Morphology","name":"work on "},{"source":"Avi","target":"Pareto Morphology","name":"works on "},{"source":"Avi","target":"Pareto Morphology","name":"works on "},{"source":"Avi","target":"circuits","name":"works on "},{"source":"Avi","target":"circuits","name":"works on "},{"source":"Pablo","target":"circuits","name":"works on "},{"source":"Pablo","target":"circuits","name":"works on "},{"source":"Pablo","target":"FCD","name":"works on "},{"source":"Pablo","target":"animals","name":"works on "},{"source":"Pablo","target":"ParTI","name":"works on "},{"source":"Avi","target":"circuits","name":"works on "},{"source":"Avi","target":"circuits","name":"works on "},{"source":"Avi","target":"FCD","name":"works on "},{"source":"Avi","target":"animals","name":"works on "},{"source":"Yuval","target":"ParTI","name":"works on "},{"source":"Yuval","target":"ParTI","name":"works on "},{"source":"Hila","target":"circuits","name":"works on "},{"source":"Hila","target":"circuits","name":"works on "},{"source":"Hila","target":"genotypes","name":"works on "},{"source":"Miri","target":"FCD","name":"works on "},{"source":"Miri","target":"FCD","name":"works on "},{"source":"Hila","target":"ParTI","name":"wrote the code and consulted with the math in "},{"source":"Hila","target":"ParTI","name":"wrote the code and consulted with the math in "},{"source":"Avi","target":"ParTI","name":"prepared graphical interface to "},{"source":"Avi","target":"ParTI","name":"prepared graphical interface to "},{"source":"Jean","target":"ParTI","name":"helped with biological interpretations in the project "},{"source":"Jean","target":"ParTI","name":"helped with biological interpretations in the project "},{"source":"Pablo","target":"Physisist","name":"is a "},{"source":"Physisist","target":"Chemist","name":" and a "},{"source":"Pablo","target":"Physisist","name":"is a "},{"source":"Pablo","target":"Chemist","name":"is a "},{"source":"Yuval","target":"Physisist","name":"is a "},{"source":"Physisist","target":"Mathematician","name":" and a "},{"source":"Hila","target":"Physisist","name":"is a "},{"source":"Hila","target":"Mathematician","name":"is a "},{"source":"Yuval","target":"Physisist","name":"is a "},{"source":"Yuval","target":"Mathematician","name":"is a "}]}
\ No newline at end of file |