Spring Features: Zoom, Delete, Others

[benloh]

This pull request includes a number of features slated for the Spring test. (The numbers correspond to the request items in the Next Steps Google Doc

5. Zoom Buttons

There is now a "+" zoom in, "•" zoom reset, and "-" zoom out button.

4. Edge Highlight

If you mouseover a node, the other edges will now fade out leaving only the currently moused-over edges displayed. When you change nodes, there is a slow transition to the new highlight so you can better detect the shift.

7a. Degrees display in Nodes Table

The Nodes Table now shows "Degrees". You can customize the table header using the template.

10. Nodes with same title

If you try to add a new node that matches an existing title, you will get a warning and given the choice of viewing the existing node or continuing to enter the node. Clicking "View Existing" will open up the existing node. Clicking "Continue" will let you continue to create a duplicate node. The duplicate node label warning is case insensitive. The duplicate node warning only appears if you're adding a new node, not editing an existing node.

The Duplicate Label warning is now displayed to the side of the node.

13a. Lock Table Buttons and Header

There is now a tab bar that lets you select between the Graph, the Nodes Table, Edges Table, and Help. The header bar is now also locked in place and doesn't scroll. Clicking on the tab headings a second time will toggle the tab (hiding/showing). Cursor shows as a pointer for the tabs.

13b. Resize Table Height

There is now a gray dragger bar that you can use to resize the tables. Both tables share the same size. The bar goes away if you choose Graph or Help.

12. Delete Button

You can now delete a node by selecting it and clicking the "Delete" button. If you simply click "Delete" the node and any related edges will be deleted.

There is an optional field to enter a replacement ID node. Enter the iD number of the node you want to remap the deleted node to. The Replacement Node ID (for re-linking a deleted node) is checked to make sure it's valid. You can still delete and replace with an invalid ID, but now at least you get a warning. (We could disable the Delete button if the node ID is invalid, but then we get into weird state problems if you change your mind and don't want to use a Replacement Node ID). It's a little clunky, but I assume we'll fix this with the modal dialog approach later.

The "Delete" button is only shown if you're on localhost. Any computer using a different url (e.g. a student computer on the network) will not see the Delete button.

Other Items / New Requests

• Centering the graph should be improved now.

See also, the discussion in basecamp