kdemarest/appsomanodepane

Node Pane

appsomanodepane's Issues

dragging cursor

When clicking one the node pane in a way that lets you drag the background, the moment the drag starts the cursor should become a 'open hand' (not pointing hand), returning to a regular mouse pointer when the dragging is complete.

Elgible ports should light while drgging

When I hover node Reads Shell port Shell Input, and it has no existing connection, and also node File Sort port Input File has no existing connection, then node File Sort port Input File lights up green. PERFECT! But when I start dragging a link from node Reads Shell port Shell Input, all eligible ports should STAY LIT. That is, node File Sort port Input File should be lit green.

Use triangle for ports

Instead of circles, please use triangle for ports.

dragging links on input ports should drag the link, not make a new one or kill it

When I start dragging the link from port A below, then link B should stay connected to port C and my mouse cursor should be dragging the other end of link B. This happens only for INPUT ports - the OUTPUT ports already work correctly by creating another link.

node shading overlay should change

The way shading looks on a node is too much like a competitor.

Lets go more iPhone icon style. Here is a sample, with a template - don't know if it will help...

http://blog.cocoia.com/2010/iphone-ipad-icon-psd-template/

Dragging links to cluttered port areas, use 'snap to closest eligible'

"The range at which port connection is valid should be at least 8 pixels, and we should see the link "snap to" the eligible port."

we can do it, but this kind of mechanism can create issue when number of connectors are high. for example if there are 7-8 connectors as input and when we drag output in middle it will pick the last added connector as priority because last added connector is on top of others.

KD: Yes. you should go through all the ELIGIBLE connectors, using:

distance = Math.sqrt( ((mx-nx)(mx-nx))+((my-ny)(my-ny)) )

and then snapping it to the one with the smallest distance that is also <= 8.

Hovering "info buttons" should light them up

When the mouse hovers an Info button, that button should brighten or highlight or something in a nice looking way. See issue #12 for which buttons are meant. Use your judgement to decide what looks good.

must allow rename of nodes

I thought the spec included this, but if I click on a node's name, I should be able to edit that name IN PLACE and have it remember the new name.

Hitting [esc] while editing reverts the name and stops editing.

need getData() call

We need a way to make a call to the NodePane widget asking it for all it's relevant data, including the "save object" and the "full svg data".

eg myNodePane.getData() returns

{
'visualGraph': ... // the whole data struct that Save generates
'svg': ... // the entire svg content required to reproduce the nodes and links
}

The svg should include ONLY:

• The nodes with full shading and icons
• The ports on the nodes, with color
• The links
• The tool titles under each node

Info buttons revision

The original spec had a Run and Delete button appear above the node when the node was clicked. As you patterened after sbgenomics they became Delete and Info.

I'd like to change this to four buttons: [1] [2] [3] [4]

Buttons should be squared with rounded edges, rather than totally round please. See examples below.

[1] button should represent "Run", looking like a 'play' icon. Clicking it should trigger the passed-in option onRunTool(dataForThisNode)

[2] button should represent "Info", in the new square-ish shape, behaving like the existing ( i ) button.

[3] button should be an Edit button. Clicking it should call the passed-in option.onEditTool(dataForThisNode). See sample icon below (though again it should be square-ish not perfectly round)

[4] button should be an [x] to delete the node.

Here are visual samples:

Save/Load

I can't test whether saving and loading is working.

Please hack two buttons called [save] and [load].

[save] - causes a textarea to come up containing the JSON representing the node graph. I can copy that to clipboard. Hitting [Esc] closes said area.

[load] - causes an empty textarea to come up. I can paste to type in JSON identical to that from any prior save operation and the resulting node structure will appear.

Pencil icon when zoomed out

The pencil icon is too hard to read when zoomed out.

Please make it thick and white, if possible.

Scissor icon is not quite reliable

Sometimes the scissors icon comes up but when I go to click it it has already faded away... Please try to make it stay in place better.

wider zoom

Need to be able to zoom out until the screen is about 50 nodes wide

Replace scissor icon

It is too much like a competitor. Lets make it a simple red "X" instead.

For example:

http://images.all-free-download.com/images/graphiclarge/round_red_close_button_5095.jpg

Info icon refinements

The green Info icon ( i ) doesn't seem to always show information - if any nodes lack info, please give them "lorem ipsum" so I can see it work.

Also, when showing the information, please use a Tipsy to the north of the node, unless it is too close to the top edge, in which case show it to the south.

Need nodes with sample-ready titles

In the next delivery, please add an 8th drag element into the fake tools pane. Please make it:

title: "BWA"
inputs: "Read Sequence" and ".fasta reference"
output: "Aligned .sam"

Scissors appear too close to ports

When the mouse is near a port, sometimes the 'scissors' icon comes up for a nearby link. And I click it accidentally. Let's exclude the scissors from appearing too close the either end of the link, to avoid accidents.

Hotkeys

Please add the following hotkeys:

Del - deletes the currently selected node. If no node is selected, but a node is highlighted, then deletes the highlighted node.