320 lines
12 KiB
JavaScript
320 lines
12 KiB
JavaScript
$(document).ready(function () {
|
|
function setupAttachmentWidget() {
|
|
var button = $(this);
|
|
var config = {};
|
|
var count = 0;
|
|
|
|
var readConfig = function() {
|
|
var buttonFormGroup = button.parents('.form-group');
|
|
var disabledLabel = buttonFormGroup.find('.attachDisabledLabel');
|
|
|
|
if (disabledLabel.length) {
|
|
config.disabledLabel = disabledLabel.html();
|
|
var required = [];
|
|
buttonFormGroup.find('.attachRequiredField').each(function(index, field) {
|
|
required.push('#' + $(field).text());
|
|
});
|
|
config.basefields = $(required.join(","));
|
|
}
|
|
|
|
config.showOn = $('#' + buttonFormGroup.find('.showAttachsOn').html());
|
|
config.showOnDisplay = config.showOn.find('.attachedFiles');
|
|
count = config.showOnDisplay.find('.initialAttach').length;
|
|
config.showOnEmpty = config.showOn.find('.showAttachmentsEmpty').html();
|
|
config.enabledLabel = buttonFormGroup.find('.attachEnabledLabel').html();
|
|
};
|
|
|
|
var setState = function() {
|
|
var enabled = true;
|
|
config.fields.each(function() {
|
|
if (!$(this).val()) {
|
|
enabled = false;
|
|
return;
|
|
}
|
|
});
|
|
if (enabled) {
|
|
button.removeAttr('disabled').removeClass('disabledAddAttachment');
|
|
button.val(config.enabledLabel);
|
|
} else {
|
|
button.attr('disabled', 'disabled').addClass('disabledAddAttachment');
|
|
button.val(config.disabledLabel);
|
|
}
|
|
};
|
|
|
|
var cloneFields = function() {
|
|
var html = '<div class="attachedFileInfo">';
|
|
if (count) {
|
|
html = config.showOnDisplay.html() + html;
|
|
}
|
|
config.fields.each(function() {
|
|
var field = $(this);
|
|
var container= $(this).parents('.form-group');
|
|
if (container.find(':file').length) {
|
|
html += ' (' + field.val() + ')';
|
|
} else {
|
|
html += ' ' + field.val();
|
|
}
|
|
html += '<span style="display: none;" class="removeField">';
|
|
html += container.attr('id');
|
|
html += '</span>';
|
|
container.hide();
|
|
});
|
|
html += ' <a href="" class="removeAttach glyphicon glyphicon-remove text-danger"></a>';
|
|
html += '</div>';
|
|
config.showOnDisplay.html(html);
|
|
count += 1;
|
|
initFileInput();
|
|
};
|
|
|
|
var doAttach = function() {
|
|
cloneFields();
|
|
setState();
|
|
};
|
|
|
|
var removeAttachment = function() {
|
|
var link = $(this);
|
|
var attach = $(this).parent('.attachedFileInfo');
|
|
var fields = attach.find('.removeField');
|
|
fields.each(function() {
|
|
$('#' + $(this).html()).remove();
|
|
});
|
|
attach.remove();
|
|
if (!config.showOnDisplay.html()) {
|
|
config.showOnDisplay.html(config.showOnEmpty);
|
|
count = 0;
|
|
}
|
|
return false;
|
|
};
|
|
|
|
var initTriggers = function() {
|
|
config.showOnDisplay.on('click', 'a.removeAttach', removeAttachment);
|
|
button.click(doAttach);
|
|
};
|
|
|
|
var initFileInput = function() {
|
|
var fieldids = [];
|
|
config.basefields.each(function(i) {
|
|
var field = $(this);
|
|
var oldcontainer= $(this).parents('.form-group');
|
|
var newcontainer= oldcontainer.clone();
|
|
var newfield = newcontainer.find('#' + field.attr('id'));
|
|
newfield.attr('name', newfield.attr('name') + '_' + count);
|
|
newfield.attr('id', newfield.attr('id') + '_' + count);
|
|
newcontainer.attr('id', 'container_id_' + newfield.attr('name'));
|
|
oldcontainer.after(newcontainer);
|
|
oldcontainer.hide();
|
|
newcontainer.show();
|
|
fieldids.push('#' + newfield.attr('id'));
|
|
});
|
|
config.fields = $(fieldids.join(","));
|
|
config.fields.change(setState);
|
|
config.fields.keyup(setState);
|
|
};
|
|
|
|
var initWidget = function() {
|
|
readConfig();
|
|
|
|
initFileInput();
|
|
initTriggers();
|
|
|
|
setState();
|
|
};
|
|
|
|
initWidget();
|
|
}
|
|
|
|
$('form.liaisons').each(function() {
|
|
var form = $(this);
|
|
var organization = form.find('#id_organization');
|
|
var from = form.find('#id_from_field');
|
|
var poc = form.find('#id_to_poc');
|
|
var cc = form.find('#id_cc1');
|
|
var reply = form.find('#id_replyto');
|
|
var purpose = form.find('#id_purpose');
|
|
var other_purpose = form.find('#id_purpose_text');
|
|
var deadline = form.find('#id_deadline_date');
|
|
var submission_date = form.find('#id_submitted_date');
|
|
var other_organization = form.find('#id_other_organization');
|
|
var approval = form.find('#id_approved');
|
|
|
|
var render_mails_into = function(container, person_list, as_html) {
|
|
var html='';
|
|
|
|
$.each(person_list, function(index, person) {
|
|
if (as_html) {
|
|
html += person[0] + ' <<a href="mailto:'+person[1]+'">'+person[1]+'</a>><br />';
|
|
} else {
|
|
html += person[0] + ' <'+person[1]+'>\n';
|
|
}
|
|
});
|
|
container.html(html);
|
|
};
|
|
|
|
var toggleApproval = function(needed) {
|
|
if (!approval.length) {
|
|
return;
|
|
}
|
|
if (needed) {
|
|
approval.removeAttr('disabled');
|
|
approval.removeAttr('checked');
|
|
} else {
|
|
approval.attr('checked','checked');
|
|
approval.attr('disabled','disabled');
|
|
}
|
|
};
|
|
|
|
var checkPostOnly = function(post_only) {
|
|
if (post_only) {
|
|
$("input[name=send]").hide();
|
|
} else {
|
|
$("input[name=send]").show();
|
|
}
|
|
};
|
|
|
|
var updateReplyTo = function() {
|
|
var select = form.find('select[name=from_fake_user]');
|
|
var option = select.find('option:selected');
|
|
reply.val(option.attr('title'));
|
|
updateFrom();
|
|
};
|
|
|
|
var userSelect = function(user_list) {
|
|
if (!user_list || !user_list.length) {
|
|
return;
|
|
}
|
|
var link = form.find('a.from_mailto');
|
|
var select = form.find('select[name=from_fake_user]');
|
|
var options = '';
|
|
link.hide();
|
|
$.each(user_list, function(index, person) {
|
|
options += '<option value="' + person[0] + '" title="' + person[1][1] + '">'+ person[1][0] + ' <' + person[1][1] + '></option>';
|
|
});
|
|
select.remove();
|
|
link.after('<select name="from_fake_user" class="form-control" style="margin-top: 0.5em;">' + options +'</select>');
|
|
form.find('select[name=from_fake_user]').change(updateReplyTo);
|
|
updateReplyTo();
|
|
};
|
|
|
|
var updateInfo = function(first_time, sender) {
|
|
var entity = organization;
|
|
var to_entity = from;
|
|
if (!entity.is('select') || !to_entity.is('select')) {
|
|
return false;
|
|
}
|
|
var url = form.data("ajaxInfoUrl");
|
|
$.ajax({
|
|
url: url,
|
|
type: 'GET',
|
|
cache: false,
|
|
async: true,
|
|
dataType: 'json',
|
|
data: {to_entity_id: organization.val(),
|
|
from_entity_id: to_entity.val()},
|
|
success: function(response){
|
|
if (!response.error) {
|
|
if (!first_time || !cc.text()) {
|
|
render_mails_into(cc, response.cc, false);
|
|
}
|
|
render_mails_into(poc, response.poc, true);
|
|
toggleApproval(response.needs_approval);
|
|
checkPostOnly(response.post_only);
|
|
if (sender == 'from') {
|
|
userSelect(response.full_list);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
return false;
|
|
};
|
|
|
|
var updateFrom = function() {
|
|
var reply_to = reply.val();
|
|
form.find('a.from_mailto').attr('href', 'mailto:' + reply_to);
|
|
};
|
|
|
|
var updatePurpose = function() {
|
|
var deadlinecontainer = deadline.closest('.form-group');
|
|
var othercontainer = other_purpose.closest('.form-group');
|
|
|
|
var selected_id = purpose.val();
|
|
|
|
if (selected_id == '1' || selected_id == '2') {
|
|
deadline.prop('required',true);
|
|
deadlinecontainer.show();
|
|
} else {
|
|
deadline.prop('required',false);
|
|
deadlinecontainer.hide();
|
|
deadline.val('');
|
|
}
|
|
};
|
|
|
|
var checkOtherSDO = function() {
|
|
var entity = organization.val();
|
|
if (entity=='othersdo') {
|
|
other_organization.closest('.form-group').show();
|
|
other_organization.prop("required", true);
|
|
} else {
|
|
other_organization.closest('.form-group').hide();
|
|
other_organization.prop("required", false);
|
|
}
|
|
};
|
|
|
|
var checkFrom = function(first_time) {
|
|
var reduce_options = form.find('.reducedToOptions');
|
|
if (!reduce_options.length) {
|
|
updateInfo(first_time, 'from');
|
|
return;
|
|
}
|
|
var to_select = organization;
|
|
var from_entity = from.val();
|
|
if (!reduce_options.find('.full_power_on_' + from_entity).length) {
|
|
to_select.find('optgroup').eq(1).hide();
|
|
to_select.find('option').each(function() {
|
|
if (!reduce_options.find('.reduced_to_set_' + $(this).val()).length) {
|
|
$(this).hide();
|
|
} else {
|
|
$(this).show();
|
|
}
|
|
});
|
|
if (!to_select.find('option:selected').is(':visible')) {
|
|
to_select.find('option:selected').removeAttr('selected');
|
|
}
|
|
} else {
|
|
to_select.find('optgroup').show();
|
|
to_select.find('option').show();
|
|
}
|
|
updateInfo(first_time, 'from');
|
|
};
|
|
|
|
var checkSubmissionDate = function() {
|
|
var date_str = submission_date.val();
|
|
if (date_str) {
|
|
var sdate = new Date(date_str);
|
|
var today = new Date();
|
|
if (Math.abs(today-sdate) > 2592000000) { // 2592000000 = 30 days in milliseconds
|
|
return confirm('Submission date ' + date_str + ' differ more than 30 days.\n\nDo you want to continue and post this liaison using that submission date?\n');
|
|
}
|
|
return true;
|
|
}
|
|
else
|
|
return false;
|
|
};
|
|
|
|
|
|
// init form
|
|
organization.change(function() { updateInfo(false, 'to'); });
|
|
organization.change(checkOtherSDO);
|
|
from.change(function() { checkFrom(false); });
|
|
reply.keyup(updateFrom);
|
|
purpose.change(updatePurpose);
|
|
form.submit(checkSubmissionDate);
|
|
|
|
updateFrom();
|
|
checkFrom(true);
|
|
updatePurpose();
|
|
checkOtherSDO();
|
|
|
|
form.find('.addAttachmentWidget').each(setupAttachmentWidget);
|
|
});
|
|
});
|