mstahv / diagram-builder Goto Github PK

View Code? Open in Web Editor NEW

6.0 6.0 11.0 51 KB

Vaadin Add-on built over ALLOYUI DiagramBuilder

License: Apache License 2.0

Java 99.57% CSS 0.43%

diagram-builder's Introduction

This project is moving!

A newer and maintained version is available in: https://github.com/continuumsecurity/diagram-builder

DiagramBuilder Add-on for Vaadin 7

DiagramBuilder is an UI component add-on for Vaadin 7 that wraps ALLOYUI's Diagram Builder as a server side Java component.

Online demo

Try the add-on demo at matti.app.fi/diagram-builder-demo/

Download release

Official releases of this add-on are available at Vaadin Directory. For Maven instructions, download and reviews, go to http://vaadin.com/addon/diagram-builder

Building and running demo

git clone mvn clean install cd demo mvn jetty:run

To see the demo, navigate to http://localhost:8080/

Usage

Add ALLOYUI stuff to your host page, not added automatically as in e.g. Liferay they most likely already exist. Example of that using @JavaScript/@Stylesheet annotations
Otherwise, use like any other Vaadin Add-on component

Release notes

Version 1.0-SNAPSHOT

Initial POC

Roadmap

Smarter JSON state deserialization, could use references in Transition class instead of names

Issue tracking

The issues for this add-on are tracked on its github.com page. All bug reports and feature requests are appreciated.

Contributions

Contributions are welcome, but there are no guarantees that they are accepted as such. Process for contributing is the following:

Fork this project
Create an issue to this project about the contribution (bug or feature) if there is no such issue about it already. Try to keep the scope minimal.
Develop and test the fix or functionality carefully. Only include minimum amount of code needed to fix the issue.
Refer to the fixed issue in commit
Send a pull request for the original project
Comment on the original issue that you have implemented a fix for it

License & Author

Add-on is distributed under Apache License 2.0. For license terms, see LICENSE.txt.

DiagramBuilder is written by Matti Tahvonen

diagram-builder's People

Contributors

Stargazers

Watchers

Forkers

xcw acsadam0404 omarnoelsegura ampratt nagyist iriusrisk polsa thalamuscorp codefusionreactor corbettcode sunnypage

diagram-builder's Issues

Doesnt work with Vaadin TabSheets

Hi,

If i add diagramBuilder to a tabsheet (or accordion), the diagram appear on the top of the page. If I click to another tab and back to diagram tab, or if I repeat this 3-4 times, then I will see 4-5 diagrambuilder on the top of the page.

        /** Layout */
        VerticalLayout layout = new VerticalLayout();

        /*...*/
        /** Tabsheet */
        Accordion tabsheet = new Accordion();

        /** Tab  #1 - task table*/
        VerticalLayout overview = new VerticalLayout();
        taskTable = new Table();
        overview.addComponent(taskTable);
        /*...*/

        /** Tab  #2 - graphChart*/
        VerticalLayout graphChart = new VerticalLayout();
        diagramBuilder=new DiagramBuilder();
        graphChart.addComponent(diagramBuilder);
        diagramBuilder.setSizeFull();
            initDiagram(diagramBuilder);

            /**Add tabs to tabsheet*/
        tabsheet.addTab(graphChart, "Graph Chart");
        tabsheet.addTab(overview, "Overview");

        /**Add tabsheet to layout*/
        layout.addComponent(tabsheet);

Regards,
Adam

problem with integrating diagram-builder into a vaadin project

Hi Matt,

I have been trying to integrate this addon into a vaadin project the way I would with other add-ons, but I was still not able to load it. Here is my dummy project https://www.dropbox.com/s/rgnl1zzbo316zs5/vca.zip . Yes, I did pose this question at different sites and got some valuable feedback, but I still have problem running it. I would really appreciate your taking a look into it! Thanks! :-)

Cheers,
X.

Can I use this add-on in vaadin-portlet (on liferay 6.2.1)?

Actually I applied this add-on to my vaadin-liferay-portlet.

Env.

Liferay 6.2.1 CE GA4
Vaadin 7.5.2
dawn theme 11
digram-builder

org.vaadin
diagram-builder
1.1
jar

Result

Diagram Builder was successfully displayed.
but..
no response when i clicked liferay's portlet's edit button.
and i cannot drag and drop component.

here is my chrome's console log.

Uncaught TypeError: Cannot read property 'skin-sam-aui-sortable-layout' of undefined
Uncaught TypeError: Cannot read property 'aui-autosize-deprecated' of undefined
Uncaught TypeError: Cannot read property 'liferay-dockbar-keyboard-interaction' of undefined

Drag & Drop does not work

Hi,

when I'd like to drag & drop node from left side to the right one I met problems. In my opinion this functionality does not work.

Browsers:
IE 11, Chrome 34, FF 29

Java: 1.7 JDK

Regards,
Bartłomiej

getFields and getTranstion returns initial lists.

Hi,
On diagram, after dragging and dropping nodes and connecting them with transitions, when call getFields method, added nodes are not seen in return list.

I'm using vaadin 7.5.5
Any idea?

How to store diagram builder into a database such as MySQL?

Can I use this add-on in vaadin-portlet (on liferay 6.2.1)?

Actually I applied this add-on to my vaadin-liferay-portlet.

Env.

Liferay 6.2.1 CE GA4
Vaadin 7.5.2
dawn theme 11
digram-builder

org.vaadin
diagram-builder
1.1
jar

Result

Diagram Builder was successfully displayed.
but..
no response when i clicked liferay's portlet's edit button.
and i cannot drag and drop component.

here is my chrome's console log.

Uncaught TypeError: Cannot read property 'skin-sam-aui-sortable-layout' of undefinedq._use.J @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1q._use @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1q.use @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1d.provide.k @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:3(anonymous function) @ ?browserId=other&minifierType=&languageId=en_US&b=6203&t=1429170026000&/html/js/aui/event-tap/event…:1c.Subscriber._notify @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1c.Subscriber.notify @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1c.CustomEvent._notify @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1c.CustomEvent._procSubs @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1g.fireComplex @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1c.CustomEvent._fire @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1q.fire @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1(anonymous function) @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:3d._proxy @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:3b.bind @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1q._notify @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1q.use @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1d.provide.k @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:3c.Subscriber._notify @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1c.Subscriber.notify @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1c.CustomEvent._notify @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1c.CustomEvent._procSubs @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1g.fireComplex @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1c.CustomEvent._fire @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1q.fire @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1(anonymous function) @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:3c.Subscriber._notify @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1c.Subscriber.notify @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1c.CustomEvent._notify @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1c.CustomEvent._procSubs @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1c.CustomEvent.fireSimple @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1c.CustomEvent._fire @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1c.CustomEvent.fire @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1t._createWrapper.E.fn @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1
everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1 Uncaught TypeError: Cannot read property 'aui-autosize-deprecated' of undefinedq._use.J @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1q._use @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1q.use @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1d.provide.k @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:3(anonymous function) @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:3c.Subscriber._notify @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1c.Subscriber.notify @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1c.CustomEvent._notify @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1c.CustomEvent._procSubs @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1c.CustomEvent.fireSimple @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1c.CustomEvent._fire @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1c.CustomEvent.fire @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1t._createWrapper.E.fn @ everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1
everything.jsp?browserId=other&themeId=welcome_WAR_welcometheme&colorSchemeId=01&minifierType=js&mi…:1 Uncaught TypeError: Cannot read property 'liferay-dockbar-keyboard-interaction' of undefined

Help - node properties

On Vaadin site you have written it is possible to change properties of a node:
"Should be possible, but bit tricky (if you just look at the JS how it is done there)."

However, I am not able to find this js file. There is no such kind of information in http://cdn.alloyui.com/2.5.0/aui/aui-min.js.

Could you please show me where I should change js to get more properties of a node?

Thank you in advance.

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.