|
Server : Apache System : Linux srv.rainic.com 4.18.0-553.47.1.el8_10.x86_64 #1 SMP Wed Apr 2 05:45:37 EDT 2025 x86_64 User : rainic ( 1014) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/akaindir/www/crm/layouts/v7/modules/Reports/resources/ |
Upload File : |
/*+**********************************************************************************
* 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.
************************************************************************************/
Reports_Detail_Js("Reports_ChartDetail_Js", {
/**
* Function used to display message when there is no data from the server
*/
displayNoDataMessage: function () {
$('#chartcontent').html('<div>' + app.vtranslate('JS_NO_CHART_DATA_AVAILABLE') + '</div>').css(
{'text-align': 'center', 'position': 'relative', 'top': '100px'});
},
/**
* Function returns if there is no data from the server
*/
isEmptyData: function () {
var jsonData = jQuery('input[name=data]').val();
var data = JSON.parse(jsonData);
var values = data['values'];
if (jsonData == '' || values == '') {
return true;
}
return false;
}
}, {
/**
* Function returns instance of the chart type
*/
getInstance: function () {
var chartType = jQuery('input[name=charttype]').val();
var chartClassName = chartType.toLowerCase().replace(/\b[a-z]/g, function(letter) {
return letter.toUpperCase();
});
var chartClass = window["Report_" + chartClassName + "_Js"];
var instance = false;
if (typeof chartClass != 'undefined')
instance = new chartClass();
return instance;
},
registerSaveOrGenerateReportEvent: function () {
var thisInstance = this;
jQuery('.generateReportChart').on('click', function (e) {
var advFilterCondition = thisInstance.calculateValues();
var recordId = thisInstance.getRecordId();
var currentMode = jQuery(e.currentTarget).data('mode');
var groupByField = jQuery('#groupbyfield').val();
var dataField = jQuery('#datafields').val();
if(dataField == null || dataField == '') {
vtUtils.showValidationMessage(jQuery('#datafields').parent().find('.select2-choices'), app.vtranslate('JS_REQUIRED_FIELD'));
return false;
} else {
vtUtils.hideValidationMessage(jQuery('#datafields').parent().find('.select2-choices'));
}
if(groupByField == null || groupByField == "") {
vtUtils.showValidationMessage(jQuery('#groupbyfield').parent().find('.select2-container'), app.vtranslate('JS_REQUIRED_FIELD'));
return false;
} else {
vtUtils.hideValidationMessage(jQuery('#groupbyfield').parent().find('.select2-container'));
}
var postData = {
'advanced_filter': advFilterCondition,
'record': recordId,
'view': "ChartSaveAjax",
'module': app.getModuleName(),
'mode': currentMode,
'charttype': jQuery('input[name=charttype]').val(),
'groupbyfield': groupByField,
'datafields': dataField
};
var reportChartContents = thisInstance.getContentHolder().find('#reportContentsDiv');
app.helper.showProgress();
e.preventDefault();
app.request.post({data: postData}).then(
function (error, data) {
app.helper.hideProgress();
reportChartContents.html(data);
thisInstance.registerEventForChartGeneration();
jQuery('.reportActionButtons').addClass('hide');
}
);
});
},
registerEventForChartGeneration: function () {
var thisInstance = this;
try {
thisInstance.getInstance(); // instantiate the object and calls init function
jQuery('#chartcontent').trigger(Vtiger_Widget_Js.widgetPostLoadEvent);
} catch (error) {
Reports_ChartDetail_Js.displayNoDataMessage();
return;
}
},
savePinToDashBoard : function(customParams) {
var element = jQuery('button.pinToDashboard');
var recordId = this.getRecordId();
var primarymodule = jQuery('input[name="primary_module"]').val();
var widgetTitle = 'ChartReportWidget_' + primarymodule + '_' + recordId;
var params = {
module: 'Reports',
action: 'ChartActions',
mode: 'pinChartToDashboard',
reportid: recordId,
title: widgetTitle
};
params = jQuery.extend(params, customParams);
app.request.post({data: params}).then(function (error,data) {
if (data.duplicate) {
var params = {
message: app.vtranslate('JS_CHART_ALREADY_PINNED_TO_DASHBOARD', 'Reports')
};
app.helper.showSuccessNotification(params);
} else {
var message = app.vtranslate('JS_CHART_PINNED_TO_DASHBOARD', 'Reports');
app.helper.showSuccessNotification({message:message});
element.find('i').removeClass('vicon-pin');
element.find('i').addClass('vicon-unpin');
element.removeClass('dropdown-toggle').removeAttr('data-toggle');
element.attr('title', app.vtranslate('JSLBL_UNPIN_CHART_FROM_DASHBOARD'));
}
});
},
registerEventForPinChartToDashboard: function () {
var thisInstance = this;
jQuery('button.pinToDashboard').on('click', function (e) {
var element = jQuery(e.currentTarget);
var recordId = thisInstance.getRecordId();
var pinned = element.find('i').hasClass('vicon-pin');
if(pinned) {
if(element.is('[data-toggle]')){
return;
}else{
thisInstance.savePinToDashBoard();
}
} else {
var params = {
module: 'Reports',
action: 'ChartActions',
mode: 'unpinChartFromDashboard',
reportid: recordId
};
app.request.post({data: params}).then(function (error,data) {
if(data.unpinned) {
var message = app.vtranslate('JS_CHART_REMOVED_FROM_DASHBOARD', 'Reports');
app.helper.showSuccessNotification({message:message});
element.find('i').removeClass('vicon-unpin');
element.find('i').addClass('vicon-pin');
if(element.data('dashboardTabCount') >1) {
element.addClass('dropdown-toggle').attr('data-toggle','dropdown');
}
element.attr('title', app.vtranslate('JSLBL_PIN_CHART_TO_DASHBOARD'));
}
});
}
});
jQuery('button.pinToDashboard').closest('.btn-group').find('.dashBoardTab').on('click',function(e){
var dashBoardTabId = jQuery(e.currentTarget).data('tabId');
thisInstance.savePinToDashBoard({'dashBoardTabId':dashBoardTabId});
});
},
registerEvents: function () {
this._super();
this.registerEventForChartGeneration();
Reports_ChartEdit3_Js.registerFieldForChosen();
Reports_ChartEdit3_Js.initSelectValues();
this.registerEventForPinChartToDashboard();
var chartEditInstance = new Reports_ChartEdit3_Js();
chartEditInstance.lineItemCalculationLimit();
}
});
Vtiger_Pie_Widget_Js('Report_Piechart_Js', {}, {
postInitializeCalls: function () {
var thisInstance = this;
var clickThrough = jQuery('input[name=clickthrough]', this.getContainer()).val();
if (clickThrough != '') {
thisInstance.getContainer().off('vtchartClick').on('vtchartClick', function (e, data) {
if (data.url)
thisInstance.openUrl(data.url);
});
}
},
postLoadWidget: function () {
if (!Reports_ChartDetail_Js.isEmptyData()) {
this.loadChart();
} else {
this.positionNoDataMsg();
}
this.postInitializeCalls();
this.restrictContentDrag();
var widgetContent = jQuery('.dashboardWidgetContent', this.getContainer());
if (widgetContent.length) {
if (!jQuery('input[name=clickthrough]', this.getContainer()).val()) {
var adjustedHeight = this.getContainer().height() - 50;
app.helper.showVerticalScroll(widgetContent, {'height': adjustedHeight});
}
widgetContent.css({height: widgetContent.height() - 100});
}
},
positionNoDataMsg: function () {
Reports_ChartDetail_Js.displayNoDataMessage();
},
getPlotContainer: function (useCache) {
if (typeof useCache == 'undefined') {
useCache = false;
}
if (this.plotContainer == false || !useCache) {
var container = this.getContainer();
this.plotContainer = jQuery('div[name="chartcontent"]', container);
}
return this.plotContainer;
},
init: function (parent) {
if (parent) {
this._super(parent);
} else {
this._super(jQuery('#reportContentsDiv'));
}
},
generateData: function () {
if (Reports_ChartDetail_Js.isEmptyData()) {
Reports_ChartDetail_Js.displayNoDataMessage();
return false;
}
var jsonData = jQuery('input[name=data]', this.getContainer()).val();
var data = this.data = JSON.parse(jsonData);
var values = data['values'];
var chartData = [];
for (var i in values) {
chartData[i] = [];
chartData[i].push(data['labels'][i]);
chartData[i].push(values[i]);
}
return {'chartData': chartData,
'labels': data['labels'],
'data_labels': data['data_labels'],
'data_type' : data['data_type'],
'title': data['graph_label']};
},
generateLinks: function () {
var jData = jQuery('input[name=data]', this.getContainer()).val();
var statData = JSON.parse(jData);
var links = statData['links'];
return links;
}
});
Vtiger_Barchat_Widget_Js('Report_Verticalbarchart_Js', {}, {
postInitializeCalls: function () {
var thisInstance = this;
var clickThrough = jQuery('input[name=clickthrough]', this.getContainer()).val();
if (clickThrough != '') {
thisInstance.getContainer().off('vtchartClick').on('vtchartClick', function (e, data) {
if (data.url)
thisInstance.openUrl(data.url);
});
}
},
postLoadWidget: function () {
if (!Reports_ChartDetail_Js.isEmptyData()) {
this.loadChart();
} else {
this.positionNoDataMsg();
}
this.postInitializeCalls();
this.restrictContentDrag();
var widgetContent = jQuery('.dashboardWidgetContent', this.getContainer());
if (widgetContent.length) {
if (!jQuery('input[name=clickthrough]', this.getContainer()).val()) {
var adjustedHeight = this.getContainer().height() - 50;
app.helper.showVerticalScroll(widgetContent, {'height': adjustedHeight});
}
widgetContent.css({height: widgetContent.height() - 100});
}
},
positionNoDataMsg: function () {
Reports_ChartDetail_Js.displayNoDataMessage();
},
getPlotContainer: function (useCache) {
if (typeof useCache == 'undefined') {
useCache = false;
}
if (this.plotContainer == false || !useCache) {
var container = this.getContainer();
this.plotContainer = jQuery('div[name="chartcontent"]', container);
}
return this.plotContainer;
},
init: function (parent) {
if (parent) {
this._super(parent);
} else {
this._super(jQuery('#reportContentsDiv'));
}
},
generateChartData: function () {
if (Reports_ChartDetail_Js.isEmptyData()) {
Reports_ChartDetail_Js.displayNoDataMessage();
return false;
}
var jsonData = jQuery('input[name=data]', this.getContainer()).val();
var data = this.data = JSON.parse(jsonData);
var values = data['values'];
var chartData = [];
var yMaxValue = 0;
if (data['type'] == 'singleBar') {
chartData[0] = [];
for (var i in values) {
var multiValue = values[i];
for (var j in multiValue) {
chartData[0].push(multiValue[j]);
if (multiValue[j] > yMaxValue)
yMaxValue = multiValue[j];
}
}
} else {
for (var i in values) {
var multiValue = values[i];
var info = [];
for (var j in multiValue) {
if (typeof chartData[j] != 'undefined') {
chartData[j].push(multiValue[j]);
} else {
chartData[j] = [];
chartData[j].push(multiValue[j]);
}
if (multiValue[j] > yMaxValue)
yMaxValue = multiValue[j];
}
}
}
yMaxValue = yMaxValue + (yMaxValue * 0.15);
return {'chartData': chartData,
'yMaxValue': yMaxValue,
'labels': data['labels'],
'data_labels': data['data_labels'],
'data_type' : data['data_type'],
'title': data['graph_label']
};
},
generateLinks: function () {
var jData = jQuery('input[name=data]', this.getContainer()).val();
var statData = JSON.parse(jData);
var links = statData['links'];
return links;
}
});
Report_Verticalbarchart_Js('Report_Horizontalbarchart_Js', {}, {
generateChartData: function () {
if (Reports_ChartDetail_Js.isEmptyData()) {
Reports_ChartDetail_Js.displayNoDataMessage();
return false;
}
var jsonData = jQuery('input[name=data]', this.getContainer()).val();
var data = this.data = JSON.parse(jsonData);
var values = data['values'];
var chartData = [];
var yMaxValue = 0;
if (data['type'] == 'singleBar') {
for (var i in values) {
var multiValue = values[i];
chartData[i] = [];
for (var j in multiValue) {
chartData[i].push(multiValue[j]);
chartData[i].push(parseInt(i) + 1);
if (multiValue[j] > yMaxValue) {
yMaxValue = multiValue[j];
}
}
}
chartData = [chartData];
} else {
chartData = [];
for (var i in values) {
var multiValue = values[i];
for (var j in multiValue) {
if (typeof chartData[j] != 'undefined') {
chartData[j][i] = [];
chartData[j][i].push(multiValue[j]);
chartData[j][i].push(parseInt(i) + 1);
} else {
chartData[j] = []
chartData[j][i] = [];
chartData[j][i].push(multiValue[j]);
chartData[j][i].push(parseInt(i) + 1);
}
if (multiValue[j] > yMaxValue) {
yMaxValue = multiValue[j];
}
}
}
}
yMaxValue = yMaxValue + (yMaxValue * 0.15);
return {'chartData': chartData,
'yMaxValue': yMaxValue,
'labels': data['labels'],
'data_labels': data['data_labels'],
'data_type' : data['data_type'],
'title': data['graph_label']
};
},
loadChart: function () {
var data = this.generateChartData();
var chartOptions = {
renderer: 'horizontalbar'
};
if (this.data['links'])
chartOptions.links = this.data['links'];
this.getPlotContainer().vtchart(data, chartOptions);
jQuery('table.jqplot-table-legend').css('width', '95px');
}
});
Report_Verticalbarchart_Js('Report_Linechart_Js', {}, {
generateData: function () {
if (Reports_ChartDetail_Js.isEmptyData()) {
Reports_ChartDetail_Js.displayNoDataMessage();
return false;
}
var jsonData = jQuery('input[name=data]', this.getContainer()).val();
var data = this.data = JSON.parse(jsonData);
var values = data['values'];
var chartData = [];
var yMaxValue = 0;
for (var i in values) {
var value = values[i];
for (var j in value) {
if (typeof chartData[j] != 'undefined') {
chartData[j].push(value[j]);
} else {
chartData[j] = []
chartData[j].push(value[j]);
}
}
}
yMaxValue = yMaxValue + yMaxValue * 0.15;
return {'chartData': chartData,
'yMaxValue': yMaxValue,
'labels': data['labels'],
'data_labels': data['data_labels'],
'data_type' : data['data_type'],
'title': data['graph_label']
};
},
loadChart: function () {
var data = this.generateData();
var chartOptions = {
renderer: 'linechart'
};
if (this.data['links'])
chartOptions.links = this.data['links'];
this.getPlotContainer().vtchart(data, chartOptions);
jQuery('table.jqplot-table-legend').css('width', '95px');
}
});