274 lines
8.6 KiB
JavaScript
274 lines
8.6 KiB
JavaScript
var interimRequest = {
|
|
// functions for Interim Meeting Request
|
|
init: function () {
|
|
// get elements
|
|
interimRequest.form = $(this);
|
|
interimRequest.addButton = $('#add_session');
|
|
interimRequest.inPerson = $('#id_in_person');
|
|
interimRequest.timezone = $('#id_time_zone');
|
|
// bind functions
|
|
$('.select2-field')
|
|
.select2();
|
|
interimRequest.addButton.on("click", interimRequest.addSession);
|
|
$('.btn-delete')
|
|
.on("click", interimRequest.deleteSession);
|
|
interimRequest.inPerson.on("change", interimRequest.toggleLocation);
|
|
$('input[name="meeting_type"]')
|
|
.on("change", interimRequest.meetingTypeChanged);
|
|
$('input[name$="-requested_duration"]')
|
|
.on("blur", interimRequest.calculateEndTime);
|
|
$('input[name$="-time"]')
|
|
.on("blur", interimRequest.calculateEndTime);
|
|
$('input[name$="-time"]')
|
|
.on("blur", interimRequest.updateInfo);
|
|
$('input[name$="-end_time"]')
|
|
.prop('disabled', true)
|
|
.on("change", interimRequest.updateInfo);
|
|
interimRequest.timezone.on("change", interimRequest.timezoneChange);
|
|
// init
|
|
interimRequest.inPerson.each(interimRequest.toggleLocation);
|
|
interimRequest.checkAddButton();
|
|
interimRequest.initTimezone();
|
|
$('input[name$="-time"]')
|
|
.each(interimRequest.calculateEndTime);
|
|
$('input[name$="-time"]')
|
|
.each(interimRequest.updateInfo);
|
|
$('#id_country')
|
|
.select2({ placeholder: "Country" });
|
|
},
|
|
|
|
addSession: function () {
|
|
var template = interimRequest.form.find('.fieldset.template');
|
|
var el = template.clone(true);
|
|
var totalField = $('#id_session_set-TOTAL_FORMS');
|
|
var total = +totalField.val();
|
|
// var meeting_type = $('input[name="meeting_type"]:checked').val();
|
|
|
|
// increment formset counter
|
|
template.find(':input')
|
|
.each(function () {
|
|
var name = $(this)
|
|
.attr('name')
|
|
.replace('-' + (total - 1) + '-', '-' + total + '-');
|
|
var id = 'id_' + name;
|
|
$(this)
|
|
.attr({ name: name, id: id })
|
|
.val('');
|
|
});
|
|
|
|
template.find('label')
|
|
.each(function () {
|
|
var newFor = $(this)
|
|
.attr('for')
|
|
.replace('-' + (total - 1) + '-', '-' + total + '-');
|
|
$(this)
|
|
.attr('for', newFor);
|
|
});
|
|
|
|
template.find('div.utc-time')
|
|
.each(function () {
|
|
var newId = $(this)
|
|
.attr('id')
|
|
.replace('-' + (total - 1) + '-', '-' + total + '-');
|
|
$(this)
|
|
.attr('id', newId);
|
|
});
|
|
|
|
++total;
|
|
|
|
totalField.val(total);
|
|
|
|
template.before(el);
|
|
el.removeClass("template visually-hidden");
|
|
|
|
el.find(".select2-field")
|
|
.each(function () {
|
|
setupSelect2Field($(this));
|
|
});
|
|
|
|
// copy field contents
|
|
var first_session = $(".fieldset:first");
|
|
el.find("input[name$='remote_instructions']")
|
|
.val(first_session.find("input[name$='remote_instructions']")
|
|
.val());
|
|
|
|
$('.btn-delete')
|
|
.removeClass("visually-hidden");
|
|
},
|
|
|
|
updateInfo: function () {
|
|
// makes ajax call to server and sets UTC field
|
|
var time = $(this)
|
|
.val();
|
|
if (!time) {
|
|
return;
|
|
}
|
|
var url = "/meeting/ajax/get-utc";
|
|
var fieldset = $(this)
|
|
.parents(".fieldset");
|
|
var date = fieldset.find("input[name$='-date']")
|
|
.val();
|
|
var timezone = interimRequest.timezone.val();
|
|
var name = $(this)
|
|
.attr("id") + "_utc";
|
|
var utc = fieldset.find("#" + name);
|
|
//console.log(name,utc.attr("id"));
|
|
$.ajax({
|
|
url: url,
|
|
type: 'GET',
|
|
cache: false,
|
|
async: true,
|
|
dataType: 'json',
|
|
data: {
|
|
date: date,
|
|
time: time,
|
|
timezone: timezone
|
|
},
|
|
success: function (response) {
|
|
if (!response.error && response.html) {
|
|
utc.html(response.html);
|
|
}
|
|
}
|
|
});
|
|
return false;
|
|
},
|
|
|
|
calculateEndTime: function () {
|
|
// gets called when either start_time or duration change
|
|
var fieldset = $(this)
|
|
.parents(".fieldset");
|
|
var start_time = fieldset.find("input[name$='-time']");
|
|
var end_time = fieldset.find("input[name$='-end_time']");
|
|
var duration = fieldset.find("input[name$='-requested_duration']");
|
|
if (!start_time.val() || !duration.val()) {
|
|
return;
|
|
}
|
|
var start_values = start_time.val()
|
|
.split(":");
|
|
var duration_values = duration.val()
|
|
.split(":");
|
|
var d = new Date(2000, 1, 1, start_values[0], start_values[1]);
|
|
var d1 = new Date(d.getTime() + (duration_values[0] * 60 * 60 * 1000));
|
|
var d2 = new Date(d1.getTime() + (duration_values[1] * 60 * 1000));
|
|
end_time.val(interimRequest.get_formatted_time(d2));
|
|
end_time.trigger('change');
|
|
},
|
|
|
|
checkAddButton: function () {
|
|
var meeting_type = $('input[name="meeting_type"]:checked')
|
|
.val();
|
|
if (meeting_type == 'single') {
|
|
interimRequest.addButton.addClass("visually-hidden");
|
|
} else {
|
|
interimRequest.addButton.removeClass("visually-hidden");
|
|
}
|
|
},
|
|
|
|
checkInPerson: function () {
|
|
var meeting_type = $('input[name="meeting_type"]:checked')
|
|
.val();
|
|
if (meeting_type == 'series') {
|
|
interimRequest.inPerson.prop('disabled', true);
|
|
interimRequest.inPerson.prop('checked', false);
|
|
interimRequest.toggleLocation();
|
|
} else {
|
|
interimRequest.inPerson.prop('disabled', false);
|
|
}
|
|
},
|
|
|
|
initTimezone: function () {
|
|
if (interimRequest.isEditView()) {
|
|
// Don't set timezone in edit view, already set
|
|
return true;
|
|
}
|
|
|
|
if (window.Intl && typeof window.Intl === "object") {
|
|
var tzname = Intl.DateTimeFormat()
|
|
.resolvedOptions()
|
|
.timeZone;
|
|
if ($('#id_time_zone option[value="' + tzname + '"]')
|
|
.length > 0) {
|
|
$('#id_time_zone')
|
|
.val(tzname);
|
|
}
|
|
}
|
|
},
|
|
|
|
get_formatted_time: function (d) {
|
|
// returns time from Date object as HH:MM
|
|
var minutes = d.getMinutes()
|
|
.toString();
|
|
var hours = d.getHours()
|
|
.toString();
|
|
return interimRequest.pad(hours) + ":" + interimRequest.pad(minutes);
|
|
},
|
|
|
|
deleteSession: function () {
|
|
var fieldset = $(this)
|
|
.parents(".fieldset");
|
|
fieldset.remove();
|
|
var totalField = $('#id_form-TOTAL_FORMS');
|
|
var total = +totalField.val();
|
|
--total;
|
|
totalField.val(total);
|
|
if (total == 2) {
|
|
$(".btn-delete")
|
|
.addClass("visually-hidden");
|
|
}
|
|
},
|
|
|
|
get_formatted_utc_time: function (d) {
|
|
// returns time from Date object as HH:MM
|
|
var minutes = d.getUTCMinutes()
|
|
.toString();
|
|
var hours = d.getUTCHours()
|
|
.toString();
|
|
return interimRequest.pad(hours) + ":" + interimRequest.pad(minutes);
|
|
},
|
|
|
|
isEditView: function () {
|
|
// Called on init, returns true if editing existing meeting request
|
|
if ($('#id_session_set-0-date')
|
|
.val()) {
|
|
return true;
|
|
} else {
|
|
return false;
|
|
}
|
|
},
|
|
|
|
meetingTypeChanged: function () {
|
|
interimRequest.checkAddButton();
|
|
interimRequest.checkInPerson();
|
|
},
|
|
|
|
pad: function (str) {
|
|
// zero pads string 00
|
|
if (str.length == 1) {
|
|
str = "0" + str;
|
|
}
|
|
return str;
|
|
},
|
|
|
|
timezoneChange: function () {
|
|
$("input[name$='-time']")
|
|
.trigger('blur');
|
|
$("input[name$='-end_time']")
|
|
.trigger('change');
|
|
},
|
|
|
|
toggleLocation: function () {
|
|
if (this.checked) {
|
|
$(".location")
|
|
.prop('disabled', false);
|
|
} else {
|
|
$(".location")
|
|
.prop('disabled', true);
|
|
}
|
|
}
|
|
}
|
|
|
|
$(document)
|
|
.ready(function () {
|
|
$('#interim-request-form')
|
|
.each(interimRequest.init);
|
|
}); |