2012-12-21 05:51:33 -08:00
|
|
|
/**
|
|
|
|
|
* @provides javelin-behavior-phabricator-transaction-comment-form
|
|
|
|
|
* @requires javelin-behavior
|
|
|
|
|
* javelin-dom
|
|
|
|
|
* javelin-util
|
|
|
|
|
* phabricator-shaped-request
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
JX.behavior('phabricator-transaction-comment-form', function(config) {
|
|
|
|
|
|
|
|
|
|
var form = JX.$(config.formID);
|
|
|
|
|
|
2012-12-21 05:57:14 -08:00
|
|
|
JX.DOM.listen(form, 'willClear', null, function(e) {
|
|
|
|
|
e.kill();
|
|
|
|
|
JX.$(config.commentID).value = '';
|
|
|
|
|
});
|
|
|
|
|
|
2012-12-21 05:51:33 -08:00
|
|
|
var getdata = function() {
|
|
|
|
|
var obj = JX.DOM.convertFormToDictionary(form);
|
|
|
|
|
obj.__preview__ = 1;
|
2012-12-21 05:57:14 -08:00
|
|
|
|
|
|
|
|
if (config.draftKey) {
|
|
|
|
|
obj.__draft__ = config.draftKey;
|
|
|
|
|
}
|
|
|
|
|
|
2012-12-21 05:51:33 -08:00
|
|
|
return obj;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var onresponse = function(response) {
|
|
|
|
|
var panel = JX.$(config.panelID);
|
|
|
|
|
if (!response.xactions.length) {
|
|
|
|
|
JX.DOM.hide(panel);
|
|
|
|
|
} else {
|
|
|
|
|
JX.DOM.setContent(
|
|
|
|
|
JX.$(config.timelineID),
|
|
|
|
|
[
|
|
|
|
|
JX.$H(response.spacer),
|
|
|
|
|
JX.$H(response.xactions.join(response.spacer)),
|
2013-05-18 17:04:22 -07:00
|
|
|
JX.$H(response.spacer)
|
2012-12-21 05:51:33 -08:00
|
|
|
]);
|
|
|
|
|
JX.DOM.show(panel);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
var request = new JX.PhabricatorShapedRequest(
|
|
|
|
|
config.actionURI,
|
|
|
|
|
onresponse,
|
|
|
|
|
getdata);
|
|
|
|
|
var trigger = JX.bind(request, request.trigger);
|
|
|
|
|
|
|
|
|
|
JX.DOM.listen(form, 'keydown', null, trigger);
|
|
|
|
|
|
|
|
|
|
request.start();
|
|
|
|
|
});
|