Timeline density improvements and refactoring

[AaronPlave]

Improves the density of the timeline through re-organization of the layout and the addition of various new features.

Changes:

• Display plan time bounds in DOY format to the left of the timeline histogram.
• Refactor timeline x axis time visualization to display dynamically formatted UTC and user local time.
• Display row header and controls in the left column of the row instead of horizontally stacking the header.
• Resize row header (i.e. marginLeft in the timeline view settings, TODO rename this?) by clicking and dragging on the right side of the row header column.
• Move row drag handle to the middle of uncollapsed row headers, allow users to also drag rows from the row title.
• Row option to show only activity directives.
• Improved row dragging styles.
• Resolves existing row jitter bug @bradNASA and @ewferg discovered (no issue for this?) which was primarily caused by the interaction between row drag-n-drop and row resize. Spatially separating these functionalities eliminated this issue though keep an eye out.
• Render line and x-range plots when rows are collapsed.
• Display heatmap of directives and/or spans for collapsed activity layers.
• Change row y-axis ticks to use a dotted line.
• Move y-axes to within the row header and separate them using vertical lines
• Enforce the user's tick count number as defined in the view instead of using the normal d3 method which only takes tick count as a suggestion.
• Color y-axis tick values by resource color if a single resource is associated with the axis.
• Three dot menu in row header with row actions (Edit Row, Move Up/Down, Duplicate Row, Delete Row, Show Simulated Activities/Directives/Both, Insert Row).
• Right click row header context menu with row actions.
• Display resource names under row titles and color using layer color.
• Format y axis tick values using SI-prefixes

Other TODOs:

• Fix alignment of hover time cursor
• Fix box shadow styling issue with first row when editing
• Bug: duplicated row not initially showing up in timeline editor
• Add optional name field to layers and use it for line layer labeling in row header if supplied
• Show x-range name in row header
• Add tooltip to resource names in row header, allow users to copy resource names if overridden/truncated
• Potentially switch back to d3 default axes for pretty numbers
• Add duplicate to main timeline row buttons

Closes #954
Closes #443
Closes #453
Closes #746

[jeffpamer]

Looks like there's a z-indexing issue with the row settings dialog.

[AaronPlave]

Looks like there's a z-indexing issue with the row settings dialog.

Yeah, fixing that right now by moving all of that functionality into the TimelineContextMenu.

[dandelany]

This is looking great @AaronPlave! Tested all of the features mentioned above with no major issues - all of my notes are minor & totally optional nitpicks/improvements:

• Small z-index bug - when you hover over the Y axis legend label on a line chart row AND that row is selected, the row boundary line shows above the tooltip
  

• Would be nice to have some better handling for naming copies of copies, by duplicating rows you can easily end up with "My row (copy) (copy) (copy)"

• When dragging row edges to resize, rows have a minimum height and minimum left margin (now the header area). These minimums aren't enforced if you edit the height/margin using the number input the Timeline Editor panel, and probably should be - otherwise you can accidentally end up with a very small row

• The new row context menu is nice! It makes me want a slight extension of it - if you right click below the last row, it would be nice to have a context menu with a shortcut to add a new row

[AaronPlave]

This is looking great @AaronPlave! Tested all of the features mentioned above with no major issues - all of my notes are minor & totally optional nitpicks/improvements:

Fixed, good catch!

• Small z-index bug - when you hover over the Y axis legend label on a line chart row AND that row is selected, the row boundary line shows above the tooltip

Agreed but will punt on this.

• Would be nice to have some better handling for naming copies of copies, by duplicating rows you can easily end up with "My row (copy) (copy) (copy)"

Implemented.

• When dragging row edges to resize, rows have a minimum height and minimum left margin (now the header area). These minimums aren't enforced if you edit the height/margin using the number input the Timeline Editor panel, and probably should be - otherwise you can accidentally end up with a very small

One issue here is that if your rows take up more than the available height there will be no additional room below the last row. How would you feel about adding an "Insert row" context menu option that is always available?

• The new row context menu is nice! It makes me want a slight extension of it - if you right click below the last row, it would be nice to have a context menu with a shortcut to add a new row

[dandelany]

How would you feel about adding an "Insert row" context menu option that is always available?

Seems reasonable to me! 👍