芝麻web文件管理V1.00
编辑当前文件:/home/mgatv524/public_html/avenida/views/reports.tar
summary-report-schedule-form-add.twig 0000644 00000004466 14716421531 0013745 0 ustar 00 {# /* * Xibo - Digital Signage - http://www.xibo.org.uk * Copyright (C) 2019 Xibo Signage Ltd * * This file is part of Xibo. * * Xibo is free software: you can redistribute it and/or modify * it under the terms of the GNU Affero General Public License as published by * the Free Software Foundation, either version 3 of the License, or * any later version. * * Xibo is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU Affero General Public License for more details. * * You should have received a copy of the GNU Affero General Public License * along with Xibo. If not, see <http://www.gnu.org/licenses/>. * */ #} {% extends "form-base.twig" %} {% import "forms.twig" as forms %} {% block formTitle %} {{ formTitle }} {% endblock %} {% block formButtons %} {% trans "Cancel" %}, XiboDialogClose() {% trans "Save" %}, $("#reportScheduleAddForm").submit() {% endblock %} {% block formHtml %} <div class="row"> <div class="col-md-12"> <form id="reportScheduleAddForm" class="XiboForm form-horizontal" method="post" action="{{ urlFor("reportschedule.add") }}"> {{ forms.hidden("hiddenFields", hiddenFields) }} {{ forms.hidden("reportName", reportName) }} {% set title %}{% trans "Filter" %}{% endset %} {% set helpText %}{% trans "Select the report filter you would like to run" %}{% endset %} {{ forms.dropdown("filter", "single", title, "", filters, "filter", "name", helpText) }} {% set title %}{% trans "Name" %}{% endset %} {% set helpText %}{% trans "The name for this report schedule" %}{% endset %} {{ forms.input("name", title, "", helpText, "", "required") }} {% set title %}{% trans "Should an email be sent?" %}{% endset %} {{ forms.checkbox("sendEmail", title, sendEmail) }} {% set title %}{% trans "Email addresses" %}{% endset %} {% set helpText %}{% trans "Additional emails separated by a comma." %}{% endset %} {{ forms.inputWithTags("nonusers", title, nonusers, helpText) }} </form> </div> </div> {% endblock %} proofofplay-email-template.twig 0000644 00000004211 14716421531 0012700 0 ustar 00 {# /* * Xibo - Digital Signage - http://www.xibo.org.uk * Copyright (C) 2019 Xibo Signage Ltd * * This file is part of Xibo. * * Xibo is free software: you can redistribute it and/or modify * it under the terms of the GNU Affero General Public License as published by * the Free Software Foundation, either version 3 of the License, or * any later version. * * Xibo is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU Affero General Public License for more details. * * You should have received a copy of the GNU Affero General Public License * along with Xibo. If not, see <http://www.gnu.org/licenses/>. * */ #} <div> <img class="logo right" src="{{ logo }}"> </div> <div class="header">{{ header }}</div> <div class="title">{{ title }} <span class="small">({% trans "Generated on: " %}{{ generatedOn }})</span></div> <div> <span class="small">From {{ periodStart }} To {{ periodEnd }}</span> </div> <p></p> <table class="saved-report-table"> <tr> <th>{% trans "Type" %}</th> <th>{% trans "Display ID" %}</th> <th>{% trans "Display" %}</th> <th>{% trans "Layout ID" %}</th> <th>{% trans "Layout" %}</th> <th>{% trans "Widget ID" %}</th> <th>{% trans "Media" %}</th> <th>{% trans "Tag" %}</th> <th>{% trans "Number of Plays" %}</th> <th>{% trans "Total Duration (s)" %}</th> <th>{% trans "First Shown" %}</th> <th>{% trans "Last Shown" %}</th> </tr> {% for item in tableData %} <tr> <td>{{ item.type }}</td> <td>{{ item.displayId }}</td> <td>{{ item.display }}</td> <td>{{ item.layoutId }}</td> <td>{{ item.layout }}</td> <td>{{ item.widgetId }}</td> <td>{{ item.media }}</td> <td>{{ item.tag }}</td> <td>{{ item.numberPlays }}</td> <td>{{ item.duration }}</td> <td>{{ item.minStart }}</td> <td>{{ item.maxEnd }}</td> </tr> {% endfor %} </table> proofofplay-report-preview.twig 0000644 00000012754 14716421531 0013005 0 ustar 00 {# /* * Xibo - Digital Signage - http://www.xibo.org.uk * Copyright (C) 2019 Xibo Signage Ltd * * This file is part of Xibo. * * Xibo is free software: you can redistribute it and/or modify * it under the terms of the GNU Affero General Public License as published by * the Free Software Foundation, either version 3 of the License, or * any later version. * * Xibo is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU Affero General Public License for more details. * * You should have received a copy of the GNU Affero General Public License * along with Xibo. If not, see <http://www.gnu.org/licenses/>. * */ #} {% extends "authed.twig" %} {% import "inline.twig" as inline %} {% block actionMenu %} <ul class="nav nav-pills pull-right"> <li class="btn btn-info btn-xs"><a class="btns" href="{{ urlFor("savedreport.view") }}"><i class="fa fa-eye" aria-hidden="true"></i> {% trans "Saved Reports" %}</a></li> </ul> {% endblock %} {% block pageContent %} <div class="widget"> <div class="widget-title"> <i class="fa fa-list"></i> {{ savedReport.saveAs }} <span class="small">({% trans "Generated on: " %}{{ generatedOn }})</span> <div><span class="small">From {{ periodStart }} To {{ periodEnd }}</span></div> <div><span class="small">{{ filterInfo }}</span></div> <div class="clearfix"></div> </div> <div class="widget-body"> <div class="XiboGrid" id="{{ random() }}"> <div class="XiboData"> <table id="stats" class="table table-striped"> <thead> <tr> <th>{% trans "Type" %}</th> <th>{% trans "Display ID" %}</th> <th>{% trans "Display" %}</th> <th>{% trans "Layout ID" %}</th> <th>{% trans "Layout" %}</th> <th>{% trans "Widget ID" %}</th> <th>{% trans "Media" %}</th> <th>{% trans "Tag" %}</th> <th>{% trans "Number of Plays" %}</th> <th>{% trans "Total Duration" %}</th> <th>{% trans "Total Duration (s)" %}</th> <th>{% trans "First Shown" %}</th> <th>{% trans "Last Shown" %}</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </div> </div> {% endblock %} {% block javaScript %} <script type="text/javascript"> $(document).ready(function() { var outputData = {{ result|raw }}.map(Object); // Grid var table = $("#stats").DataTable({ "language": dataTablesLanguage, "paging": false, "ordering": false, "info": false, "order": [[1, "asc"]], "searching": false, data: outputData, columns: [ { "data": 'type' }, { "data": 'displayId' }, { "data": 'display' }, { "data": 'layoutId' }, { "data": 'layout' }, { "data": 'widgetId' }, { "data": 'media' }, { "data": 'tag' }, { "data": 'numberPlays' }, { "data": "duration", "render": function (data, type, row, meta) { if (type != "display") return ""; let durationData = moment.duration(data, "seconds"); let dataM = ''; let months = durationData.months(); if (months > 0) { durationData.subtract(moment.duration(months,'months')); dataM += months + '{% trans "month" %} '; } let days = durationData.days(); durationData.subtract(moment.duration(days,'days')); dataM += days + '{% trans "day" %} '; let hours = durationData.hours(); durationData.subtract(moment.duration(hours,'hours')); dataM += hours + '{% trans "hr" %} '; let minutes = durationData.minutes(); durationData.subtract(moment.duration(minutes,'minutes')); dataM += minutes + '{% trans "min" %} '; let seconds = durationData.seconds(); dataM += seconds + '{% trans "sec" %} '; return dataM; } }, { "data": 'duration' }, { "data": 'minStart' }, { "data": 'maxEnd' }, ] }); table.on('draw', dataTableDraw); table.on('processing.dt', dataTableProcessing); }); </script> {% endblock %} summary-email-template.twig 0000644 00000002161 14716421531 0012037 0 ustar 00 {# /* * Xibo - Digital Signage - http://www.xibo.org.uk * Copyright (C) 2019 Xibo Signage Ltd * * This file is part of Xibo. * * Xibo is free software: you can redistribute it and/or modify * it under the terms of the GNU Affero General Public License as published by * the Free Software Foundation, either version 3 of the License, or * any later version. * * Xibo is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU Affero General Public License for more details. * * You should have received a copy of the GNU Affero General Public License * along with Xibo. If not, see <http://www.gnu.org/licenses/>. * */ #} <div> <img class="logo right" src="{{ logo }}"> </div> <div class="header">{{ header }}</div> <div class="title">{{ title }} <span class="small">({% trans "Generated on: " %}{{ generatedOn }})</span></div> <div> <span class="small">From {{ periodStart }} To {{ periodEnd }}</span> </div> <p></p> <span>{{ placeholder }}</span> <img src="{{ src | raw }}" > distribution-email-template.twig 0000644 00000002161 14716421531 0013061 0 ustar 00 {# /* * Xibo - Digital Signage - http://www.xibo.org.uk * Copyright (C) 2019 Xibo Signage Ltd * * This file is part of Xibo. * * Xibo is free software: you can redistribute it and/or modify * it under the terms of the GNU Affero General Public License as published by * the Free Software Foundation, either version 3 of the License, or * any later version. * * Xibo is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU Affero General Public License for more details. * * You should have received a copy of the GNU Affero General Public License * along with Xibo. If not, see <http://www.gnu.org/licenses/>. * */ #} <div> <img class="logo right" src="{{ logo }}"> </div> <div class="header">{{ header }}</div> <div class="title">{{ title }} <span class="small">({% trans "Generated on: " %}{{ generatedOn }})</span></div> <div> <span class="small">From {{ periodStart }} To {{ periodEnd }}</span> </div> <p></p> <span>{{ placeholder }}</span> <img src="{{ src | raw }}" > summary-report-form.twig 0000644 00000055641 14716421531 0011426 0 ustar 00 {# /* * Xibo - Digital Signage - http://www.xibo.org.uk * Copyright (C) 2019 Xibo Signage Ltd * * This file is part of Xibo. * * Xibo is free software: you can redistribute it and/or modify * it under the terms of the GNU Affero General Public License as published by * the Free Software Foundation, either version 3 of the License, or * any later version. * * Xibo is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU Affero General Public License for more details. * * You should have received a copy of the GNU Affero General Public License * along with Xibo. If not, see <http://www.gnu.org/licenses/>. * */ #} {% extends "authed.twig" %} {% import "inline.twig" as inline %} {% block actionMenu %} <ul class="nav nav-pills pull-right"> <li class="btn btn-success btn-xs"><a class="XiboFormButton btns" title="{% trans "Select a type and an item (i.e., layout/media/tag)" %}" id="reportAddBtn"><i class="fa fa-plus-circle" aria-hidden="true"></i> {% trans "Schedule" %}</a></li> <li class="btn btn-info btn-xs"><a class="btns" href="{{ urlFor("savedreport.view") }}?reportName=summaryReport"><i class="fa fa-eye" aria-hidden="true"></i> {% trans "Saved Reports" %}</a></li> <li class="btn btn-primary btn-xs"><a class="btns" href="{{ urlFor("reportschedule.view") }}?reportName=summaryReport"><i class="fa fa-th-list" aria-hidden="true"></i> {% trans "Report Schedules" %}</a></li> </ul> <div class="proof-of-play-report-div pull-right btn-group"> <button class="proof-of-play-report-btn btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <span class="fa fa-caret-down"></span> {% trans "Reports" %} </button> <ul class="dropdown-menu"> {% for report in defaults.availableReports %} {% if report.hidden == 0 %} <li> <a href="{{ urlFor("report.form", {name: report.name}) }}">{{ report.description }}</a> </li> {% endif %} {% endfor %} </ul> </div> {% endblock %} {% block pageContent %} <div class="widget"> <div class="widget-title"> {% trans "Summary by Layout, Media or Event" %} <span class="fa fa-info-circle" data-toggle="popover" data-trigger="hover" data-placement="bottom" data-content="{% trans "This chart shows an aggregate duration and number of plays for the selected Layout, Media or Event. Please select your Range and Type below. Where the Range crosses period boundaries a new period is generated - i.e 1 week grouped by hourly produces 24 x 7 periods." %}"></span> </div> <div class="widget-body"> <div class="XiboGrid" id="{{ random() }}"> <div class="XiboFilterCustom"> <div class="FilterDiv" id="summaryReport"> <form class="form-inline"> {% set title %}{% trans "Range" %}{% endset %} {% set range %}{% trans "Select a range" %}{% endset %} {% set today %}{% trans "Today" %}{% endset %} {% set yesterday %}{% trans "Yesterday" %}{% endset %} {% set thisweek %}{% trans "This Week" %}{% endset %} {% set thismonth %}{% trans "This Month" %}{% endset %} {% set thisyear %}{% trans "This Year" %}{% endset %} {% set lastweek %}{% trans "Last Week" %}{% endset %} {% set lastmonth %}{% trans "Last Month" %}{% endset %} {% set lastyear %}{% trans "Last Year" %}{% endset %} {% set options = [ { filterName: "", reportFilter: range }, { filterName: "today", reportFilter: today }, { filterName: "yesterday", reportFilter: yesterday }, { filterName: "thisweek", reportFilter: thisweek }, { filterName: "thismonth", reportFilter: thismonth }, { filterName: "thisyear", reportFilter: thisyear }, { filterName: "lastweek", reportFilter: lastweek }, { filterName: "lastmonth", reportFilter: lastmonth }, { filterName: "lastyear", reportFilter: lastyear }, ] %} {{ inline.dropdown("reportFilter", "single", title, "today", options, "filterName", "reportFilter") }} {% set title %}{% trans "From Date" %}{% endset %} {{ inline.date("statsFromDt", title, defaults.fromDateOneDay, "", "stats-from-dt", "", "") }} {% set title %}{% trans "To Date" %}{% endset %} {{ inline.date("statsToDt", title, defaults.toDate, "", "stats-to-dt", "", "") }} {% set title %}{% trans "Group by" %}{% endset %} {% set byday %}{% trans "Day" %}{% endset %} {% set byweek %}{% trans "Week" %}{% endset %} {% set bymonth %}{% trans "Month" %}{% endset %} {% set options = [ { filterName: "byday", groupByFilter: byday }, { filterName: "byweek", groupByFilter: byweek }, { filterName: "bymonth", groupByFilter: bymonth }, ] %} {{ inline.dropdown("groupByFilter", "single", title, "", options, "filterName", "groupByFilter", "", "group-by-filter") }} {% set title %}{% trans "Type" %}{% endset %} {% set layout %}{% trans "Layout" %}{% endset %} {% set media %}{% trans "Media" %}{% endset %} {% set event %}{% trans "Event" %}{% endset %} {% set options = [ { typeid: "layout", type: layout }, { typeid: "media", type: media }, { typeid: "event", type: event }, ] %} {{ inline.dropdown("type", "single", title, "", options, "typeid", "type") }} {% set title %}{% trans "Layout" %} *{% endset %} {% set helpText %}{% trans "This field is required when the Type selected is Layout" %}{% endset %} {% set attributes = [ { name: "data-width", value: "200px" }, { name: "data-allow-clear", value: "true" }, { name: "data-placeholder--id", value: null }, { name: "data-placeholder--value", value: "" }, { name: "data-search-url", value: urlFor("layout.search") }, { name: "data-search-term", value: "layout" }, { name: "data-search-term-tags", value: "tags" }, { name: "data-id-property", value: "layoutId" }, { name: "data-text-property", value: "layout" } ] %} {{ inline.dropdown("layoutId", "single", title, "", null, "layoutId", "layout", helpText, "pagedSelect layout-select", "", "l", "", attributes) }} {% set title %}{% trans "Media" %} *{% endset %} {% set helpText %}{% trans "This field is required when the Type selected is Media" %}{% endset %} {% set attributes = [ { name: "data-width", value: "200px" }, { name: "data-allow-clear", value: "true" }, { name: "data-placeholder--id", value: null }, { name: "data-placeholder--value", value: "" }, { name: "data-search-url", value: urlFor("library.search") }, { name: "data-search-term", value: "media" }, { name: "data-id-property", value: "mediaId" }, { name: "data-text-property", value: "name" } ] %} {{ inline.dropdown("mediaId", "single", title, "", null, "mediaId", "name", helpText, "pagedSelect media-select", "", "m", "", attributes) }} {% set title %}{% trans "Tag" %} *{% endset %} {% set helpText %}{% trans "This field is required when the Type selected is Event" %}{% endset %} {{ inline.input("eventTag", title, "", helpText, "tag-text") }} <p></p> <div class="row"> <a id="applyBtn" class="btn btn-success"> <span>{% trans "Apply" %}</span> </a> <span id="applyWarning" class="text-warning" style="display:none; padding-left: 10px">{% trans "Warning: This may return a lot of data and may take several minutes to process." %}</span> </div> </form> </div> </div> <div class="XiboData"> <canvas id="reportChart" style="clear:both; margin-top:25px;" height="70%"></canvas> <img id="imageLoader" style="display: block; margin: auto;" src="{{ theme.uri("img/loader.gif") }}"> </div> </div> </div> </div> {% endblock %} {% block javaScript %} <script type="text/javascript"> $(function () { $('[data-toggle="popover"]').popover(); }); var reportChart = null; var imageLoader = $("#imageLoader"); function setReport() { imageLoader.show(); $.ajax({ type: "get", url: "{{ urlFor("report.data", {name: reportName}) }}", cache: false, dataType: "json", data: $("#summaryReport").find("form").serialize(), success: function(response) { setTimeout(function() { $("#applyBtn").removeClass('disabled'); }, 300); imageLoader.hide(); if (reportChart !== undefined && reportChart !== null) { reportChart.destroy(); } if (response.extra.countData.length <= 0) { return; } if (response.extra.durationData.length <= 0) { return; } // Create our chart reportChart = new Chart($("#reportChart"), { type: "bar", data: { labels: response.extra.labels, datasets: [{ label: "{% trans "Total duration" %}", yAxisID: 'Duration', backgroundColor: response.extra.backgroundColor, data: response.extra.durationData, }, { label: "{% trans "Total count" %}", yAxisID: 'Count', borderColor: response.extra.borderColor, data: response.extra.countData, type: 'line', fill: false }] }, options: { scales: { yAxes: [{ id: 'Duration', type: 'linear', position: 'left', display: true, scaleLabel: { display: true, labelString: 'Duration(s)' }, ticks: { beginAtZero:true } }, { id: 'Count', type: 'linear', position: 'right', display: true, scaleLabel: { display: true, labelString: 'Count' }, ticks: { beginAtZero:true } }] }, maintainAspectRatio: true, } }); } }); } $(document).ready(function() { // Init var warning = $("#applyWarning"); var applyBtn = $("#applyBtn"); var type = $("#type"); var groupByFilter = $("#groupByFilter"); var groupByFilterCls = $(".group-by-filter"); var mediaSelect =$(".media-select"); var layoutSelect =$(".layout-select"); var eventTagCls =$(".tag-text"); // Calculate the difference of number of days of a selected range const calculateDaysShowHideWarn = function() { console.log('m i here'); let fromDt = moment($("#statsFromDt").val()); let toDt = moment($("#statsToDt").val()); let days = toDt.diff(fromDt, 'days'); warning.hide(); if ( days >= 30) { warning.show(); } return true; }; $("#statsFromDtLink").change( function() { calculateDaysShowHideWarn(); }); $("#statsToDtLink").change( function() { calculateDaysShowHideWarn(); }); // Report Filter var reportFilter = $("#reportFilter"); // Hide / Show FromDt and ToDt function checkReportFilter(reportFilter) { var value = reportFilter.val(); var collectionMonth = [ {id: 'byday', description: "{% trans "Day" %}"}, {id: 'byweek', description: "{% trans "Week" %}"}, ]; var collectionYear = [ {id: 'byday', description: "{% trans "Day" %}"}, {id: 'byweek', description: "{% trans "Week" %}"}, {id: 'bymonth', description: "{% trans "Month" %}"} ]; if (value === '' || value === undefined) { // show the from date and to date $(".stats-from-dt").show(); $(".stats-to-dt").show(); $("#groupByFilter option").remove(); groupByFilterCls.show(); $.each(collectionYear, function(index, item) { groupByFilter.append( $("<option></option>") .text(item.description) .val(item.id) ); }); } else { // hide the from date and to date $(".stats-from-dt").hide(); $(".stats-to-dt").hide(); // Group by filter $("#groupByFilter option").remove(); groupByFilterCls.show(); if (value === 'thismonth' || value === 'lastmonth') { $.each(collectionMonth, function(index, item) { groupByFilter.append( $("<option></option>") .text(item.description) .val(item.id) ); }); } else if (value === 'thisyear' || value === 'lastyear') { $.each(collectionYear, function(index, item) { groupByFilter.append( $("<option></option>") .text(item.description) .val(item.id) ); }); groupByFilter.val('bymonth'); //by default } else { groupByFilterCls.hide(); } } } const checkFilterAndApply = function() { reportFilter.off('change').change( function() { var value = reportFilter.val(); // Hide / Show FromDt and ToDt checkReportFilter(reportFilter); // Hide / Show Warning warning.hide(); if ( value === '') { calculateDaysShowHideWarn(); } else if ( value === 'thismonth' || value === 'lastmonth' || value === 'thisyear' || value === 'lastyear') { warning.show(); } }); type.off('change').change( function() { var value = type.val(); if (value === 'media') { // show media and clear/hide the layout $("#layoutId").val(""); $("#layoutId option").remove(); layoutSelect.hide(); $("#eventTag").val(""); eventTagCls.hide(); mediaSelect.show(); } else if (value === 'layout') { // show layout and clear/hide the media $("#mediaId").val(""); $("#mediaId option").remove(); mediaSelect.hide(); $("#eventTag").val(""); eventTagCls.hide(); layoutSelect.show(); } else if (value === 'event') { // clear/hide the media and layout $("#mediaId").val(""); $("#mediaId option").remove(); $("#layoutId").val(""); $("#layoutId option").remove(); mediaSelect.hide(); layoutSelect.hide(); // show tag eventTagCls.show(); } }); }; // Enable/Disable Schedule Btn const checkEnableSchedule = function() { var mediaVal = $("#mediaId").val(); var layoutVal = $("#layoutId").val(); var eventTagVal = $("#eventTag").val(); var anchorReportAddBtn = $("a#reportAddBtn"); var typeVal = $("#type").val(); if ( typeVal === 'layout') { if (layoutVal == null) { anchorReportAddBtn.parent().addClass('disabled'); anchorReportAddBtn.removeAttr('href'); } else { anchorReportAddBtn.parent().removeClass('disabled'); anchorReportAddBtn.attr("href", "{{ urlFor("reportschedule.add.form") }}?type=" + typeVal + "&layoutId=" + layoutVal + "&reportName=summaryReport" ); anchorReportAddBtn.removeAttr('title'); } } else if ( typeVal === 'media') { if (mediaVal == null) { anchorReportAddBtn.parent().addClass('disabled'); anchorReportAddBtn.removeAttr('href'); } else { anchorReportAddBtn.parent().removeClass('disabled'); anchorReportAddBtn.attr("href", "{{ urlFor("reportschedule.add.form") }}?type=" + typeVal + "&mediaId=" + mediaVal + "&reportName=summaryReport" ); anchorReportAddBtn.removeAttr('title'); } } else if ( typeVal === 'event') { if (eventTagVal == null) { anchorReportAddBtn.parent().addClass('disabled'); anchorReportAddBtn.removeAttr('href'); } else { anchorReportAddBtn.parent().removeClass('disabled'); anchorReportAddBtn.attr("href", "{{ urlFor("reportschedule.add.form") }}?type=" + typeVal + "&eventTag=" + eventTagVal + "&reportName=summaryReport" ); anchorReportAddBtn.removeAttr('title'); } } }; type.val('layout'); mediaSelect.hide(); eventTagCls.hide(); // reportFilter.val(''); // groupByFilter.val('byday'); imageLoader.hide(); checkReportFilter(reportFilter); checkFilterAndApply(); applyBtn.addClass('disabled'); checkEnableSchedule(); // Bind to form change $("#summaryReport").on('change', function() { checkEnableSchedule(); var layoutVal = $("#layoutId").val(); var mediaVal = $("#mediaId").val(); var eventVal = $("#eventTag").val(); if ((layoutVal === null || layoutVal === '' || layoutVal === undefined) && (mediaVal === null || mediaVal === '' || mediaVal === undefined) && (eventVal === null || eventVal === '' || eventVal === undefined) ) { applyBtn.addClass('disabled'); } else { applyBtn.removeClass('disabled'); } }); // Apply applyBtn.click(function () { $(this).addClass('disabled'); checkFilterAndApply(); setReport(); }); }); </script> {% endblock %} proofofplay-schedule-form-add.twig 0000644 00000021023 14716421531 0013263 0 ustar 00 {# /* * Xibo - Digital Signage - http://www.xibo.org.uk * Copyright (C) 2019 Xibo Signage Ltd * * This file is part of Xibo. * * Xibo is free software: you can redistribute it and/or modify * it under the terms of the GNU Affero General Public License as published by * the Free Software Foundation, either version 3 of the License, or * any later version. * * Xibo is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU Affero General Public License for more details. * * You should have received a copy of the GNU Affero General Public License * along with Xibo. If not, see <http://www.gnu.org/licenses/>. * */ #} {% extends "form-base.twig" %} {% import "forms.twig" as forms %} {% block formTitle %} {{ formTitle }} {% endblock %} {% block formButtons %} {% trans "Cancel" %}, XiboDialogClose() {% trans "Save" %}, $("#proofofplayScheduleAddForm").submit() {% endblock %} {% block callBack %}proofOfPlayScheduleCallback{% endblock %} {% block formHtml %} <div class="row"> <div class="col-md-12"> <form id="proofofplayScheduleAddForm" class="XiboForm form-horizontal" method="post" action="{{ urlFor("reportschedule.add") }}"> {{ forms.hidden("hiddenFields", hiddenFields) }} {{ forms.hidden("reportName", reportName) }} {% set title %}{% trans "Name" %}{% endset %} {% set helpText %}{% trans "The name for this report schedule" %}{% endset %} {{ forms.input("name", title, "", helpText, "", "required") }} {% set title %}{% trans "Filter" %}{% endset %} {% set helpText %}{% trans "Select the report filter you would like to run" %}{% endset %} {% set daily %}{% trans "Daily" %}{% endset %} {% set weekly %}{% trans "Weekly" %}{% endset %} {% set monthly %}{% trans "Monthly" %}{% endset %} {% set yearly %}{% trans "Yearly" %}{% endset %} {% set options = [ { name: "daily", filter: daily }, { name: "weekly", filter: weekly }, { name: "monthly", filter: monthly }, { name: "yearly", filter: yearly }, ] %} {{ forms.dropdown("filter", "single", title, "", options, "name", "filter", helpText) }} {% set title %}{% trans "Display" %}{% endset %} {% set attributes = [ { name: "data-width", value: "100%" }, { name: "data-allow-clear", value: "true" }, { name: "data-placeholder--id", value: null }, { name: "data-placeholder--value", value: "" }, { name: "data-search-url", value: urlFor("display.search") }, { name: "data-search-term", value: "display" }, { name: "data-search-term-tags", value: "tags" }, { name: "data-default-values", value: displayId }, { name: "data-id-property", value: "displayId" }, { name: "data-text-property", value: "display" } ] %} {{ forms.dropdown("displayId", "single", title, "", null, "displayId", "display", "", "pagedSelect", "", "d", "", attributes) }} {% set attributes = [ { name: "data-width", value: "100%" }, { name: "data-allow-clear", value: "true" }, { name: "data-placeholder--id", value: null }, { name: "data-placeholder--value", value: "" }, { name: "data-search-url", value: urlFor("layout.search") }, { name: "data-search-term", value: "layout" }, { name: "data-search-term-tags", value: "tags" }, { name: "data-id-property", value: "layoutId" }, { name: "data-text-property", value: "layout" } ] %} {% set title %}{% trans "Layout" %}{% endset %} {{ forms.dropdown("layoutId[]", "dropdownmulti", title, "", null, "layoutId", "layout", "", "pagedSelect", "", "l", "", attributes) }} {% set attributes = [ { name: "data-width", value: "100%" }, { name: "data-allow-clear", value: "true" }, { name: "data-placeholder--id", value: null }, { name: "data-placeholder--value", value: "" }, { name: "data-search-url", value: urlFor("library.search") }, { name: "data-search-term", value: "media" }, { name: "data-search-term-tags", value: "tags" }, { name: "data-id-property", value: "mediaId" }, { name: "data-text-property", value: "name" } ] %} {% set title %}{% trans "Media" %}{% endset %} {{ forms.dropdown("mediaId[]", "dropdownmulti", title, "", null, "mediaId", "name", "", "pagedSelect", "", "m", "", attributes) }} {% set title %}{% trans "Type" %}{% endset %} {% set layout %}{% trans "Layout" %}{% endset %} {% set media %}{% trans "Media" %}{% endset %} {% set widget %}{% trans "Widget" %}{% endset %} {% set event %}{% trans "Event" %}{% endset %} {% set options = [ { typeid: "", type: null }, { typeid: "layout", type: layout }, { typeid: "media", type: media }, { typeid: "widget", type: widget }, { typeid: "event", type: event } ] %} {{ forms.dropdown("type", "single", title, type, options, "typeid", "type") }} {% set title %}{% trans "Sort by" %}{% endset %} {% set widgetId %}{% trans "WidgetId" %}{% endset %} {% set type %}{% trans "Type" %}{% endset %} {% set display %}{% trans "Display" %}{% endset %} {% set displayId %}{% trans "Display ID" %}{% endset %} {% set media %}{% trans "Media" %}{% endset %} {% set layout %}{% trans "Layout" %}{% endset %} {% set layoutId %}{% trans "Layout ID" %}{% endset %} {% set tag %}{% trans "Tag" %}{% endset %} {% set options = [ { sortbyid: "widgetId", sortby: widgetId }, { sortbyid: "type", sortby: type }, { sortbyid: "display", sortby: display }, { sortbyid: "displayId", sortby: displayId }, { sortbyid: "media", sortby: media }, { sortbyid: "layout", sortby: layout }, { sortbyid: "layoutId", sortby: layoutId }, { sortbyid: "tag", sortby: tag } ] %} {{ forms.dropdown("sortBy", "single", title, "", options, "sortbyid", "sortby") }} {% set title %}{% trans "Tags from" %}{% endset %} {% set dg %}{% trans "Display Group" %}{% endset %} {% set layout %}{% trans "Layout" %}{% endset %} {% set media %}{% trans "Media" %}{% endset %} {% set options = [ { tagsTypeid: "dg", tagsType: dg }, { tagsTypeid: "layout", tagsType: layout }, { tagsTypeid: "media", tagsType: media } ] %} {{ forms.dropdown("tagsType", "single", title, tagsType, options, "tagsTypeid", "tagsType") }} {% set title %}{% trans "Tags" %}{% endset %} {% set helpText %}{% trans "A comma separated list of tags to filter by. Enter --no-tag to see items without tags." %}{% endset %} {{ forms.inputWithTags("tags", title, tags, helpText) }} {% set title %}{% trans "Should Tags filter by exact match?" %}{% endset %} {{ forms.checkbox("exactTags", title, exactTags) }} {% set title %}{% trans "Should an email be sent?" %}{% endset %} {{ forms.checkbox("sendEmail", title, sendEmail) }} {% set title %}{% trans "Email addresses" %}{% endset %} {% set helpText %}{% trans "Additional emails separated by a comma." %}{% endset %} {{ forms.inputWithTags("nonusers", title, nonusers, helpText) }} </form> </div> </div> {% endblock %} distribution.report 0000644 00000000424 14716421531 0010524 0 ustar 00 { "name": "distributionReport", "description": "Chart: Distribution by Layout, Media or Event", "class": "\\Xibo\\Report\\DistributionReport", "type": "Chart", "output_type": "chart", "color":"green", "fa_icon": "fa-bar-chart", "sort_order": 3, "hidden": 0 } distribution-report-form.twig 0000644 00000053360 14716421531 0012444 0 ustar 00 {# /* * Xibo - Digital Signage - http://www.xibo.org.uk * Copyright (C) 2019 Xibo Signage Ltd * * This file is part of Xibo. * * Xibo is free software: you can redistribute it and/or modify * it under the terms of the GNU Affero General Public License as published by * the Free Software Foundation, either version 3 of the License, or * any later version. * * Xibo is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU Affero General Public License for more details. * * You should have received a copy of the GNU Affero General Public License * along with Xibo. If not, see <http://www.gnu.org/licenses/>. * */ #} {% extends "authed.twig" %} {% import "inline.twig" as inline %} {% block actionMenu %} <ul class="nav nav-pills pull-right"> <li class="btn btn-success btn-xs"><a class="XiboFormButton btns" title="{% trans "Select a type and an item (i.e., layout/media/tag)" %}" id="reportAddBtn"><i class="fa fa-plus-circle" aria-hidden="true"></i> {% trans "Schedule" %}</a></li> <li class="btn btn-info btn-xs"><a class="btns" href="{{ urlFor("savedreport.view") }}?reportName=distributionReport""><i class="fa fa-eye" aria-hidden="true"></i> {% trans "Saved Reports" %}</a></li> <li class="btn btn-primary btn-xs"><a class="btns" href="{{ urlFor("reportschedule.view") }}?reportName=distributionReport"><i class="fa fa-th-list" aria-hidden="true"></i> {% trans "Report Schedules" %}</a></li> </ul> <div class="proof-of-play-report-div pull-right btn-group"> <button class="proof-of-play-report-btn btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <span class="fa fa-caret-down"></span> {% trans "Reports" %} </button> <ul class="dropdown-menu"> {% for report in defaults.availableReports %} {% if report.hidden == 0 %} <li> <a href="{{ urlFor("report.form", {name: report.name}) }}">{{ report.description }}</a> </li> {% endif %} {% endfor %} </ul> </div> {% endblock %} {% block pageContent %} <div class="widget"> <div class="widget-title"> {% trans "Distribution by Layout, Media or Event" %} <span class="fa fa-info-circle" data-toggle="popover" data-trigger="hover" data-placement="bottom" data-content="{% trans "This chart shows an aggregate duration and number of plays for the selected Layout, Media or Event. Please select your Range and Type below. Where the Range crosses period boundaries the data is aggregated into the correct period - i.e 1 week grouped by hourly produces 24 periods." %}"></span> </div> <div class="widget-body"> <div class="XiboGrid" id="{{ random() }}"> <div class="XiboFilterCustom"> <div class="FilterDiv" id="distributionReport"> <form class="form-inline"> {% set title %}{% trans "Filter" %}{% endset %} {% set range %}{% trans "Select a range" %}{% endset %} {% set today %}{% trans "Today" %}{% endset %} {% set yesterday %}{% trans "Yesterday" %}{% endset %} {% set thisweek %}{% trans "This Week" %}{% endset %} {% set thismonth %}{% trans "This Month" %}{% endset %} {% set thisyear %}{% trans "This Year" %}{% endset %} {% set lastweek %}{% trans "Last Week" %}{% endset %} {% set lastmonth %}{% trans "Last Month" %}{% endset %} {% set lastyear %}{% trans "Last Year" %}{% endset %} {% set options = [ { filterName: "", reportFilter: range }, { filterName: "today", reportFilter: today }, { filterName: "yesterday", reportFilter: yesterday }, { filterName: "thisweek", reportFilter: thisweek }, { filterName: "thismonth", reportFilter: thismonth }, { filterName: "thisyear", reportFilter: thisyear }, { filterName: "lastweek", reportFilter: lastweek }, { filterName: "lastmonth", reportFilter: lastmonth }, { filterName: "lastyear", reportFilter: lastyear }, ] %} {{ inline.dropdown("reportFilter", "single", title, "today", options, "filterName", "reportFilter") }} {% set title %}{% trans "From Date" %}{% endset %} {{ inline.date("statsFromDt", title, defaults.fromDateOneDay, "", "stats-from-dt", "", "") }} {% set title %}{% trans "To Date" %}{% endset %} {{ inline.date("statsToDt", title, defaults.toDate, "", "stats-to-dt", "", "") }} {% set title %}{% trans "Group by" %}{% endset %} {% set byhour %}{% trans "Hour" %}{% endset %} {% set bydayofweek %}{% trans "Day of week" %}{% endset %} {% set bydayofmonth %}{% trans "Day of month" %}{% endset %} {% set options = [ { filterName: "byhour", groupByFilter: byhour }, { filterName: "bydayofweek", groupByFilter: bydayofweek }, { filterName: "bydayofmonth", groupByFilter: bydayofmonth }, ] %} {{ inline.dropdown("groupByFilter", "single", title, "", options, "filterName", "groupByFilter", "", "group-by-filter") }} {% set title %}{% trans "Type" %}{% endset %} {% set layout %}{% trans "Layout" %}{% endset %} {% set media %}{% trans "Media" %}{% endset %} {% set event %}{% trans "Event" %}{% endset %} {% set options = [ { typeid: "layout", type: layout }, { typeid: "media", type: media }, { typeid: "event", type: event }, ] %} {{ inline.dropdown("type", "single", title, "", options, "typeid", "type") }} {% set title %}{% trans "Layout" %} *{% endset %} {% set helpText %}{% trans "This field is required when the Type selected is Layout" %}{% endset %} {% set attributes = [ { name: "data-width", value: "200px" }, { name: "data-allow-clear", value: "true" }, { name: "data-placeholder--id", value: null }, { name: "data-placeholder--value", value: "" }, { name: "data-search-url", value: urlFor("layout.search") }, { name: "data-search-term", value: "layout" }, { name: "data-search-term-tags", value: "tags" }, { name: "data-id-property", value: "layoutId" }, { name: "data-text-property", value: "layout" } ] %} {{ inline.dropdown("layoutId", "single", title, "", null, "layoutId", "layout", helpText, "pagedSelect layout-select", "", "l", "", attributes) }} {% set title %}{% trans "Media" %} *{% endset %} {% set helpText %}{% trans "This field is required when the Type selected is Media" %}{% endset %} {% set attributes = [ { name: "data-width", value: "200px" }, { name: "data-allow-clear", value: "true" }, { name: "data-placeholder--id", value: null }, { name: "data-placeholder--value", value: "" }, { name: "data-search-url", value: urlFor("library.search") }, { name: "data-search-term", value: "media" }, { name: "data-id-property", value: "mediaId" }, { name: "data-text-property", value: "name" } ] %} {{ inline.dropdown("mediaId", "single", title, "", null, "mediaId", "name", helpText, "pagedSelect media-select", "", "m", "", attributes) }} {% set title %}{% trans "Tag" %} *{% endset %} {% set helpText %}{% trans "This field is required when the Type selected is Event" %}{% endset %} {{ inline.input("eventTag", title, "", helpText, "tag-text") }} {% set title %}{% trans "Display" %}{% endset %} {% set attributes = [ { name: "data-width", value: "200px" }, { name: "data-allow-clear", value: "true" }, { name: "data-placeholder--id", value: null }, { name: "data-placeholder--value", value: "" }, { name: "data-search-url", value: urlFor("display.search") }, { name: "data-search-term", value: "display" }, { name: "data-search-term-tags", value: "tags" }, { name: "data-id-property", value: "displayId" }, { name: "data-text-property", value: "display" } ] %} {{ inline.dropdown("displayId", "single", title, "", null, "displayId", "display", "", "pagedSelect", "", "d", "", attributes) }} <p></p> <div class="row"> <a id="applyBtn" class="btn btn-success"> <span>{% trans "Apply" %}</span> </a> <span id="applyWarning" class="text-warning" style="display:none; padding-left: 10px">{% trans "Warning: This may return a lot of data and may take several minutes to process." %}</span> </div> </form> </div> </div> <div class="XiboData"> <canvas id="reportChart" style="clear:both; margin-top:25px;" height="70%"></canvas> <img id="imageLoader" style="display: block; margin: auto;" src="{{ theme.uri("img/loader.gif") }}"> </div> </div> </div> </div> {% endblock %} {% block javaScript %} <script type="text/javascript"> $(function () { $('[data-toggle="popover"]').popover(); }); var reportChart = null; var imageLoader = $("#imageLoader"); function setReport() { imageLoader.show(); $.ajax({ type: "get", url: "{{ urlFor("report.data", {name: reportName}) }}", cache: false, dataType: "json", data: $("#distributionReport").find("form").serialize(), success: function(response) { setTimeout(function() { $("#applyBtn").removeClass('disabled'); }, 300); imageLoader.hide(); if (reportChart !== undefined && reportChart !== null) { reportChart.destroy(); } if (response.extra.countData.length <= 0) { return; } if (response.extra.durationData.length <= 0) { return; } // Create our chart reportChart = new Chart($("#reportChart"), { type: "bar", data: { labels: response.extra.labels, datasets: [{ label: "{% trans "Total duration" %}", yAxisID: 'Duration', backgroundColor: response.extra.backgroundColor, data: response.extra.durationData, }, { label: "{% trans "Total count" %}", yAxisID: 'Count', borderColor: response.extra.borderColor, data: response.extra.countData, type: 'line', fill: false }] }, options: { scales: { yAxes: [{ id: 'Duration', type: 'linear', position: 'left', display: true, scaleLabel: { display: true, labelString: 'Duration(s)' }, ticks: { beginAtZero:true } }, { id: 'Count', type: 'linear', position: 'right', display: true, scaleLabel: { display: true, labelString: 'Count' }, ticks: { beginAtZero:true } }] }, maintainAspectRatio: true, } }); } }); } $(document).ready(function() { // Init var warning = $("#applyWarning"); var applyBtn = $("#applyBtn"); var type = $("#type"); var mediaSelect =$(".media-select"); var layoutSelect =$(".layout-select"); var eventTagCls =$(".tag-text"); // Calculate the difference of number of days of a selected range const calculateDaysShowHideWarn = function() { console.log('m i here'); let fromDt = moment($("#statsFromDt").val()); let toDt = moment($("#statsToDt").val()); let days = toDt.diff(fromDt, 'days'); warning.hide(); if ( days >= 30) { warning.show(); } return true; }; $("#statsFromDtLink").change( function() { calculateDaysShowHideWarn(); }); $("#statsToDtLink").change( function() { calculateDaysShowHideWarn(); }); // Enable/Disable Schedule Btn const checkEnableSchedule = function() { // Schedule button enable/disable - start var mediaVal = $("#mediaId").val(); var layoutVal = $("#layoutId").val(); var eventTagVal = $("#eventTag").val(); var anchorReportAddBtn = $("a#reportAddBtn"); var typeVal = $("#type").val(); if ( typeVal === 'layout') { if (layoutVal == null) { anchorReportAddBtn.parent().addClass('disabled'); anchorReportAddBtn.removeAttr('href'); } else { anchorReportAddBtn.parent().removeClass('disabled'); anchorReportAddBtn.attr("href", "{{ urlFor("reportschedule.add.form") }}?type=" + typeVal + "&layoutId=" + layoutVal + "&reportName=distributionReport" ); anchorReportAddBtn.removeAttr('title'); } } else if ( typeVal === 'media') { if (mediaVal == null) { anchorReportAddBtn.parent().addClass('disabled'); anchorReportAddBtn.removeAttr('href'); } else { anchorReportAddBtn.parent().removeClass('disabled'); anchorReportAddBtn.attr("href", "{{ urlFor("reportschedule.add.form") }}?type=" + typeVal + "&mediaId=" + mediaVal + "&reportName=distributionReport" ); anchorReportAddBtn.removeAttr('title'); } } else if ( typeVal === 'event') { if (eventTagVal == null) { anchorReportAddBtn.parent().addClass('disabled'); anchorReportAddBtn.removeAttr('href'); } else { anchorReportAddBtn.parent().removeClass('disabled'); anchorReportAddBtn.attr("href", "{{ urlFor("reportschedule.add.form") }}?type=" + typeVal + "&eventTag=" + eventTagVal + "&reportName=distributionReport" ); anchorReportAddBtn.removeAttr('title'); } } }; // Report Filter var reportFilter = $("#reportFilter"); // Hide / Show FromDt and ToDt function checkReportFilter(reportFilter) { if (reportFilter.val() === '' || reportFilter.val() === undefined) { $(".stats-from-dt").show(); $(".stats-to-dt").show(); } else { $(".stats-from-dt").hide(); $(".stats-to-dt").hide(); } } const checkFilterAndApply = function() { reportFilter.off('change').change( function() { var value = reportFilter.val(); // Hide / Show FromDt and ToDt checkReportFilter(reportFilter); // Hide / Show Warning warning.hide(); if ( value === '') { calculateDaysShowHideWarn(); } else if ( value === 'thismonth' || value === 'lastmonth' || value === 'thisyear' || value === 'lastyear') { warning.show(); } }); type.off('change').change( function() { var value = type.val(); if (value === 'media') { // show media and clear/hide the layout $("#layoutId").val(""); $("#layoutId option").remove(); layoutSelect.hide(); $("#eventTag").val(""); eventTagCls.hide(); mediaSelect.show(); } else if (value === 'layout') { // show layout and clear/hide the media $("#mediaId").val(""); $("#mediaId option").remove(); mediaSelect.hide(); $("#eventTag").val(""); eventTagCls.hide(); layoutSelect.show(); } else if (value === 'event') { // clear/hide the media and layout $("#mediaId").val(""); $("#mediaId option").remove(); $("#layoutId").val(""); $("#layoutId option").remove(); mediaSelect.hide(); layoutSelect.hide(); // show tag eventTagCls.show(); } }); }; type.val('layout'); mediaSelect.hide(); eventTagCls.hide(); imageLoader.hide(); checkReportFilter(reportFilter); checkFilterAndApply(); applyBtn.addClass('disabled'); checkEnableSchedule(); // Bind to form change $("#distributionReport").on('change', function() { checkEnableSchedule(); var layoutVal = $("#layoutId").val(); var mediaVal = $("#mediaId").val(); var eventVal = $("#eventTag").val(); if ((layoutVal === null || layoutVal === '' || layoutVal === undefined) && (mediaVal === null || mediaVal === '' || mediaVal === undefined) && (eventVal === null || eventVal === '' || eventVal === undefined) ) { applyBtn.addClass('disabled'); } else { applyBtn.removeClass('disabled'); } }); // Apply applyBtn.click(function () { checkFilterAndApply(); setReport(); }); }); </script> {% endblock %} summary-report-preview.twig 0000644 00000007221 14716421531 0012133 0 ustar 00 {# /* * Xibo - Digital Signage - http://www.xibo.org.uk * Copyright (C) 2019 Xibo Signage Ltd * * This file is part of Xibo. * * Xibo is free software: you can redistribute it and/or modify * it under the terms of the GNU Affero General Public License as published by * the Free Software Foundation, either version 3 of the License, or * any later version. * * Xibo is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU Affero General Public License for more details. * * You should have received a copy of the GNU Affero General Public License * along with Xibo. If not, see <http://www.gnu.org/licenses/>. * */ #} {% extends "authed.twig" %} {% import "inline.twig" as inline %} {% block actionMenu %} <ul class="nav nav-pills pull-right"> <li class="btn btn-info btn-xs"><a class="btns" href="{{ urlFor("savedreport.view") }}"><i class="fa fa-eye" aria-hidden="true"></i> {% trans "Saved Reports" %}</a></li> </ul> {% endblock %} {% block pageContent %} <div class="widget"> <div class="widget-title"> <i class="fa fa-list"></i> {{ savedReport.saveAs }} <span class="small">({% trans "Generated on: " %}{{ generatedOn }})</span> <div><span class="small">From {{ periodStart }} To {{ periodEnd }}</span></div> <div class="clearfix"></div> </div> <div class="widget-body"> <div class="XiboGrid" id="{{ random() }}"> <div class="XiboData"> <canvas id="reportChart" style="clear:both; margin-top:25px;" height="70%"></canvas> </div> </div> </div> </div> {% endblock %} {% block javaScript %} <script type="text/javascript"> var reportChart = new Chart($("#reportChart"), { type: "bar", data: { labels: {{ labels|raw }}, datasets: [{ label: "{% trans "Total duration" %}", yAxisID: 'Duration', backgroundColor: {{ backgroundColor|raw }}, data: {{ durationData|raw }}, }, { label: "{% trans "Total count" %}", yAxisID: 'Count', borderColor: {{ borderColor|raw }}, data: {{ countData|raw }}, type: 'line', fill: false }] }, options: { scales: { yAxes: [{ id: 'Duration', type: 'linear', position: 'left', display: true, scaleLabel: { display: true, labelString: 'Duration(s)' }, ticks: { beginAtZero:true } }, { id: 'Count', type: 'linear', position: 'right', display: true, scaleLabel: { display: true, labelString: 'Count' }, ticks: { beginAtZero:true } }] }, maintainAspectRatio: true, } }); </script> {% endblock %} summary.report 0000644 00000000403 14716421531 0007477 0 ustar 00 { "name": "summaryReport", "description": "Chart: Summary by Layout, Media or Event", "class": "\\Xibo\\Report\\SummaryReport", "type": "Chart", "output_type": "chart", "color":"red", "fa_icon": "fa-bar-chart", "sort_order": 2, "hidden": 0 } distribution-report-preview.twig 0000644 00000007221 14716421531 0013155 0 ustar 00 {# /* * Xibo - Digital Signage - http://www.xibo.org.uk * Copyright (C) 2019 Xibo Signage Ltd * * This file is part of Xibo. * * Xibo is free software: you can redistribute it and/or modify * it under the terms of the GNU Affero General Public License as published by * the Free Software Foundation, either version 3 of the License, or * any later version. * * Xibo is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU Affero General Public License for more details. * * You should have received a copy of the GNU Affero General Public License * along with Xibo. If not, see <http://www.gnu.org/licenses/>. * */ #} {% extends "authed.twig" %} {% import "inline.twig" as inline %} {% block actionMenu %} <ul class="nav nav-pills pull-right"> <li class="btn btn-info btn-xs"><a class="btns" href="{{ urlFor("savedreport.view") }}"><i class="fa fa-eye" aria-hidden="true"></i> {% trans "Saved Reports" %}</a></li> </ul> {% endblock %} {% block pageContent %} <div class="widget"> <div class="widget-title"> <i class="fa fa-list"></i> {{ savedReport.saveAs }} <span class="small">({% trans "Generated on: " %}{{ generatedOn }})</span> <div><span class="small">From {{ periodStart }} To {{ periodEnd }}</span></div> <div class="clearfix"></div> </div> <div class="widget-body"> <div class="XiboGrid" id="{{ random() }}"> <div class="XiboData"> <canvas id="reportChart" style="clear:both; margin-top:25px;" height="70%"></canvas> </div> </div> </div> </div> {% endblock %} {% block javaScript %} <script type="text/javascript"> var reportChart = new Chart($("#reportChart"), { type: "bar", data: { labels: {{ labels|raw }}, datasets: [{ label: "{% trans "Total duration" %}", yAxisID: 'Duration', backgroundColor: {{ backgroundColor|raw }}, data: {{ durationData|raw }}, }, { label: "{% trans "Total count" %}", yAxisID: 'Count', borderColor: {{ borderColor|raw }}, data: {{ countData|raw }}, type: 'line', fill: false }] }, options: { scales: { yAxes: [{ id: 'Duration', type: 'linear', position: 'left', display: true, scaleLabel: { display: true, labelString: 'Duration(s)' }, ticks: { beginAtZero:true } }, { id: 'Count', type: 'linear', position: 'right', display: true, scaleLabel: { display: true, labelString: 'Count' }, ticks: { beginAtZero:true } }] }, maintainAspectRatio: true, } }); </script> {% endblock %} proofofplay.report 0000644 00000000355 14716421531 0010350 0 ustar 00 { "name": "proofofplayReport", "description": "Report: Proof of Play", "class": "\\Xibo\\Report\\ProofOfPlay", "type": "Report", "output_type": "table", "color":"blue", "fa_icon": "fa-th", "sort_order": 1, "hidden": 0 } proofofplay-report-form.twig 0000644 00000051066 14716421531 0012266 0 ustar 00 {# /* * Xibo - Digital Signage - http://www.xibo.org.uk * Copyright (C) 2019 Xibo Signage Ltd * * This file is part of Xibo. * * Xibo is free software: you can redistribute it and/or modify * it under the terms of the GNU Affero General Public License as published by * the Free Software Foundation, either version 3 of the License, or * any later version. * * Xibo is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU Affero General Public License for more details. * * You should have received a copy of the GNU Affero General Public License * along with Xibo. If not, see <http://www.gnu.org/licenses/>. * */ #} {% extends "authed.twig" %} {% import "inline.twig" as inline %} {% block actionMenu %} <ul class="nav nav-pills pull-right"> <li class="btn btn-success btn-xs"><a class="XiboFormButton btns" title="{% trans "Select a type and an item (i.e., layout/media/tag)" %}" id="reportAddBtn"><i class="fa fa-plus-circle" aria-hidden="true"></i> {% trans "Schedule" %}</a></li> <li class="btn btn-info btn-xs"><a class="btns" href="{{ urlFor("savedreport.view") }}?reportName=proofofplayReport"><i class="fa fa-eye" aria-hidden="true"></i> {% trans "Saved Reports" %}</a></li> <li class="btn btn-primary btn-xs"><a class="btns" href="{{ urlFor("reportschedule.view") }}?reportName=proofofplayReport"><i class="fa fa-th-list" aria-hidden="true"></i> {% trans "Report Schedules" %}</a></li> </ul> <div class="proof-of-play-report-div pull-right btn-group"> <button class="proof-of-play-report-btn btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <span class="fa fa-caret-down"></span> {% trans "Reports" %} </button> <ul class="dropdown-menu"> {% for report in defaults.availableReports %} {% if report.hidden == 0 %} <li> <a href="{{ urlFor("report.form", {name: report.name}) }}">{{ report.description }}</a> </li> {% endif %} {% endfor %} </ul> </div> {% endblock %} {% block pageContent %} <div class="widget"> <div class="widget-title">{% trans "Proof of Play" %}</div> <div class="widget-body"> <div class="XiboGrid" id="{{ random() }}" data-grid-name="statsView"> <div class="XiboFilterCustom well"> <div class="FilterDiv" id="proofofplayReport"> <form class="form-inline"> {% set title %}{% trans "Range" %}{% endset %} {% set range %}{% trans "Select a range" %}{% endset %} {% set today %}{% trans "Today" %}{% endset %} {% set yesterday %}{% trans "Yesterday" %}{% endset %} {% set thisweek %}{% trans "This Week" %}{% endset %} {% set thismonth %}{% trans "This Month" %}{% endset %} {% set thisyear %}{% trans "This Year" %}{% endset %} {% set lastweek %}{% trans "Last Week" %}{% endset %} {% set lastmonth %}{% trans "Last Month" %}{% endset %} {% set lastyear %}{% trans "Last Year" %}{% endset %} {% set options = [ { filterName: "", reportFilter: range }, { filterName: "today", reportFilter: today }, { filterName: "yesterday", reportFilter: yesterday }, { filterName: "thisweek", reportFilter: thisweek }, { filterName: "thismonth", reportFilter: thismonth }, { filterName: "thisyear", reportFilter: thisyear }, { filterName: "lastweek", reportFilter: lastweek }, { filterName: "lastmonth", reportFilter: lastmonth }, { filterName: "lastyear", reportFilter: lastyear }, ] %} {{ inline.dropdown("reportFilter", "single", title, "today", options, "filterName", "reportFilter") }} {% set title %}{% trans "From Date" %}{% endset %} {{ inline.date("statsFromDt", title, defaults.fromDateOneDay, "", "stats-from-dt", "", "") }} {% set title %}{% trans "Time" %}{% endset %} {{ inline.time("statsFromDtTime", title, "00:00", "", "stats-from-dt-time") }} {% set title %}{% trans "To Date" %}{% endset %} {{ inline.date("statsToDt", title, defaults.toDate, "", "stats-to-dt", "", "") }} {% set title %}{% trans "Time" %}{% endset %} {{ inline.time("statsToDtTime", title, "00:00", "", "stats-to-dt-time") }} {% set title %}{% trans "Display" %}{% endset %} {% set attributes = [ { name: "data-width", value: "200px" }, { name: "data-allow-clear", value: "true" }, { name: "data-placeholder--id", value: null }, { name: "data-placeholder--value", value: "" }, { name: "data-search-url", value: urlFor("display.search") }, { name: "data-search-term", value: "display" }, { name: "data-search-term-tags", value: "tags" }, { name: "data-id-property", value: "displayId" }, { name: "data-text-property", value: "display" } ] %} {{ inline.dropdown("displayId", "single", title, "", null, "displayId", "display", "", "pagedSelect", "", "d", "", attributes) }} {% set attributes = [ { name: "data-width", value: "200px" }, { name: "data-allow-clear", value: "true" }, { name: "data-placeholder--id", value: null }, { name: "data-placeholder--value", value: "" }, { name: "data-search-url", value: urlFor("layout.search") }, { name: "data-search-term", value: "layout" }, { name: "data-search-term-tags", value: "tags" }, { name: "data-id-property", value: "layoutId" }, { name: "data-text-property", value: "layout" } ] %} {% set title %}{% trans "Layout" %}{% endset %} {{ inline.dropdown("layoutId[]", "dropdownmulti", title, "", null, "layoutId", "layout", "", "pagedSelect", "", "l", "", attributes) }} {% set attributes = [ { name: "data-width", value: "200px" }, { name: "data-allow-clear", value: "true" }, { name: "data-placeholder--id", value: null }, { name: "data-placeholder--value", value: "" }, { name: "data-search-url", value: urlFor("library.search") }, { name: "data-search-term", value: "media" }, { name: "data-search-term-tags", value: "tags" }, { name: "data-id-property", value: "mediaId" }, { name: "data-text-property", value: "name" } ] %} {% set title %}{% trans "Media" %}{% endset %} {{ inline.dropdown("mediaId[]", "dropdownmulti", title, "", null, "mediaId", "name", "", "pagedSelect", "", "m", "", attributes) }} {% set title %}{% trans "Type" %}{% endset %} {% set layout %}{% trans "Layout" %}{% endset %} {% set media %}{% trans "Media" %}{% endset %} {% set widget %}{% trans "Widget" %}{% endset %} {% set event %}{% trans "Event" %}{% endset %} {% set options = [ { typeid: "", type: null }, { typeid: "layout", type: layout }, { typeid: "media", type: media }, { typeid: "widget", type: widget }, { typeid: "event", type: event } ] %} {{ inline.dropdown("type", "single", title, "", options, "typeid", "type") }} {% set title %}{% trans "Tags from" %}{% endset %} {% set dg %}{% trans "Display Group" %}{% endset %} {% set layout %}{% trans "Layout" %}{% endset %} {% set media %}{% trans "Media" %}{% endset %} {% set options = [ { tagsTypeid: "dg", tagsType: dg }, { tagsTypeid: "layout", tagsType: layout }, { tagsTypeid: "media", tagsType: media } ] %} {{ inline.dropdown("tagsType", "single", title, "dg", options, "tagsTypeid", "tagsType") }} {% set title %}{% trans "Tags" %}{% endset %} {% set exactMatchTitle %}{% trans "Should Tags filter by exact match?" %}{% endset %} {% set helpText %}{% trans "A comma separated list of tags to filter by. Enter --no-tag to see items without tags." %}{% endset %} {{ inline.inputWithTags("tags", title, null, helpText, null, null, null, "exactTags", exactMatchTitle) }} <p></p> <div class="row"> <a id="applyBtn" class="btn btn-success"> <span>{% trans "Apply" %}</span> </a> <span id="applyWarning" class="text-warning" style="display:none; padding-left: 10px">{% trans "Warning: This may return a lot of data and may take several minutes to process." %}</span> </div> </form> </div> </div> <div class="XiboData"> <table id="stats" class="table table-striped"> <thead> <tr> <th>{% trans "Type" %}</th> <th>{% trans "Display ID" %}</th> <th>{% trans "Display" %}</th> <th>{% trans "Layout ID" %}</th> <th>{% trans "Layout" %}</th> <th>{% trans "Widget ID" %}</th> <th>{% trans "Media" %}</th> <th>{% trans "Tag" %}</th> <th>{% trans "Number of Plays" %}</th> <th>{% trans "Total Duration" %}</th> <th>{% trans "Total Duration (s)" %}</th> <th>{% trans "First Period Shown" %}</th> <th>{% trans "Last Period Shown" %}</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </div> </div> {% endblock %} {% block javaScript %} <script type="text/javascript"> $(document).ready(function() { var warning = $("#applyWarning"); // Grid var table = $("#stats").DataTable({ "language": dataTablesLanguage, serverSide: true, stateSave: true, deferLoading: 0, stateDuration: 0, stateLoadCallback: function (settings, callback) { var data = {}; $.ajax({ type: "GET", async: false, url: "{{ urlFor("user.pref") }}?preference=proofOfPlayGrid", dataType: 'json', success: function (json) { try { if (json.success) { data = JSON.parse(json.data.value); } } catch (e) { // Do nothing } } }); return data; }, stateSaveCallback: function (settings, data) { $.ajax({ type: "POST", url: "{{ urlFor("user.pref") }}", data: { preference: [{ option: "proofOfPlayGrid", value: JSON.stringify(data) }] } }); }, drawCallback: function( settings ) { setTimeout(function() { $("#applyBtn").removeClass('disabled'); }, 300); }, filter: false, searchDelay: 3000, "order": [[1, "asc"]], ajax: { "url": "{{ urlFor("report.data", {name: reportName}) }}", "data": function (d) { $.extend(d, $("#stats").closest(".XiboGrid").find(".FilterDiv form").serializeObject()); } }, "columns": [ {"data": "type"}, {"data": "displayId"}, {"data": "display"}, {"data": "layoutId"}, {"data": "layout"}, {"data": "widgetId"}, {"data": "media"}, {"data": "tag"}, {"data": "numberPlays"}, { "data": "duration", "render": function (data, type, row, meta) { if (type != "display") return ""; let durationData = moment.duration(data, "seconds"); let dataM = ''; let months = durationData.months(); if (months > 0) { durationData.subtract(moment.duration(months,'months')); dataM += months + '{% trans "month" %} '; } let days = durationData.days(); durationData.subtract(moment.duration(days,'days')); dataM += days + '{% trans "day" %} '; let hours = durationData.hours(); durationData.subtract(moment.duration(hours,'hours')); dataM += hours + '{% trans "hr" %} '; let minutes = durationData.minutes(); durationData.subtract(moment.duration(minutes,'minutes')); dataM += minutes + '{% trans "min" %} '; let seconds = durationData.seconds(); dataM += seconds + '{% trans "sec" %} '; return dataM; } }, {"data": "duration"}, {"data": "minStart"}, {"data": "maxEnd"} ] }); table.on('draw', dataTableDraw); table.on('processing.dt', dataTableProcessing); dataTableAddButtons(table, $('#stats_wrapper').find('.col-sm-6').eq(1)); // Apply $("#applyBtn").click(function () { $(this).addClass('disabled'); table.search($("#stats").closest(".XiboGrid").find(".FilterDiv form")).draw(); }); // Report Filter var reportFilter = $("#reportFilter"); // Hide / Show FromDt and ToDt function checkReportFilter(reportFilter) { if (reportFilter.val() === '' || reportFilter.val() === undefined) { $(".stats-from-dt").show(); $(".stats-to-dt").show(); $(".stats-from-dt-time").show(); $(".stats-to-dt-time").show(); } else { $(".stats-from-dt").hide(); $(".stats-to-dt").hide(); $(".stats-from-dt-time").hide(); $(".stats-to-dt-time").hide(); } } // Calculate the difference of number of days of a selected range const calculateDaysShowHideWarn = function() { let fromDt = moment($("#statsFromDt").val()); let toDt = moment($("#statsToDt").val()); let days = toDt.diff(fromDt, 'days'); warning.hide(); if ( days >= 30) { warning.show(); } return true; }; $("#statsFromDtLink").change( function() { calculateDaysShowHideWarn(); }); $("#statsToDtLink").change( function() { calculateDaysShowHideWarn(); }); const checkFilterAndApply = function() { reportFilter.off('change').change( function() { var value = reportFilter.val(); // Hide / Show FromDt and ToDt checkReportFilter(reportFilter); // Hide / Show Warning warning.hide(); if ( value === '') { calculateDaysShowHideWarn(); } else if ( value === 'thismonth' || value === 'lastmonth' || value === 'thisyear' || value === 'lastyear') { warning.show(); } }); var anchorReportAddBtn = $("a#reportAddBtn"); var type = $("#type").val(); var tagsType = $("#tagsType").val(); var tags = $("#tags").val(); var exactTags = $('#exactTags').is(":checked"); anchorReportAddBtn.attr("href", "{{ urlFor("reportschedule.add.form") }}?type=" + type + "&tagsType=" + tagsType + "&tags=" + tags + "&exactTags=" + exactTags + "&reportName=proofofplayReport" ); }; checkReportFilter(reportFilter); checkFilterAndApply(); }); function proofOfPlayScheduleCallback() { const $displayId = $('#proofofplayReport #displayId'); const $layoutId = $('#proofofplayReport [id="layoutId[]"]'); const $mediaId = $('#proofofplayReport [id="mediaId[]"]'); const $newDisplayId = $('#proofofplayScheduleAddForm #displayId'); const $newLayoutId = $('#proofofplayScheduleAddForm [id="layoutId[]"]'); const $newMediaId = $('#proofofplayScheduleAddForm [id="mediaId[]"]'); appendOptions($newDisplayId, $displayId.find('option:selected').clone()); appendOptions($newLayoutId, $layoutId.find('option:selected').clone()); appendOptions($newMediaId, $mediaId.find('option:selected').clone()); } function appendOptions(element, options) { for (var i = 0; i < options.length; i++) { let option = options[i]; element.append(option).trigger('change'); $(option).prop('selected', true); element.trigger({ type: 'select2:select', params: { data: option } }); } } </script> {% endblock %} distribution-schedule-form-add.twig 0000644 00000010614 14716421531 0013446 0 ustar 00 {# /* * Xibo - Digital Signage - http://www.xibo.org.uk * Copyright (C) 2019 Xibo Signage Ltd * * This file is part of Xibo. * * Xibo is free software: you can redistribute it and/or modify * it under the terms of the GNU Affero General Public License as published by * the Free Software Foundation, either version 3 of the License, or * any later version. * * Xibo is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU Affero General Public License for more details. * * You should have received a copy of the GNU Affero General Public License * along with Xibo. If not, see <http://www.gnu.org/licenses/>. * */ #} {% extends "form-base.twig" %} {% import "forms.twig" as forms %} {% block formTitle %} {{ formTitle }} {% endblock %} {% block formButtons %} {% trans "Cancel" %}, XiboDialogClose() {% trans "Save" %}, $("#reportScheduleAddForm").submit() {% endblock %} {% block formHtml %} <div class="row"> <div class="col-md-12"> <form id="reportScheduleAddForm" class="XiboForm form-horizontal" method="post" action="{{ urlFor("reportschedule.add") }}"> {{ forms.hidden("hiddenFields", hiddenFields) }} {{ forms.hidden("reportName", reportName) }} {% set title %}{% trans "Filter" %}{% endset %} {% set helpText %}{% trans "Select the report filter you would like to run" %}{% endset %} {% set daily %}{% trans "Daily" %}{% endset %} {% set weekly %}{% trans "Weekly" %}{% endset %} {% set monthly %}{% trans "Monthly" %}{% endset %} {% set yearly %}{% trans "Yearly" %}{% endset %} {% set options = [ { name: "daily", filter: daily }, { name: "weekly", filter: weekly }, { name: "monthly", filter: monthly }, { name: "yearly", filter: yearly }, ] %} {{ forms.dropdown("filter", "single", title, "", options, "name", "filter", helpText) }} {% set title %}{% trans "Group by" %}{% endset %} {% set byhour %}{% trans "Hour" %}{% endset %} {% set bydayofweek %}{% trans "Day of week" %}{% endset %} {% set bydayofmonth %}{% trans "Day of month" %}{% endset %} {% set options = [ { filterName: "byhour", groupByFilter: byhour }, { filterName: "bydayofweek", groupByFilter: bydayofweek }, { filterName: "bydayofmonth", groupByFilter: bydayofmonth }, ] %} {{ forms.dropdown("groupByFilter", "single", title, "", options, "filterName", "groupByFilter", "", "group-by-filter") }} {% set title %}{% trans "Display" %}{% endset %} {% set attributes = [ { name: "data-width", value: "100%" }, { name: "data-allow-clear", value: "true" }, { name: "data-placeholder--id", value: null }, { name: "data-placeholder--value", value: "" }, { name: "data-search-url", value: urlFor("display.search") }, { name: "data-search-term", value: "display" }, { name: "data-search-term-tags", value: "tags" }, { name: "data-id-property", value: "displayId" }, { name: "data-text-property", value: "display" } ] %} {{ forms.dropdown("displayId", "single", title, "", null, "displayId", "display", "", "pagedSelect", "", "d", "", attributes) }} {% set title %}{% trans "Name" %}{% endset %} {% set helpText %}{% trans "The name for this report schedule" %}{% endset %} {{ forms.input("name", title, "", helpText, "", "required") }} {% set title %}{% trans "Should an email be sent?" %}{% endset %} {{ forms.checkbox("sendEmail", title, sendEmail) }} {% set title %}{% trans "Email addresses" %}{% endset %} {% set helpText %}{% trans "Additional emails separated by a comma." %}{% endset %} {{ forms.inputWithTags("nonusers", title, nonusers, helpText) }} </form> </div> </div> {% endblock %}