De-conflict asset bundles
This commit is contained in:
453
assets/organisations/js/widgets/organisations.js
Normal file
453
assets/organisations/js/widgets/organisations.js
Normal file
@@ -0,0 +1,453 @@
|
||||
/**
|
||||
* Organisations widget. Sets up dropdowns, modals, etc for a table of organisations.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Set up the form in a modal after being successfully attached to the body.
|
||||
*/
|
||||
function attachOrganisationForm() {
|
||||
$("body").on('renderSuccess.ufModal', function(data) {
|
||||
var modal = $(this).ufModal('getModal');
|
||||
var form = modal.find('.js-form');
|
||||
|
||||
/**
|
||||
* Set up modal widgets
|
||||
*/
|
||||
// Set up any widgets inside the modal
|
||||
form.find(".js-select2").select2({
|
||||
width: '100%'
|
||||
});
|
||||
|
||||
// Auto-generate slug
|
||||
form.find('input[name=name]').on('input change', function() {
|
||||
var manualSlug = form.find('#form-organisation-slug-override').prop('checked');
|
||||
if (!manualSlug) {
|
||||
var slug = getSlug($(this).val());
|
||||
form.find('input[name=slug]').val(slug);
|
||||
}
|
||||
});
|
||||
|
||||
form.find('#form-organisation-slug-override').on('change', function() {
|
||||
if ($(this).prop('checked')) {
|
||||
form.find('input[name=slug]').prop('readonly', false);
|
||||
} else {
|
||||
form.find('input[name=slug]').prop('readonly', true);
|
||||
form.find('input[name=name]').trigger('change');
|
||||
}
|
||||
});
|
||||
|
||||
// Set up the form for submission
|
||||
form.ufForm({
|
||||
validator: page.validators
|
||||
}).on("submitSuccess.ufForm", function(e, data) {
|
||||
// Reload page on success
|
||||
if (data.redirect) {
|
||||
window.location = data.redirect;
|
||||
} else {
|
||||
window.location.reload();
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Approve/Deny organisation registration
|
||||
*/
|
||||
function approveOrganisationRegistration(slug, approve, options) {
|
||||
var data = {};
|
||||
data[site.csrf.keys.name] = site.csrf.name;
|
||||
data[site.csrf.keys.value] = site.csrf.value;
|
||||
|
||||
var url = site.uri.public + '/api/organisations/o/' + slug + '/registration/' + (approve ? 'approve' : 'deny');
|
||||
var debugAjax = (typeof site !== "undefined") && site.debug.ajax;
|
||||
|
||||
return $.ajax({
|
||||
type: "PUT",
|
||||
url: url,
|
||||
data: data,
|
||||
dataType: debugAjax ? 'html' : 'json',
|
||||
}).fail(function(jqXHR) {
|
||||
// Error messages
|
||||
if (debugAjax && jqXHR.responseText) {
|
||||
document.write(jqXHR.responseText);
|
||||
document.close();
|
||||
} else {
|
||||
console.log("Error (" + jqXHR.status + "): " + jqXHR.responseText);
|
||||
|
||||
// Display errors on failure
|
||||
// TODO: ufAlerts widget should have a 'destroy' method
|
||||
if (!$("#alerts-page").data('ufAlerts')) {
|
||||
$("#alerts-page").ufAlerts();
|
||||
} else {
|
||||
$("#alerts-page").ufAlerts('clear');
|
||||
}
|
||||
|
||||
$("#alerts-page").ufAlerts('fetch').ufAlerts('render');
|
||||
}
|
||||
|
||||
return jqXHR;
|
||||
}).done(function(response) {
|
||||
if (!approve && options.delete_redirect) window.location.href = options.delete_redirect;
|
||||
else window.location.reload();
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore a deleted organisation
|
||||
*/
|
||||
function restoreOrganisation(slug, options) {
|
||||
var data = {};
|
||||
data[site.csrf.keys.name] = site.csrf.name;
|
||||
data[site.csrf.keys.value] = site.csrf.value;
|
||||
|
||||
var url = site.uri.public + '/api/organisations/o/' + slug + '/restore';
|
||||
var debugAjax = (typeof site !== "undefined") && site.debug.ajax;
|
||||
|
||||
return $.ajax({
|
||||
type: "PUT",
|
||||
url: url,
|
||||
data: data,
|
||||
dataType: debugAjax ? 'html' : 'json',
|
||||
}).fail(function(jqXHR) {
|
||||
// Error messages
|
||||
if (debugAjax && jqXHR.responseText) {
|
||||
document.write(jqXHR.responseText);
|
||||
document.close();
|
||||
} else {
|
||||
console.log("Error (" + jqXHR.status + "): " + jqXHR.responseText);
|
||||
|
||||
// Display errors on failure
|
||||
// TODO: ufAlerts widget should have a 'destroy' method
|
||||
if (!$("#alerts-page").data('ufAlerts')) {
|
||||
$("#alerts-page").ufAlerts();
|
||||
} else {
|
||||
$("#alerts-page").ufAlerts('clear');
|
||||
}
|
||||
|
||||
$("#alerts-page").ufAlerts('fetch').ufAlerts('render');
|
||||
}
|
||||
|
||||
return jqXHR;
|
||||
}).done(function(response) {
|
||||
window.location.reload();
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Link organisation action buttons, for example in a table or on a specific organisation's page.
|
||||
* @param {module:jQuery} el jQuery wrapped element to target.
|
||||
* @param {{delete_redirect: string}} options Options used to modify behaviour of button actions.
|
||||
*/
|
||||
function bindOrganisationButtons(el, options) {
|
||||
if (!options) options = {};
|
||||
|
||||
/**
|
||||
* Link row buttons after table is loaded.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Buttons that launch a modal dialog
|
||||
*/
|
||||
// Edit organisation details button
|
||||
el.find('.js-organisation-edit').click(function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
$("body").ufModal({
|
||||
sourceUrl: site.uri.public + "/modals/organisations/edit",
|
||||
ajaxParams: {
|
||||
slug: $(this).data('slug')
|
||||
},
|
||||
msgTarget: $("#alerts-page")
|
||||
});
|
||||
|
||||
attachOrganisationForm();
|
||||
});
|
||||
|
||||
// Manage organisation merge button
|
||||
el.find('.js-organisation-merge').click(function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
var organisation_slug = $(this).data('slug');
|
||||
|
||||
$("body").ufModal({
|
||||
sourceUrl: site.uri.public + "/modals/organisations/merge",
|
||||
ajaxParams: {
|
||||
slug: organisation_slug
|
||||
},
|
||||
msgTarget: $("#alerts-page")
|
||||
});
|
||||
|
||||
$("body").on('renderSuccess.ufModal', function(data) {
|
||||
var modal = $(this).ufModal('getModal');
|
||||
var form = modal.find('.js-form');
|
||||
|
||||
var dropdownTemplate = modal.find('#organisation-select-option').html();
|
||||
|
||||
// Set up select2 dropdown
|
||||
var dropdownControl = modal.find('.js-select-new');
|
||||
_dropdownTemplateCompiled = Handlebars.compile(dropdownTemplate);
|
||||
var options = {
|
||||
ajax: {
|
||||
url: site.uri.public + '/api/organisations',
|
||||
processResults: function (data) {
|
||||
var items = data.rows.filter((i) => i.slug != organisation_slug);
|
||||
return {
|
||||
results: items.map((i) => { return {
|
||||
id: i.slug,
|
||||
text: i.name,
|
||||
name: i.name,
|
||||
description: i.description,
|
||||
slug: i.slug
|
||||
}})
|
||||
};
|
||||
}
|
||||
},
|
||||
placeholder: "Select an organisation to merge with",
|
||||
selectOnClose: true,
|
||||
templateResult: $.proxy(function(item) {
|
||||
// Must wrap this in a jQuery selector to render as HTML
|
||||
return $(_dropdownTemplateCompiled(item));
|
||||
}, this)
|
||||
};
|
||||
dropdownControl.select2(options);
|
||||
|
||||
// Set up form for submission
|
||||
form.ufForm()
|
||||
.on("submitSuccess.ufForm", function() {
|
||||
// Reload page on success
|
||||
window.location.reload();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
// Join organisation button
|
||||
el.find('.js-organisation-join').click(function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
var data = {};
|
||||
data[site.csrf.keys.name] = site.csrf.name;
|
||||
data[site.csrf.keys.value] = site.csrf.value;
|
||||
|
||||
var url = site.uri.public + '/api/organisations/o/' + $(this).data('slug') + '/members';
|
||||
var debugAjax = (typeof site !== "undefined") && site.debug.ajax;
|
||||
|
||||
return $.ajax({
|
||||
type: "POST",
|
||||
url: url,
|
||||
data: data,
|
||||
dataType: debugAjax ? 'html' : 'json',
|
||||
}).fail(function(jqXHR) {
|
||||
// Error messages
|
||||
if (debugAjax && jqXHR.responseText) {
|
||||
document.write(jqXHR.responseText);
|
||||
document.close();
|
||||
} else {
|
||||
console.log("Error (" + jqXHR.status + "): " + jqXHR.responseText);
|
||||
|
||||
// Display errors on failure
|
||||
// TODO: ufAlerts widget should have a 'destroy' method
|
||||
if (!$("#alerts-page").data('ufAlerts')) {
|
||||
$("#alerts-page").ufAlerts();
|
||||
} else {
|
||||
$("#alerts-page").ufAlerts('clear');
|
||||
}
|
||||
|
||||
$("#alerts-page").ufAlerts('fetch').ufAlerts('render');
|
||||
}
|
||||
|
||||
return jqXHR;
|
||||
}).done(function(response) {
|
||||
window.location.reload();
|
||||
});
|
||||
});
|
||||
|
||||
// Cancel a registration request
|
||||
el.find('.js-organisation-cancelJoin').click(function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
$("body").ufModal({
|
||||
sourceUrl: site.uri.public + "/modals/organisations/o/" + $(this).data('slug') + "/members/confirm-cancel",
|
||||
ajaxParams: {
|
||||
slug: $(this).data('slug')
|
||||
},
|
||||
msgTarget: $("#alerts-page")
|
||||
});
|
||||
|
||||
$("body").on('renderSuccess.ufModal', function() {
|
||||
var modal = $(this).ufModal('getModal');
|
||||
var form = modal.find('.js-form');
|
||||
|
||||
form.ufForm()
|
||||
.on("submitSuccess.ufForm", function() {
|
||||
// Navigate or reload page on success
|
||||
if (options.delete_redirect) window.location.href = options.delete_redirect;
|
||||
else window.location.reload();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
// Leave organisation button
|
||||
el.find('.js-organisation-leave').click(function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
$("body").ufModal({
|
||||
sourceUrl: site.uri.public + "/modals/organisations/o/" + $(this).data('slug') + "/members/confirm-leave",
|
||||
ajaxParams: {
|
||||
slug: $(this).data('slug')
|
||||
},
|
||||
msgTarget: $("#alerts-page")
|
||||
});
|
||||
|
||||
$("body").on('renderSuccess.ufModal', function() {
|
||||
var modal = $(this).ufModal('getModal');
|
||||
var form = modal.find('.js-form');
|
||||
|
||||
form.ufForm()
|
||||
.on("submitSuccess.ufForm", function() {
|
||||
// Navigate or reload page on success
|
||||
if (options.leave_redirect) window.location.href = options.leave_redirect;
|
||||
else window.location.reload();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
// Cancel a registration request
|
||||
el.find('.js-organisation-cancelRegistration').click(function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
$("body").ufModal({
|
||||
sourceUrl: site.uri.public + "/modals/organisations/registration/confirm-cancel",
|
||||
ajaxParams: {
|
||||
slug: $(this).data('slug')
|
||||
},
|
||||
msgTarget: $("#alerts-page")
|
||||
});
|
||||
|
||||
$("body").on('renderSuccess.ufModal', function() {
|
||||
var modal = $(this).ufModal('getModal');
|
||||
var form = modal.find('.js-form');
|
||||
|
||||
form.ufForm()
|
||||
.on("submitSuccess.ufForm", function() {
|
||||
// Navigate or reload page on success
|
||||
if (options.delete_redirect) window.location.href = options.delete_redirect;
|
||||
else window.location.reload();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
// Cancel a registration request
|
||||
el.find('.js-organisation-approveRegistration').click(function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
approveOrganisationRegistration($(this).data('slug'), true, options);
|
||||
});
|
||||
|
||||
// Cancel a registration request
|
||||
el.find('.js-organisation-denyRegistration').click(function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
approveOrganisationRegistration($(this).data('slug'), false, options);
|
||||
});
|
||||
|
||||
// Delete organisation button
|
||||
el.find('.js-organisation-delete').click(function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
$("body").ufModal({
|
||||
sourceUrl: site.uri.public + "/modals/organisations/confirm-delete",
|
||||
ajaxParams: {
|
||||
slug: $(this).data('slug')
|
||||
},
|
||||
msgTarget: $("#alerts-page")
|
||||
});
|
||||
|
||||
$("body").on('renderSuccess.ufModal', function() {
|
||||
var modal = $(this).ufModal('getModal');
|
||||
var form = modal.find('.js-form');
|
||||
|
||||
form.ufForm()
|
||||
.on("submitSuccess.ufForm", function() {
|
||||
// Navigate or reload page on success
|
||||
if (options.delete_redirect) window.location.href = options.delete_redirect;
|
||||
else window.location.reload();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
// View the deleted organisations page
|
||||
el.find('.js-organisation-viewDeleted').click(function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
window.location.href = site.uri.public + '/organisations/deleted';
|
||||
});
|
||||
|
||||
// Permenetly delete organisation button
|
||||
el.find('.js-organisation-permenentDelete').click(function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
$("body").ufModal({
|
||||
sourceUrl: site.uri.public + "/modals/organisations/confirm-permenent-delete",
|
||||
ajaxParams: {
|
||||
slug: $(this).data('slug')
|
||||
},
|
||||
msgTarget: $("#alerts-page")
|
||||
});
|
||||
|
||||
$("body").on('renderSuccess.ufModal', function() {
|
||||
var modal = $(this).ufModal('getModal');
|
||||
var form = modal.find('.js-form');
|
||||
|
||||
form.ufForm()
|
||||
.on("submitSuccess.ufForm", function() {
|
||||
// Navigate or reload page on success
|
||||
if (options.delete_redirect) window.location.href = options.delete_redirect;
|
||||
else window.location.reload();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
// Permenetly delete organisation button
|
||||
el.find('.js-organisation-restore').click(function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
restoreOrganisation($(this).data('slug'), options);
|
||||
});
|
||||
|
||||
// Return from the deleted organisations page
|
||||
el.find('.js-organisation-return').click(function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
window.location.href = site.uri.public + '/organisations';
|
||||
});
|
||||
}
|
||||
|
||||
function bindOrganisationCreationButton(el) {
|
||||
// Link create button
|
||||
el.find('.js-organisation-create').click(function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
$("body").ufModal({
|
||||
sourceUrl: site.uri.public + "/modals/organisations/create",
|
||||
msgTarget: $("#alerts-page")
|
||||
});
|
||||
|
||||
attachOrganisationForm();
|
||||
});
|
||||
};
|
||||
|
||||
function bindOrganisationRegistrationButton(el) {
|
||||
// Link create button
|
||||
el.find('.js-organisation-register').click(function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
$("body").ufModal({
|
||||
sourceUrl: site.uri.public + "/modals/organisations/register",
|
||||
msgTarget: $("#alerts-page")
|
||||
});
|
||||
|
||||
attachOrganisationForm();
|
||||
});
|
||||
};
|
||||
Reference in New Issue
Block a user