Your IP : 52.15.173.197
;(function (window)
{
if (!window.BX)
{
window.BX = {};
}
if (!window.BX.Sender)
{
window.BX.Sender = {};
}
if (window.BX.Sender.Statistics)
{
return;
}
/*
* Base controller for statistics page
* */
BX.Sender.Statistics = function (){};
BX.Sender.Statistics.prototype = {
filters: [],
blocks: [],
filterUrl: '/bitrix/admin/sender_statistics.php',
onResponseData: function (data)
{
BX.onCustomEvent(this, 'onDataLoad', [data]);
},
onScroll: function ()
{
this.callBlockFunction('onScroll');
},
callBlockFunction: function (functionName, params)
{
params = params || {};
this.blocks.forEach(function (block) {
block[functionName](params);
}, this);
},
getFilterQueryData: function ()
{
var queryData = {};
this.filters.forEach(function (filter) {
if (!filter.value)
{
return;
}
queryData[filter.name] = filter.value;
});
return queryData;
},
filter: function ()
{
// animation
BX.onCustomEvent(this, 'onDataRequest', []);
// ajax query
var queryData = this.getFilterQueryData();
queryData.action = 'getData';
queryData.sessid = BX.bitrix_sessid();
BX.ajax({
url: this.filterUrl,
method: 'POST',
data: queryData,
dataType: 'json',
onsuccess: BX.proxy(this.onResponseData, this)
});
},
getFilter: function (name)
{
var filtered = this.filters.filter(function (filter) {
return filter.name == name;
});
return filtered.length > 0 ? filtered[0] : null;
},
addBlocks: function (blockNames)
{
blockNames.forEach(function (blockName) {
var className = 'StatisticsBlock' + blockName;
if (!BX.Sender.hasOwnProperty(className))
{
throw new Error('Class "BX.Sender.' + className + '" not found for block "' + blockName + '"');
}
var block = new BX.Sender[className]();
this.blocks.push(block);
}, this);
},
addFilters: function (filterDataList)
{
filterDataList.forEach(function (filterData) {
filterData.caller = this;
filterData.onFilter = BX.proxy(this.filter, this);
this.filters.push(new BX.Sender.StatisticsFilter(filterData));
}, this);
},
init: function (params)
{
this.mess = params.mess;
this.context = params.context;
var itemInitParams = params;
itemInitParams.caller = this;
this.callBlockFunction('onInit', itemInitParams);
BX.bind(window, 'scroll', BX.throttle(this.onScroll.bind(this), 350));
}
};
/*
* Controller for posting statistics page
* */
var postingsStats = function (params)
{
this.load = function (params)
{
this.nameTemplate = params.nameTemplate;
this.pathToUserProfile = params.pathToUserProfile;
this.actionUrl = params.actionUrl;
this.instance = new BX.Sender.Statistics();
this.instance.filterUrl = this.actionUrl;
this.instance.addBlocks(this.getBlocks(params));
this.instance.addFilters(this.getFilters(params));
this.instance.init(params);
};
this.getBlocks = function (params)
{
return ['Counters', 'ClickMap'/*, 'ReadByTime'*/];
};
this.getFilters = function (params)
{
// filter by chainId
var popupItems = params.chainList.map(function (chain) {
return {
id: chain.ID,
title: chain.NAME,
className: 'bx-sender-stat-popup-item-chain',
text: '' +
'<span class="bx-sender-stat-popup-item-chain-date">' + BX.util.htmlspecialchars(chain.DATE_SENT_FORMATTED) + '</span>' +
'<span class="bx-sender-stat-popup-item-chain-name">' + BX.util.htmlspecialchars(chain.NAME) + '</span>'
};
}, this);
popupItems.push({delimiter: true});
popupItems.push({
id: 'all',
text: params.mess.allPostings,
onclick: BX.proxy(function() {
var url = '/bitrix/admin/sender_mailing_chain_admin.php';
url += '?MAILING_ID=' + parseInt(this.instance.getFilter('mailingId').value);
window.location.href = url;
}, this)
});
return [
{
name: 'letterId',
value: params.chainId,
node: BX('sender_stat_filter_chain_id'),
items: []//popupItems
},
{
name: 'mailingId',
value: params.mailingId
},
{
name: 'postingId',
value: params.postingId
}
];
};
};
BX.Sender.PostingsStats = new postingsStats();
/*
* Controller for global statistics page
* */
var globalStats = function (params)
{
this.load = function (params)
{
this.instance = new BX.Sender.Statistics();
this.instance.addBlocks(this.getBlocks(params));
this.instance.addFilters(this.getFilters(params));
this.instance.init(params);
};
this.getBlocks = function (params)
{
return ['Counters', 'Efficiency', 'ChainList', 'CountersDynamic'];
};
this.getFilters = function (params)
{
return params.filters.map(function (filter) {
var popupItems = filter.list.map(function (item) {
var name = BX.util.htmlspecialchars(item.NAME || '');
return {
id: item.ID,
text: name,
title: name
};
}, this);
return {
name: filter.name,
value: filter.value,
node: BX('sender_stat_filter_' + filter.name.toLowerCase()),
items: popupItems
};
}, this);
};
};
BX.Sender.GlobalStats = new globalStats();
/*
* Filter object for filtrating data
* */
BX.Sender.StatisticsFilter = function (params)
{
this.caller = params.caller;
this.name = params.name;
this.value = params.value;
this.node = params.node || null;
this.items = params.items || null;
this.onFilter = params.onFilter || null;
this.popup = null;
if (this.node)
{
BX.bind(this.node, 'click', BX.proxy(this.show, this));
}
if (this.items)
{
this.items.filter(function (item) {
var value = (this.value == '' || this.value === null) ? 'all' : this.value;
return value == item.id;
}, this).forEach(this.setCurrentItem, this);
}
};
BX.Sender.StatisticsFilter.prototype = {
show: function ()
{
if (!this.popup)
{
var popupItems = this.items.map(function (item) {
if (!item.onclick)
{
item.onclick = BX.proxy(this.onClick, this);
}
return item;
}, this);
this.popup = this.createPopup('sender_stat_filter_' + this.name, this.node, popupItems);
}
if (this.popup.show)
{
this.popup.show();
}
else
{
this.popup.popupWindow.show();
}
},
setCurrentItem: function (item)
{
if (!this.node)
{
return;
}
this.node.innerText = item.title;
this.value = item.id;
},
onClick: function (e, item)
{
this.setCurrentItem(item);
this.popup.close();
if (this.onFilter)
{
this.onFilter();
}
},
createPopup: function(popupId, button, items, params)
{
params = params || {};
return BX.PopupMenu.create(
popupId,
button,
items,
{
autoHide: true,
offsetLeft: params.offsetLeft ? params.offsetLeft : -21,
offsetTop: params.offsetTop ? params.offsetTop : -3,
angle:
{
position: "top",
offset: 42
},
events:
{
//onPopupClose : BX.delegate(this.onPopupClose, this)
}
}
);
},
val: function (value)
{
if (typeof value != 'undefined')
{
this.value = value;
}
return this.value;
}
};
/*
* Base object for data block
* */
BX.Sender.StatisticsBlock = function ()
{
};
BX.Sender.StatisticsBlock.prototype = {
name: 'default',
attributeBlock: 'data-bx-block',
attributePoint: 'data-bx-point',
attributeLoader: 'data-bx-view-loader',
attributeDataView: 'data-bx-view-data',
pointNodes: null,
blockNodeList: null,
onInit: function (params)
{
this.caller = params.caller;
var blockNodeList;
if (BX.Sender.StatisticsBlock.prototype.blockNodeList === null)
{
blockNodeList = this.caller.context.querySelectorAll('[' + this.attributeBlock + ']');
blockNodeList = BX.convert.nodeListToArray(blockNodeList);
BX.Sender.StatisticsBlock.prototype.blockNodeList = blockNodeList;
}
else
{
blockNodeList = BX.Sender.StatisticsBlock.prototype.blockNodeList;
}
this.context = blockNodeList.filter(function (blockNode) {
return blockNode.getAttribute(this.attributeBlock) == this.name;
}, this)[0];
if (this.context)
{
this.loaderNode = this.context.querySelector('[' + this.attributeLoader + ']');
this.dataViewNode = this.context.querySelector('[' + this.attributeDataView + ']');
}
if (this.context && this.pointNodes === null)
{
this.pointNodes = this.context.querySelectorAll('[' + this.attributePoint + ']');
this.pointNodes = BX.convert.nodeListToArray(this.pointNodes);
}
BX.addCustomEvent(this.caller, 'onDataLoad', BX.proxy(this.onDataLoad, this));
BX.addCustomEvent(this.caller, 'onDataRequest', BX.proxy(this.fadeOut, this));
BX.addCustomEvent(this.caller, 'onScroll', BX.proxy(this.onScroll, this));
this.init(params);
},
onScroll: function ()
{
},
fadeOut: function ()
{
if (this.loaderNode)
{
this.dataViewNode.style.display = 'none';
this.loaderNode.style.display = '';
}
this.pointNodes.forEach(function (pointNode) {
if (this.getDisplayDataType(pointNode))
{
return;
}
BX.addClass(pointNode, 'bx-sender-loader');
var loaderNode = document.createElement('SPAN');
loaderNode.className = 'bx-sender-loader-sm';
pointNode.innerHTML = '';
pointNode.appendChild(loaderNode);
}, this);
},
fadeIn: function ()
{
if (this.loaderNode)
{
this.loaderNode.style.display = 'none';
this.dataViewNode.style.display = '';
}
},
onDataLoad: function (data)
{
this.loadData(data);
this.fadeIn();
},
init: function (config)
{
},
loadData: function (data)
{
},
getDisplayDataType: function (node)
{
var dataPath = node.getAttribute(this.attributePoint);
var act = dataPath.split(':');
return act[1] ? act[1] : null;
},
setDisplayData: function (node, data)
{
var dataPath = node.getAttribute(this.attributePoint);
var act = dataPath.split(':');
var source = act[0].split('/');
var type = act[1];
var value;
source.forEach(function (key) {
if (value === null)
{
return;
}
if (typeof value == 'undefined')
{
if (!data.hasOwnProperty(key))
{
value = null;
return;
}
value = data[key];
}
else
{
if (!value.hasOwnProperty(key))
{
value = null;
return;
}
value = value[key];
}
});
switch (type)
{
case 'width':
node.style.width = parseInt(parseFloat(value) * 100) + '%';
break;
case 'href':
node.href = BX.util.strip_tags(value);
break;
default:
node.innerText = value;
break;
}
BX.removeClass(node, 'bx-sender-loader');
},
updateDisplayData: function (data)
{
this.pointNodes.forEach(function (pointNode) {
this.setDisplayData(pointNode, data);
}, this);
}
};
/*
* Utility for inherit base object
* */
function extendItem(functions)
{
var f = function(){};
BX.extend(f, BX.Sender.StatisticsBlock);
for (var functionName in functions)
{
if (!functions.hasOwnProperty(functionName))
{
continue;
}
f.prototype[functionName] = functions[functionName];
}
return f;
}
/*
* Click map block
* */
BX.Sender.StatisticsBlockClickMap = extendItem({
name: 'ClickMap',
init: function (params)
{
if (!params.posting)
{
return;
}
this.linkParams = params.posting.linkParams || '';
this.clickList = params.clickList;
this.frameNode = this.context.querySelector('[data-bx-click-map]');
BX.bind(this.frameNode, 'load', BX.proxy(this.draw, this));
this.ajaxAction = new BX.AjaxAction(this.caller.filterUrl);
this.isNodeReloaded = false;
this.onScroll();
},
onScroll: function ()
{
if (!this.context)
{
return;
}
if (!BX.LazyLoad.isElementVisibleOnScreen(this.context))
{
return;
}
if (this.isNodeReloaded)
{
return;
}
this.reloadFrame();
},
reloadFrame: function ()
{
this.fadeOut();
this.frameNode.src = this.ajaxAction.getRequestingUri('getClickMap', {
'lang': '',
'letterId': this.caller.getFilter('letterId').value
});
this.isNodeReloaded = true;
},
loadData: function (data)
{
this.isNodeReloaded = false;
this.linkParams = data.posting.linkParams || '';
this.clickList = data.clickList;
this.onScroll();
},
draw: function ()
{
this.fadeIn();
var frameDocument = this.frameNode.contentDocument;
this.frameNode.style.height = frameDocument.body.scrollHeight + 'px';
var heatMap = new BX.HeatMap({
'document': frameDocument
});
var nodeList = BX.convert.nodeListToArray(
frameDocument.body.querySelectorAll('a')
);
if (this.linkParams)
{
this.linkParams = this.linkParams.trim();
if (this.linkParams.indexOf('?') === 0)
{
this.linkParams = this.linkParams.substring(1);
}
if (this.linkParams.indexOf('&') === 0)
{
this.linkParams = this.linkParams.substring(1);
}
}
this.clickList.forEach(function (link) {
try
{
link.URL = BX.util.htmlspecialcharsback(decodeURIComponent(link.URL));
}
catch (e)
{}
var nodes = nodeList.filter(function (node) {
var href = this.prepareUrl(node.href);
return href === link.URL;
}, this);
if (nodes.length === 0)
{
return;
}
heatMap.addItem({
value: link.CNT,
baloon: link.URL,
anchorNode: nodes[0]
});
}, this);
heatMap.draw();
},
prepareUrl: function(href)
{
try
{
href = BX.util.htmlspecialcharsback(decodeURIComponent(href));
}
catch (e)
{}
href = href.replace(/\+/g, ' ');
if (this.linkParams)
{
href += (href.indexOf('?') >=0 ? '&' : '?') + this.linkParams;
}
return href;
}
});
/*
* Counters block
* */
BX.Sender.StatisticsBlockCounters = extendItem({
name: 'Counters',
init: function (params)
{
this.isNodeReloaded = false;
this.onScroll();
},
/*
fadeIn: function ()
{
//<span class="bx-sender-loader-sm"></span>
this.updateDisplayData(data);
},
fadeOut: function ()
{
this.updateDisplayData(data);
},
*/
loadData: function (data)
{
this.updateDisplayData(data);
}
});
/*
* Chain list
* */
BX.Sender.StatisticsBlockChainList = extendItem({
name: 'ChainList',
init: function (params)
{
this.chainList = params.chainList;
this.isNodeReloaded = true;
this.onScroll();
this.postingsNode = this.context.querySelector('[data-bx-view-data-postings]');
this.updateDisplayChainListContainer();
},
loadData: function (data)
{
this.updateDisplayChainList(data.chainList);
},
updateDisplayChainList: function (chainList)
{
var postingTemplate = BX('sender-stat-template-last-posting');
postingTemplate = postingTemplate.innerHTML;
var htmlList = chainList.map(function (chain) {
var html = postingTemplate;
for (var key in chain)
{
var val = BX.util.htmlspecialchars(chain[key]);
html = html.replace(new RegExp("%" + key + "%",'g'), val);
}
return html;
}, this);
this.postingsNode.innerHTML = htmlList.join('');
this.updateDisplayChainListContainer();
},
updateDisplayChainListContainer: function () {
this.postingsNode.style.display = this.postingsNode.children.length > 0 ? '' : 'none';
}
});
/*
* Efficiency
* */
BX.Sender.StatisticsBlockEfficiency = extendItem({
name: 'Efficiency',
init: function (params)
{
this.isNodeReloaded = true;
this.onScroll();
this.efficiencyPointerNode = this.context.querySelector('[data-bx-view-data-eff]');
this.efficiencyValueNode = this.context.querySelector('[data-bx-view-data-eff-val]');
if (params.efficiency)
{
this.updateDisplayEfficiency(params.efficiency);
}
},
loadData: function (data)
{
this.updateDisplayEfficiency(data.efficiency);
},
updateDisplayEfficiency: function (efficiency)
{
this.efficiencyPointerNode.style.left = efficiency.PERCENT_VALUE + '%';
this.efficiencyValueNode.innerText = efficiency.VALUE + '%';
}
});
/*
* Read by time block
* */
BX.Sender.StatisticsBlockReadByTime = extendItem({
name: 'ReadByTime',
init: function (params)
{
this.readByTimeList = params.readByTimeList;
this.isNodeReloaded = false;
this.onScroll();
},
onScroll: function ()
{
if (!BX.LazyLoad.isElementVisibleOnScreen(this.context))
{
return;
}
if (this.isNodeReloaded)
{
return;
}
this.requestData();
},
requestData: function ()
{
this.fadeOut();
this.isNodeReloaded = true;
this.ajaxAction = new BX.AjaxAction(this.caller.filterUrl);
this.ajaxAction.request({
'action': 'getReadByTime',
'data': {
'letterId': this.caller.getFilter('letterId').value
},
'onsuccess': BX.proxy(function (response) {
this.readByTimeList = response.readingByTimeList;
this.draw();
}, this)
});
},
loadData: function (data)
{
this.isNodeReloaded = false;
this.onScroll();
},
draw: function ()
{
this.fadeIn();
if (this.chart)
{
this.chart.dataProvider = this.readByTimeList;
this.chart.validateData();
return;
}
this.chart = window.AmCharts.makeChart(this.dataViewNode, {
"type": "serial",
"theme": "light",
"dataProvider": this.readByTimeList,
"valueAxes": [ {
"gridColor": "#FFFFFF",
"gridAlpha": 0.2,
"dashLength": 0,
"labelFrequency": 2,
"labelFunction": function (valueText) {
//return valueText;
if (parseFloat(valueText) == parseInt(valueText))
{
return parseInt(valueText);
}
return '';
}
} ],
"gridAboveGraphs": true,
"startDuration": 1,
"graphs": [ {
"balloonText": this.caller.mess.readByTimeBalloon
.replace('%time%', '[[category]]')
.replace('%cnt%', '<b>[[value]]</b>'),
"fillAlphas": 0.8,
"lineAlpha": 0.2,
"type": "column",
"valueField": "CNT_DISPLAY"
} ],
"chartCursor": {
"categoryBalloonEnabled": false,
"cursorAlpha": 0,
"zoomable": false
},
"categoryField": "DAY_HOUR_DISPLAY",
"categoryAxis": {
"gridPosition": "start",
"gridAlpha": 0,
"tickPosition": "start",
"tickLength": 20
},
"export": {
"enabled": false
}
});
}
});
/*
* Counters dynamic block
* */
BX.Sender.StatisticsBlockCountersDynamic = extendItem({
name: 'CountersDynamic',
data: {},
attributeChartNode: 'data-bx-chart',
attributeTextView: 'data-bx-view-text',
init: function (params)
{
this.data = params.countersDynamic || {};
this.charts = this.context.querySelectorAll('[' + this.attributeChartNode + ']');
this.charts = BX.convert.nodeListToArray(this.charts);
this.charts = this.charts.map(function (chartNode) {
return {
name: chartNode.getAttribute(this.attributeChartNode),
node: chartNode,
loaderNode: chartNode.querySelector('[' + this.attributeLoader + ']'),
dataViewNode: chartNode.querySelector('[' + this.attributeDataView + ']'),
textViewNode: chartNode.querySelector('[' + this.attributeTextView + ']'),
instance: null
};
}, this);
this.isNodeReloaded = false;
this.onScroll();
},
onScroll: function ()
{
if (!BX.LazyLoad.isElementVisibleOnScreen(this.context))
{
return;
}
if (this.isNodeReloaded)
{
return;
}
this.requestData();
},
fadeOut: function ()
{
this.charts.forEach(function (chart) {
if (chart.loaderNode)
{
chart.textViewNode.style.display = 'none';
chart.dataViewNode.style.display = 'none';
chart.loaderNode.style.display = '';
}
});
},
fadeIn: function ()
{
this.charts.forEach(function (chart) {
if (chart.loaderNode)
{
chart.textViewNode.style.display = 'none';
chart.loaderNode.style.display = 'none';
chart.dataViewNode.style.display = '';
}
});
},
showText: function (chart)
{
chart.loaderNode.style.display = 'none';
chart.dataViewNode.style.display = 'none';
chart.textViewNode.style.display = '';
},
requestData: function ()
{
this.fadeOut();
this.isNodeReloaded = true;
// ajax query
var queryData = this.caller.getFilterQueryData();
queryData.action = 'get_counters_dynamic';
queryData.sessid = BX.bitrix_sessid();
BX.ajax({
url: this.caller.filterUrl,
method: 'POST',
data: queryData,
dataType: 'json',
onsuccess: BX.proxy(function (data){
this.data = data.countersDynamic;
this.draw();
}, this)
});
},
loadData: function (data)
{
this.isNodeReloaded = false;
this.onScroll();
},
draw: function ()
{
this.charts.forEach(this.drawChart, this);
},
drawChart: function (chart)
{
if (!this.data[chart.name])
{
this.showText(chart);
return;
}
var data = this.data[chart.name];
data.forEach(function (d) {
if (BX.type.isNumber(d.DATE))
{
d.DATE = BX.date.format('j M', d.DATE);
}
else
{
d.DATE = 0;
}
});
this.fadeIn();
if (chart.instance)
{
chart.instance.dataProvider = data;
chart.instance.validateData();
return;
}
chart.instance = window.AmCharts.makeChart(chart.dataViewNode, {
"type": "serial",
"theme": "light",
"dataProvider": data,
"valueAxes": [ {
"gridColor": "#FFFFFF",
"gridAlpha": 0.2,
"dashLength": 0,
"unit": "%"
} ],
"gridAboveGraphs": true,
"startDuration": 1,
"graphs": [{
"balloonText": '[[category]]: <b>[[value]]%</b>',
//"fillAlphas": 0.8,
//"lineAlpha": 0.2,
"bullet": "round",
"bulletSize": 8,
"lineColor": "#637bb6",
"lineThickness": 2,
"type": "smoothedLine",
"valueField": "PERCENT_VALUE_DISPLAY"
}],
"chartCursor": {
"categoryBalloonEnabled": false,
"cursorAlpha": 0,
"zoomable": false
},
"categoryField": "DATE",
"categoryAxis": {
"gridPosition": "start",
"gridAlpha": 0,
"tickPosition": "start",
"tickLength": 20
},
"export": {
"enabled": false
}
});
}
});
})(window);