Diagram Application

classic Classic list List threaded Threaded
7 messages Options
Reply | Threaded
Open this post in threaded view
|

Diagram Application

Marius Dumitru Florea
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
_______________________________________________
devs mailing list
[hidden email]
http://lists.xwiki.org/mailman/listinfo/devs
Reply | Threaded
Open this post in threaded view
|

Re: [xwiki-users] Diagram Application

Roman Muntyanu
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: [hidden email] [mailto:[hidden email]] 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
[hidden email]
http://lists.xwiki.org/mailman/listinfo/users
_______________________________________________
devs mailing list
[hidden email]
http://lists.xwiki.org/mailman/listinfo/devs
Reply | Threaded
Open this post in threaded view
|

Re: [xwiki-users] Diagram Application

vmassol
Administrator

On Mar 4, 2013, at 1:28 PM, Roman Muntyanu <[hidden email]> 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: [hidden email] [mailto:[hidden email]] 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
_______________________________________________
devs mailing list
[hidden email]
http://lists.xwiki.org/mailman/listinfo/devs
Reply | Threaded
Open this post in threaded view
|

Re: Diagram Application

vmassol
Administrator
In reply to this post by Marius Dumitru Florea
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 <[hidden email]> 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
_______________________________________________
devs mailing list
[hidden email]
http://lists.xwiki.org/mailman/listinfo/devs
Reply | Threaded
Open this post in threaded view
|

Re: [xwiki-users] Diagram Application

Roman Muntyanu
In reply to this post by Roman Muntyanu
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&#xa;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: [hidden email] [mailto:[hidden email]] 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: [hidden email] [mailto:[hidden email]] 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
[hidden email]
http://lists.xwiki.org/mailman/listinfo/users
_______________________________________________
devs mailing list
[hidden email]
http://lists.xwiki.org/mailman/listinfo/devs
_______________________________________________
devs mailing list
[hidden email]
http://lists.xwiki.org/mailman/listinfo/devs
Reply | Threaded
Open this post in threaded view
|

Re: [xwiki-users] Diagram Application

Marius Dumitru Florea
In reply to this post by Roman Muntyanu
Thanks for the quick feedback. See my comments below,

On Mon, Mar 4, 2013 at 2:28 PM, Roman Muntyanu
<[hidden email]> 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: [hidden email] [mailto:[hidden email]] 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
> [hidden email]
> http://lists.xwiki.org/mailman/listinfo/users
> _______________________________________________
> devs mailing list
> [hidden email]
> http://lists.xwiki.org/mailman/listinfo/devs
_______________________________________________
devs mailing list
[hidden email]
http://lists.xwiki.org/mailman/listinfo/devs
Reply | Threaded
Open this post in threaded view
|

Re: [xwiki-users] Diagram Application

Marius Dumitru Florea
In reply to this post by Roman Muntyanu
On Mon, Mar 4, 2013 at 4:09 PM, Roman Muntyanu
<[hidden email]> 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" val
 ue
>  ="" 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/Databas
 e_
>  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&#xa;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" heig
 ht
>  ="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: [hidden email] [mailto:[hidden email]] 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: [hidden email] [mailto:[hidden email]] 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
> [hidden email]
> http://lists.xwiki.org/mailman/listinfo/users
> _______________________________________________
> devs mailing list
> [hidden email]
> http://lists.xwiki.org/mailman/listinfo/devs
> _______________________________________________
> devs mailing list
> [hidden email]
> http://lists.xwiki.org/mailman/listinfo/devs
_______________________________________________
devs mailing list
[hidden email]
http://lists.xwiki.org/mailman/listinfo/devs