behavior-object-selector.js
View Options

	/**
	* @provides javelin-behavior-phabricator-object-selector
	* @requires javelin-behavior
	* javelin-dom
	* javelin-request
	* javelin-util
	* javelin-stratcom
	*/

	JX.behavior('phabricator-object-selector', function(config) {
	var n = 0;

	var phids = {};
	var handles = config.handles;
	for (var k in handles) {
	phids[k] = true;
	}
	var attach_list = {};
	var query_timer = null;
	var query_delay = 50;

	var phid_input = JX.DOM.find(
	JX.$(config.form),
	'input',
	'aphront-dialog-application-input');

	var last_value = JX.$(config.query).value;

	function onreceive(seq, r) {
	if (seq != n) {
	return;
	}

	var display = [];
	attach_list = {};
	for (var k in r) {
	handles[r[k].phid] = r[k];
	display.push(renderHandle(r[k], true));
	}

	if (!display.length) {
	display = renderNote('No results.');
	}

	JX.DOM.setContent(JX.$(config.results), display);
	}

	function redrawAttached() {
	var display = [];

	for (var k in phids) {
	display.push(renderHandle(handles[k], false));
	}

	if (!display.length) {
	display = renderNote('Nothing attached.');
	}

	JX.DOM.setContent(JX.$(config.current), display);
	phid_input.value = JX.keys(phids).join(';');
	}

	function renderHandle(h, attach) {

	var link = JX.$N(
	'a',
	{href : h.uri, target : '_blank'},
	h.name);

	var td = JX.$N('td');

	var table = JX.$N(
	'table',
	{className: 'phabricator-object-selector-handle'},
	JX.$N(
	'tbody',
	{},
	[JX.$N('th', {}, link), td]));

	var btn = JX.$N(
	'a',
	{className: 'button small grey'},
	attach ? 'Select' : 'Remove');

	JX.Stratcom.addSigil(btn, 'object-attach-button');
	JX.Stratcom.addData(btn, {handle : h, table : table});
	if (attach) {
	attach_list[h.phid] = btn;
	if (h.phid in phids) {
	JX.DOM.alterClass(btn, 'disabled', true);
	btn.disabled = true;
	}
	}

	JX.DOM.setContent(td, btn);

	return table;
	}

	function renderNote(note) {
	return JX.$N('div', {className : 'object-selector-nothing'}, note);
	}

	function sendQuery() {
	query_timer = null;
	JX.DOM.setContent(JX.$(config.results), renderNote('Loading...'))
	new JX.Request(config.uri, JX.bind(null, onreceive, ++n))
	.setData({
	filter: JX.$(config.filter).value,
	query: JX.$(config.query).value
	})
	.send();
	}

	JX.DOM.listen(
	JX.$(config.results),
	'click',
	'object-attach-button',
	function(e) {
	e.kill();
	var button = e.getNode('object-attach-button');
	if (button.disabled) {
	return;
	}

	var data = e.getNodeData('object-attach-button');
	phids[data.handle.phid] = true;
	JX.DOM.alterClass(button, 'disabled', true);
	button.disabled = true;

	redrawAttached();
	});

	JX.DOM.listen(
	JX.$(config.current),
	'click',
	'object-attach-button',
	function(e) {
	e.kill();
	var button = e.getNode('object-attach-button');
	if (button.disabled) {
	return;
	}

	var data = e.getNodeData('object-attach-button');
	delete phids[data.handle.phid];

	if (attach_list[data.handle.phid]) {
	JX.DOM.alterClass(attach_list[data.handle.phid], 'disabled', false);
	attach_list[data.handle.phid].disabled = false;
	}

	redrawAttached();
	});

	JX.DOM.listen(
	JX.$(config.filter),
	'change',
	null,
	function(e) {
	e.kill();
	sendQuery();
	});

	JX.DOM.listen(
	JX.$(config.query),
	['change', 'keydown', 'keyup', 'keypress'],
	null,
	function(e) {
	var cur_value = JX.$(config.query).value;
	if (last_value == cur_value) {
	return;
	}
	last_value = cur_value;

	if (query_timer) {
	query_timer.stop();
	}
	query_timer = JX.defer(sendQuery, query_delay);
	});

	sendQuery();
	redrawAttached();

	});

File Metadata

Mime Type: text/plain
Expires: Fri, Nov 21, 11:27 AM (1 h, 29 m)
Storage Engine: blob
Storage Format: Raw Data
Storage Handle: 352549
Default Alt Text: behavior-object-selector.js (3 KB)

behavior-object-selector.js
No OneTemporary
Actions

behavior-object-selector.js
View Options

File Metadata

Event Timeline

behavior-object-selector.jsNo OneTemporaryActions

behavior-object-selector.jsView Options

File Metadata

Event Timeline

behavior-object-selector.js
No OneTemporary
Actions

behavior-object-selector.js
View Options