1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-19 20:10:55 +01:00
phorge-phorge/webroot/rsrc/js/application/projects/WorkboardHeaderTemplate.js
epriestley 5dca1569b5 Preview the effects of a drag-and-drop operation on workboards
Summary:
Ref T10335. Ref T5474. When you drag-and-drop a card on a workboard, show a UI hint which lists all the things that the operation will do.

This shows: column moves; changes because of dragging a card to a different header; and changes which will be caused by triggers.

Not implemented here:

  - Actions are currently shown even if they have no effect. For example, if you drag a "Normal" task to a different column, it says "Change priority to Normal.". I plan to hide actions which have no effect, but figuring this out is a little bit tricky.
  - I'd like to make "trigger effects" vs "non-trigger effects" a little more clear in the future, probably.

Test Plan:
Dragged stuff between columns and headers, and into columns with triggers. Got appropriate preview text hints previewing what the action would do in the UI.

(This is tricky to take a screenshot of since it only shows up while the mouse cursor is down.)

Reviewers: amckinley

Reviewed By: amckinley

Maniphest Tasks: T10335, T5474

Differential Revision: https://secure.phabricator.com/D20299
2019-03-25 13:22:56 -07:00

40 lines
652 B
JavaScript

/**
* @provides javelin-workboard-header-template
* @requires javelin-install
* @javelin
*/
JX.install('WorkboardHeaderTemplate', {
construct: function(header_key) {
this._headerKey = header_key;
},
properties: {
template: null,
order: null,
vector: null,
editProperties: null,
dropEffects: []
},
members: {
_headerKey: null,
_html: null,
getHeaderKey: function() {
return this._headerKey;
},
setNodeHTMLTemplate: function(html) {
this._html = html;
return this;
},
newNode: function() {
return JX.$H(this._html).getFragment().firstChild;
}
}
});