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

PATH: home / letacommog / crmleta / layouts / v7 / modules / Vtiger / 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.
 *************************************************************************************/

jQuery.Class("Vtiger_RelatedList_Js",{
	loaded : true,
	
	getInstance: function(parentId, parentModule, selectedRelatedTabElement, relatedModuleName) {
		var moduleClassName = parentModule+"_RelatedList_Js";
		var fallbackClassName = Vtiger_RelatedList_Js;
		if(typeof window[moduleClassName] != 'undefined') {
			var instance = new window[moduleClassName](parentId, parentModule, selectedRelatedTabElement, relatedModuleName);
		} else {
			var instance = new fallbackClassName(parentId, parentModule, selectedRelatedTabElement, relatedModuleName);
		}

return instance;
	}

},{
	
	selectedRelatedTabElement : false,
	parentRecordId : false,
	parentModuleName : false,
	relatedModulename : false,
	relatedTabsContainer : false,
	detailViewContainer : false,
	relatedContentContainer : false,
    parentId : false,
	
	setSelectedTabElement : function(tabElement) {
		this.selectedRelatedTabElement = tabElement;
	},
	
	getSelectedTabElement : function(){
		return this.selectedRelatedTabElement;
	},
	
	triggerDisplayTypeEvent : function() {
		var widthType = app.cacheGet('widthType', 'narrowWidthType');
		if(widthType) {
			var elements = jQuery('.listViewEntriesTable').find('td,th');
			elements.attr('class', widthType);
		}
	},
    
	updateRelatedRecordsCount: function (relationId) {
		var recordId = app.getRecordId();
		var moduleName = app.getModuleName();
		var detailInstance = new Vtiger_Detail_Js();
		detailInstance.getRelatedRecordsCount(recordId, moduleName, relationId).then(function (data) {
			var relatedRecordsCount = data[relationId];
			var element = new Object(jQuery("a", "li[data-relation-id=" + relationId + "]"));
			// we should only show if there are any related records
			var numberEle = element.find('.numberCircle');
			numberEle.text(relatedRecordsCount);
			if (relatedRecordsCount > 0) {
				numberEle.removeClass('hide');
			} else {
				numberEle.addClass('hide');
			}
			element.attr("recordscount", relatedRecordsCount);
		});
	},

getCurrentPageNum : function() {
		return jQuery('input[name="currentPageNum"]',this.relatedContentContainer).val();
	},
	
	setCurrentPageNumber : function(pageNumber){
		jQuery('input[name="currentPageNum"]').val(pageNumber);
	},
	
	/**
	 * Function to get Order by
	 */
	getOrderBy : function(){
		return jQuery('#orderBy').val();
	},
	
	/**
	 * Function to get Sort Order
	 */
	getSortOrder : function(){
			return jQuery("#sortOrder").val();
	},
	
	getCompleteParams : function(){
		var params = {};
		params['view'] = "Detail";
		params['module'] = this.parentModuleName;
		params['record'] = this.getParentId(),
		params['relatedModule'] = this.relatedModulename,
		params['sortorder'] =  this.getSortOrder(),
		params['orderby'] =  this.getOrderBy(),
		params['page'] = this.getCurrentPageNum();
		params['mode'] = "showRelatedList";
		params['tab_label'] = this.selectedRelatedTabElement.data('label-key');
        var detailInstance = Vtiger_Detail_Js.getInstance();
        var searchParams = JSON.stringify(detailInstance.getRelatedListSearchParams());
        params['search_params'] = searchParams;
        params['nolistcache'] = (jQuery('#noFilterCache').val() == 1) ? 1 : 0;
		return params;
	},
    
    loadRelatedList : function(params){
		var aDeferred = jQuery.Deferred();
		var thisInstance = this;
		if(typeof this.relatedModulename== "undefined" || this.relatedModulename.length <= 0 ) {
			return;
		}
        
		var completeParams = this.getCompleteParams();
		jQuery.extend(completeParams,params);
        app.helper.showProgress();
        
		app.event.trigger('pre.relatedListLoad.click');
		
        app.request.get({data:completeParams}).then(
			function(error,responseData){
                app.helper.hideProgress();
				thisInstance.relatedTabsContainer.find('li').removeClass('active');
				thisInstance.selectedRelatedTabElement.addClass('active');
				container = jQuery('div.details');
                container.html(responseData);
                vtUtils.applyFieldElementsView(container);
				thisInstance.initializePaginationEvents();
                thisInstance.triggerRelationAdditionalActions();
				app.event.trigger('post.relatedListLoad.click', container);
                
				aDeferred.resolve(responseData);
			},
			
			function(textStatus, errorThrown){
                app.helper.hideProgress();
				aDeferred.reject(textStatus, errorThrown);
			}
		);
		return aDeferred.promise();
	},
    
    getParentId : function(){
		return this.parentRecordId;
	},
        setParentId : function(parentId){
            this.parentRecordId = parentId;
        },
       
    /**
	 * Function to select related record for the module
	 */
    showSelectRelationPopup : function(){
        var popupParams = this.getPopupParams(); 
        var popupjs = new Vtiger_Popup_Js();
        popupjs.showPopup(popupParams,"post.RecordList.click");
	},
    
    /**
	 * Function to fetch popup params
	 */
    getPopupParams : function(){
		var parameters = {};
		var parameters = {
			'module' : this.relatedModulename,
			'src_module' : this.parentModuleName,
			'src_record' : this.parentRecordId,
			'multi_select' : true,
            'view' : 'Popup',
            'relationId' : this.getSelectedTabElement().data('relationId')
		};
		return parameters;
	},

/**
	 * Function to add related record for the module
	 */
	addRelatedRecord : function(element , callback){
		var aDeferred = jQuery.Deferred();
		var thisInstance = this;
		var	referenceModuleName = this.relatedModulename;
		var parentId = this.getParentId();
		var parentModule = this.parentModuleName;
		var quickCreateParams = {};
		var relatedParams = {};
		var relatedField = element.data('name');
		var fullFormUrl = element.data('url');
		relatedParams[relatedField] = parentId;
		var eliminatedKeys = new Array('view', 'module', 'mode', 'action');

app.event.one('post.QuickCreateForm.show',function(event,data){
            var index,queryParam,queryParamComponents;
			
			//To handle switch to task tab when click on add task from related list of activities
			//As this is leading to events tab intially even clicked on add task
            /*
             * Not required as we are now showing only one button for adding activities
			if(typeof fullFormUrl != 'undefined' && fullFormUrl.indexOf('?')!== -1) {
				var urlSplit = fullFormUrl.split('?');
				var queryString = urlSplit[1];
				var queryParameters = queryString.split('&');
				for(index=0; index<queryParameters.length; index++) {
					queryParam = queryParameters[index];
					queryParamComponents = queryParam.split('=');
					if(queryParamComponents[0] == 'mode' && queryParamComponents[1] == 'Calendar'){
						data.find('a[data-tab-name="Task"]').trigger('click');
                        data.find('[name="calendarModule"]').val('Calendar');
					}
				}
			}
            */
			jQuery('<input type="hidden" name="sourceModule" value="'+parentModule+'" />').appendTo(data);
			jQuery('<input type="hidden" name="sourceRecord" value="'+parentId+'" />').appendTo(data);
			jQuery('<input type="hidden" name="relationOperation" value="true" />').appendTo(data);
			
			if(typeof relatedField != "undefined"){
				var field = data.find('[name="'+relatedField+'"]');
				//If their is no element with the relatedField name,we are adding hidden element with
				//name as relatedField name,for saving of record with relation to parent record
				if(field.length == 0){
					jQuery('<input type="hidden" name="'+relatedField+'" value="'+parentId+'" />').appendTo(data);
				}
			}
			for(index=0; index<queryParameters.length; index++) {
				queryParam = queryParameters[index];
				queryParamComponents = queryParam.split('=');
				if(jQuery.inArray(queryParamComponents[0], eliminatedKeys) == '-1' && data.find('[name="'+queryParamComponents[0]+'"]').length == 0) {
					jQuery('<input type="hidden" name="'+queryParamComponents[0]+'" value="'+queryParamComponents[1]+'" />').appendTo(data);
				}
			}
            if(typeof callback !== 'undefined') {
                callback();
            }
        });
        
        app.event.one('post.QuickCreateForm.save',function(event,data){
            //After adding Event to related list, reverting related module name back to Calendar from Events 
            if(thisInstance.relatedModulename === 'Events'){
                thisInstance.relatedModulename = 'Calendar';
			}
            thisInstance.loadRelatedList().then(function(data){
                var selectedTabElement = thisInstance.selectedRelatedTabElement;
                if(thisInstance.relatedModulename == 'Calendar'){
                    var params = thisInstance.getPageJumpParams();
                    app.request.post(params).then(function(error, data){
                        var numberOfRecords = data.numberOfRecords;
                        // we should only show if there are any related records
                        var numberEle = selectedTabElement.find('.numberCircle');
                        numberEle.text(numberOfRecords);
                        if(numberOfRecords > 0) {
                            numberEle.removeClass('hide');
                        }else{
                            numberEle.addClass('hide');
                        }
                    });
                } else {
                    thisInstance.updateRelatedRecordsCount(selectedTabElement.data('relation-id'),[1],true);
                }
                aDeferred.resolve(data);
            });
        });
		
		//If url contains params then seperate them and make them as relatedParams
		if(typeof fullFormUrl != 'undefined' && fullFormUrl.indexOf('?')!== -1) {
			var urlSplit = fullFormUrl.split('?');
			var queryString = urlSplit[1];
			var queryParameters = queryString.split('&');
			for(var index=0; index<queryParameters.length; index++) {
				var queryParam = queryParameters[index];
				var queryParamComponents = queryParam.split('=');
				if(jQuery.inArray(queryParamComponents[0], eliminatedKeys) == '-1') {
					relatedParams[queryParamComponents[0]] = queryParamComponents[1];
				}
			}
		}
		
		quickCreateParams['data'] = relatedParams;
		quickCreateParams['noCache'] = true;
		var quickCreateNode = jQuery('#quickCreateModules').find('[data-name="'+ referenceModuleName +'"]');
		if(quickCreateNode.length <= 0) {
			Vtiger_Helper_Js.showPnotify(app.vtranslate('JS_NO_CREATE_OR_NOT_QUICK_CREATE_ENABLED'))
		}
		quickCreateNode.trigger('click',quickCreateParams);
		return aDeferred.promise();
	},
    
    deleteRelation : function(relatedIdList, customParams) {
		var aDeferred = jQuery.Deferred();
        var thisInstance = this;
		var params = {};
		params['mode'] = "deleteRelation";
		params['module'] = this.parentModuleName;
		params['action'] = 'RelationAjax';

function(textStatus, errorThrown){
				aDeferred.reject(textStatus, errorThrown);
			}
		);
		return aDeferred.promise();
	},
    
    addRelations : function(idList){
        var thisInstance = this;
		var aDeferred = jQuery.Deferred();
		var sourceRecordId = this.parentRecordId;
		var sourceModuleName = this.parentModuleName;
		var relatedModuleName = this.relatedModulename;
        var selectedTabElement = this.getSelectedTabElement();
        if(selectedTabElement.length > 0){
            var relationId = selectedTabElement.data('relationId');
        }

var params = {};
		params['mode'] = "addRelation";
		params['module'] = sourceModuleName;
		params['action'] = 'RelationAjax';
		params['relationId'] = relationId;
		params['related_module'] = relatedModuleName;
		params['src_record'] = sourceRecordId;
		params['related_record_list'] = JSON.stringify(idList);

app.helper.showProgress();
        
		app.request.post({"data":params}).then(
			function(responseData){
                thisInstance.updateRelatedRecordsCount(relationId,idList,true);
                app.helper.hideProgress();
				aDeferred.resolve(responseData);
			},

function(textStatus, errorThrown){
                app.helper.hideProgress();
				aDeferred.reject(textStatus, errorThrown);
			}
		);
		return aDeferred.promise();
	},
    
    
    
    triggerRelationAdditionalActions : function() {
	},
	
	registerScrollForRollupComments : function() {
        jQuery(document).scroll(function() {
            if ($(window).scrollTop() + $(window).height() >= $(document).height() - 30
                && jQuery('div.commentContainer').length > 0 
                && jQuery('.widgetContainer_comments').length === 0
                && jQuery('#rollupcomments').attr('rollup-status') > 0) {
				
                if(Vtiger_RelatedList_Js.loaded && jQuery('#rollupcomments').attr('hascomments') == 1) {
                    Vtiger_RelatedList_Js.loaded = false;
					app.helper.showProgress();
                    var currentTarget = jQuery('#rollupcomments');
                    var moduleName = currentTarget.attr('module');
                    var recordId = currentTarget.attr('record');
                    var rollupId = currentTarget.attr('rollupid');
                    var rollupstatus = currentTarget.attr('rollup-status');
                    var startindex = parseInt(currentTarget.attr('startindex'));

var url = 'index.php?module=Vtiger&view=ModCommentsDetailAjax&parent='+
                      moduleName+'&parentId='+recordId+'&rollupid='+rollupId+'&rollup_status='+rollupstatus
                      +'&startindex='+startindex+'&mode=getNextGroupOfRollupComments';

if(totalPageNumber === ""){
			var totalCountElem = jQuery('.relatedContainer').find('#totalCount');
			var totalRecordCount = totalCountElem.val();

if(totalRecordCount !== '') {
				var recordPerPage = jQuery('#pageLimit').val();
				if(recordPerPage === '0') recordPerPage = 1;
				pageCount = Math.ceil(totalRecordCount/recordPerPage);
				if(pageCount === 0){
					pageCount = 1;
				}
				element.text(pageCount);
				if(curEle.attr('id') !== 'PageJump') {
					thisInstance.showPagingInfo();
				}
				return;
			}

thisInstance.pageJump().then(function(data){
				var pageCount = data.page;
				var numOfrecords = data.numberOfRecords;
				if(numOfrecords === 0) {
					numOfrecords = 1;
				}
				if(pageCount === 0){
					pageCount = 1;
				}
				element.text(pageCount);
				totalCountElem.val();
				if(curEle.attr('id') !== 'PageJump') {
					thisInstance.showPagingInfo();
				}
			});
		}
	},
	
	showPagingInfo : function(){
		var totalNumberOfRecords = jQuery('.relatedContainer').find('#totalCount').val();
		var pageNumberElement = jQuery('.pageNumbersText');
		var pageRange = pageNumberElement.text();
		var newPagingInfo = pageRange.trim()+" "+app.vtranslate('of')+" "+totalNumberOfRecords+"  ";
		var listViewEntriesCount = parseInt(jQuery('#noOfEntries').val());
		
		if(listViewEntriesCount !== 0){
			jQuery('.pageNumbersText').html(newPagingInfo);
		} else {
			jQuery('.pageNumbersText').html("");
		}
	},
	
	pageJumpOnSubmit : function(element) {
		var thisInstance = this;
		
		var currentPageElement = jQuery('.relatedContainer').find('#pageNumber');
		var currentPageNumber = parseInt(currentPageElement.val());
		var newPageNumber = parseInt(jQuery('#pageToJump').val());
		var totalPages = parseInt(jQuery('.relatedContainer').find('#totalPageCount').text());

if(newPageNumber > totalPages){
			var message = app.vtranslate('JS_PAGE_NOT_EXIST');
			app.helper.showErrorNotification({'message':message})
			return;
		}

if(newPageNumber === currentPageNumber){
			var message = app.vtranslate('JS_YOU_ARE_IN_PAGE_NUMBER')+" "+newPageNumber;
			app.helper.showAlertNotification({'message': message});
			return;
		}

var urlParams = {
			"page" : newPageNumber
		};

thisInstance.loadRelatedList(urlParams).then(
			function(data){
				element.closest('.btn-group ').removeClass('open');
			});
		return false;
		
	},
    
	initializePaginationEvents : function() {
		var thisInstance = this;
		var paginationObj = new Vtiger_Pagination_Js;
        var relatedViewContainer = jQuery('.relatedContainer');
		paginationObj.initialize(relatedViewContainer);
		
		app.event.on(paginationObj.nextPageButtonClickEventName, function(){
			var pageLimit = relatedViewContainer.find('#pageLimit').val();
            var noOfEntries = relatedViewContainer.find('#noOfEntries').val();
            var nextPageExist = relatedViewContainer.find('#nextPageExist').val();
			var pageNumber = relatedViewContainer.find('#pageNumber').val();
			var nextPageNumber = parseInt(parseFloat(pageNumber)) + 1;
			
            if(noOfEntries === pageLimit && nextPageExist){
				var urlParams = {};
                thisInstance.setCurrentPageNumber(nextPageNumber);
				relatedViewContainer.find("#pageNumber").val(nextPageNumber);
				thisInstance.loadRelatedList(urlParams);
			}
		});
		
		app.event.on(paginationObj.previousPageButtonClickEventName, function(){
			var pageNumber = relatedViewContainer.find('#pageNumber').val();
			var previousPageNumber = parseInt(parseFloat(pageNumber)) - 1;
			
			if(pageNumber > 1) {
				var urlParams = {};
                thisInstance.setCurrentPageNumber(previousPageNumber);
				relatedViewContainer.find('#pageNumber').val(previousPageNumber);
				thisInstance.loadRelatedList(urlParams);
			}
		});
		
		app.event.on(paginationObj.pageJumpButtonClickEventName, function(event, currentEle){
			thisInstance.pageJump();
		});
		
		app.event.on(paginationObj.totalNumOfRecordsButtonClickEventName, function(event, currentEle){
			thisInstance.totalNumOfRecords(currentEle);
		});
		
		app.event.on(paginationObj.pageJumpSubmitButtonClickEvent, function(event, currentEle){
			thisInstance.pageJumpOnSubmit(currentEle);
		});
	},
    
    registerEditLink : function() {
		var relatedContainer =  jQuery('.relatedContainer');;
		relatedContainer.on('click', 'a.relationEdit', function(e) {
			var element = jQuery(e.currentTarget);
			var url = element.attr('href');
			var detailInstance = Vtiger_Detail_Js.getInstance();
			var postData = detailInstance.getDefaultParams();
			for(var key in postData) {
				if(postData[key]) {
                    if(key == 'relatedModule') {
                        postData['returnrelatedModuleName'] = postData[key];
                    } else {
                        postData['return'+key] = postData[key];
                    }
					delete postData[key];
				} else {
					delete postData[key];
				}
			}
			e.preventDefault();
			e.stopPropagation();
			window.location.href = url +'&'+ $.param(postData);
		});
	},
        
	init : function(parentId, parentModule, selectedRelatedTabElement, relatedModuleName) {
		this.selectedRelatedTabElement = selectedRelatedTabElement;
		this.parentRecordId = parentId;
		this.parentModuleName = parentModule;
		this.relatedModulename = relatedModuleName;
		this.relatedTabsContainer = jQuery(selectedRelatedTabElement).closest('div.related-tabs');
		this.detailViewContainer = this.relatedTabsContainer.closest('div.detailViewContainer');
		this.relatedContentContainer = jQuery('div.details', this.detailViewContainer);

this.registerEditLink();
    }
    
})

jQuery(document).ready(function(){
	var recordId = app.getRecordId();
	var moduleName = app.getModuleName();
        var detailViewInstance = Vtiger_Detail_Js.getInstance();
        var selectedTabElement = detailViewInstance.getSelectedTab();
        var relatedModuleName = detailViewInstance.getRelatedModuleName();
            var instance = Vtiger_RelatedList_Js.getInstance(recordId, moduleName, selectedTabElement, relatedModuleName);
	
	instance.initializePaginationEvents();
});

[+] ..
[-] RelatedList.js [edit]
[-] EmailsRelatedPopup.js [edit]
[-] Detail.js [edit]
[-] Field.js [edit]
[-] CkEditor.js [edit]
[-] Tag.js [edit]
[-] Header.js [edit]
[-] AdvanceSearch.js [edit]
[-] validation.js [edit]
[-] ExtensionCommon.js [edit]
[-] SearchList.js [edit]
[-] Edit.js [edit]
[-] MergeRecords.js [edit]
[-] Pagination.js [edit]
[-] Popup.js [edit]
[-] FindDuplicates.js [edit]
[-] RecordSelectTracker.js [edit]
[-] Vtiger.js [edit]
[-] DashBoard.js [edit]
[-] SearchAdvanceFilter.js [edit]
[+] dashboards
[-] AdvanceFilter.js [edit]
[-] AdvanceSearchList.js [edit]
[-] List.js [edit]
[-] Base.js [edit]
[-] Utils.js [edit]
[-] Extension.js [edit]
[-] ListSidebar.js [edit]
[-] Class.js [edit]
[-] BasicSearch.js [edit]
[-] BaseList.js [edit]