ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / letacommog / crmleta / layouts / v7 / modules / Calendar / resources

/*+***********************************************************************************
 * The contents of this file are subject to the vtiger CRM Public License Version 1.0
 * ("License"); You may not use this file except in compliance with the License
 * The Original Code is: vtiger CRM Open Source
 * The Initial Developer of the Original Code is vtiger.
 * Portions created by vtiger are Copyright (C) vtiger.
 * All Rights Reserved.
 *************************************************************************************/

Vtiger_Index_Js("Vtiger_TaskManagement_Js",{},{

overlayContainer : false,
	getOverlayContainer : function(){
		if(this.overlayContainer === false){
			this.overlayContainer = jQuery('#taskManagementContainer');
		}
		return this.overlayContainer;
	},

getModuleName : function(){
		return "Calendar";
	},

getColors : function(){
	  return jQuery('input[name="colors"]').val();  
	},

saveFieldValue : function(recordId, fieldNameValueMap){
		var aDeferred = jQuery.Deferred();

var data = {};
		if(typeof fieldNameValueMap != 'undefined'){
			data = fieldNameValueMap;
		}
		data['record'] = recordId;
		data['module'] = this.getModuleName();
		data['calendarModule'] = this.getModuleName();
		data['action'] = 'SaveAjax';

app.request.post({data:data}).then(
			function(err, reponseData){
				if(err === null){
					app.helper.showSuccessNotification({"message":''});
					aDeferred.resolve(reponseData);
				} else {
					app.helper.showErrorNotification({"message":err});
				}
			}
		);
	   return aDeferred.promise(); 
	},

registerStatusCheckboxEvent : function(){
		var thisInstance = this;
		var overlay = this.getOverlayContainer();
		overlay.on('click','.statusCheckbox',function(e){
			var element = overlay.find(e.currentTarget);
			var task = element.closest('.task');
			var taskSubjectEle = task.find('.taskSubject');
			var recordId = task.data('recordid');
			var fieldNameValueMap = {};
			if (element.is(':checked')) {
				element.disable();
				fieldNameValueMap['value'] = 'Completed';
				fieldNameValueMap['field'] = 'taskstatus';
				app.helper.showProgress();
				thisInstance.saveFieldValue(recordId,fieldNameValueMap).then(function(){
					app.helper.hideProgress();
					taskSubjectEle.addClass("textStrike");
					thisInstance.clearExistingCustomScroll();
					thisInstance.loadContents();
				});
			}
		});
	},

getAllContents : function(params){
		var aDeferred = jQuery.Deferred();
		this.filterRecords(params, "getAllContents").then(function(data){
			aDeferred.resolve(data);
		});
		return  aDeferred.promise();
	},

getContentsOfPriority : function(params){
		var aDeferred = jQuery.Deferred();
		this.filterRecords(params, "getContentsOfPriority").then(function(data){
			aDeferred.resolve(data);
		});
		return  aDeferred.promise();
	},

filterRecords : function(params,mode){
		var aDeferred = jQuery.Deferred();
		var filters = this.getAllFilterParams();

var dataParams = {
			'module' : this.getModuleName(),
			'filters': filters,
			'view' : 'TaskManagement',
			'mode' : mode
		}

var dataParams = jQuery.extend(dataParams,params);

var colors = this.getColors();
		if(typeof colors != "undefined"){
			dataParams["colors"] = colors;
		}

app.request.get({"data":dataParams}).then(function(err,data){
			if(err === null){
				aDeferred.resolve(data);
			}
		});
		return  aDeferred.promise();
	},

clearExistingCustomScroll : function(){
		var blocksList = jQuery(".contentsBlock");
		blocksList.each(function(index,blockElement){
			var blockElement = jQuery(blockElement);
			var scrollableElement = blockElement.find('.scrollable');
			scrollableElement.mCustomScrollbar('destroy');
		});
	},

registerDateFilters : function(){
		var thisInstance = this;
		var overlay = this.getOverlayContainer();
		overlay.on("click",".dateFilters button",function(e){
			var currentTarget = jQuery(e.currentTarget);
			if(!currentTarget.hasClass('rangeDisplay')){
			jQuery('#taskManagementContainer .dateFilters button').removeClass('active');
				currentTarget.addClass('active');
				thisInstance.clearExistingCustomScroll();
			thisInstance.loadContents();
			app.helper.hideProgress();
			}
		});

overlay.on('datepicker-change', 'button[data-calendar-type="range"]', function(e){
			var element = jQuery(e.currentTarget);
			jQuery('#taskManagementContainer .dateFilters button').removeClass('active');
			element.addClass('active');
			var parentContainer = element.closest('.dateFilters');
			parentContainer.find('.selectedRange').html("("+element.val()+")").closest('button').removeClass('hide');
			thisInstance.clearExistingCustomScroll();
			thisInstance.loadContents();
		});

overlay.on('click', '.clearRange', function(e){
			var container = jQuery('.dateFilters');
			container.find('[data-filtermode="all"]').trigger('click');
			container.find('.rangeDisplay').addClass('hide');
		});
	},

registerTaskManagementSearch : function(){
		var thisInstance = this;
		var overlay = this.getOverlayContainer();
		overlay.find('#taskManagementOtherFilters').find('.search').on('click',function(e){
			thisInstance.clearExistingCustomScroll();
			thisInstance.loadContents();
		});
	},

registerQuickEditTaskEvent : function(){
		var thisInstance = this;
		var overlay = this.getOverlayContainer();
		jQuery('#taskManagementContainer').on('click', ".quickTask",function(e){
			e.stopImmediatePropagation();
			var target = jQuery(e.currentTarget);
			var quickCreateNode = jQuery('#quickCreateModules').find('[data-name="Calendar"]');
			if(quickCreateNode.length <= 0) {
				app.helper.showErrorMessage(app.vtranslate('JS_NO_CREATE_OR_NOT_QUICK_CREATE_ENABLED'));
			}

var priority = target.closest(".content").data("priority");
			app.event.one("post.QuickCreateForm.show",function(event,form){
				var basicInfo = target.closest(".task").data('basicinfo');
				var recordId = target.closest(".task").data('recordid');

form.find('.modal-header h4').html(app.vtranslate('JS_CREATE_TASK'));

if(typeof basicInfo != "undefined"){
					// we should set field values when we edit any record
					form.append("<input type=hidden name=record value='"+recordId+"'>");
					thisInstance.fillPopoverFieldValues(form,basicInfo);
				} else {
					var taskSubject = jQuery(".taskSubject."+priority).val();
					if(taskSubject.length > 0){
						form.find('input[name="subject"]').val(taskSubject);
					}
					var taskStatus = form.find('select[name="taskstatus"]');
					taskStatus.val('Not Started');
					vtUtils.showSelect2ElementView(taskStatus);
				}

var taskPriority = form.find('select[name="taskpriority"]');
				if(taskPriority.length > 0){
					taskPriority.val(priority);
					vtUtils.showSelect2ElementView(taskPriority);
				}

form.append("<input type=hidden name='taskpriority' value='"+priority+"'>");
			});

var QuickCreateParams = {};
			QuickCreateParams['noCache'] = false;
			quickCreateNode.trigger('click', QuickCreateParams);
		});
	},

registerPostQuickCreateSaveEvent : function() {
		var thisInstance = this;
		app.event.on('post.QuickCreateForm.save',function(event,data){
			if(typeof data == 'object'){
				priority = data['taskpriority']['value'];
			}
			var contentsBlock = jQuery("#taskManagementContainer").find(".contentsBlock ."+priority.toLowerCase()+"");
			thisInstance.clearExistingCustomScroll();
			thisInstance.loadContent(priority.toLowerCase());
		});
	},

fillPopoverFieldValues : function(form,data){
		var formName = form.attr('name');
		for (var key in data) {
			var value = data[key];
			if((key == 'parent_id') || (key == 'contact_id')){
				var fieldElement = jQuery('form[name="'+formName+'"]').find('[name="'+key+'_display"]');
			}else{
				var fieldElement = jQuery('form[name="'+formName+'"]').find('[name="'+key+'"]');
			}

if(fieldElement.length > 0){
				var elementType = fieldElement.data("fieldtype");
				if(elementType == "picklist" || elementType == "owner"){
					fieldElement.select2("val", value);
				} else if(elementType == "multipicklist"){
					// for multipicklist name in field element will be key[]
					fieldElement = jQuery('form[name="'+formName+'"]').find('[name="'+key+'[]"]');
					if(value != null){
						value = value.split(" |##| ");
					}
					fieldElement.select2("val", value);
				}else if(elementType == "checkbox"){
					if(value == 1){
						fieldElement.attr("checked",true);
						fieldElement.prop("checked",true);
					} else {
						fieldElement.attr("checked",false);
						fieldElement.prop("checked",false);
					}
				} else if(elementType == "reference"){
					var parent = fieldElement.closest('.input-group');
					if((value != null) && (value["id"] != null)){
						parent.find(".sourceField").attr("value",value["id"]);
						fieldElement.val(value["display_value"]);
						fieldElement.attr("disabled","disabled");
						parent.find('.clearReferenceSelection').removeClass('hide');
						parent.find('input[name="popupReferenceModule"]').val(value["module"]);

/**
	 * Function to get parameters for related module popup
	 * @param {type} container
	 * @returns {TaskManagementAnonym$1.getPopUpParams.params|TaskManagementAnonym$1.getPopUpParams@call;_super}
	 */
	getPopUpParams : function(container) {
		var params = this._super(container);
		var sourceFieldElement = jQuery('input[class="sourceField"]',container);

if(sourceFieldElement.attr('name') == 'contact_id') {
			var form = container.closest('form');
			var parentIdElement  = form.find('[name="parent_id"]');
			var closestContainer = parentIdElement.closest('.referencefield-wrapper');
			var referenceModule = closestContainer.find('[name="popupReferenceModule"]');
			if(parentIdElement.length > 0 && parentIdElement.val().length > 0 && referenceModule.length >0) {
				params['related_parent_id'] = parentIdElement.val();
				params['related_parent_module'] = referenceModule.val();
			}
		}
		return params;
	},

saveNewTask : function(fieldValues){
		var aDeferred = jQuery.Deferred();
		var params = {
			'module' : this.getModuleName(),
			'action' : 'TaskManagement',
			'mode' : 'addTask',
			'calendarModule':this.getModuleName()
		}

registerSubjectFieldEnterEvent : function(){
		var thisInstance = this;
		var overlay = this.getOverlayContainer();
		overlay.on("keypress",".taskSubject",function(e){
			var currentTarget = jQuery(e.currentTarget);
			var keycode = (e.keyCode ? e.keyCode : e.which);
			if(keycode == '13'){
				jQuery(this).blur();
				var subject = currentTarget.val();
				var priority = currentTarget.closest('.content').data("priority");
				if(subject.trim() == ""){
					app.helper.showErrorNotification({'message': app.vtranslate('JS_SUBJECT_VALUE_CANT_BE_EMPTY')})
					return false;
				}
				var form = jQuery(".editTaskContent").find("#editTask").clone().removeClass('hide');
				vtUtils.applyFieldElementsView(form);
				var formValues = form.serializeArray();

var count = formValues.length;
				var fieldNameValueMap = {};
				for(var i=0 ; i<count;i++){
					var dataElement = formValues[i];
					fieldNameValueMap[dataElement["name"]] = dataElement["value"];
				}
				fieldNameValueMap["taskpriority"] = priority;
				fieldNameValueMap["subject"] = subject;
				fieldNameValueMap["taskstatus"] = 'Not Started';
				fieldNameValueMap["assigned_user_id"] = app.getUserId();

app.helper.showProgress();
				thisInstance.saveNewTask(fieldNameValueMap).then(function(e){
					currentTarget.val("");
					var contentsBlock = jQuery("#taskManagementContainer").find(".contentsBlock ."+priority.toLowerCase()+"");
					thisInstance.clearExistingCustomScroll();
					thisInstance.loadContent(priority.toLowerCase());
				});
			}
		})
	},

registerEditedTaskCancelEvent : function(e){
		var overlay = this.getOverlayContainer();
		overlay.on("click",".popoverClose",function(){
			var popoverDescribedBy = jQuery(this).closest('.popover').attr('id');
			jQuery('[aria-describedby="'+popoverDescribedBy+'"]').popover("hide");
		});
	},

getAllFilterParams : function(){
		var filterParams = {};
		var dateFilter = jQuery('.dateFilters button.active');
		var filterMode = dateFilter.data('filtermode');
		filterParams["date"] = filterMode;

if(filterMode == "range"){
			var rangeValue = dateFilter.val();
			var res = rangeValue.split(",");
			filterParams['startRange'] = res[0];
			filterParams['endRange'] = res[1];
		}

var statusFilter = jQuery('.otherFilters select[name="taskstatus"]').val();
		if(statusFilter){
			filterParams["status"] = statusFilter;
		}

var userFilter = jQuery('.otherFilters select[name="assigned_user_id"]').val();
		if(userFilter){
			filterParams["assigned_user_id"] = userFilter;
		}

return filterParams;
	},

registerParentModuleChangeEvent : function(e){
		var overlay = this.getOverlayContainer();
		overlay.on('change',"select.referenceModulesList:visible",function(e){
			var currentTarget = jQuery(e.currentTarget);
			var selectedValue = currentTarget.select2("val");

var field = currentTarget.closest(".field");
			var fieldValue = field.find('.fieldValue');
			fieldValue.find('input[name="popupReferenceModule"]').val(selectedValue);
			fieldValue.find('.clearReferenceSelection').click();
		});
	},

registerTaskDragEvent : function(e) {
		var overlay = this.getOverlayContainer();
		// appendTo : will allow the draggable element to view on top of given element
		overlay.find('.ui-draggable').draggable({appendTo:".data-body",revert: "invalid",helper:'clone',cursor: 'move', 
			drag:function(e, ui){
				ui.helper.css({
					'width': '30%',
					'background-color':'white',
					'height':'auto'
				});
			}
		});
	},

registerTaskDropEvent : function() {
		var thisInstance = this;
		var overlay = this.getOverlayContainer();
		overlay.find(".ui-droppable").droppable({
			'accept' : '.ui-draggable',
			drop: function( event, ui ) {
				var currentBlock = jQuery(this);
				var priority = currentBlock.find('.content').data("priority");

var colors = JSON.parse(jQuery('input[name="colors"]').val());
				var color = colors[priority];

var draggedElement = jQuery(ui.draggable);
				var draggedElementTask = draggedElement.find(".task");
				var draggedElementPriority = draggedElementTask.data("priority");

if(draggedElementPriority != priority){
					var draggedElementrecordID = draggedElementTask.data("recordid");
					var fieldNameValueMap = {"taskpriority":priority};
					app.helper.showProgress();
					thisInstance.saveFieldValue(draggedElementrecordID,fieldNameValueMap).then(function(data){
						if(data){
							app.helper.hideProgress();
							draggedElementTask.attr("data-priority",priority).data('priority',priority);
							draggedElementTask.css({"border-left":"4px solid "+color});
							currentBlock.find("."+priority.toLowerCase()+"-entries").prepend(draggedElement);
							thisInstance.clearExistingCustomScroll();
							var params = {
								setHeight: '400px',
								autoHideScrollbar: false
							};
							thisInstance.loadContent(priority.toLowerCase());
//							app.helper.showVerticalScroll(currentBlock.find("."+priority.toLowerCase()+"-entries"),params);
						}
					})
				}
			}
		});
	},

loadContent : function(priority){
		var thisInstance = this;
		var blockElement = jQuery("#taskManagementContainer").find(".contentsBlock."+priority+"");
		var priority = blockElement.data("priority");

var params = {
			"priority" : priority
		};

thisInstance.getContentsOfPriority(params).then(function(data){
			app.helper.hideProgress();
			blockElement.find(".dataEntries").html(data);
			blockElement.attr("data-page",1).data("page",1);
			app.event.trigger("post.filter.load");
		});
	},

loadContents : function(){
		var thisInstance = this;
		app.helper.showProgress();
		thisInstance.getAllContents({}).then(function(data){
			app.helper.hideProgress();
			var data = JSON.parse(data);
			var blocksList = jQuery(".contentsBlock");
			blocksList.each(function(index,blockElement){
				var blockElement = jQuery(blockElement);
				var priority = blockElement.data('priority');
				blockElement.find(".dataEntries").html(data[priority]);
				blockElement.attr("data-page",1).data("page",1);
			});
			app.event.trigger("post.filter.load");
		});
	},

registerMoreButtonClickEvent : function(){
		var thisInstance = this;
		var overlay = this.getOverlayContainer();
		var fetchingContents = false;
		overlay.on("click",'button.moreRecords',function(e){
			if(!fetchingContents) {
				fetchingContents = true;
				var currentTarget = jQuery(e.currentTarget);
				var blockElement = currentTarget.closest(".contentsBlock");
				var priority  = blockElement.attr('data-priority');
				var page  = blockElement.attr("data-page");
				page = parseInt(parseFloat(page)) + 1;
				app.helper.showProgress();
				var params = {
					"priority":priority,
					"page" : page
				};
				thisInstance.getContentsOfPriority(params).then(function(data){
					fetchingContents = false;
					currentTarget.closest(".moreButtonBlock").remove();
					blockElement.find(".dataEntries").append(data);
					blockElement.attr("data-page",page).data("page",page);
					thisInstance.clearExistingCustomScroll();
					app.event.trigger("post.filter.load");
				});
			}
		});
	},

registerDeleteTaskEvent : function(){
		var overlay = this.getOverlayContainer();
		overlay.on('click', '.taskDelete', function(e){
		   var elem = jQuery(e.currentTarget);
		   var container = elem.closest('div.task');
		   var recordId = container.data('recordid');
		   var params = {
			   'module' : 'Calendar',
			   'action' : 'DeleteAjax',
			   'record' : recordId
		   };
		   var message = app.vtranslate('JS_ARE_YOU_SURE_YOU_WANT_TO_DELETE');
			app.helper.showConfirmationBox({'message' : message}).then(function() {
				app.helper.showProgress();
				app.request.post({"data":params}).then(function(err,data){
					if(err === null){
						container.closest('.entries').remove();
						app.helper.hideProgress();
					}
				});
			});
		});
	},

initializeTaskStatus : function(){
		var container = this.getOverlayContainer();
		var taskStatus = container.find('select[name="taskstatus"]');
		if(taskStatus.length > 0){
			taskStatus.find('[value="Not Started"]').attr('selected', "selected");
			taskStatus.find('[value="In Progress"]').attr('selected', "selected");
			taskStatus.find('[value="Pending Input"]').attr('selected', "selected");
			taskStatus.find('[value="Planned"]').attr('selected', "selected");
			vtUtils.showSelect2ElementView(taskStatus);
			this.loadContents();
		}
	},

registerQuickPreviewForTask : function(){
		var self = this;
		var container = this.getOverlayContainer();
		container.on('click', '.quickPreview', function(e){
			e.preventDefault();
			var element = jQuery(e.currentTarget);
			var recordId = element.data('id');
			var href = element.attr("href");
			var module = self.getModuleName();
			if(typeof href != 'undefined'){
				var data = app.convertUrlToDataParams(href);
				module = data.module;
			}
			var vtigerInstance = Vtiger_Index_Js.getInstance();
			vtigerInstance.showQuickPreviewForId(recordId, module);
		});
	},

registerEvents : function(){
		var thisInstance = this;
//		this.loadContents();
		this.registerMoreButtonClickEvent();
		this.registerStatusCheckboxEvent();
		this.registerDateFilters();
		this.registerTaskManagementSearch();
		this.registerEditedTaskCancelEvent();
		this.registerSubjectFieldEnterEvent();
		this.registerParentModuleChangeEvent();
		this.registerTaskDropEvent();
		this.registerDeleteTaskEvent();
		this.registerQuickEditTaskEvent();
		this.registerPostQuickCreateSaveEvent();
		this.initializeTaskStatus();
		this.registerQuickPreviewForTask();
		vtUtils.registerEventForDateFields(jQuery('#taskManagementContainer'));

app.event.on("post.filter.load",function(e){
			var params = {
				setHeight: '400px',
				autoHideScrollbar: false
			 };
			 app.helper.showVerticalScroll(jQuery('.scrollable'),params);
			 thisInstance.registerTaskDragEvent();
			 app.helper.hideProgress();
		});
	}
});

[+] ..
[-] Detail.js [edit]
[-] Edit.js [edit]
[-] Calendar.js [edit]
[-] List.js [edit]
[-] TaskManagement.js [edit]
[-] SharedCalendar.js [edit]