299 lines
15 KiB
JavaScript
299 lines
15 KiB
JavaScript
/* ===========================================================
|
|
* resolveForm.js
|
|
* ===========================================================
|
|
* Copyright 2017 Prevu
|
|
* ========================================================== */
|
|
|
|
(function ($) {
|
|
|
|
"use strict"; // jshint ;_;
|
|
/* resolveForm CLASS DEFINITION
|
|
* ====================== */
|
|
|
|
var resolveForm = function (element, options) {
|
|
this.init(element, options);
|
|
};
|
|
|
|
resolveForm.prototype = {
|
|
constructor: resolveForm,
|
|
init: function (element, options) {
|
|
var plugin = this;
|
|
plugin.$options = options;
|
|
plugin.$container = $(element);
|
|
if (!plugin.$options.namePrefix) {
|
|
plugin.$options.namePrefix = plugin.$container.find('.name-prefix').data('value');
|
|
}
|
|
if (!plugin.$options.projectId || plugin.$options.projectId === C_EMPTY_GUID) {
|
|
throw "Required projectId not set. Init resolve form control cannot be performed.";
|
|
}
|
|
if (!plugin.$options.validateItemsUrl) {
|
|
throw "Required validate items URL not set. Init resolve form control cannot be performed.";
|
|
}
|
|
plugin.$form = plugin.$container.parents('form');
|
|
plugin.$container.append('<input class="project-id" type="hidden"/>');
|
|
plugin.$container.append('<input class="start-date" type="hidden"/>');
|
|
plugin.$container.append('<input class="end-date" type="hidden"/>');
|
|
if (!plugin.$form) {
|
|
throw "resolveForm widget requries ascendant form tag";
|
|
}
|
|
plugin.$dataset = [];
|
|
plugin.$table = plugin.$container.find(".tbl-conflicts");
|
|
plugin.$loader = plugin.$container.find('.loadRotator');
|
|
return true;
|
|
},
|
|
validate: function (startDate, endDate, fnCallback) {
|
|
var plugin = this;
|
|
if (startDate)
|
|
plugin.$container.find('.start-date').val(startDate);
|
|
if (endDate)
|
|
plugin.$container.find('.end-date').val(endDate);
|
|
var data = buildData(plugin);
|
|
blockUI();
|
|
var request
|
|
try {
|
|
request = getAntiXSRFRequest(plugin.$options.validateItemsUrl, data);
|
|
$.ajax(request).success(function (result, status, headers, config) {
|
|
handleAjaxResponse(result, function (response) {
|
|
if (result.Html) {
|
|
plugin.$container.html(result.Html);
|
|
plugin.initForm();
|
|
}
|
|
}, function (response) {
|
|
if (result.Html) {
|
|
plugin.$container.html(result.Html);
|
|
plugin.initForm();
|
|
}
|
|
}, null, plugin.$form, plugin.$options.namePrefix);
|
|
var hasConflicts = (plugin.$container.find('.has-conflicts').val() || '').toLowerCase() === 'true';
|
|
// run event handler if any
|
|
if (typeof plugin.$options.postRenderCallback === 'function')
|
|
plugin.$options.postRenderCallback(result.Status, hasConflicts);
|
|
// run callback passed directly to validate method if any
|
|
if (typeof fnCallback === 'function')
|
|
fnCallback(result.Status, hasConflicts);
|
|
unblockUI();
|
|
}).error(function (data, status, headers, config) {
|
|
console.debug('validate', request);
|
|
console.error('An error occurred in validate method');
|
|
showErrorModal('Project dependency validation error', 'We are sorry but there was an error while valiadting project dependencies, please try again later. If the error continues, contact administrators to fix the problem', '000019');
|
|
unblockUI();
|
|
});
|
|
} catch (e) {
|
|
console.debug('validate', request);
|
|
console.error('An error occurred in validate method while validating entered dependency conflicts resolve plan', '000020');
|
|
showErrorModal();
|
|
unblockUI();
|
|
}
|
|
},
|
|
initForm: function () {
|
|
var plugin = this;
|
|
plugin.$container.find('input.item-action').off("change.resolveForm").on("change.resolveForm", function () {
|
|
plugin.onChange(this);
|
|
});
|
|
var dateOptions = {
|
|
format: 'mm/dd/yyyy',
|
|
autoclose: true,
|
|
orientation: $('body').hasClass('right-to-left') ? "auto right" : 'auto auto',
|
|
startDate: plugin.$options.minStartDate,
|
|
endDate: plugin.$options.maxEndDate
|
|
};
|
|
$.each(plugin.$container.find('.item-custom-start-date'), function (index, item) {
|
|
$(item).datepicker(dateOptions).off("change.resolveForm").on("change.resolveForm", function () {
|
|
plugin.onChange(this);
|
|
});
|
|
});
|
|
$.each(plugin.$container.find('input.item-action'), function (index, item) {
|
|
plugin.onChange(this, true);
|
|
});
|
|
$.validator.unobtrusive.parseDynamicContent(plugin.$form, true);
|
|
},
|
|
onChange: function (element, skipSubmit) {
|
|
var plugin = this;
|
|
var container = $(element).parents('.item');
|
|
var action = container.find('input.item-action:checked').val();
|
|
// set datepicker limits
|
|
var minAvailableScenarioStartDate = container.find('input.item-min-available-scenario-start-date').val();
|
|
var maxAvailableScenarioStartDate = container.find('input.item-max-available-scenario-start-date').val();
|
|
var type = parseInt(container.find('input.item-type').val());
|
|
if (type === 0) {
|
|
container.find('.item-custom-start-date').data('datepicker').setStartDate(minAvailableScenarioStartDate);
|
|
container.find('.item-custom-start-date').data('datepicker').setEndDate(maxAvailableScenarioStartDate);
|
|
}
|
|
if (action === 'CustomMove') {
|
|
container.find('.item-date-required').val(true);
|
|
container.find('.item-custom').show();
|
|
}
|
|
else {
|
|
container.find('.item-date-required').val(false);
|
|
container.find('.item-custom').hide();
|
|
}
|
|
if (!skipSubmit)
|
|
plugin.validate();
|
|
},
|
|
getData: function () {
|
|
var plugin = this;
|
|
return buildData(plugin);
|
|
},
|
|
setDeletedItems: function (dependencies) {
|
|
var plugin = this;
|
|
// clear all items added in previous submission
|
|
var loopItems = plugin.$container.find('.item');
|
|
for (var i = 0; i < loopItems.length; i++) {
|
|
var isDeleted = loopItems.eq(i).find('.item-isdeleted').val().toLowerCase();
|
|
if (isDeleted === 'true') {
|
|
loopItems.eq(i).remove();
|
|
}
|
|
}
|
|
if (!dependencies)
|
|
return;
|
|
// add new items to be gathered during next submission
|
|
var items = $.isArray(dependencies) ? dependencies : [dependencies];
|
|
$.each(items, function (index, obj) {
|
|
var item = $('<div class="item item-new" style="display:none;"></div>');
|
|
$('<input type="hidden" class="item-id" value="' + obj.Id + '" />').appendTo(item);
|
|
$('<input type="hidden" class="item-sourceproject-id" value="' + obj.SourceProjectId + '" />').appendTo(item);
|
|
$('<input type="hidden" class="item-targetproject-id" value="' + obj.TargetProjectId + '" />').appendTo(item);
|
|
$('<input type="hidden" class="item-project-id" value="' + obj.ProjectId + '" />').appendTo(item);
|
|
$('<input type="hidden" class="item-type" value="' + obj.Type + '" />').appendTo(item);
|
|
$('<input type="hidden" class="item-isnew" value="' + obj.IsNew + '" />').appendTo(item);
|
|
$('<input type="hidden" class="item-isdeleted" value="' + obj.IsDeleted + '" />').appendTo(item);
|
|
$('<input type="radio" checked="checked" class="item-action" value="RemoveDependency" />').appendTo(item);
|
|
plugin.$container.append(item);
|
|
});
|
|
},
|
|
clearItems: function () {
|
|
plugin.$container.find('.item').remove();
|
|
},
|
|
setNewItems: function (dependencies) {
|
|
var plugin = this;
|
|
// clear all items added in previous submission except those which could be already modified by user
|
|
var loopItems = plugin.$container.find('.item');
|
|
var items = dependencies == null ? [] : $.isArray(dependencies) ? dependencies : [dependencies];
|
|
for (var i = 0; i < loopItems.length; i++) {
|
|
var isNew = loopItems.eq(i).find('.item-isnew').val().toLowerCase();
|
|
if (isNew === 'true') {
|
|
let sourceId = loopItems.eq(i).find('.item-sourceproject-id').val();
|
|
let targetId = loopItems.eq(i).find('.item-targetproject-id').val();
|
|
let keepMe = false;
|
|
for (var j = 0; j < items.length; j++) {
|
|
var obj = items[j];
|
|
if (sourceId === obj.SourceProjectId && targetId === obj.TargetProjectId) {
|
|
keepMe = true;
|
|
// update type field to keep it up to date
|
|
loopItems.eq(i).find('.item-type').val(obj.Type);
|
|
break;
|
|
}
|
|
}
|
|
if (keepMe)
|
|
items.splice(j, 1);
|
|
else
|
|
loopItems.eq(i).remove();
|
|
}
|
|
}
|
|
// add new items to be gathered during next submission
|
|
$.each(items, function (index, obj) {
|
|
var item = $('<div class="item item-new" style="display:none;"></div>');
|
|
$('<input type="hidden" class="item-id" value="' + obj.Id + '" />').appendTo(item);
|
|
$('<input type="hidden" class="item-sourceproject-id" value="' + obj.SourceProjectId + '" />').appendTo(item);
|
|
$('<input type="hidden" class="item-targetproject-id" value="' + obj.TargetProjectId + '" />').appendTo(item);
|
|
$('<input type="hidden" class="item-project-id" value="' + obj.ProjectId + '" />').appendTo(item);
|
|
$('<input type="hidden" class="item-type" value="' + obj.Type + '" />').appendTo(item);
|
|
$('<input type="hidden" class="item-isnew" value="' + obj.IsNew + '" />').appendTo(item);
|
|
$('<input type="hidden" class="item-isdeleted" value="' + obj.IsDeleted + '" />').appendTo(item);
|
|
$('<input type="radio" checked="checked" class="item-action" value="DontMove" />').appendTo(item);
|
|
plugin.$container.append(item);
|
|
});
|
|
},
|
|
destroy: function () {
|
|
var plugin = this;
|
|
var e = $.Event('destroy');
|
|
plugin.$container.trigger(e);
|
|
if (e.isDefaultPrevented())
|
|
return;
|
|
plugin.$container
|
|
.off('.resolveForm')
|
|
.removeData('resolveForm');
|
|
plugin.$form = null;
|
|
plugin.$dataset = null;
|
|
plugin.$table = null;
|
|
plugin.$loader = null;
|
|
plugin.$container.children().remove();
|
|
plugin.$container = null;
|
|
}
|
|
};
|
|
function startLoading(plugin) {
|
|
plugin.$table.find('tbody tr:not(.empty)').remove();
|
|
plugin.$table.hide();
|
|
plugin.$addButton.hide();
|
|
plugin.$loader.show();
|
|
}
|
|
function stopLoading(plugin) {
|
|
plugin.$loader.hide();
|
|
plugin.$addButton.show();
|
|
plugin.$table.show();
|
|
}
|
|
function buildData(plugin) {
|
|
var data = {
|
|
ProjectId: plugin.$options.projectId,
|
|
ScenarioId: plugin.$options.scenarioId,
|
|
StartDate: plugin.$container.find('.start-date').val(),
|
|
EndDate: plugin.$container.find('.end-date').val(),
|
|
ResolvePlan: [],
|
|
}
|
|
$.each(plugin.$container.find('.item'), function (index, item) {
|
|
data.ResolvePlan[index] = {
|
|
ProjectId: $(item).find('.item-project-id').val(),
|
|
Action: $(item).find('.item-action:checked').val(),
|
|
SourceProjectId: $(item).find('.item-sourceproject-id').val(),
|
|
TargetProjectId: $(item).find('.item-targetproject-id').val(),
|
|
Id: $(item).find('.item-id').val(),
|
|
Level: $(item).find('.item-level').val(),
|
|
ProjectName: $(item).find('.item-project-name').val(),
|
|
SourceEndDate: $(item).find('.item-source-end-date').val(),
|
|
SourceProjectName: $(item).find('.item-sourceproject-name').val(),
|
|
SourceStartDate: $(item).find('.item-source-start-date').val(),
|
|
TargetEndDate: $(item).find('.item-target-end-date').val(),
|
|
TargetProjectName: $(item).find('.item-targetproject-name').val(),
|
|
TargetStartDate: $(item).find('.item-target-start-date').val(),
|
|
Type: $(item).find('.item-type').val(),
|
|
MoveStartDate: $(item).find('.item-custom-start-date').val(),
|
|
MoveEndDate: $(item).find('.item-custom-end-date').val(),
|
|
OldStartDate: $(item).find('.item-old-start-date').val(),
|
|
OldEndDate: $(item).find('.item-old-end-date').val(),
|
|
IsNew: $(item).find('.item-isnew').val(),
|
|
IsDeleted: $(item).find('.item-isdeleted').val(),
|
|
};
|
|
});
|
|
return data;
|
|
}
|
|
/* resolveForm PLUGIN DEFINITION
|
|
* ======================= */
|
|
|
|
$.fn.resolveForm = function (option, args) {
|
|
return this.each(function () {
|
|
var $this = $(this),
|
|
plugin = $this.data('resolveForm'),
|
|
options = $.extend({}, $.fn.resolveForm.defaults, $this.data(), typeof option === 'object' && option);
|
|
|
|
if (plugin && options.forceReinit) {
|
|
plugin.$form.html("");
|
|
plugin.destroy();
|
|
plugin = undefined;
|
|
}
|
|
if (!plugin) {
|
|
$this.data('resolveForm', (plugin = new resolveForm(this, options)));
|
|
}
|
|
if (typeof option === 'string')
|
|
plugin[option].apply(plugin, [].concat(args));
|
|
});
|
|
};
|
|
$.fn.resolveForm.defaults = {
|
|
validateItemsUrl: '/Project/ValidateDependencyConflicts',
|
|
postRenderCallback: null,
|
|
projectId: null,
|
|
namePrefix: 'model.',
|
|
minStartDate: null,
|
|
maxEndDate: null
|
|
};
|
|
$.fn.resolveForm.Constructor = resolveForm;
|
|
}(jQuery)); |