ind issueshttps://code.greenhost.net/totem/ind/-/issues2018-01-25T14:06:57Zhttps://code.greenhost.net/totem/ind/-/issues/1Find out ways to make interactive components with vanilla mxGraph editor2018-01-25T14:06:57ZMaarten de WaardFind out ways to make interactive components with vanilla mxGraph editormxGraph is the editor of draw.io, you can find a completely open source example called GraphEditor in their repo: https://github.com/jgraph/mxgraph/tree/master/javascript/examples/grapheditor
Live example: https://jgraph.github.io/mxgra...mxGraph is the editor of draw.io, you can find a completely open source example called GraphEditor in their repo: https://github.com/jgraph/mxgraph/tree/master/javascript/examples/grapheditor
Live example: https://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.html
Try making something where you can click a phone or PC to see a message (like you would do if you make an end-to-end encryption network diagram)Sprint wk 4Arie PetersonArie Petersonhttps://code.greenhost.net/totem/ind/-/issues/2Basic GraphEditor XBlock2018-01-25T14:36:36ZMaarten de WaardBasic GraphEditor XBlockTry adding this to the edX studio:
https://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.html
In such a way that the course designer can make a graph from the studio. Bonus points if it can be saved so the student ...Try adding this to the edX studio:
https://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.html
In such a way that the course designer can make a graph from the studio. Bonus points if it can be saved so the student can view it as an SVG
assignee: @maarten and @chrisSprint wk 4Maarten de WaardMaarten de Waardhttps://code.greenhost.net/totem/ind/-/issues/3Try mxGraph's GraphEditor on mobile2018-01-25T14:05:03ZMaarten de WaardTry mxGraph's GraphEditor on mobileTest what features are enabled if you visit
https://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.html
from a mobile website
Can you:
- [ ] See a graph
- [ ] Edit a graph
- [ ] Draw a new figure
- [ ] Draw l...Test what features are enabled if you visit
https://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.html
from a mobile website
Can you:
- [ ] See a graph
- [ ] Edit a graph
- [ ] Draw a new figure
- [ ] Draw lines
- [ ] See and use the menuSprint wk 4Arie PetersonArie Petersonhttps://code.greenhost.net/totem/ind/-/issues/4Test-deployment of mxGraph backend2018-01-25T14:03:30ZMaarten de WaardTest-deployment of mxGraph backendDeploy one of the mxGraph backends for testing. I think the easiest option is deploying the PHP version to our shared hosting (would also spare us the server maintenance of the Java (or .NET, lol) version.Deploy one of the mxGraph backends for testing. I think the easiest option is deploying the PHP version to our shared hosting (would also spare us the server maintenance of the Java (or .NET, lol) version.Sprint wk 4https://code.greenhost.net/totem/ind/-/issues/5Fix errors on GraphEditor page load2018-01-25T14:53:39ZMaarten de WaardFix errors on GraphEditor page loadMaarten de WaardMaarten de Waardhttps://code.greenhost.net/totem/ind/-/issues/6Save XML string from GraphEditor in XBlock2018-02-01T17:03:10ZMaarten de WaardSave XML string from GraphEditor in XBlockMaarten de WaardMaarten de Waardhttps://code.greenhost.net/totem/ind/-/issues/7Bind GraphEditor to XBlock page element instead of entire page2018-02-21T13:27:22ZMaarten de WaardBind GraphEditor to XBlock page element instead of entire pageMaarten de WaardMaarten de Waardhttps://code.greenhost.net/totem/ind/-/issues/8Add XBlock graph viewer function2018-01-26T11:31:48ZMaarten de WaardAdd XBlock graph viewer functionArie PetersonArie Petersonhttps://code.greenhost.net/totem/ind/-/issues/9Investigate mxGraph modularity2018-02-01T13:37:01ZMaarten de WaardInvestigate mxGraph modularityChris SnijderChris Snijderhttps://code.greenhost.net/totem/ind/-/issues/10Fix rendering bug2018-01-25T16:06:53ZMaarten de WaardFix rendering bugIn the "viewer", the ellipse shape is rendered as a rectangle (which is wrong).
Possible solution: Maybe "default.xml" needs to be included.In the "viewer", the ellipse shape is rendered as a rectangle (which is wrong).
Possible solution: Maybe "default.xml" needs to be included.https://code.greenhost.net/totem/ind/-/issues/11Include mxGraph in a nice way (npm/submodule/etc.)2018-02-20T11:26:56ZMaarten de WaardInclude mxGraph in a nice way (npm/submodule/etc.)Chris SnijderChris Snijderhttps://code.greenhost.net/totem/ind/-/issues/12Use make commands in README file2018-01-29T18:11:01ZMaarten de WaardUse make commands in README fileMaarten de WaardMaarten de Waardhttps://code.greenhost.net/totem/ind/-/issues/13Go over menu items2018-02-01T14:01:20ZMaarten de WaardGo over menu itemsCurrently, the menus hold these items. The checked items need to work, unchecked items need to be removed.
- File
- [ ] New...
- [ ] Open...
- [x] Save
- [ ] Save as...
- [ ] Import...
- [ ] Export...
- [x] Page Setup...
...Currently, the menus hold these items. The checked items need to work, unchecked items need to be removed.
- File
- [ ] New...
- [ ] Open...
- [x] Save
- [ ] Save as...
- [ ] Import...
- [ ] Export...
- [x] Page Setup...
- [x] Print...
- Extras
- Edit diagram (opens XML in text editor window)
- Open in new window (doesn't work)
- Help
- [ ] Help (shows llorem ipsum)
Edit, View, Arrange and Extras hold working menu items, so no work needs to be done there.Sprint wk 5Maarten de WaardMaarten de Waardhttps://code.greenhost.net/totem/ind/-/issues/14Disable saving from student_view2018-02-05T14:24:39ZMaarten de WaardDisable saving from student_viewSprint wk 5Maarten de WaardMaarten de Waardhttps://code.greenhost.net/totem/ind/-/issues/15Support for special characters2018-01-31T08:58:22ZMaarten de WaardSupport for special charactersTest if saving and loading a graph does not break if you use special characters (@arie was specifically worried about single quotes, but don't forget to try ```"`;"```
If it does break, fix it in this issueTest if saving and loading a graph does not break if you use special characters (@arie was specifically worried about single quotes, but don't forget to try ```"`;"```
If it does break, fix it in this issueSprint wk 5Remon HuijtsRemon Huijtshttps://code.greenhost.net/totem/ind/-/issues/16Add a custom panel to the interface2018-09-21T13:16:42ZMaarten de WaardAdd a custom panel to the interfaceDoes not have to be able to do anything yet, Just a new panel with a custom message or button on it or somethingDoes not have to be able to do anything yet, Just a new panel with a custom message or button on it or somethingTOTEM EndMaarten de WaardMaarten de Waardhttps://code.greenhost.net/totem/ind/-/issues/17Make custom events2018-09-21T13:16:42ZMaarten de WaardMake custom eventsDefine something that happens on click and on hover. XBlocks support jQuery, which can probably make this easier for you (check out `$.hover()` and `$.click()` or `$.on()`
## Proposed data attributes
Any cell (node or edge) can be given...Define something that happens on click and on hover. XBlocks support jQuery, which can probably make this easier for you (check out `$.hover()` and `$.click()` or `$.on()`
## Proposed data attributes
Any cell (node or edge) can be given the special data attributes `onhover` and/or `onclick`. (You can edit attributes in the grapheditor by right-clicking on a node and choosing "Edit Data..." in the context menu.) These special attributes are interpreted by our javascript code to set up the interaction.
The value of these attributes describes what action should happen for that event:
* `popup=3` will look up the cell with id `3`, and (1) make it invisible on load; (2) make it visible again when the event happens (currently either hover or click); and (3) make it invisible again when the corresponding "closing event" happens (currently: mouseout for onhover, and another click for onclick).
The numerical id's of the nodes are not directly visible in the grapheditor (we should build an interface so you don't have to deal with id's manually, see #16 ). You can see them by inspecting the mxGraph xml representing your diagram (but we don't have an easy way to show that xml at the moment I'm afraid). The id's are taken from an integer counter though, so you can guess at them for the moment.TOTEM EndArie PetersonArie Petersonhttps://code.greenhost.net/totem/ind/-/issues/18Make sure nothing tries to use/poll the backend2018-02-05T16:02:20ZMaarten de WaardMake sure nothing tries to use/poll the backendWe are not deploying a backend (which is only used for exporting to PDF, PNG, etc.), so remove/overwrite functions or set variables in such a way that mxGraph does not try to access it when you load it or press a non-disabled button (see...We are not deploying a backend (which is only used for exporting to PDF, PNG, etc.), so remove/overwrite functions or set variables in such a way that mxGraph does not try to access it when you load it or press a non-disabled button (see #13 for disabled menu items you shouldn't worry about).Sprint wk 5Remon HuijtsRemon Huijtshttps://code.greenhost.net/totem/ind/-/issues/19Install current ind version to learn-dev.totem-project.org2018-02-01T17:04:43ZMaarten de WaardInstall current ind version to learn-dev.totem-project.orgAnd let kaustubh test it as soon as you're done.And let kaustubh test it as soon as you're done.Sprint wk 5Maarten de WaardMaarten de Waardhttps://code.greenhost.net/totem/ind/-/issues/20Add a custom set of images2018-02-07T17:10:43ZMaarten de WaardAdd a custom set of imagesWe will eventually ask a designer to make a custom TOTEM icon set, which should be used in the graph-editor-xblock. To prove we can do this, take a custom set of images and try to add it.
Bonus points if we can get an SVG icon pack, so...We will eventually ask a designer to make a custom TOTEM icon set, which should be used in the graph-editor-xblock. To prove we can do this, take a custom set of images and try to add it.
Bonus points if we can get an SVG icon pack, so it's infinitely scalable.
Note that draw.io (which has some extra extensions upon the open source 'grapheditor' thing we built upon) supports custom libraries, but I couldn't really find any downloadable examples with a quick DDG search...Sprint wk 5Remon HuijtsRemon Huijts