1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
|
/*!
* Piwik - free/libre analytics platform
*
* @link http://piwik.org
* @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
*/
/**
* Usage:
* <div piwik-widget-preview>
*/
(function () {
angular.module('piwikApp').directive('piwikWidgetPreview', piwikWidgetPreview);
piwikWidgetPreview.$inject = ['piwik', '$window'];
function piwikWidgetPreview(piwik, $window){
function getEmbedUrl(parameters, exportFormat) {
var copyParameters = {};
for (var variableName in parameters) {
copyParameters[variableName] = parameters[variableName];
}
copyParameters['moduleToWidgetize'] = parameters['module'];
copyParameters['actionToWidgetize'] = parameters['action'];
delete copyParameters['action'];
delete copyParameters['module'];
var sourceUrl;
sourceUrl = $window.location.protocol + '//' + $window.location.hostname + ($window.location.port == '' ? '' : (':' + $window.location.port)) + $window.location.pathname + '?';
sourceUrl += "module=Widgetize" +
"&action=" + exportFormat +
"&" + piwik.helper.getQueryStringFromParameters(copyParameters) +
"&idSite=" + piwik.idSite +
"&period=" + piwik.period +
"&date=" + piwik.broadcast.getValueFromUrl('date') +
"&disableLink=1&widget=1";
return sourceUrl;
}
return {
restrict: 'A',
controller: function () {
var self = this;
this.getInputFormWithHtml = function (inputId, htmlEmbed) {
return '<pre piwik-select-on-focus readonly="true" id="' + inputId + '">' + this.htmlentities(htmlEmbed) + '</pre>';
};
this.htmlentities = function (s) {
return piwik.helper.escape(piwik.helper.htmlEntities(s));
};
this.callbackAddExportButtonsUnderWidget = function (widgetUniqueId, loadedWidgetElement) {
widgetsHelper.getWidgetObjectFromUniqueId(widgetUniqueId, function(widget) {
var widgetParameters = widget['parameters'];
var exportButtonsElement = $('<span id="exportButtons">');
var urlIframe = getEmbedUrl(widgetParameters, "iframe");
// We first build the HTML code that will load the widget in an IFRAME
var widgetIframeHtml = '<div id="widgetIframe">' +
'<iframe width="100%" height="350" src="' + urlIframe + '" scrolling="no" frameborder="0" marginheight="0" marginwidth="0">' +
'</iframe>' +
'</div>';
// Add the input field containing the widget in an Iframe
$(exportButtonsElement).append(
'<div id="embedThisWidgetIframe">' +
'<label for="embedThisWidgetIframeInput">› Embed Iframe</label>' +
'<div id="embedThisWidgetIframeInput">' +
self.getInputFormWithHtml('iframeEmbed', widgetIframeHtml) +
'</div>' +
'</div>' +
'<div> <label for="embedThisWidgetDirectLink">› Direct Link</label>' +
'<div id="embedThisWidgetDirectLink"> ' + self.getInputFormWithHtml('directLinkEmbed', urlIframe) + ' - <a href="' + urlIframe + '" rel="noreferrer" target="_blank">' + _pk_translate('Widgetize_OpenInNewWindow') + '</a></div>'
+ '</div>'
);
// Finally we append the content to the parent widget DIV
$(loadedWidgetElement)
.parent()
.append(exportButtonsElement);
piwik.helper.compileAngularComponents(exportButtonsElement);
});
}
},
compile: function (element, attrs) {
return function (scope, element, attrs, controller) {
element.widgetPreview({
onPreviewLoaded: controller.callbackAddExportButtonsUnderWidget
});
};
}
};
}
})();
|