266 lines
11 KiB
JavaScript
266 lines
11 KiB
JavaScript
/*
|
|
* Organisation - Opportunities page scripts.
|
|
*/
|
|
|
|
(function (win, doc, undef)
|
|
{
|
|
"use strict";
|
|
let oo = sax.OrgOpp = { data: {}, fn: {} };
|
|
let $pnl = oo.$pnl = {}, $frm = oo.$frm = {}, $dlg = oo.$dlg = {};
|
|
|
|
//--------------------------------------------------------------
|
|
oo.refreshResults = function (delay)
|
|
{
|
|
sax.data.userCanManageOpportunities = false;
|
|
if (!sax.awaitingRefreshResponse)
|
|
{
|
|
$('.sax-burger', $pnl.filter).hide();
|
|
$('.sax-panel-item-list', $pnl.results).fadeOut(200).empty();
|
|
$('.sax-panel-messages', $pnl.results).hide().empty().append($('<div class="sax-message">' + sax.msg.dataQuerying + '</div>')).fadeIn(200);
|
|
}
|
|
sax.ajax.refreshResults = sax.ajax.refreshResults || { url: sax.url.base + 'Organisation/Ajax/GetOpportunityList', formId: 'frmOpportunityFilter', callbackFn: oo.doRefreshResults };
|
|
sax.doAjaxRequest(sax.ajax.refreshResults, delay || 50);
|
|
sax.awaitingRefreshResponse = true;
|
|
}
|
|
oo.doRefreshResults = function (response)
|
|
{
|
|
//sax.debug('doRefreshResults', response);
|
|
delete sax.awaitingRefreshResponse;
|
|
sax.refreshControlValues(response.controlValues);
|
|
var $msgs = $('.sax-panel-messages', $pnl.results).hide().empty();
|
|
var $items = $('.sax-panel-item-list', $pnl.results).hide().empty();
|
|
if (!response.success) return;
|
|
oo.data.organisation = response.organisation;
|
|
// Reference data - Opportunity types.
|
|
if (response.opportunityTypes)
|
|
sax.populateSelectCodeDesc('#cbOpportunityType', response.opportunityTypes);
|
|
// Menu.
|
|
let $bgr = $('.sax-burger', $pnl.filter);
|
|
let $mnu = $('ul.sax-dropdown-menu', $bgr).empty();
|
|
$mnu.append(oo.getFilterMenuOption(sax.lbl.refresh, function () { oo.refreshResults(); }, 'sax-refresh'));
|
|
if (sax.data.userCanManageOpportunities = (response.user && response.user.canManage))
|
|
$mnu.append(oo.getFilterMenuOption(sax.lbl.add, function () { oo.createItem(); }, 'sax-edit'));
|
|
$bgr.toggle(!!$('.sax-dropdown-item', $mnu).length);
|
|
// Items.
|
|
var items = response.opportunities;
|
|
if (!items.length)
|
|
return $msgs.append($('<div class="sax-message">' + sax.msg.dataNoneFound + '</div>')).fadeIn(500);
|
|
for (let itemIdx = 0; itemIdx < items.length; itemIdx++)
|
|
$items.append(oo.populateItem(oo.getItemTemplate(), items[itemIdx]));
|
|
$items.fadeIn(50);
|
|
}
|
|
oo.populateItem = function ($item, item)
|
|
{
|
|
if (!item) return;
|
|
$('.sax-panel-results .sax-panel-messages').hide().empty();
|
|
$('.OpportunityType', $item).text(item.typeDesc);
|
|
$('.OpportunityPosition', $item).text(item.position);
|
|
$('.OpportunityOutline', $item).text(item.outline);
|
|
$('.OpportunityRegionCaption', $item).text(item.regionCaption);
|
|
$('.OpportunitySportCaption', $item).text(item.sportCaption);
|
|
$('.OpportunityCreatedOn', $item).text(item.createdOnFmt);
|
|
$('.OpportunityPublishedOn', $item).text(item.publishedOnFmt);
|
|
$('.OpportunityPublished', $item).toggle(!!item.publishedOnFmt);
|
|
$('.OpportunityExpiresOn', $item).text(item.expiresOnFmt);
|
|
$('.OpportunityExpires', $item).toggle(!!item.expiresOnFmt);
|
|
$('.OpportunityStatusDesc', $item).text(item.statusDesc).addClass('sax-status-' + item.statusCode.toLowerCase());
|
|
|
|
let $bgr = $('.sax-burger', $item);
|
|
let $mnu = $('ul.sax-dropdown-menu', $bgr).empty();
|
|
if (!item.deleted)
|
|
{
|
|
if (sax.data.userCanManageOpportunities)
|
|
{
|
|
let fnUpd = function () { oo.updateItem(item, $item) };
|
|
$mnu.append(oo.getItemMenuOption(sax.lbl.edit, fnUpd, 'sax-edit'));
|
|
$('.sax-caption .sax-action', $item).off('click').on('click', fnUpd);
|
|
$item.off('dblclick').on('dblclick', fnUpd);
|
|
}
|
|
}
|
|
else $('.sax-caption .sax-action', $item).removeClass('sax-action');
|
|
$bgr.toggle(!!$('.sax-dropdown-menu .sax-dropdown-item', $item).length);
|
|
return $item;
|
|
}
|
|
|
|
//--------------------------------------------------------------
|
|
oo.getFilterDropdownTemplate = function ()
|
|
{
|
|
return $('.sax-panel-item-template .sax-dropdown-menu.Opportunities li.sax-dropdown-item', sax.$pnl.filter).clone();
|
|
}
|
|
oo.getItemTemplate = function ()
|
|
{
|
|
return $('.sax-panel-item-template .sax-panel-item.Opportunity', sax.$pnl.results).clone();
|
|
}
|
|
oo.getItemDropdownTemplate = function ()
|
|
{
|
|
return $('.sax-panel-item-template .sax-dropdown-menu.Opportunity li.sax-dropdown-item', sax.$pnl.results).clone();
|
|
}
|
|
oo.getFilterMenuOption = function (lbl, fn, cls)
|
|
{
|
|
return oo.getMenuOption(oo.getFilterDropdownTemplate(), lbl, fn, cls);
|
|
}
|
|
oo.getItemMenuOption = function (lbl, fn, cls)
|
|
{
|
|
return oo.getMenuOption(oo.getItemDropdownTemplate(), lbl, fn, cls);
|
|
}
|
|
oo.getMenuOption = function ($opt, lbl, fn, cls)
|
|
{
|
|
return $opt.find('div.sax-label').text(lbl).end().on('click', fn).addClass(cls);
|
|
}
|
|
|
|
//--------------------------------------------------------------
|
|
oo.selectFilterOrganisation = function ()
|
|
{
|
|
if (!sax.data.memberOrganisations)
|
|
oo.getMemberOrganisations(oo.showSelectOrganisation);
|
|
else oo.showSelectOrganisation();
|
|
}
|
|
oo.getMemberOrganisations = function (fnCallback)
|
|
{
|
|
let handleMemberOrganisationsResponse = function (response)
|
|
{
|
|
//sax.debug('handleUserOrgsResponse', response);
|
|
if (!response.success) return;
|
|
sax.data.memberOrganisations = response.organisations;
|
|
if (fnCallback) fnCallback();
|
|
}
|
|
sax.ajax.userOrgs = sax.ajax.userOrgs || { url: sax.url.base + 'Organisation/Ajax/GetOpportunityAdminOrganisationList', formId: 'frmNavigate', callbackFn: handleMemberOrganisationsResponse };
|
|
sax.doAjaxRequest(sax.ajax.userOrgs);
|
|
}
|
|
oo.showSelectOrganisation = function ()
|
|
{
|
|
//sax.debug('selectFilterOrganisation');
|
|
sax.selectOrganisation.fn.selectOrganisation({ caption: sax.dlg.title.selectOrganisation, items: sax.data.memberOrganisations, fnCallback: oo.onOrganisationSelected });
|
|
}
|
|
oo.onOrganisationSelected = function (id, name)
|
|
{
|
|
//sax.debug('onOrganisationSelected', id, name);
|
|
$('#frmOpportunityFilter #ifFilterOrganisationId, #frmOpportunity #ifOpportunityOrganisationId').val(id);
|
|
$('#frmOpportunityFilter #ifFilterOrganisation').val(name);
|
|
oo.refreshResults(50);
|
|
}
|
|
|
|
//--------------------------------------------------------------
|
|
oo.selectSport = function ()
|
|
{
|
|
sax.mdl.selectSport.fn.selectSport({ caption: sax.dlg.title.selectSport, sportId: $('#ifOpportunitySportId').val(), fnCallback: oo.onSelectSport })
|
|
}
|
|
oo.onSelectSport = function (sport)
|
|
{
|
|
sax.clearControlError($('#ifOpportunitySportId').val(sport.id));
|
|
$('#ifOpportunitySportCaption').val(sport ? sport.name : '');
|
|
}
|
|
|
|
//--------------------------------------------------------------
|
|
oo.selectRegion = function ()
|
|
{
|
|
sax.mdl.selectRegion.fn.selectRegion({ caption: sax.dlg.title.selectRegion, regionId: $('#ifOpportunityRegionId').val(), fnCallback: oo.onSelectRegion })
|
|
}
|
|
oo.onSelectRegion = function (region)
|
|
{
|
|
sax.clearControlError($('#ifOpportunityRegionId').val(region.id));
|
|
$('#ifOpportunityRegionCaption').val(region ? region.name : '');
|
|
}
|
|
|
|
//--------------------------------------------------------------
|
|
oo.createItem = function ()
|
|
{
|
|
if (!sax.data.userCanManageOpportunities) return;
|
|
oo.clearItem();
|
|
$('#cbOpportunityType', $frm.opp).prepend($("<option>", { value: '', selected: true }));
|
|
$('#ifOpportunitySportId', $frm.opp).val(oo.data.organisation.sportId);
|
|
$('#ifOpportunitySportCaption', $frm.opp).val(oo.data.organisation.sportName);
|
|
$('#ifOpportunityRegionId', $frm.opp).val(oo.data.organisation.regionId);
|
|
$('#ifOpportunityRegionCaption', $frm.opp).val(oo.data.organisation.regionName);
|
|
$dlg.opportunity.dialog('option', 'title', sax.dlg.title.createOpportunity);
|
|
sax.openDialog($dlg.opportunity, 600, 600);
|
|
}
|
|
oo.clearItem = function ()
|
|
{
|
|
delete oo.$item;
|
|
$('#ifOpportunityId,#ifOpportunityExists,#ifOpportunityRegionId,#ifOpportunitySportId,input[type="text"],textarea,select', $frm.opp).val('');
|
|
$('#cbOpportunityType', $frm.opp).find('option[value=""]').remove();
|
|
sax.clearControlErrors();
|
|
}
|
|
|
|
//--------------------------------------------------------------
|
|
oo.updateItem = function (item, $item)
|
|
{
|
|
if (!sax.data.userCanManageOpportunities) return;
|
|
oo.clearItem();
|
|
oo.$item = $item;
|
|
$('.OpportunityId', $frm.oppId).val(item.id);
|
|
sax.ajax.updateItem = sax.ajax.updateItem || { url: sax.url.base + 'Organisation/Ajax/GetOpportunity', formId: 'frmOpportunityId', callbackFn: oo.onUpdateItem };
|
|
sax.doAjaxRequest(sax.ajax.updateItem, 50);
|
|
}
|
|
oo.onUpdateItem = function (response)
|
|
{
|
|
//sax.debug('onUpdateItem', response);
|
|
if (!response.success) return;
|
|
let item = response.opportunity;
|
|
$('#ifOpportunityId', $frm.opp).val(item.id);
|
|
$('#ifOpportunityExists', $frm.opp).val(1);
|
|
$('#cbOpportunityType', $frm.opp).val(item.typeCode);
|
|
$('#ifOpportunityPosition', $frm.opp).val(item.position);
|
|
$('#ifOpportunityOutline', $frm.opp).val(item.outline);
|
|
$('#ifOpportunityRegionId', $frm.opp).val(item.regionIdPrimary);
|
|
$('#ifOpportunityRegionCaption', $frm.opp).val(item.regionCaption);
|
|
$('#ifOpportunitySportId', $frm.opp).val(item.sportIdPrimary);
|
|
$('#ifOpportunitySportCaption', $frm.opp).val(item.sportCaption);
|
|
$('#cbOpportunityStatusCode', $frm.opp).val(item.statusCode);
|
|
sax.clearControlErrors();
|
|
$dlg.opportunity.dialog('option', 'title', sax.dlg.title.updateOpportunity);
|
|
sax.openDialog($dlg.opportunity, 600, 600);
|
|
}
|
|
|
|
//--------------------------------------------------------------
|
|
oo.storeItem = function ()
|
|
{
|
|
sax.ajax.storeItem = sax.ajax.storeItem || { url: sax.url.base + 'Organisation/Ajax/StoreOpportunity', formId: 'frmOpportunity', callbackFn: oo.onStoreItem };
|
|
sax.doAjaxRequest(sax.ajax.storeItem, 50);
|
|
}
|
|
oo.onStoreItem = function (response)
|
|
{
|
|
//sax.debug('onStoreItem', response);
|
|
sax.refreshControlValues(response.controlValues);
|
|
if (!response.success) return;
|
|
$dlg.opportunity.dialog('close');
|
|
|
|
var item = response.opportunity;
|
|
if (!oo.$item || oo.$item.length != 1)
|
|
{
|
|
oo.$item = $('.sax-panel-item-template .sax-panel-item', $pnl.results).clone();
|
|
$('.sax-panel-item-list', $pnl.results).prepend(oo.$item).show();
|
|
}
|
|
oo.populateItem(oo.$item, item)
|
|
}
|
|
|
|
//--------------------------------------------------------------
|
|
$(function ()
|
|
{
|
|
$pnl.opportunities = $('.sax-panel.Opportunities');
|
|
$pnl.filter = $('.sax-panel-filter', $pnl.opportunities);
|
|
$pnl.results = $('.sax-panel-results', $pnl.opportunities);
|
|
$frm.filter = $('#frmOpportunityFilter', $pnl.opportunities);
|
|
$('.OpportunityFilter', $frm.filter).on('input', function () { oo.refreshResults(250); }).on('keypress', function (event)
|
|
{
|
|
if (event.keyCode == 13) setTimeout(oo.refreshResults, 50);
|
|
});
|
|
$frm.filter.on('dblclick', 'input.FilterOrganisation', oo.selectFilterOrganisation).on('click', 'button.SelectFilterOrganisation', oo.selectFilterOrganisation);
|
|
$frm.oppId = $('#frmOpportunityId');
|
|
$frm.opp = $('#frmOpportunity');
|
|
$('.sax-input', $frm.opp).on('input', function () { sax.clearControlError(this); });
|
|
$frm.opp.on('dblclick', 'input.OpportunitySportCaption', oo.selectSport).on('click', 'button.SelectOpportunitySport', oo.selectSport);
|
|
$frm.opp.on('dblclick', 'input.OpportunityRegionCaption', oo.selectRegion).on('click', 'button.SelectOpportunityRegion', oo.selectRegion);
|
|
|
|
var opt = sax.dlgOpts();
|
|
opt.buttons[sax.dlg.btn.ok] = function () { oo.storeItem(); };
|
|
opt.buttons[sax.dlg.btn.cancel] = function () { $(this).dialog('close'); };
|
|
$dlg.opportunity = $('#dlgOpportunity').dialog(opt);
|
|
|
|
setTimeout(oo.refreshResults, 250);
|
|
});
|
|
|
|
}(window, window.document));
|
|
|
|
/* The End */ |