View Options

	diff --git a/webroot/rsrc/js/application/transactions/behavior-comment-actions.js b/webroot/rsrc/js/application/transactions/behavior-comment-actions.js
	index be28e0bdad..87cb80c74a 100644
	--- a/webroot/rsrc/js/application/transactions/behavior-comment-actions.js
	+++ b/webroot/rsrc/js/application/transactions/behavior-comment-actions.js
	@@ -1,202 +1,199 @@
	/**
	* @provides javelin-behavior-comment-actions
	* @requires javelin-behavior
	* javelin-stratcom
	* javelin-workflow
	* javelin-dom
	* phuix-form-control-view
	* phuix-icon-view
	* javelin-behavior-phabricator-gesture
	*/

	JX.behavior('comment-actions', function(config) {
	var action_map = config.actions;

	var action_node = JX.$(config.actionID);
	var form_node = JX.$(config.formID);
	var input_node = JX.$(config.inputID);
	var place_node = JX.$(config.placeID);

	var rows = {};

	JX.DOM.listen(action_node, 'change', null, function() {
	var option = find_option(action_node.value);

	action_node.value = '+';

	if (option) {
	add_row(option);
	}
	});

	function find_option(key) {
	var options = action_node.options;
	var option;

	for (var ii = 0; ii < options.length; ii++) {
	option = options[ii];
	if (option.value == key) {
	return option;
	}
	}

	return null;
	}

	function add_row(option) {
	var action = action_map[option.value];
	if (!action) {
	return;
	}

	option.disabled = true;

	var icon = new JX.PHUIXIconView()
	.setIcon('fa-times-circle');
	var remove = JX.$N('a', {href: '#'}, icon.getNode());

	var control = new JX.PHUIXFormControl()
	.setLabel(action.label)
	.setError(remove)
	.setControl(action.type, action.spec);
	var node = control.getNode();

	JX.Stratcom.addSigil(node, 'touchable');

	var remove_action = function() {
	JX.DOM.remove(node);
	delete rows[action.key];
	option.disabled = false;
	};

	JX.DOM.listen(node, 'gesture.swipe.end', null, function(e) {
	var data = e.getData();

	if (data.direction != 'left') {
	// Didn't swipe left.
	return;
	}

	if (data.length <= (JX.Vector.getDim(node).x / 2)) {
	// Didn't swipe far enough.
	return;
	}

	remove_action();
	});

	rows[action.key] = control;

	JX.DOM.listen(remove, 'click', null, function(e) {
	e.kill();
	remove_action();
	});

	place_node.parentNode.insertBefore(node, place_node);

	return control;
	}

	function serialize_actions() {
	var data = [];

	for (var k in rows) {
	data.push({
	type: k,
	value: rows[k].getValue(),
	initialValue: action_map[k].initialValue \|\| null
	});
	}

	return JX.JSON.stringify(data);
	}

	function get_data() {
	var data = JX.DOM.convertFormToDictionary(form_node);

	data.__preview__ = 1;
	data[input_node.name] = serialize_actions();

	return data;
	}

	function restore_draft_actions(drafts) {
	var draft;
	var option;
	var control;

	for (var ii = 0; ii < drafts.length; ii++) {
	draft = drafts[ii];

	option = find_option(draft);
	if (!option) {
	continue;
	}

	control = add_row(option);
	}
	}

	function onresponse(response) {
	if (JX.Device.getDevice() != 'desktop') {
	return;
	}

	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))
	- ]);
	+ JX.$H(response.xactions.join('')));
	JX.DOM.show(panel);
	}
	}

	JX.DOM.listen(form_node, ['submit', 'didSyntheticSubmit'], null, function() {
	input_node.value = serialize_actions();
	});

	if (config.showPreview) {
	var request = new JX.PhabricatorShapedRequest(
	config.actionURI,
	onresponse,
	get_data);

	var trigger = JX.bind(request, request.trigger);

	JX.DOM.listen(form_node, 'keydown', null, trigger);

	var always_trigger = function() {
	new JX.Request(config.actionURI, onresponse)
	.setData(get_data())
	.send();
	};

	JX.DOM.listen(form_node, 'shouldRefresh', null, always_trigger);
	request.start();

	var ondevicechange = function() {
	var panel = JX.$(config.panelID);
	if (JX.Device.getDevice() == 'desktop') {
	request.setRateLimit(500);
	always_trigger();
	} else {
	// On mobile, don't show live previews and only save drafts every
	// 10 seconds.
	request.setRateLimit(10000);
	JX.DOM.hide(panel);
	}
	};

	ondevicechange();

	JX.Stratcom.listen('phabricator-device-change', null, ondevicechange);
	}

	restore_draft_actions(config.drafts \|\| []);

	});

File Metadata

Mime Type: text/x-diff
Expires: Jan 19 2025, 22:42 (6 w, 3 d ago)
Storage Engine: blob
Storage Format: Raw Data
Storage Handle: 1129503
Default Alt Text: (4 KB)

No OneTemporary
Actions

View Options

File Metadata

Event Timeline

No OneTemporaryActions

View Options

File Metadata

Event Timeline

No OneTemporary
Actions