Gary Sharp
c846fa053a
Provide better support for lower resolution devices (buttons became hidden in tall dialogs). Remove references to JavaScript minification source maps which aren't deployed and caused confusion.
329 lines
14 KiB
JavaScript
329 lines
14 KiB
JavaScript
if (!document.DiscoFunctions) {
|
|
document.DiscoFunctions = {};
|
|
}
|
|
if (!document.DiscoFunctions.PropertyChangeHelper) {
|
|
document.DiscoFunctions.PropertyValue = function (PropertyField) {
|
|
if (PropertyField[0].nodeName.toLowerCase() == 'input' && PropertyField.attr('type') == 'checkbox') {
|
|
return PropertyField.is(':checked');
|
|
}
|
|
return PropertyField.val();
|
|
};
|
|
document.DiscoFunctions.PropertyChangeHelper = function (PropertyField, FieldWatermark, UpdateUrl, UpdatePropertyName) {
|
|
var fieldValue = document.DiscoFunctions.PropertyValue(PropertyField);
|
|
var fieldChangeToken = null;
|
|
var $ajaxSave = PropertyField.nextAll('.ajaxSave').first();
|
|
var $ajaxLoading = PropertyField.nextAll('.ajaxLoading').first();
|
|
var fieldChangeFunction = function () {
|
|
$ajaxSave.hide();
|
|
var changedValue = document.DiscoFunctions.PropertyValue(PropertyField);
|
|
if (fieldValue != changedValue) {
|
|
fieldValue = changedValue;
|
|
if (fieldChangeToken)
|
|
window.clearTimeout(fieldChangeToken);
|
|
fieldChangeToken = window.setTimeout(function () {
|
|
$ajaxLoading.show();
|
|
var data = {};
|
|
data[UpdatePropertyName] = fieldValue;
|
|
$.getJSON(UpdateUrl, data, function (response, result) {
|
|
if (result != 'success' || response != 'OK') {
|
|
alert('Unable to change property "' + UpdatePropertyName + '":\n' + response);
|
|
$ajaxLoading.hide();
|
|
} else {
|
|
$ajaxLoading.hide().next('.ajaxOk').show().delay('fast').fadeOut('slow');
|
|
}
|
|
})
|
|
fieldChangeToken = null;
|
|
}, 500);
|
|
};
|
|
}
|
|
if (PropertyField[0].nodeName.toLowerCase() == 'input' && PropertyField.attr('type') == 'checkbox') {
|
|
PropertyField.click(fieldChangeFunction);
|
|
} else {
|
|
PropertyField.change(fieldChangeFunction);
|
|
}
|
|
// For Input Text Boxes
|
|
if (PropertyField[0].nodeName.toLowerCase() == 'input' && PropertyField.attr('type') == 'text') {
|
|
PropertyField.keydown(function (e) {
|
|
$ajaxSave.show();
|
|
if (e.which == 13) {
|
|
$(this).blur();
|
|
}
|
|
})
|
|
.watermark(FieldWatermark)
|
|
.blur(function () {
|
|
$ajaxSave.hide();
|
|
}).focus(function () {
|
|
$(this).select();
|
|
});
|
|
}
|
|
// For TextAreas
|
|
if (PropertyField[0].nodeName.toLowerCase() == 'textarea') {
|
|
PropertyField.keydown(function () {
|
|
$ajaxSave.show();
|
|
}).blur(function () {
|
|
$ajaxSave.hide();
|
|
});
|
|
}
|
|
}
|
|
};
|
|
if (!document.DiscoFunctions.DateChangeUserHelper) {
|
|
document.DiscoFunctions.DateChangeUserHelper = function (DateField, UserField, DateFieldWatermark, UpdateUrl, UpdatePropertyName, minDate, dateOnly) {
|
|
var dateFieldValue = DateField.val();
|
|
var dateFieldChangeToken = null;
|
|
var $ajaxLoading = UserField.next('.ajaxLoading');
|
|
DateField
|
|
.watermark(DateFieldWatermark)
|
|
.change(function () {
|
|
var dateText = DateField.val();
|
|
if (dateFieldValue.toLowerCase() != dateText.toLowerCase()) {
|
|
dateFieldValue = dateText;
|
|
if (dateFieldChangeToken)
|
|
window.clearTimeout(dateFieldChangeToken);
|
|
dateFieldChangeToken = window.setTimeout(function () {
|
|
$ajaxLoading.show();
|
|
var data = {};
|
|
data[UpdatePropertyName] = dateFieldValue;
|
|
$.getJSON(UpdateUrl, data, function (response, result) {
|
|
if (result != 'success' || response.Result != 'OK') {
|
|
alert('Unable to change Date:\n' + response);
|
|
$ajaxLoading.hide();
|
|
} else {
|
|
UserField.text('by ' + response.UserDescription);
|
|
$ajaxLoading.hide().next('.ajaxOk').show().delay('fast').fadeOut('slow');
|
|
}
|
|
})
|
|
dateFieldChangeToken = null;
|
|
}, 500);
|
|
}
|
|
}).focus(function () {
|
|
$(this).select();
|
|
});
|
|
|
|
if (dateOnly) {
|
|
DateField.datepicker({
|
|
defaultDate: new Date(),
|
|
minDate: moment(minDate).toDate(),
|
|
changeYear: true,
|
|
changeMonth: true,
|
|
dateFormat: 'yy/mm/dd',
|
|
beforeShow: function (input, inst) {
|
|
$input = $(input);
|
|
if (!$input.val()) {
|
|
$input.datepicker('setDate', new Date());
|
|
}
|
|
}
|
|
});
|
|
} else {
|
|
DateField.datetimepicker({
|
|
defaultDate: new Date(),
|
|
ampm: true,
|
|
minDate: moment(minDate).toDate(),
|
|
changeYear: true,
|
|
changeMonth: true,
|
|
dateFormat: 'yy/mm/dd',
|
|
beforeShow: function (input, inst) {
|
|
$input = $(input);
|
|
if (!$input.val()) {
|
|
$input.datetimepicker('setDate', new Date());
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
}
|
|
};
|
|
if (!document.DiscoFunctions.DateChangeHelper) {
|
|
document.DiscoFunctions.DateChangeHelper = function (DateField, DateFieldWatermark, UpdateUrl, UpdatePropertyName, minDate, dateOnly) {
|
|
var dateFieldValue = DateField.val();
|
|
var dateFieldChangeToken = null;
|
|
var $ajaxLoading = DateField.next('.ajaxLoading');
|
|
DateField
|
|
.watermark(DateFieldWatermark)
|
|
.change(function () {
|
|
var dateText = DateField.val();
|
|
if (dateFieldValue.toLowerCase() != dateText.toLowerCase()) {
|
|
dateFieldValue = dateText;
|
|
if (dateFieldChangeToken)
|
|
window.clearTimeout(dateFieldChangeToken);
|
|
dateFieldChangeToken = window.setTimeout(function () {
|
|
$ajaxLoading.show();
|
|
var data = {};
|
|
data[UpdatePropertyName] = dateFieldValue;
|
|
$.getJSON(UpdateUrl, data, function (response, result) {
|
|
if (result != 'success' || response != 'OK') {
|
|
alert('Unable to change Date:\n' + response);
|
|
$ajaxLoading.hide();
|
|
} else {
|
|
$ajaxLoading.hide().next('.ajaxOk').show().delay('fast').fadeOut('slow');
|
|
}
|
|
})
|
|
dateFieldChangeToken = null;
|
|
}, 500);
|
|
}
|
|
}).focus(function () {
|
|
$(this).select();
|
|
});
|
|
|
|
if (dateOnly) {
|
|
DateField.datepicker({
|
|
defaultDate: new Date(),
|
|
minDate: moment(minDate).toDate(),
|
|
changeYear: true,
|
|
changeMonth: true,
|
|
dateFormat: 'yy/mm/dd',
|
|
beforeShow: function (input, inst) {
|
|
$input = $(input);
|
|
if (!$input.val()) {
|
|
$input.datepicker('setDate', new Date());
|
|
}
|
|
}
|
|
});
|
|
} else {
|
|
DateField.datetimepicker({
|
|
defaultDate: new Date(),
|
|
ampm: true,
|
|
minDate: moment(minDate).toDate(),
|
|
changeYear: true,
|
|
changeMonth: true,
|
|
dateFormat: 'yy/mm/dd',
|
|
beforeShow: function (input, inst) {
|
|
$input = $(input);
|
|
if (!$input.val()) {
|
|
$input.datetimepicker('setDate', new Date());
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
};
|
|
}
|
|
if (!document.DiscoFunctions.DateDialogCreateUpdater)
|
|
{
|
|
var dialog, dialogForm, dialogHeader, dialogDateBox, dialogDatePropertyNameBox;
|
|
var updateUrl, friendlyName, dateField, userField, updatePropertyName, notSetDisplay, minDate, useAjax;
|
|
|
|
function dateDialogGet() {
|
|
if (!dialog) {
|
|
dialog = $('<div>').attr({ 'class': 'dialog' })
|
|
dialogForm = $('<form>').attr({ 'action': '/', 'method': 'post' }).appendTo(dialog);
|
|
var dialogBody = $('<p>').appendTo(dialogForm);
|
|
dialogHeader = $('<h3>').attr('autofocus', 'autofocus').appendTo(dialogBody);
|
|
dialogDatePropertyNameBox = $('<input>').attr({ 'type': 'hidden', 'name': 'key' }).appendTo(dialogBody);
|
|
dialogDateBox = $('<input>').attr({ 'type': 'datetime', 'name': 'value' }).css({ 'display': 'block', 'margin-top': 15, 'margin-left': 'auto', 'margin-right': 'auto' }).appendTo(dialogBody);
|
|
$('<input>').attr({ 'type': 'hidden', 'name': 'redirect' }).val('true').appendTo(dialogBody);
|
|
|
|
dialog.dialog({
|
|
resizable: false,
|
|
modal: true,
|
|
autoOpen: false,
|
|
buttons: {
|
|
"Update": dateDialogUpdate,
|
|
Cancel: function () {
|
|
$(this).dialog("close");
|
|
}
|
|
},
|
|
open: function () {
|
|
dialog.dialog('widget').find('.ui-dialog-buttonpane :tabbable:first').focus();
|
|
}
|
|
});
|
|
dialogDateBox.datetimepicker({
|
|
defaultDate: new Date(),
|
|
ampm: true,
|
|
changeYear: true,
|
|
changeMonth: true,
|
|
dateFormat: 'yy/mm/dd',
|
|
});
|
|
}
|
|
return dialog;
|
|
}
|
|
|
|
function dateDialogUpdate() {
|
|
var dateValue = dialogDateBox.val();
|
|
|
|
if (useAjax) {
|
|
// Use Ajax
|
|
var $dateField, $userField;
|
|
$dateField = $('#' + dateField);
|
|
if (userField)
|
|
$userField = $('#' + userField);
|
|
|
|
dialog.dialog("close");
|
|
|
|
var $ajaxLoading = ($userField ? $userField.next('.ajaxLoading') : $dateField.next('.ajaxLoading')).show();
|
|
|
|
var data = {
|
|
key: updatePropertyName,
|
|
value: dateValue
|
|
};
|
|
$.getJSON(updateUrl, data, function (response, result) {
|
|
if (result != 'success' || response.Result != 'OK') {
|
|
alert('Unable to change ' + friendlyName + ' Date:\n' + response);
|
|
$ajaxLoading.hide();
|
|
} else {
|
|
if (response.DateTimeFull) {
|
|
$dateField.attr('data-isodate', response.DateTimeISO8601)
|
|
.attr('data-livestamp', response.DateTimeUnixEpoc)
|
|
.attr('title', response.DateTimeFull)
|
|
.text(response.DateTimeFriendly);
|
|
} else {
|
|
$dateField.attr('data-isodate', '')
|
|
.attr('data-livestamp', '-1')
|
|
.attr('title', notSetDisplay)
|
|
.text(notSetDisplay);
|
|
}
|
|
if ($userField)
|
|
$userField.text('by ' + response.UserDescription);
|
|
$ajaxLoading.hide().next('.ajaxOk').show().delay('fast').fadeOut('slow');
|
|
}
|
|
})
|
|
} else {
|
|
// Post Form & Redirect
|
|
dialog.dialog("disable");
|
|
dialog.dialog("option", "buttons", null);
|
|
|
|
dialogDatePropertyNameBox.val(updatePropertyName);
|
|
dialogForm.attr('action', updateUrl);
|
|
dialogForm.submit();
|
|
}
|
|
}
|
|
|
|
function dateDialogOpen(UpdateUrl, FriendlyName, DateField, UserField, UpdatePropertyName, NotSetDisplay, MinDate, UseAjax) {
|
|
updateUrl = UpdateUrl;
|
|
friendlyName = FriendlyName;
|
|
dateField = DateField;
|
|
userField = UserField;
|
|
updatePropertyName = UpdatePropertyName;
|
|
notSetDisplay = NotSetDisplay;
|
|
minDate = MinDate;
|
|
useAjax = UseAjax;
|
|
|
|
var d = dateDialogGet();
|
|
|
|
d.dialog('option', 'title', friendlyName);
|
|
dialogHeader.text(friendlyName + ' Date');
|
|
|
|
var dfVal = $('#' + DateField).attr('data-isodate');
|
|
|
|
if (dfVal)
|
|
dialogDateBox.datetimepicker('setDate', new Date(dfVal));
|
|
else
|
|
dialogDateBox.datetimepicker('setDate', new Date());
|
|
|
|
if (MinDate)
|
|
dialogDateBox.datetimepicker('option', 'minDate', moment(minDate).toDate());
|
|
else
|
|
dialogDateBox.datetimepicker('option', 'minDate', null);
|
|
|
|
d.dialog('open');
|
|
}
|
|
|
|
function dateDialogCreateUpdater(UpdateUrl, FriendlyName, DateField, UserField, UpdatePropertyName, NotSetDisplay, MinDate, UseAjax) {
|
|
$('<a>').attr({ href: '#', 'class': 'button small', style: 'margin-right: 5px;' }).text('Update').click(function (event) {
|
|
event.preventDefault();
|
|
dateDialogOpen(UpdateUrl, FriendlyName, DateField, UserField, UpdatePropertyName, NotSetDisplay, MinDate, UseAjax);
|
|
}).insertBefore('#' + DateField);
|
|
}
|
|
|
|
document.DiscoFunctions.DateDialogCreateUpdater = dateDialogCreateUpdater;
|
|
}
|