[xwiki-devs] Diagram Application
FYI, I just published a Diagram Application (based on AppWithinMinutes and draw.io) on extensions.xwiki.org , installable with the Extension Manager. Documentation: http://extensions.xwiki.org/xwiki/bin/view/Extension/Diagram+Application Source: https://github.com/xwiki-contrib/application-diagram Enjoy, Marius
That's just great. Got it installed already and it's quite usable :) Some quick feedback * Missing full-screen editing mode * Pressing "Del" makes browser want to leave the page * Resizing diagram with +/- buttons in view mode is valid only until page refresh * Preview discards changes Tested on FF19, Win7x64 Some questions * How do I embed diagrams into other pages? * We have several spaces for different teams that intersect little. Will all our diagrams be stored in app-within-minutes space? Information encapsulation would be better if diagrams were created as sub-documents or xml-embeds of the page they are created on. -----Original Message----- From: [email protected] [mailto:[email protected]] On Behalf Of Marius Dumitru Florea Sent: Monday, March 04, 2013 14:05 PM To: XWiki Developers; XWiki Users Subject: [xwiki-users] Diagram Application FYI, I just published a Diagram Application (based on AppWithinMinutes and draw.io) on extensions.xwiki.org , installable with the Extension Manager. Documentation: http://extensions.xwiki.org/xwiki/bin/view/Extension/Diagram+Application Source: https://github.com/xwiki-contrib/application-diagram Enjoy, Marius _______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users
On Mar 4, 2013, at 1:28 PM, Roman Muntyanu <[email protected]> wrote:
That's just great. Got it installed already and it's quite usable :)
Some quick feedback * Missing full-screen editing mode * Pressing "Del" makes browser want to leave the page * Resizing diagram with +/- buttons in view mode is valid only until page refresh * Preview discards changes Tested on FF19, Win7x64
Some questions * How do I embed diagrams into other pages? * We have several spaces for different teams that intersect little. Will all our diagrams be stored in app-within-minutes space? Information encapsulation would be better if diagrams were created as sub-documents or xml-embeds of the page they are created on.
BTW once you get the answer, would be great to publish them on the extension page for others ;) Thanks -Vincent
-----Original Message----- From: [email protected] [mailto:[email protected]] On Behalf Of Marius Dumitru Florea Sent: Monday, March 04, 2013 14:05 PM To: XWiki Developers; XWiki Users Subject: [xwiki-users] Diagram Application
FYI, I just published a Diagram Application (based on AppWithinMinutes and draw.io) on extensions.xwiki.org , installable with the Extension Manager.
Documentation: http://extensions.xwiki.org/xwiki/bin/view/Extension/Diagram+Application Source: https://github.com/xwiki-contrib/application-diagram
Enjoy, Marius
One more test: 1 Create new empty diagram and save it 2 Edit in **wiki mode** and replace its content with following and save again: <mxGraphModel dx="800" dy="800" grid="1" guides="1" tooltips="1" connect="1" fold="1" page="1" pageScale="1" pageWidth="826" pageHeight="1169" style="default-style2"><root><mxCell id="0"/><mxCell id="1" parent="0"/><mxCell id="2" value="" style="shape=cylinder" parent="1" vertex="1"><mxGeometry x="90" y="80" width="60" height="80" as="geometry"/></mxCell><mxCell id="3" value="" style="shape=or" parent="1" vertex="1"><mxGeometry x="320" y="160" width="60" height="80" as="geometry"/></mxCell><mxCell id="5" value="" style="edgeStyle=elbowEdgeStyle;elbow=horizontal;exitX=1;exitY=0.5;entryX=0;entryY=0.5;entryPerimeter=0" parent="1" source="2" target="3" edge="1"><mxGeometry width="100" height="100" relative="1" as="geometry"><mxPoint y="100" as="sourcePoint"/><mxPoint x="100" as="targetPoint"/></mxGeometry></mxCell><mxCell id="6" value="" style="shape=or;rotation=0" parent="1" vertex="1"><mxGeometry x="70" y="250" width="70" height="80" as="geometry"/></mxCell><mxCell id="7" value="" style="endArrow=none;exitX=0;exitY=0.25;exitPerimeter=0;edgeStyle=elbowEdgeStyle;elbow=horizontal;entryX=0;entryY=0.5" parent="1" source="6" target="2" edge="1"><mxGeometry relative="1" as="geometry"><mxPoint x="210" y="340" as="sourcePoint"/><mxPoint x="60" y="100" as="targetPoint"/><Array as="points"><mxPoint x="40" y="220"/></Array></mxGeometry></mxCell><mxCell id="8" value="" style="image;image=/xwiki/bin/download/Diagram/DiagramSheet/draw.io.zip/img/lib/clip_art/computers/Database_Minus_128x128.png" parent="1" vertex="1"><mxGeometry x="320" y="60" width="80" height="80" as="geometry"/></mxCell><mxCell id="9" value="" style="image;image=/xwiki/bin/download/Diagram/DiagramSheet/draw.io.zip/img/lib/clip_art/computers/Database_Add_128x128.png" parent="1" vertex="1"><mxGeometry x="410" y="140" width="80" height="80" as="geometry"/></mxCell><mxCell id="10" value="" style="image;image=/xwiki/bin/download/Diagram/DiagramSheet/draw.io.zip/img/lib/clip_art/computers/Database_Move_Stack_128x128.png" parent="1" vertex="1"><mxGeometry x="490" y="220" width="80" height="80" as="geometry"/></mxCell><mxCell id="11" value="" style="image;image=/xwiki/bin/download/Diagram/DiagramSheet/draw.io.zip/img/lib/clip_art/computers/Antivirus_128x128.png" parent="1" vertex="1"><mxGeometry x="230" y="320" width="80" height="80" as="geometry"/></mxCell><mxCell id="12" value="" style="image;image=/xwiki/bin/download/Diagram/DiagramSheet/draw.io.zip/img/lib/clip_art/computers/iPad_128x128.png" parent="1" vertex="1"><mxGeometry x="420" y="340" width="80" height="80" as="geometry"/></mxCell><mxCell id="13" value="Double Rounded Rectangle" style="shape=ext;double=1;rounded=1" parent="1" vertex="1"><mxGeometry x="640" y="90" width="120" height="60" as="geometry"/></mxCell><mxCell id="14" value="Image" style="icon;image=/xwiki/bin/download/Diagram/DiagramSheet/draw.io.zip/img/clipart/Gear_128x128.png" vertex="1" parent="1"><mxGeometry x="660" y="220" width="60" height="60" as="geometry"/></mxCell><mxCell id="15" value="" style="shape=mxgraph.bpmn.shape;verticalLabelPosition=bottom;verticalAlign=top;perimeter=ellipsePerimeter;outline=end;symbol=message;" vertex="1" parent="1"><mxGeometry x="230" y="55" width="50" height="50" as="geometry"/></mxCell><mxCell id="16" value="" style="shape=mxgraph.bpmn.shape;verticalLabelPosition=bottom;verticalAlign=top;perimeter=rhombusPerimeter;background=gateway;outline=end;symbol=general;" vertex="1" parent="1"><mxGeometry x="545" y="55" width="50" height="50" as="geometry"/></mxCell><mxCell id="17" value="" style="image;image=/xwiki/bin/download/Diagram/DiagramSheet/draw.io.zip/img/lib/clip_art/general/Earth_globe_128x128.png" vertex="1" parent="1"><mxGeometry x="350" y="260" width="80" height="80" as="geometry"/></mxCell></root></mxGraphModel> 3 Edit in **inline mode** 4 Notice following 4.1 Clipart does not render in view mode but is present in edit mode 4.2 "BPMN Events" are not rendered properly in view mode but present in edit mode 4.3 "Double Rounded Rectangle" contains special characters in view mode but looks good in edit mode -----Original Message----- From: [email protected] [mailto:[email protected]] On Behalf Of Roman Muntyanu Sent: Monday, March 04, 2013 14:28 PM To: XWiki Developers Subject: Re: [xwiki-devs] [xwiki-users] Diagram Application That's just great. Got it installed already and it's quite usable :) Some quick feedback * Missing full-screen editing mode * Pressing "Del" makes browser want to leave the page * Resizing diagram with +/- buttons in view mode is valid only until page refresh * Preview discards changes Tested on FF19, Win7x64 Some questions * How do I embed diagrams into other pages? * We have several spaces for different teams that intersect little. Will all our diagrams be stored in app-within-minutes space? Information encapsulation would be better if diagrams were created as sub-documents or xml-embeds of the page they are created on. -----Original Message----- From: [email protected] [mailto:[email protected]] On Behalf Of Marius Dumitru Florea Sent: Monday, March 04, 2013 14:05 PM To: XWiki Developers; XWiki Users Subject: [xwiki-users] Diagram Application FYI, I just published a Diagram Application (based on AppWithinMinutes and draw.io) on extensions.xwiki.org , installable with the Extension Manager. Documentation: http://extensions.xwiki.org/xwiki/bin/view/Extension/Diagram+Application Source: https://github.com/xwiki-contrib/application-diagram Enjoy, Marius _______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
On Mon, Mar 4, 2013 at 4:09 PM, Roman Muntyanu <[email protected]> wrote:
One more test: 1 Create new empty diagram and save it 2 Edit in **wiki mode** and replace its content with following and save again:
<mxGraphModel dx="800" dy="800" grid="1" guides="1" tooltips="1" connect="1" fold="1" page="1" pageScale="1" pageWidth="826" pageHeight="1169" style="default-style2"><root><mxCell id="0"/><mxCell id="1" parent="0"/><mxCell id="2" value="" style="shape=cylinder" parent="1" vertex="1"><mxGeometry x="90" y="80" width="60" height="80" as="geometry"/></mxCell><mxCell id="3" value="" style="shape=or" parent="1" vertex="1"><mxGeometry x="320" y="160" width="60" height="80" as="geometry"/></mxCell><mxCell id="5" value="" style="edgeStyle=elbowEdgeStyle;elbow=horizontal;exitX=1;exitY=0.5;entryX=0;entryY=0.5;entryPerimeter=0" parent="1" source="2" target="3" edge="1"><mxGeometry width="100" height="100" relative="1" as="geometry"><mxPoint y="100" as="sourcePoint"/><mxPoint x="100" as="targetPoint"/></mxGeometry></mxCell><mxCell id="6" value="" style="shape=or;rotation=0" parent="1" vertex="1"><mxGeometry x="70" y="250" width="70" height="80" as="geometry"/></mxCell><mxCell id="7" value ="" style="endArrow=none;exitX=0;exitY=0.25;exitPerimeter=0;edgeStyle=elbowEdgeStyle;elbow=horizontal;entryX=0;entryY=0.5" parent="1" source="6" target="2" edge="1"><mxGeometry relative="1" as="geometry"><mxPoint x="210" y="340" as="sourcePoint"/><mxPoint x="60" y="100" as="targetPoint"/><Array as="points"><mxPoint x="40" y="220"/></Array></mxGeometry></mxCell><mxCell id="8" value="" style="image;image=/xwiki/bin/download/Diagram/DiagramSheet/draw.io.zip/img/lib/clip_art/computers/Database_Minus_128x128.png" parent="1" vertex="1"><mxGeometry x="320" y="60" width="80" height="80" as="geometry"/></mxCell><mxCell id="9" value="" style="image;image=/xwiki/bin/download/Diagram/DiagramSheet/draw.io.zip/img/lib/clip_art/computers/Database_Add_128x128.png" parent="1" vertex="1"><mxGeometry x="410" y="140" width="80" height="80" as="geometry"/></mxCell><mxCell id="10" value="" style="image;image=/xwiki/bin/download/Diagram/DiagramSheet/draw.io.zip/img/lib/clip_art/computers/Database_ Move_Stack_128x128.png" parent="1" vertex="1"><mxGeometry x="490" y="220" width="80" height="80" as="geometry"/></mxCell><mxCell id="11" value="" style="image;image=/xwiki/bin/download/Diagram/DiagramSheet/draw.io.zip/img/lib/clip_art/computers/Antivirus_128x128.png" parent="1" vertex="1"><mxGeometry x="230" y="320" width="80" height="80" as="geometry"/></mxCell><mxCell id="12" value="" style="image;image=/xwiki/bin/download/Diagram/DiagramSheet/draw.io.zip/img/lib/clip_art/computers/iPad_128x128.png" parent="1" vertex="1"><mxGeometry x="420" y="340" width="80" height="80" as="geometry"/></mxCell><mxCell id="13" value="Double Rounded Rectangle" style="shape=ext;double=1;rounded=1" parent="1" vertex="1"><mxGeometry x="640" y="90" width="120" height="60" as="geometry"/></mxCell><mxCell id="14" value="Image" style="icon;image=/xwiki/bin/download/Diagram/DiagramSheet/draw.io.zip/img/clipart/Gear_128x128.png" vertex="1" parent="1"><mxGeometry x="660" y="220" width="60" height ="60" as="geometry"/></mxCell><mxCell id="15" value="" style="shape=mxgraph.bpmn.shape;verticalLabelPosition=bottom;verticalAlign=top;perimeter=ellipsePerimeter;outline=end;symbol=message;" vertex="1" parent="1"><mxGeometry x="230" y="55" width="50" height="50" as="geometry"/></mxCell><mxCell id="16" value="" style="shape=mxgraph.bpmn.shape;verticalLabelPosition=bottom;verticalAlign=top;perimeter=rhombusPerimeter;background=gateway;outline=end;symbol=general;" vertex="1" parent="1"><mxGeometry x="545" y="55" width="50" height="50" as="geometry"/></mxCell><mxCell id="17" value="" style="image;image=/xwiki/bin/download/Diagram/DiagramSheet/draw.io.zip/img/lib/clip_art/general/Earth_globe_128x128.png" vertex="1" parent="1"><mxGeometry x="350" y="260" width="80" height="80" as="geometry"/></mxCell></root></mxGraphModel>
3 Edit in **inline mode**
4 Notice following 4.1 Clipart does not render in view mode but is present in edit mode 4.2 "BPMN Events" are not rendered properly in view mode but present in edit mode 4.3 "Double Rounded Rectangle" contains special characters in view mode but looks good in edit mode
I'll check when I find some time. I probably have to include more resources in view mode. Thanks for the feedback, Marius
-----Original Message----- From: [email protected] [mailto:[email protected]] On Behalf Of Roman Muntyanu Sent: Monday, March 04, 2013 14:28 PM To: XWiki Developers Subject: Re: [xwiki-devs] [xwiki-users] Diagram Application
That's just great. Got it installed already and it's quite usable :)
Some quick feedback * Missing full-screen editing mode * Pressing "Del" makes browser want to leave the page * Resizing diagram with +/- buttons in view mode is valid only until page refresh * Preview discards changes Tested on FF19, Win7x64
Some questions * How do I embed diagrams into other pages? * We have several spaces for different teams that intersect little. Will all our diagrams be stored in app-within-minutes space? Information encapsulation would be better if diagrams were created as sub-documents or xml-embeds of the page they are created on.
-----Original Message----- From: [email protected] [mailto:[email protected]] On Behalf Of Marius Dumitru Florea Sent: Monday, March 04, 2013 14:05 PM To: XWiki Developers; XWiki Users Subject: [xwiki-users] Diagram Application
FYI, I just published a Diagram Application (based on AppWithinMinutes and draw.io) on extensions.xwiki.org , installable with the Extension Manager.
Documentation: http://extensions.xwiki.org/xwiki/bin/view/Extension/Diagram+Application Source: https://github.com/xwiki-contrib/application-diagram
Enjoy, Marius _______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
Thanks for the quick feedback. See my comments below, On Mon, Mar 4, 2013 at 2:28 PM, Roman Muntyanu <[email protected]> wrote:
That's just great. Got it installed already and it's quite usable :)
Some quick feedback
* Missing full-screen editing mode
Indeed, it's at the top of my TODO list.
* Pressing "Del" makes browser want to leave the page
Yeah.. I noticed that too. The wiki page shortcut keys (like simple 'd' for delete page) are a PITA in (inline) edit mode. I'd like to disable them.
* Resizing diagram with +/- buttons in view mode is valid only until page refresh
Indeed, but that's normal IMO because you are in view mode. The best solution here is to modify the URL (fragment) whenever the diagram is zoomed in/out so that you can bookmark the current zoom state (similar to the way you can bookmark a live table filter).
* Preview discards changes
I'll check.
Tested on FF19, Win7x64
Some questions
* How do I embed diagrams into other pages?
I haven't tried yet but the display macro ( http://extensions.xwiki.org/xwiki/bin/view/Extension/Display+Macro ) should work fine.
* We have several spaces for different teams that intersect little. Will all our diagrams be stored in app-within-minutes space? Information encapsulation would be better if diagrams were created as sub-documents or xml-embeds of the page they are created on.
Diagrams created from the home page of the Diagrams application are stored in the Diagrams space (this is the behaviour of any application created with AppWithinMinutes). In the (near) future we would like to extend AppWithinMinutes to support (1) separation between app code and app data (e.g. different spaces) and (2) multiple data spaces. What I can do for now is create a Document Template Provider that you can register in the administration so that when you use the Add > New Page menu you have the option to create a new diagram, for which you can specify the target space. Hope this helps, Marius
-----Original Message----- From: [email protected] [mailto:[email protected]] On Behalf Of Marius Dumitru Florea Sent: Monday, March 04, 2013 14:05 PM To: XWiki Developers; XWiki Users Subject: [xwiki-users] Diagram Application
FYI, I just published a Diagram Application (based on AppWithinMinutes and draw.io) on extensions.xwiki.org , installable with the Extension Manager.
Documentation: http://extensions.xwiki.org/xwiki/bin/view/Extension/Diagram+Application Source: https://github.com/xwiki-contrib/application-diagram
Enjoy, Marius _______________________________________________ users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
I've tried it and it worked fine (with minor glitches as reported by Roman). Thanks Marius for making this available! :) -Vincent On Mar 4, 2013, at 1:05 PM, Marius Dumitru Florea <[email protected]> wrote:
FYI, I just published a Diagram Application (based on AppWithinMinutes and draw.io) on extensions.xwiki.org , installable with the Extension Manager.
Documentation: http://extensions.xwiki.org/xwiki/bin/view/Extension/Diagram+Application Source: https://github.com/xwiki-contrib/application-diagram
Enjoy, Marius
participants (3)
-
Marius Dumitru Florea -
Roman Muntyanu -
Vincent Massol