/*
 * Admin - User page scripts.
 */

(function (win, doc, undef)
{
	"use strict";
	let so = sax.selectOrganisation = sax.selectOrganisation || { data: {}, fn: {}, $dlg: {}, itemIdPrefix: 'Org_' };

	//--------------------------------------------------------------
	/*
	 * Organisation selection config:
	 * - caption - dialog title.
	 * - width: preferred dialog width (default: 400).
	 * - height: preferred dialog height (default: 400).
	 * - fnCallback - method to call on completion.
	*/
	so.fn.openDialog = function (cfg)
	{
		//sax.debug('openDialog', cfg);
		so.fn.init();
		so.cfg = cfg;
		sax.openDialog(so.$dlg.dialog('option', { title: cfg.caption || so.dlgTitleSelectOrganisation || 'Select Organisation' }), so.cfg.width || 480, so.cfg.height || 600);
	}
	so.fn.refreshOrganisations = function (delay)
	{
		//sax.debug('refreshOrganisations');
		$('.sax-selection-results.Organisations', so.$dlg).empty().hide();
		so.ajaxRefreshResults = so.ajaxRefreshResults || { url: sax.url.base + 'Organisation/Ajax/GetList', formId: 'frmSelectOrganisationFilter', callbackFn: so.fn.doRefreshResults };
		sax.doAjaxRequest(so.ajaxRefreshResults, delay || 50);
	}
	so.fn.doRefreshResults = function (response)
	{
		//sax.debug('so.doRefreshResults', response);
		sax.refreshPaging(response, '#frmSelectOrganisationFilter', so.fn.refreshOrganisations);
		if (!response.success) return;
		let $results = $('.sax-selection-results.Organisations', so.$dlg).empty().hide();
		let $tmpl = $('.sax-panel-item-template .sax-panel-item.Organisation', so.$dlg);
		let items = response.organisations;
		if (items)
		{
			for (let itemIdx = 0; itemIdx < items.length; itemIdx++)
			{
				let item = items[itemIdx];
				let $item = $tmpl.clone().prop('id', so.itemIdPrefix + item.id).on('click', function () { so.fn.onClickOrganisation(item); }).on('dblclick', function () { so.fn.onDblClickOrganisation(item); });
				$('.Name', $item).text(item.name);
				$results.append($item);
			}
		}
		$results.fadeIn(200);
	}
	so.fn.onClickOrganisation = function (item)
	{
		//sax.debug('onClickOrganisation', item);
		so.data.item = item;
		$('.sax-panel-item.Organisation', so.$dlg).removeClass('sel');
		$('.sax-panel-item.Organisation#' + so.itemIdPrefix + item.id, so.$dlg).addClass('sel');
	}
	so.fn.onDblClickOrganisation = function (item)
	{
		//sax.debug('onDblClickCode', item);
		so.data.item = item;
		so.fn.confirmSelection();
	}
	so.fn.confirmSelection = function ()
	{
		//sax.debug('confirmSelection', so.data.item);
		if (!so.data.item) return;
		if (so.cfg.fnCallback) so.cfg.fnCallback(so.data.item.id, so.data.item.name);
		so.$dlg.dialog('close');
		so.fn.cleanUp();
	}
	so.fn.cleanUp = function ()
	{
		$('.sax-selection-results.Organisations', so.$dlg).empty().hide();
		delete so.cfg;
		delete so.data.item;
	}

	//--------------------------------------------------------------
	so.fn.init = function ()
	{
		if (!so.$dlg) return;
		var opt = sax.dlgOpts();
		opt.open = function () { so.fn.refreshOrganisations(200); };
		opt.buttons[sax.dlg.btn.ok] = function () { so.fn.confirmSelection(); };
		opt.buttons[sax.dlg.btn.cancel] = function () { so.fn.cleanUp(); $(this).dialog('close'); };
		so.$dlg = $('#dlgSelectOrganisation').dialog(opt);

		$('.sax-input.FilterOrganisation', so.$dlg).on('input', function () { sax.selectOrganisation.fn.refreshOrganisations(250); });
		$('.PagingPageNo', so.$dlg).val(1);
		$('.PagingPageLength', so.$dlg).val(16);
	}

}(window, window.document));

/* The End */