Chunks of HTML that are draggable and sortable. Note that this is for embedding in CMEP resources and so a jQuery based solution may be preferable to an Angular based solution. The end result should be the ability to create a list of HTML blocks, delimited by lodash template commands.
The lodash templates are processed into two forms - for web and for paper.
For the web the blocks should be randomised and have jQuery sortable behaviours attached. For paper, they would convert to LaTeX boxes and standard sized label formats for print.
We'd be looking for a simple template syntax to include in the markdown. Something like:
<%= sortable_start(groupId) %>
...markdown
<%= sortable_end %>
Need to take care that mathJAX remains rendered, that images drag with the surrounding texts, and that the drag and drop works on multiple touch devices too. A common problem with some touch screens is that the whole page drags rather than just the part that should be interactive.
Chunks of HTML that are draggable and sortable. Note that this is for embedding in CMEP resources and so a jQuery based solution may be preferable to an Angular based solution. The end result should be the ability to create a list of HTML blocks, delimited by
lodashtemplate commands.The
lodashtemplates are processed into two forms - for web and for paper.For the web the blocks should be randomised and have jQuery sortable behaviours attached. For paper, they would convert to LaTeX boxes and standard sized label formats for print.
We'd be looking for a simple template syntax to include in the markdown. Something like: <%= sortable_start(groupId) %> ...markdown <%= sortable_end %>
Need to take care that mathJAX remains rendered, that images drag with the surrounding texts, and that the drag and drop works on multiple touch devices too. A common problem with some touch screens is that the whole page drags rather than just the part that should be interactive.