Plaster
New
List
Login
text
apl
aspx
asterisk
brainfuck
c
c++hdr
c++src
cassandra
ceylon
clojure
clojurescript
cmake
cobol
coffeescript
common-lisp
crystal
csharp
css
cypher-query
cython
d
dart
diff
django
dockerfile
dylan
ebnf
ecl
ecmascript
edn
eiffel
ejs
elm
erb
erlang
ez80
factor
fcl
feature
forth
fortran
fragment
gfm
go
gql
groovy
gss
haml
handlebars-template
haskell
haxe
hive
html
http
httpd-php
httpd-php-open
hxml
ini
java
javascript
json
jsp
jsx
julia
kotlin
latex
less
literate-haskell
lua
mariadb
markdown
mbox
mirc
mscgen
msgenny
mssql
mumps
mysql
n-triples
nesc
nginx-conf
nsis
objectivec
octave
oz
pascal
perl
pgp
pgp-keys
pgp-signature
pgsql
php
pig
plsql
properties
protobuf
puppet
python
q
rpm-changes
rpm-spec
rsrc
ruby
rustsrc
sas
sass
scala
scheme
scss
sieve
slim
smarty
solr
soy
sparql-query
spreadsheet
sql
squirrel
stex
styl
swift
systemverilog
tcl
textile
tiddlywiki
tiki
tlv
tornado
ttcn-asn
ttcn-cfg
turtle
twig
typescript
typescript-jsx
vb
vbscript
velocity
verilog
vertex
vhdl
vue
webidl
xml
xml-dtd
xquery
xu
yaml
z80
default
Visibility:
public
unlisted
private
var widgets = document.querySelectorAll(\".custom-widget\"); ((self)=>{ require.config({ paths: { cytoscape: \"https://cdnjs.cloudflare.com/ajax/libs/cytoscape/3.2.8/cytoscape.min\" } }); require([\"cytoscape\"], (cytoscape)=>{ var canvas = self.querySelector(\".canvas\"); var cy = cytoscape({ container: canvas, elements: { nodes: [ ~a ], edges: [ ~a ]}, style: [ { selector: 'node', style: { 'background-color': 'white', 'border-width': '1px', 'border-style': 'solid', 'border-color': '#ccc', 'padding': '5px', 'label': 'data(label)', 'text-valign': \"center\", 'width': \"label\" } }, { selector: 'node:selected', style: { 'background-color': '#ccc', } }, { selector: 'edge', style: { 'label': 'data(label)', 'curve-style': 'bezier', 'width': 1, 'line-color': '#ccc', 'target-arrow-shape': 'triangle', 'target-arrow-color': '#ccc' } } ], layout: { name: 'cose', animate: false } }); // Add double tap event var tappedBefore; var tappedTimeout; cy.on('tap', (ev)=>{ var tappedNow = ev.target; if (tappedTimeout && tappedBefore) { clearTimeout(tappedTimeout); } if(tappedBefore === tappedNow) { tappedNow.trigger('doubleTap', [ev.position]); tappedBefore = null; } else { tappedTimeout = setTimeout(()=>{ tappedBefore = null; }, 300); tappedBefore = tappedNow; } }); // Event Handling canvas.querySelector(\"canvas:last-child\").setAttribute(\"tabindex\", 1); var shift = false; canvas.querySelector(\"canvas:last-child\").addEventListener(\"keydown\", (ev)=>{ if(ev.shiftKey || ev.keyCode == 16) shift = true; }); canvas.querySelector(\"canvas:last-child\").addEventListener(\"keyup\", (ev)=>{ if(ev.shiftKey || ev.keyCode == 16) shift = false; switch(ev.keyCode){ case 46: var selected = cy.$(':selected'); if(selected) selected.remove(); break; } }); cy.on(\"tap\", (ev)=>{ canvas.querySelector(\"canvas:last-child\").focus(); }); var shiftSelected = null; cy.on(\"tap\", \"node\", (ev)=>{ if(shift){ if(shiftSelected != null){ console.log(shiftSelected, ev.target); cy.add({group: \"edges\", data: {source: shiftSelected.id(), target: ev.target.id()}}); } } shiftSelected = ev.target; }); cy.on(\"doubleTap\", (ev, position)=>{ if(ev.target == cy){ var id = prompt(\"Enter the node ID\"); if(id) cy.add({group: \"nodes\", data: {id: id, label: id}, position: position}); }else{ var label = prompt(\"Enter the new label\", ev.target.data(\"label\")); if(label) ev.target.data(\"label\", label); } }); canvas.querySelector(\"canvas:last-child\").focus(); // NEW: self.querySelector(\".save\").addEventListener(\"click\", ()=>{ var command = '(defparameter graph::*graph* \"' + JSON.stringify(cy.json()) + '\")'; console.log(\"Executing Command: \" + command); var kernel = IPython.notebook.kernel; kernel.execute(command); }); }); })(widgets[widgets.length-1]);