django-advanced-report-builder 1.2.9__py3-none-any.whl

advanced_report_builder/templates/advanced_report_builder/calendar/middle.html

@@ -0,0 +1,33 @@
+
+var table = {{ datatable.model_table_setup }};
+var indexes = table.initsetup.tableOptions.indexes;
+var heading_index = indexes.indexOf('heading');
+var description_index = indexes.indexOf('description');
+var background_colour_index = indexes.indexOf('background_colour');
+var start_date_field_index = indexes.indexOf('start_date_field');
+var end_date_field_index = indexes.indexOf('end_date_field');
+var description = indexes.indexOf('description');
+var link_index = -1;
+if(table.initsetup.tableOptions.row_href) {
+    link_details = table.initsetup.tableOptions.row_href[0];
+    link_index = table.initsetup.field_ids.indexOf(link_details.column);
+}
+$.each(table.data, function( index, card ) {
+
+    var start_date = toISOFormat(card[start_date_field_index]);
+    var end_date = toISOFormat(card[end_date_field_index]);
+    var link = '';
+    if(link_index >= 0) {
+        link = link_details.html.replace(link_details.var, card[link_index]);
+    }
+    var event = {
+        title: card[heading_index],
+        start: start_date,
+        end: end_date,
+        backgroundColor: card[background_colour_index],
+        borderColor: card[background_colour_index],
+        description: card[description],
+        url: link
+    }
+    events.push(event)
+});

advanced_report_builder/templates/advanced_report_builder/calendar/modal.html

@@ -0,0 +1,10 @@
+{% extends 'django_modals/modal_base.html' %}
+
+{% block javascript %}
+<script>
+    function save_modal_{{ form.form_id }}() {
+        id_query_data.save_query_builder();
+        django_modal.process_commands_lock([{'function': 'post_modal'}]);
+    }
+</script>
+{% endblock %}

advanced_report_builder/templates/advanced_report_builder/calendar/report.html

@@ -0,0 +1,80 @@
+{% load datatable_tags %}
+{% load ajax_helpers %}
+
+
+<div class="card report-card">
+    <div class="card-header">
+        <div class="d-flex align-items-center">
+            <h5 class="mr-auto">{{ title }}</h5>
+            {% block button_menu %}{{ menus.button_menu.render }}{% endblock %}
+        </div>
+    </div>
+    <div class="dashboard-tile detail">
+        <div class="content" style="padding: 2px;">
+            <div class="col-xs-12" style="overflow: auto;">
+
+                <script>
+                    document.addEventListener('DOMContentLoaded', function () {
+                        {% for lane in lanes %}
+                        function get_event_lane{{ forloop.counter }}(events) {
+                            {{ lane.datatable.render }}
+                        };
+                        {% endfor %}
+                        function get_events_data() {
+                            var events = [];
+                            {% for lane in lanes %}get_event_lane{{ forloop.counter }}(events);{% endfor %}
+                            return events
+                        }
+
+                        function toISOFormat(dateStr) {
+                            if (dateStr.includes('-')) {
+                                return dateStr;
+                            }
+                            else if (dateStr.includes(' ')) {
+                                const [date, time] = dateStr.split(' ');
+                                const [day, month, year] = date.split('/');
+                                return `${year}-${month.padStart(2, '0')}-${day.padStart(2, '0')}T${time}`;
+                            }
+                            else {
+                                const [day, month, year] = dateStr.split('/');
+                                return `${year}-${month.padStart(2, '0')}-${day.padStart(2, '0')}`;
+                            }
+                        }
+                        var calendarEl = document.getElementById('calendar_{{ field_id }}');
+                        var calendar = new FullCalendar.Calendar(calendarEl, {
+                            plugins: ['interaction', 'dayGrid', 'timeGrid', 'list', 'yearView'],
+                            height: 'parent',
+                            header: {
+                                left: 'prev,next today',
+                                center: 'title',
+                                right: 'dayGridMonth,timeGridWeek,timeGridDay,year,listWeek'
+                            },
+                            defaultView: '{{ view_type }}',
+                            defaultDate: '{% now "Y-m-d" %}',
+                            navLinks: true, // can click day/week names to navigate views
+                            editable: true,
+                            disableResizing: true,
+                            eventLimit: true, // allow "more" link when too many events
+                            events: get_events_data(),
+                            eventRender: function(info) {
+                                if ( info.event.extendedProps.description !== undefined) {
+                                    var descriptionEl = document.createElement('div');
+                                    descriptionEl.innerText = info.event.extendedProps.description;
+                                    descriptionEl.style.fontSize = '0.85em';
+                                    descriptionEl.style.color = info.event.color;
+                                    info.el.querySelector('.fc-title').appendChild(document.createElement('br'));
+                                    info.el.querySelector('.fc-title').appendChild(descriptionEl);
+                                }
+                            }
+                        });
+                        calendar.render();
+                    });
+
+                </script>
+                <div class="panel-body">
+                    <div id='calendar_{{ field_id }}' style="height: {{ calendar_report.height }}px"></div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

advanced_report_builder/templates/advanced_report_builder/charts/bar/middle.html

@@ -0,0 +1,122 @@
+{% load ajax_helpers %}
+
+<canvas id="{{ datatable.table_id }}" width="400" height="400"></canvas>
+
+<script>
+    (function () {
+        var cell_data;
+        var table = {{ datatable.model_table_setup }};
+        table.find_column = django_datatables.PythonTable.prototype.find_column
+        var labels = [];
+        var datasets = [];
+
+        for (var i = 0; i < table.initsetup.colOptions.length; i++) {
+            if (i > 0) {
+                datasets[i - 1] = {
+                    label: table.row_titles[i],
+                    data: [],
+                    borderWidth: 1,
+                    datalabels: {
+                        align: 'top',
+                        color: '#000000',
+                        anchor: 'end'
+                    },
+                    backgroundColor: []
+                };
+            }
+
+            for (var j = 0; j < table.data.length; j++) {
+                if (table.initsetup.colOptions[i]['render'] != undefined) {
+                    render = new django_datatables.column_render(i, table.initsetup.colOptions[i]['render'], table);
+                    cell_data = render(table.data[j][i], null, table.data[j]);
+                } else {
+                    cell_data = table.data[j][i];
+                }
+                if (cell_data == null) {
+                    cell_data = '';
+                }
+                if (i > 0) {
+                    datasets[i - 1].data.push(cell_data);
+                    var colours = table.initsetup.colOptions[i].colours;
+                    if (table.initsetup.colOptions[i].colours === undefined) {
+                        datasets[i - 1].backgroundColor.push('#FF0000')
+                    }
+                    else if (cell_data < 0) {
+                        datasets[i - 1].backgroundColor.push('#' + colours.negative);
+                    } else {
+                        datasets[i - 1].backgroundColor.push('#' + colours.positive);
+                    }
+                } else {
+                    labels.push(cell_data);
+                }
+            }
+        }
+
+        var x_axis = {
+            {% if datatable.bar_chart_report.stacked %}stacked: true,{% endif %}
+            display: true,
+            {% if datatable.bar_chart_report.x_label %}
+                title: {
+                    display: true,
+                    text: '{% if datatable.bar_chart_report.is_orientation_vertical %}{{ datatable.bar_chart_report.x_label|safe|escapejs }}{% else %}{{ datatable.bar_chart_report.y_label|safe|escapejs }}{% endif %}',
+                },
+            {% endif %}
+            {% if datatable.bar_chart_report.show_blank_dates %}
+                type: 'time',
+                time: {
+                    unit: '{{ datatable.bar_chart_report.get_chart_scale}}'
+                }
+            {% endif %}
+        };
+        var y_axis = {
+            {% if datatable.bar_chart_report.stacked %}stacked: true,{% endif %}
+            display: true,
+            {% if datatable.bar_chart_report.y_label %}
+                title: {
+                    display: true,
+                    text: '{% if datatable.bar_chart_report.is_orientation_vertical %}{{ datatable.bar_chart_report.y_label|safe|escapejs }}{% else %}{{ datatable.bar_chart_report.x_label|safe|escapejs }}{% endif %}',
+                }
+            {% endif %}
+        };
+        var ctx{{ datatable.table_id }} = document.getElementById('{{ datatable.table_id }}').getContext('2d');
+        var bar{{ datatable.table_id }} = new Chart(ctx{{ datatable.table_id }}, {
+            {% if datatable.bar_chart_report.show_totals %}plugins: [ChartDataLabels],{% endif %}
+            type: 'bar',
+            data: {labels: labels, datasets: datasets},
+            options: {
+                maintainAspectRatio: false,
+                {% if not datatable.bar_chart_report.is_orientation_vertical %}indexAxis: 'y',{% endif %}
+                scales: {
+                    // This is because there is a bug in the library,
+                    // where the axis label don't swap properly on orientation change.
+                    {% if datatable.bar_chart_report.is_orientation_vertical %}
+                        y: y_axis,
+                        x: x_axis,
+                    {% else %}
+                        y: x_axis,
+                        x: y_axis,
+                    {% endif %}
+                },
+                responsive: true,
+                legend: {
+                    position: 'top',
+                    display: false
+                }{% if datatable.bar_chart_report.show_breakdown %},
+                    onHover: (event, chartElement) => {
+                    event.native.target.style.cursor = chartElement[0] ? 'pointer' : 'default';
+                },
+               onClick: function (e, items){
+                     if (items.length === 0) {
+                         return
+                     }
+                     let _date = (table['data'][items[0].index][0]).replaceAll("-", "_");
+                     let breakdown_url = "{{ datatable.breakdown_url }}".replace(
+                         "99999",  items[0].datasetIndex).replace("88888", _date);
+                     django_modal.show_modal(breakdown_url);
+               }
+              {% endif %}
+            }
+        });
+
+    })();
+</script>

advanced_report_builder/templates/advanced_report_builder/charts/funnel/middle.html

@@ -0,0 +1,46 @@
+{% load ajax_helpers %}
+
+<div id="{{ datatable.table_id }}"></div>
+
+<script>
+
+    (function () {
+        var cell_data;
+        var table = {{ datatable.model_table_setup }};
+        table.find_column = django_datatables.PythonTable.prototype.find_column
+        var datasets = [];
+        for (var i = 0; i < table.initsetup.colOptions.length; i++) {
+
+            datasets[i] = {
+                label: table.row_titles[i],
+                value: 0,
+                backgroundColor: '#' + table.initsetup.colOptions[i].colour,
+            };
+
+            for (var j = 0; j < table.data.length; j++) {
+                if (table.initsetup.colOptions[i]['render'] != undefined) {
+                    render = new django_datatables.column_render(i, table.initsetup.colOptions[i]['render'], table);
+                    cell_data = render(table.data[j][i], null, table.data[j]);
+                } else {
+                    cell_data = table.data[j][i];
+                }
+                datasets[i].value = cell_data;
+            }
+        }
+
+    const options = {
+        block: {
+            dynamicHeight: true,
+            minHeight: 100,
+        },
+    };
+    const chart = new D3Funnel('#{{ datatable.table_id }}');
+    chart.draw(datasets, options);
+    $( window ).resize ( function () {
+        chart.draw(datasets, options);
+    } );
+
+
+    })();
+
+</script>

advanced_report_builder/templates/advanced_report_builder/charts/funnel/report.html

@@ -0,0 +1,34 @@
+{% load datatable_tags %}
+{% load ajax_helpers %}
+<style>
+
+    .dashboard-tile {
+        background-color: #fff;
+        color: #555;
+        margin-bottom: 15px;
+        padding: 10px;
+        -webkit-border-radius: 3px;
+        -moz-border-radius: 3px;
+        -ms-border-radius: 3px;
+        -o-border-radius: 3px;
+        border-radius: 3px;
+    }
+</style>
+{% lib_include 'funnel' module='advanced_report_builder.includes' %}
+
+    <div class="col-12 float-left">
+        <div class="card report-card">
+            <div class="card-header">
+                <div class="d-flex align-items-center">
+                    <h5 class="mr-auto">{{ title }}</h5>
+
+                    {% block button_menu %}{{ menus.button_menu.render }}{% endblock %}
+                </div>
+            </div>
+            <div class="dashboard-tile detail">
+                <div class="content" style="padding: 2px;">
+                    {{ datatable.render }}
+                </div>
+            </div>
+        </div>
+    </div>

advanced_report_builder/templates/advanced_report_builder/charts/line/middle.html

@@ -0,0 +1,119 @@
+{% load ajax_helpers %}
+
+<canvas id="{{ datatable.table_id }}" width="400" height="400"></canvas>
+
+<script>
+
+
+    (function () {
+
+        var cell_data;
+        var table = {{ datatable.model_table_setup }};
+        table.find_column = django_datatables.PythonTable.prototype.find_column
+
+        var labels = [];
+        var datasets = [];
+        var min_date = null;
+        var max_date = null;
+
+        for (var i = 0; i < table.initsetup.colOptions.length; i++) {
+
+            if (i > 0) {
+                datasets[i - 1] = {
+                    label: table.row_titles[i],
+                    data: [],
+                    borderWidth: 1,
+                    datalabels: {
+                        align: 'top',
+                        color: '#000000',
+                        anchor: 'end'
+                    },
+                    borderColor: '#' + table.initsetup.colOptions[i].colour,
+                    lineTension: 0.4,
+                    backgroundColor: []
+                };
+            }
+
+            for (var j = 0; j < table.data.length; j++) {
+                if (table.initsetup.colOptions[i]['render'] != undefined) {
+                    render = new django_datatables.column_render(i, table.initsetup.colOptions[i]['render'], table);
+                    cell_data = render(table.data[j][i], null, table.data[j]);
+                } else {
+                    cell_data = table.data[j][i];
+                }
+                if (cell_data == null) {
+                    cell_data = '';
+                }
+                if (i > 0) {
+                    datasets[i - 1].data.push(cell_data);
+                    datasets[i - 1].backgroundColor.push('#' + table.initsetup.colOptions[i].colour);
+
+                } else {
+                    labels.push(cell_data);
+                }
+                if(i === 0) {
+                    if(min_date === null) {
+                        min_date = cell_data;
+                    }
+                    max_date = cell_data;
+                }
+            }
+        }
+
+        var x_axis = {
+            {% if datatable.line_chart_report.stacked %}stacked: true,{% endif %}
+            display: true,
+            {% if datatable.line_chart_report.x_label %}
+                title: {
+                    display: true,
+                    text: '{{ datatable.line_chart_report.x_label|safe|escapejs }}',
+                },
+            {% endif %}
+                type: 'time',
+                time: {
+                    unit: '{{ datatable.line_chart_report.get_chart_scale}}',
+                    displayFormats: {
+                        week: 'MMM YY',
+                    }
+                }
+        };
+
+
+
+        var y_axis = {
+            {% if datatable.line_chart_report.stacked %}stacked: true,{% endif %}
+
+            display: true,
+            {% if datatable.line_chart_report.y_label %}
+                title: {
+                    display: true,
+                    text: '{{ datatable.line_chart_report.y_label|safe|escapejs }}',
+                }
+            {% endif %}
+        };
+        var ctx{{ datatable.table_id }} = document.getElementById('{{ datatable.table_id }}').getContext('2d');
+
+        datasets = datasets.concat(table.targets);
+
+        var line{{ datatable.table_id }} = new Chart(ctx{{ datatable.table_id }}, {
+            {% if datatable.line_chart_report.show_totals %}plugins: [ChartDataLabels],{% endif %}
+            type: 'line',
+            data: {labels: labels, datasets: datasets},
+            options: {
+                maintainAspectRatio: false,
+                scales: {
+                    // This is because there is a bug in the library,
+                    // where the axis label don't swap properly on orientation change.
+                    y: y_axis,
+                    x: x_axis,
+                },
+                responsive: true,
+                legend: {
+                    position: 'top',
+                    display: false
+                },
+            }
+        });
+    })();
+
+</script>

advanced_report_builder/templates/advanced_report_builder/charts/modal.html

@@ -0,0 +1,12 @@
+{% extends 'django_modals/modal_base.html' %}
+
+{% block javascript %}
+<script>
+    $(function () {
+        $('#id_report_type').on('change', function (e) {
+            $('#id_field').val('').trigger('change');
+            $('#id_date_field').val('').trigger('change');
+        });
+    });
+</script>
+{% endblock %}

advanced_report_builder/templates/advanced_report_builder/charts/modal_field.html

@@ -0,0 +1,13 @@
+{% extends 'django_modals/modal_base.html' %}
+
+{% block javascript %}
+<script>
+    function save_modal_{{ form.form_id }}() {
+    try {
+        id_filter.save_query_builder();
+    }
+    catch (error) {}
+        django_modal.process_commands_lock([{'function': 'post_modal'}]);
+    }
+</script>
+{% endblock %}

advanced_report_builder/templates/advanced_report_builder/charts/pie/middle.html

@@ -0,0 +1,58 @@
+{% load ajax_helpers %}
+
+<canvas id="{{ datatable.table_id }}" width="400" height="400"></canvas>
+
+<script>
+
+
+    (function () {
+
+        var cell_data;
+        var table = {{ datatable.model_table_setup }};
+        table.find_column = django_datatables.PythonTable.prototype.find_column
+
+        var datasets = {
+                    {#label: table.row_titles,#}
+                    data: [],
+                    borderWidth: 1,
+                    datalabels: {
+                        align: 'top',
+                        color: '#000000',
+                        anchor: 'end'
+                    },
+                    borderColor: [],
+                    backgroundColor: []
+                };
+
+        for (var i = 0; i < table.initsetup.colOptions.length; i++) {
+            for (var j = 0; j < table.data.length; j++) {
+                if (table.initsetup.colOptions[i]['render'] != undefined) {
+                    render = new django_datatables.column_render(i, table.initsetup.colOptions[i]['render'], table);
+                    cell_data = render(table.data[j][i], null, table.data[j]);
+                } else {
+                    cell_data = table.data[j][i];
+                }
+                if (cell_data == null) {
+                    cell_data = '';
+                }
+                datasets.data.push(cell_data);
+                datasets.backgroundColor.push('#' + table.initsetup.colOptions[i].colour);
+            }
+        }
+
+        var ctx{{ datatable.table_id }} = document.getElementById('{{ datatable.table_id }}').getContext('2d');
+        var pie{{ datatable.table_id }} = new Chart(ctx{{ datatable.table_id }}, {
+            type: {% if datatable.pie_chart_report.is_pie_chart %}'pie'{% else %}'doughnut'{% endif %},
+            data: {labels: table.row_titles, datasets: [datasets]},
+            options: {
+                maintainAspectRatio: false,
+                responsive: true,
+                legend: {
+                    position: 'top',
+                    display: false
+                },
+            }
+        });
+
+    })();
+</script>

advanced_report_builder/templates/advanced_report_builder/charts/report.html

@@ -0,0 +1,33 @@
+{% load datatable_tags %}
+{% load ajax_helpers %}
+<style>
+
+    .dashboard-tile {
+        background-color: #fff;
+        color: #555;
+        margin-bottom: 15px;
+        padding: 10px;
+        -webkit-border-radius: 3px;
+        -moz-border-radius: 3px;
+        -ms-border-radius: 3px;
+        -o-border-radius: 3px;
+        border-radius: 3px;
+    }
+</style>
+
+{% lib_include 'ChartJS' module='advanced_report_builder.includes' %}
+
+<div class="card report-card">
+    <div class="card-header">
+        <div class="d-flex align-items-center">
+            <h5 class="mr-auto">{{ title }}</h5>
+
+            {% block button_menu %}{{ menus.button_menu.render }}{% endblock %}
+        </div>
+    </div>
+    <div class="dashboard-tile detail">
+        <div class="content" style="padding: 2px;">
+            {{ datatable.render }}
+        </div>
+    </div>
+</div>