dahaiz / ngflowchart Goto Github PK

Directive not working when use custom angular

app.config(function($interpolateProvider, $httpProvider) {
        $interpolateProvider.startSymbol('[[');
        $interpolateProvider.endSymbol(']]');
    });

This is necessary because i'm using Django and the template engine uses the same symbols of angular {{ and }}.

I will try send PR later.

Thanks.

There is a console.log that prints out some offset value. This is probably a debugging log that can be removed.

Breaking API Change: Replace requirement of $templateCache.put() by proper Angular provider and set custom template during application bootstrap via .config

in shadow mode: shadow node should copy inline style of innernode

Currently there can be a huge performance issue while dragging if you have a lot of watchers in your angular app. This is because the scope is used to handle the position of the nodes as well as the edges connected to it.

Introduce the controllerAs pattern to all directives.

I'm trying to move the nodes via android device, nothing happens.

Hi,

How can I limit the number of edges on bottomConnectors ? For my project, I need to be able to put only one edge per bottomConnector, and multiple edges per topConnector.

Thanks in advance !

please help me in integrating this plugin in angular 2 or angular4.

For work with JQuery >= 1.9 is necessary change event.clientX and event.clientY to event.originalEvent.clientX and event.originalEvent.clientY

(https://jquery.com/upgrade-guide/1.9/#removed-properties-of-the-event-object)

I will try send PR later.

Thanks for your project.

The css hides edges behind something, so they don't get mouse events.

In some cases (upper node is placed right), the curved edges are incorrectly drawn:

Hi
Our team faced with issue that when you try to connect one connector into nothing (to any place on the page where no other object or edges) it redirects you to about:blank url in Firefox.
Please could you provide us a way how to prevent it because as I know there is no way to add any logic to drag events callbacks.

Reproduces only in Firefox on any OS.
Thank you in advance.

Fix current tests

Callbacks for changes in the graph structures should be added:

• delete edge
• delete node
• move node

i want to set my flowchart design and save as object to use in other api

Can I use an "edge click" event? How can I do this?

Hello,
I have created one application using ASP.Net vNext MVC. I have implemented flow chart in that.
But not working properly. When I try to drag any node it gives me error "Cannot read property 'setData' of undefined" in ngflowchart.js file at line no 180.
Should I have to reference all the js files which are listed in app/flowchart folder to my page where I want to display flow chart?

A mouseover on the magnet hovers the node. Instead the node should just be hovered when the mouse is over visible parts of it.

bootstrap and jquery are conflicting with this plugin , is there any solution to use bootstrap with this plugin in angularjs 1.5 version ?

Node connector are disappear in this case .We can only see nodes. Below is the image of node which is not showing connectors .

Any help will greatly appreciate . Thank you .

I tried adding new connecter both output and input connector dynamically. Result wasn't good the connectors were going out from the node itself. I used the default css provided in demo .Here is the picture:

Anyone else having this problem? any workaround?

It would be nice to have the possibility to set every single edge to active instead of the whole workflow

It should be possible to drag the end of an edge, that is already connected to another node, to another node.

What if have few types of nodes, a parent and child, and I want to put some rules what connectors can connect to what end points,

Is there an event handler or a way to do it ?

There is no clean way to get a callback (like doubleclick) in the nodetemplate.

• move internal description to dedicated markdown page
• review descriptions and correct spelling mistakes
• provide animated GIF showing ngFlowchart

If you drag one node the class fc-dragging is set to all nodes.

if you try to right on the node few time the disappear . this issue present only in Internet explorer.

Currently, it might be a little hard to exactly point over the port element to start dragging a new edge.

We generate new edge internally. We should offer a callback thats get called, when we have added an edge.

Currently there can be a huge performance issue while dragging if you have a lot of watchers in your angular app. This is because the scope is used to handle the position of the nodes as well as the edges connected to it.

To reduce digest cycles add another mode for dragging where only a transparent copy of the node is used to display the new position using vanilla js and only update the scope at the end of dragging.

Show scrollbars (preferable just vertical) and allow to node dragging up and down (even outside the viewport)

The algorithm for curved edges supports only a flow direction from top to bottom. We will need a more general algorithm. E.g. it should also work from left to right.

I want to customize the node.html such that connectors are of different colors (Say red, green and yellow). If I change the background-color attribute of the fc-connector, it changes the color for all the connectors. I want to achieve that for each connector. Any suggestions on how it can be achieved ?