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

advanced_report_builder/templates/advanced_report_builder/kanban/report.html

@@ -0,0 +1,71 @@
+{% load datatable_tags %}
+{% load ajax_helpers %}
+<style>
+
+    .kanban_summary td {
+        padding: 2px 5px;
+    }
+
+    .kanban_summary div {
+        font-size: 10px;
+        padding: 8px;
+        margin-top: 5px;
+        margin-bottom: 5px;
+
+    }
+
+    .kanban_summary h5 {
+        font-size: 15px;
+        font-weight: bold;
+    }
+
+    .kanban_summary h6 {
+        font-size: 12px;
+    }
+</style>
+
+
+<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;">
+                <table class="table table-bordered kanban_summary">
+                    <thead>
+
+                    <tr class="active">
+                        {% for heading in headings %}
+                            <th class="col-xs-1 text-center" rowspan="{{ heading.row_span }}" colspan="{{ heading.col_span }}">{{ heading.label|safe }}</th>
+                        {% endfor %}
+                    </tr>
+
+                    <tr class="active">
+                        {% for lane in lanes %}
+                            {% if lane.multiple %}
+                            <th class="col-xs-1 text-center">{{ lane.label|safe }}</th>
+                            {% endif %}
+                        {% endfor %}
+                    </tr>
+                    </thead>
+                    <tbody>
+                    <tr>
+                        {% for lane in lanes %}
+                            <td>
+                                {{ lane.datatable.render }}
+                            </td>
+                        {% endfor %}
+                    </tr>
+                </table>
+            </div>
+        </div>
+    </div>
+</div>

advanced_report_builder/templates/advanced_report_builder/multi_values/held_modal.html

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

advanced_report_builder/templates/advanced_report_builder/multi_values/middle.html

@@ -0,0 +1,61 @@
+{% load modal_tags %}
+    {% if datatable.breakdown_url %}
+        <a class="single_value_link" href="{{ datatable.breakdown_url }}"><span id="{{ datatable.table_id }}"></span></a>{% else %} <span id="{{ datatable.table_id }}"></span>{% endif %}
+        {% if datatable.target_data %}
+<div class="d-flex align-items-center" style="gap: 0.5rem;">
+  <div style="min-width: 100px; text-align: right; font-weight: bold;">
+
+    {{ datatable.target_data.percentage|floatformat }}% of {{ datatable.target_data.target_value|safe}}
+</div>
+<div class="flex-grow-1">
+  <div class="progress" style="height: 24px;">
+    <div class="progress-bar"
+         role="progressbar"
+         style="
+           width: {{ datatable.target_data.bar_percentage }}%;
+           background-color: {% if datatable.target_data.colour %}#{{ datatable.target_data.colour }}{% else %}#28a745{% endif %};">
+    </div>
+  </div>
+</div>
+        {% endif %}
+
+<script>
+    (function () {
+
+        var cell_data, row_class;
+        var table = {{ datatable.model_table_setup }};
+        table.find_column = django_datatables.PythonTable.prototype.find_column
+        for (var i = 0; i < table.initsetup.colOptions.length; i++) {
+            var row = '';
+            var prefix = '';
+            var suffix = '';
+            if(i === table.initsetup.colOptions.length-1) {
+                prefix = '{{ datatable.prefix|default_if_none:"" }}';
+                {% if datatable.single_value.is_percentage %}suffix = '%';{% endif %}
+            }
+
+            if(i > 0) {
+                row += '<span class="single_value_separator"> | </span>';
+            }
+            if (table.initsetup.colOptions[i].row_class !== undefined){
+                row_class = ' class="' + table.initsetup.colOptions[i].row_class + '"'
+            } else {
+                row_class = ' class="single_value"'
+            }
+
+            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 = '';
+                }
+                row += '<span' + row_class + '>' + prefix + cell_data + suffix + '</span>';
+            }
+            $('#' + table.table_id).append(row);
+        }
+    })();
+</script>

advanced_report_builder/templates/advanced_report_builder/multi_values/modal.html

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

advanced_report_builder/templates/advanced_report_builder/multi_values/report.html

@@ -0,0 +1,19 @@
+{% 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;">
+                {{ html|safe }}
+            </div>
+        </div>
+    </div>
+</div>

advanced_report_builder/templates/advanced_report_builder/query_builder.html

@@ -0,0 +1,88 @@
+{% load ajax_helpers %}
+{% lib_include 'query_builder' module='advanced_report_builder.includes' %}
+
+<div id="div_{{ field.auto_id }}" class="form-group row">
+
+    <div class="form-group"><label class="control-label col-12 col-form-label-sm">{{ field.label }}</label>
+    </div>
+    <div id="{{ field.auto_id }}_builder" class="col-12"></div>
+    <input type="hidden" name="{{ field.name }}" id="{{ field.auto_id }}" value="{% if field.value %}{{ field.value }}{% endif %}">
+
+    <script>
+
+
+(function( {{ field.auto_id }}, $, undefined ) {
+            let query_builder_id = '#{{ field.auto_id }}_builder';
+            let query_builder = $(query_builder_id);
+            let field_id = '#{{ field.auto_id }}';
+
+            function set_select2() {
+                setTimeout(function () {
+                    $(query_builder_id + ' .rule-value-container select').css('width', '275px');
+                    $(query_builder_id + ' select').select2({theme: "bootstrap4",
+                    dropdownParent: $("#div_{{ field.auto_id }}")});
+
+                }, 100)
+            }
+
+            ajax_helpers.command_functions.query_builder_{{ field.auto_id }} = function (command) {
+                let rules = $(field_id).val();
+                let filters = jQuery.parseJSON(command.data);
+
+                if (rules !== '') {
+                    $(field_id).val('');
+                    query_builder.queryBuilder({
+                        allow_empty: true,
+                        filters: filters,
+                        rules: JSON.parse(rules)
+                    });
+                } else {
+                    query_builder.queryBuilder({
+                        allow_empty: true,
+                        filters: filters,
+                    });
+                }
+                set_select2();
+
+                query_builder.on('afterCreateRuleInput.queryBuilder', function (e, rule) {
+                    set_select2();
+                    if (rule.filter.plugin === 'datetimepicker') {
+                        let $input = rule.$el.find('.rule-value-container [name*=_value_]');
+                        $input.on('dp.change', function () {
+                            $input.trigger('change');
+                        });
+                    }
+                });
+
+                query_builder.on("afterAddRule.queryBuilder", function (event, group) {
+                   set_select2();
+                });
+
+            }
+
+            function initialise_query_builder(report_type_id) {
+                query_builder.queryBuilder('destroy');
+                django_modal.send_inputs({'ajax': 'get_query_builder_fields', 'field_auto_id': '{{ field.auto_id }}'})
+            }
+
+            $(document).ready(function () {
+                initialise_query_builder();
+            });
+
+            $('#id_report_type').on('change', function (e) {
+                 initialise_query_builder($('#id_report_type').val());
+            });
+
+            {{ field.auto_id }}.save_query_builder = function () {
+                let results = query_builder.queryBuilder('getRules', {skip_empty: true});
+                $(field_id).val(JSON.stringify(results, null, 2));
+                return results;
+            }
+}( window.{{ field.auto_id }} = window.{{ field.auto_id }} || {}, jQuery ));
+
+    ajax_helpers.command_functions.save_query_builder_{{ field.auto_id }} = function (command) {
+        {{ field.auto_id }}.save_query_builder();
+    };
+
+    </script>
+</div>

advanced_report_builder/templates/advanced_report_builder/query_modal.html

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

advanced_report_builder/templates/advanced_report_builder/select_column.html

@@ -0,0 +1,230 @@
+<div id="div_{{ field.auto_id }}" class="form-group row">
+    <label for="{{ field.auto_id }}" class="col-form-label col-md-3 col-form-label-sm">
+        {{ field.label }}
+    </label>
+    <div class="col-md-9 input-group-sm">
+        <style>
+            #{{ field.auto_id }}_selection, #{{ field.auto_id }}_available_fields {
+                border: 1px solid #eee;
+                width: 100%;
+                height: 300px;
+                overflow: scroll;
+                list-style-type: none;
+                padding: 5px 0 0 0;
+                float: left;
+                margin: 0 10px 0 0;
+                color: white;
+            }
+
+            #{{ field.auto_id }}_selection li, #{{ field.auto_id }}_available_fields li {
+                margin: 0 5px 5px 5px;
+                padding: 5px;
+                font-size: 1.2em;
+                width: 98%;
+                color: white;
+            }
+
+            #{{ field.auto_id }}_available_fields .edit-field {
+                visibility: hidden;
+            }
+        </style>
+
+        <div class="row">
+
+            <div class="col-5" id="selection_div">
+                <h6><strong>Selection</strong>
+                </h6> <input type="text"
+                             id="{{ field.auto_id }}_selected_search_input"
+                             placeholder="Search selected fields"
+                             class="form-control"
+                             style="width: 100%!important;">
+                <br>
+                <ol id="{{ field.auto_id }}_selection" class="connectedSortable ui-sortable ui-droppable"
+                    data-empty-message="Drag available fields from the right to this area." style="font-size: 12px">
+                </ol>
+            </div>
+
+            <div class="col-4" id="{{ field.auto_id }}_available_fields_div">
+                <h6><strong>Available
+                    Fields</strong>
+                </h6> <input
+                    type="text" id="{{ field.auto_id }}_field_search_input"
+
+                    placeholder="Search available fields"
+                    class="form-control" style="width: 100%px!important;"> <br>
+                <ul id="{{ field.auto_id }}_available_fields" class="connectedSortable ui-sortable ui-droppable"
+                    style="font-size: 12px">
+                </ul>
+            </div>
+
+
+            <div id="{{ field.auto_id }}_keys" class="col-3">
+
+            </div>
+        </div>
+    </div>
+            <script>
+            $(function () {
+                let {{ command_prefix }}selection_fields_id_name = '#{{ field.auto_id }}_selection';
+                let {{ command_prefix }}available_fields_id_name = '#{{ field.auto_id }}_available_fields';
+                let {{ command_prefix }}table_field_keys = '#{{ field.auto_id }}_keys';
+                let {{ command_prefix }}main_field = '#{{ field.auto_id }}';
+                let {{ command_prefix }}available_fields_data = {};
+                let {{ command_prefix }}initial = true;
+
+                function {{ command_prefix }}get_field_html(field_id, label, colour, attr) {
+                    let data_attr = '';
+                    if(attr !== undefined && attr !== '') {
+                        data_attr = ` data-attr="${attr}"`
+                    }
+                    return `<li class="ui-state-default" data-origin="${field_id}" style="background-color: ${colour}"${data_attr}>
+                            <a href="#" class="{{ command_prefix }}edit_field_link"><i class="edit-field fas fa-pencil-alt float-right" style="color:white;"></i></a><span>${label}</span></li>`
+                }
+
+                ajax_helpers.command_functions.{{ command_prefix }}report_fields = function (command) {
+                    let data = jQuery.parseJSON(command.data);
+                    $({{ command_prefix }}selection_fields_id_name).empty();
+                    $({{ command_prefix }}available_fields_id_name).empty();
+                    $({{ command_prefix }}table_field_keys).empty();
+                    {{ command_prefix }}available_fields_data = {};
+                    $.each(data['fields'], function (key, value) {
+
+                        {{ command_prefix }}available_fields_data[value.field] = value;
+                        $({{ command_prefix }}available_fields_id_name).append({{ command_prefix }}get_field_html(value.field, value.label, value.colour, ''));
+                    });
+                    $.each(data['tables'], function (key, value) {
+                        $({{ command_prefix }}table_field_keys).append('<div class="col-sm-12" style=";font-size: 12px;">' +
+                            '<i class="fa fa-square fa-2x" style="opacity:1;color: ' + value.colour + '"></i>' +
+                            ' <span>' + value.name + '</span></div>');
+                    });
+                    if({{ command_prefix }}initial) {
+                        {{ command_prefix }}load_section();
+                        {{ command_prefix }}initial = false;
+                    } else {
+                        $({{ command_prefix }}main_field).val('[]')
+                    }
+
+                    $('.{{ command_prefix }}edit_field_link').click(function(){
+                        let selector = 's' + String(new Date().getTime());
+                        let parent_li = $(this).parent()
+                        parent_li.attr('id', selector);
+                        let field_info = {{ command_prefix }}get_field_dict(parent_li);
+                        let field_info_b64 = (btoa(JSON.stringify(field_info)));
+                        let url = "{{ select_column_url }}";
+                        {% if report_type_id %}
+                            django_modal.show_modal(url.replace('99999', selector).replace('REPORT_TYPE_ID', {{ report_type_id }}).replace('FIELD_INFO', field_info_b64))
+                        {% else %}
+                            django_modal.show_modal(url.replace('99999', selector).replace('REPORT_TYPE_ID', $('#id_report_type').val()).replace('FIELD_INFO', field_info_b64))
+                        {% endif %}
+                    });
+
+                }
+
+                $({{ command_prefix }}selection_fields_id_name + ', ' + {{ command_prefix }}available_fields_id_name).sortable({
+                    connectWith: ".connectedSortable",
+                    stop: function () {
+                        {{ command_prefix }}update_selection();
+                    },
+                    receive: function (event, ui) { //only when dropped from one to another!
+                        let sourceList = ui.sender;
+                        if(sourceList.attr('id') === '{{ field.auto_id }}_available_fields') {
+                            let clone = $(ui.item).clone();
+                            sourceList.append(clone);  // adds it back to the end
+                        } else {
+                            ui.item.remove();  // removes it as it already in the list
+                        }
+                    }
+
+                });
+
+                {% if report_type_id %}
+                     $(document).ready(function () {
+                        {{ command_prefix }}get_fields({{ report_type_id }});
+                    });
+                {% else %}
+                    $('#id_report_type').on('change', function (e) {
+                        {{ command_prefix }}get_fields(this.value);
+                    });
+                    $(document).ready(function () {
+                        {{ command_prefix }}get_fields($('#id_report_type').val());
+                    });
+                {% endif %}
+
+                function {{ command_prefix }}get_fields(report_type_id) {
+                    if (report_type_id === '') {
+                        $({{ command_prefix }}selection_fields_id_name).empty();
+                        $({{ command_prefix }}available_fields_id_name).empty();
+                        $({{ command_prefix }}table_field_keys).empty();
+                    } else {
+                        django_modal.send_inputs({'ajax': 'get_{{ command_prefix }}fields', 'field_auto_id': '{{ field.auto_id }}'})
+                    }
+                }
+
+
+                function {{ command_prefix }}update_selection() {
+                    let fields_selection = [];
+                    $({{ command_prefix }}selection_fields_id_name).children().each(function () {
+                        fields_selection.push({{ command_prefix }}get_field_dict($(this)))
+                    });
+                    $({{ command_prefix }}main_field).val(JSON.stringify(fields_selection))
+                }
+
+                function {{ command_prefix }}get_field_dict(field) {
+                    let data_origin = field.attr('data-origin');
+                    let title = field.children("span").text()
+                    let result = {
+                        'field': data_origin,
+                        'title': title,
+                    };
+                    let data_attr = field.attr('data-attr');
+
+                    if(data_attr) {
+                        result['data_attr'] = data_attr;
+                    }
+                    return result;
+                }
+
+                function {{ command_prefix }}load_section() {
+
+                    if($({{ command_prefix }}main_field).val() !== '') {
+                        let fields = JSON.parse($({{ command_prefix }}main_field).val())
+                        $.each(fields, function (key, value) {
+                            let field_data = {{ command_prefix }}available_fields_data[value.field];
+                            if(field_data == undefined) {
+                                $({{ command_prefix }}selection_fields_id_name).append({{ command_prefix }}get_field_html(value.field, value.title, '#D3D3D3'));
+                            }
+                            else
+                            {
+                                $({{ command_prefix }}selection_fields_id_name).append({{ command_prefix }}get_field_html(value.field, value.title, field_data.colour, value.data_attr));
+                            }
+                        });
+                    }
+                }
+                $('#{{ field.auto_id }}_selected_search_input').keyup(function() {
+                    {{ command_prefix }}search_fields(this.value, {{ command_prefix }}selection_fields_id_name);
+                })
+                $('#{{ field.auto_id }}_field_search_input').keyup(function() {
+                    {{ command_prefix }}search_fields(this.value, {{ command_prefix }}available_fields_id_name);
+                })
+
+
+                function {{ command_prefix }}search_fields(searchString, area_id) {
+                    searchString = searchString.toUpperCase();
+                    $(area_id + " li").each(function (index, value) {
+                        let currentName = $(value).text()
+                        if (currentName.toUpperCase().indexOf(searchString) > -1) {
+                            $(value).show();
+                        } else {
+                            $(value).hide();
+                        }
+                    });
+                }
+
+                ajax_helpers.command_functions.{{ command_prefix }}update_selection = function (command) {
+
+                    {{ command_prefix }}update_selection();
+                };
+            });
+        </script>
+</div>
+<input type="hidden" name="{{ field.name }}" id="{{ field.auto_id }}" value="{% if field.value %}{{ field.value }}{% endif %}">

advanced_report_builder/templates/advanced_report_builder/single_values/gauge_middle.html

@@ -0,0 +1,143 @@
+{% if datatable.breakdown_url %}
+  <a href="{{ datatable.breakdown_url }}"
+     style="display:block; position:relative; cursor:pointer;">
+    <canvas id="{{ datatable.table_id }}"></canvas>
+  </a>
+{% else %}
+  <canvas id="{{ datatable.table_id }}"></canvas>
+{% endif %}
+<script>
+(function () {
+    var display_target = "{{ datatable.target_data.target_value|safe|default:"100" }}";   // change this2
+    const target = parseFloat(display_target.replace(/[^0-9.]/g, ''));
+
+var actual = 0;
+var display_actual = 0
+var table = {{ datatable.model_table_setup }};
+    table.find_column = django_datatables.PythonTable.prototype.find_column
+    if (table.data.length > 0) {
+        if (table.initsetup.colOptions[0]['render'] != undefined) {
+            render = new django_datatables.column_render(0, table.initsetup.colOptions[0]['render'], table);
+            actual = render(table.data[0][0], null, table.data[0]);
+        } else {
+            actual = table.data[0][0];
+        }
+        display_actual = actual;
+        if (actual == null) {
+            actual = 0;
+            display_actual = 0;
+        } else {
+            actual = parseFloat(actual.replace(/[^0-9.]/g, ''));
+        }
+    }
+
+// --------- DATA ----------
+
+console.log('{{ datatable.target_data.colour }}');
+const percent = target > 0
+    ? Math.round((actual / target) * 100)
+    : 0;
+    const performanceColour =
+        {% if datatable.target_data.colour %}
+            '#{{ datatable.target_data.colour|default:"008000" }}'
+        {% else %}
+            percent < 40 ? '#d9534f' :
+            percent < 70 ? '#f0ad4e' :
+                           '#5cb85c'
+        {% endif %};
+    console.log(performanceColour);
+
+    function formatNumber(n) {
+        return '{{ datatable.prefix|default:"" }}' + n + '{% if datatable.single_value.is_percentage %}%{% endif %}';
+    }
+
+    // ---- CENTER TEXT ----
+    const centerText = {
+        id: 'centerText',
+        afterDraw(chart) {
+            const { ctx, chartArea } = chart;
+            const x = (chartArea.left + chartArea.right) / 2;
+            const y = chartArea.bottom - 80;
+
+            ctx.save();
+            ctx.textAlign = 'center';
+            ctx.fillStyle = '#{{ datatable.single_value.font_colour|default:"000000" }}';
+
+            ctx.font = 'bold 52px Arial';
+            ctx.fillText(formatNumber(display_actual), x, y - 40);
+
+            ctx.font = '22px Arial';
+            ctx.fillText(display_target, x, y);
+
+            ctx.restore();
+        }
+    };
+
+    // ---- % BADGE ----
+    const percentBadge = {
+        id: 'percentBadge',
+        afterDraw(chart) {
+            const ctx = chart.ctx;
+            const arc = chart.getDatasetMeta(0).data[0];
+            if (!arc) return;
+
+            const angle = arc.endAngle;
+            const radius = arc.outerRadius - 20;
+
+            const x = arc.x + Math.cos(angle) * radius;
+            const y = arc.y + Math.sin(angle) * radius;
+
+            ctx.save();
+
+            ctx.fillStyle = '#ffffff';
+            ctx.strokeStyle = '#dcdcdc';
+            ctx.lineWidth = 1;
+            ctx.beginPath();
+            ctx.roundRect(x - 22, y - 14, 44, 28, 6);
+            ctx.fill();
+            ctx.stroke();
+
+            ctx.fillStyle = '#2c2c2c';
+            ctx.font = 'bold 14px Arial';
+            ctx.textAlign = 'center';
+            ctx.textBaseline = 'middle';
+            ctx.fillText(percent + '%', x, y);
+
+            ctx.restore();
+        }
+    };
+
+    // ---- CHART ----
+    var ctx{{ datatable.table_id }} = document.getElementById('{{ datatable.table_id }}').getContext('2d');
+
+    new Chart(ctx{{ datatable.table_id }}, {
+        type: 'doughnut',
+        data: {
+            datasets: [{
+                data: [
+                    actual,
+                    Math.max(0, target - actual)
+                ],
+                backgroundColor: [
+                    performanceColour,
+                    '#e6e6e6'
+                ],
+                borderWidth: 0,
+                cutout: '70%'
+            }]
+        },
+        options: {
+            responsive: true,
+            maintainAspectRatio: false,
+            rotation: -120,
+            circumference: 240,
+            plugins: {
+                legend: { display: false },
+                tooltip: { enabled: false }
+            }
+        },
+        plugins: [centerText, percentBadge]
+    });
+
+})();
+</script>