ind issueshttps://code.greenhost.net/totem/ind/-/issues2018-01-25T14:03:30Zhttps://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/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/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/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/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 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/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/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/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/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/41Highlight effect not visbible on Totem icons2019-03-20T16:31:30ZRemon HuijtsHighlight effect not visbible on Totem iconsWhen adding interactions to shapes, the popup effect works fine with all stencils and images, but the highlight effect is not visible for our custom Totem icons. The built-in mxGraph highlighting code probably does not know where to draw...When adding interactions to shapes, the popup effect works fine with all stencils and images, but the highlight effect is not visible for our custom Totem icons. The built-in mxGraph highlighting code probably does not know where to draw any highlighting borders for our custom stencils.TOTEM EndRemon HuijtsRemon Huijtshttps://code.greenhost.net/totem/ind/-/issues/38Specify file encoding in paver script2018-09-25T14:36:06ZArie PetersonSpecify file encoding in paver scriptIn `pavement.py` we use python's `open` to open files for reading and writing without specifying a text encoding. Python then chooses a default encoding which is platform-dependent (depending at least on locale and python version, maybe ...In `pavement.py` we use python's `open` to open files for reading and writing without specifying a text encoding. Python then chooses a default encoding which is platform-dependent (depending at least on locale and python version, maybe more).
Practically this resulting in a failing `paver collect_static` on our `learn-dev` server.
We should add encoding parameters to specify that the relevant files are encoded in utf-8.TOTEM EndArie PetersonArie Petersonhttps://code.greenhost.net/totem/ind/-/issues/36Make INDie edit screen full screen2019-12-04T10:21:28ZMaarten de WaardMake INDie edit screen full screenTOTEM EndMaarten de WaardMaarten de Waardhttps://code.greenhost.net/totem/ind/-/issues/35Add TOTEM icon set2018-09-27T08:33:49ZMaarten de WaardAdd TOTEM icon setTOTEM EndRemon HuijtsRemon Huijtshttps://code.greenhost.net/totem/ind/-/issues/34Test TOTEM icons2019-03-20T16:31:30ZMaarten de WaardTest TOTEM iconsWe have 3 SVG icons of the proposed TOTEM icon set to test if they work with IND:
Here's are three .svg to see if the current designs work for IND
![1.svg](/uploads/750c3c383fae64501a1a6c0728d5a443/1.svg)
![2.svg](/uploads/e968403fb27...We have 3 SVG icons of the proposed TOTEM icon set to test if they work with IND:
Here's are three .svg to see if the current designs work for IND
![1.svg](/uploads/750c3c383fae64501a1a6c0728d5a443/1.svg)
![2.svg](/uploads/e968403fb279ebb1cdaf780765f0979b/2.svg)
![3.svg](/uploads/7e3c5bf9042629c2b3621028d34a75d6/3.svg)
(see also: meta#38)
Try to insert them in IND as a custom icon set and try if we can connect the lines to the lines of the icons. Also check for other possible issues.TOTEM EndRemon HuijtsRemon Huijtshttps://code.greenhost.net/totem/ind/-/issues/29Make event and action dropdowns in custom panel2018-09-21T13:30:15ZMaarten de WaardMake event and action dropdowns in custom panelNext step from #16
Now that we have our own place to make buttons, make a dropdown for events (events being either 1. onhover 2. onclick). After choosing an event, choose an action (1. popup later maybe also "highlight").
After choos...Next step from #16
Now that we have our own place to make buttons, make a dropdown for events (events being either 1. onhover 2. onclick). After choosing an event, choose an action (1. popup later maybe also "highlight").
After choosing an action, enter the ID(s?) of the elements that the action should be aplied on. This could be combined later with #26 to find the IDs in another way.
TODO:
- [x] Interface:
- [x] Make "rules": dropdowns for choosing actions and events
- [x] Be able to add and remove several "rules"
- [x] Pick a cell to apply the rule to by clicking it
- [x] If the action is "highlight", be able to choose a colour.
- [x] On change of any of these, save the new rule in the selected object
- [x] Delete the saved rule when the cross is clicked
- [x] On opening/generating the Arrange panel, generate the buttons for all the rules already saved.
TOTEM EndArie PetersonArie Petersonhttps://code.greenhost.net/totem/ind/-/issues/26Get object ID from graph2018-02-22T16:51:48ZMaarten de WaardGet object ID from graphFind a way to get an ID by clicking an interface object (needed for #16).
Alternatively: implement/add some kind of attribute that you can add for the custom actions we defined in #17. (e.g. `label: blah` and the action would be `oncli...Find a way to get an ID by clicking an interface object (needed for #16).
Alternatively: implement/add some kind of attribute that you can add for the custom actions we defined in #17. (e.g. `label: blah` and the action would be `onclick: show:blah`.TOTEM EndArie PetersonArie Petersonhttps://code.greenhost.net/totem/ind/-/issues/23Make it so we don't need to change the nginx configuration of edX2018-09-26T15:13:05ZMaarten de WaardMake it so we don't need to change the nginx configuration of edXRight now, edX does not allow you to serve xml files. mxGraph needs to serve some xml files to work. We need to either include these files another way (rename them to something not ending on `.xml`?) or find another way around this confi...Right now, edX does not allow you to serve xml files. mxGraph needs to serve some xml files to work. We need to either include these files another way (rename them to something not ending on `.xml`?) or find another way around this configuration.
For now I changed the edX configuration, but is anyone else would want to use this XBlock that would not really be an acceptable solution.TOTEM EndArie PetersonArie Petersonhttps://code.greenhost.net/totem/ind/-/issues/21Add a "Save and close" button to the editor popup2018-09-25T14:42:21ZMaarten de WaardAdd a "Save and close" button to the editor popupThe user will now have to go to *File* -> *Save* before clicking *Close* on the popup in studio. This is not desirable. It is possible to add buttons to the edit screen. Add a button next to the *Close* button that saves the graph and cl...The user will now have to go to *File* -> *Save* before clicking *Close* on the popup in studio. This is not desirable. It is possible to add buttons to the edit screen. Add a button next to the *Close* button that saves the graph and closes the popup.
Bonus points for making sure the newly saved graph is present in the preview of the XBlock after closing the popup, but if that's difficult we should make that a separate issue.
![Screenshot_from_2018-02-01_10-45-52](/uploads/6bf7d2c316456cd02efb70d8b642155d/Screenshot_from_2018-02-01_10-45-52.png)TOTEM 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 Peterson