aa-ledger 1.0.3__py3-none-any.whl → 2.0.0__py3-none-any.whl

ledger/static/ledger/js/view-corporation-ledger.js

@@ -0,0 +1,402 @@
+/* global aaLedgerSettings, aaLedgerSettingsOverride, _bootstrapTooltip, _bootstrapPopOver, fetchGet, fetchPost, bootstrap, DataTable, moment, numberFormatter, load_or_create_Chart, _exportTableToCSV */
+
+$(document).ready(() => {
+    /**
+     * Table :: IDs
+     */
+    const corporationTable = $('#corporation-ledger-table');
+    const corporationSummaryTable = $('#corporation-ledger-summary-table');
+    const corporationDailyTable = $('#corporation-ledger-daily-table');
+    const corporationHourlyTable = $('#corporation-ledger-hourly-table');
+
+    /**
+     * Modals :: IDs
+     */
+    const modalRequestViewCorporationLedgerDetails = $('#ledger-view-corporation-ledger-details');
+
+    /**
+     * Chart :: IDs
+     */
+    const chartChord = 'chord-chart';
+    const chartXY = 'xy-chart';
+
+    /**
+     * Button :: IDs
+     */
+    const buttonExportCSV = $('#ledger-export-csv');
+
+    /**
+     * Helper: format currency with classes
+     */
+    const _formatCurrencySpan = (value, positiveClass = 'text-success') => {
+        const cls = value > 0 ? positiveClass : (value < 0 ? 'text-danger' : '');
+        console.log(aaLedgerSettings.locale);
+        const formatted = numberFormatter({
+            value: value,
+            language: aaLedgerSettings.locale,
+            options: {
+                style: 'currency',
+                currency: 'ISK',
+                maximumFractionDigits: 0
+            }
+        });
+        return `<span class="${cls}">${formatted}</span>`;
+    };
+
+    fetchGet({
+        url: aaLedgerSettings.url.CorporationLedger,
+    })
+        .then((data) => {
+            if (data) {
+                /**
+                * DataTable for Corporation Ledger
+                * @type {*|jQuery}
+                */
+                const corporationDataTable = new DataTable(corporationTable, {
+                    data: data.entities,
+                    language: aaLedgerSettings.dataTables.language,
+                    layout: aaLedgerSettings.dataTables.layout,
+                    ordering: aaLedgerSettings.dataTables.ordering,
+                    columnControl: aaLedgerSettings.dataTables.columnControl,
+                    order: [[5, 'desc']],
+                    columnDefs: [
+                        {
+                            orderable: false,
+                            targets: 6,
+                            columnControl: [
+                                {target: 0, content: []},
+                                {target: 1, content: []}
+                            ]
+                        },
+                        {
+                            targets: [1,2,3,4,5],
+                            type: 'num'
+                        },
+                        {
+                            className: 'border-start',
+                            targets: 5
+                        }
+                    ],
+                    columns: [
+                        {
+                            data: {
+                                display: (data) => data.entity.icon + ' ' + data.entity.entity_name + ' ' + data.entity.popover,
+                                sort: (data) => data.entity.entity_name,
+                                filter: (data) => data.entity.entity_name
+                            }
+                        },
+                        {
+                            data: {
+                                display: (data) => _formatCurrencySpan(data.ledger.bounty),
+                                sort: (data) => data.ledger.bounty,
+                                filter: (data) => data.ledger.bounty
+                            }
+                        },
+                        {
+                            data: {
+                                display: (data) => _formatCurrencySpan(data.ledger.ess),
+                                sort: (data) => data.ledger.ess,
+                                filter: (data) => data.ledger.ess
+                            }
+                        },
+                        {
+                            data: {
+                                display: (data) => _formatCurrencySpan(data.ledger.miscellaneous),
+                                sort: (data) => data.ledger.miscellaneous,
+                                filter: (data) => data.ledger.miscellaneous
+                            }
+                        },
+                        {
+                            data: {
+                                display: (data) => _formatCurrencySpan(data.ledger.costs),
+                                sort: (data) => data.ledger.costs,
+                                filter: (data) => data.ledger.costs
+                            }
+                        },
+                        {
+                            data: {
+                                display: (data) => _formatCurrencySpan(data.ledger.total),
+                                sort: (data) => data.ledger.total,
+                                filter: (data) => data.ledger.total
+                            }
+                        },
+                        {
+                            data: 'actions'
+                        }
+                    ],
+                    initComplete: function() {
+                        const dt = corporationTable.DataTable();
+
+                        _bootstrapTooltip({selector: '#corporation-ledger-table'});
+                        _bootstrapPopOver({selector: '#corporation-ledger-table'});
+                        if (dt.rows().count() !== 0) {
+                            buttonExportCSV.removeClass('d-none');
+                        }
+                    },
+                    drawCallback: function () {
+                        _bootstrapTooltip({selector: '#corporation-ledger-table'});
+                        _bootstrapPopOver({selector: '#corporation-ledger-table'});
+                    },
+                });
+
+                // Insert totals footer for corporation table
+                corporationTable.find('tfoot').html(data.information.footer_html);
+
+                /**
+                 * Charts for Corporation Ledger
+                 */
+                load_or_create_Chart(chartXY, data.billboard.xy_chart, 'bar');
+                load_or_create_Chart(chartChord, data.billboard.chord_chart, 'chart');
+            }
+        })
+        .catch((error) => {
+            console.error('Error fetching Corporation Ledger data:', error);
+        });
+
+    /**
+     * Export Corporation Ledger Table to CSV
+     */
+    buttonExportCSV.on('click', (event) => {
+        const dt = corporationTable.DataTable();
+        // Exclude Actions column (index 6)
+        _exportTableToCSV(dt, 6, 'corporation_ledger.csv');
+    });
+
+    /**
+     * Modal :: View Ledger Details :: Table :: Summary Table DataTable
+     * Initialize DataTable for View Ledger Details Modal :: Summary Table
+     * @type {*|jQuery}
+     */
+    const summaryDataTable = new DataTable(corporationSummaryTable, {
+        data: null, // Loaded via API on modal open
+        language: aaLedgerSettings.dataTables.language,
+        layout: aaLedgerSettings.dataTables.layout,
+        ordering: aaLedgerSettings.dataTables.ordering,
+        columnControl: aaLedgerSettings.dataTables.columnControl,
+        order: [[0, 'asc']],
+
+        columnDefs: [
+            {
+                orderable: false,
+                targets: [2],
+                columnControl: [
+                    {target: 0, content: []},
+                    {target: 1, content: []}
+                ]
+            },
+            {
+                targets: [1],
+                type: 'num'
+            },
+        ],
+        columns: [
+            {
+                data: {
+                    display: (data) => data.name,
+                    sort: (data) => data.name,
+                    filter: (data) => data.name
+                }
+            },
+            {
+                data: {
+                    display: (data) => _formatCurrencySpan(data.amount),
+                    sort: (data) => data.amount,
+                    filter: (data) => data.amount
+                }
+            },
+            {
+                data:
+                {
+                    display: (data) => data.ref_types,
+                }
+            },
+        ],
+        initComplete: function () {
+            _bootstrapTooltip({selector: '#corporation-ledger-summary-table'});
+            _bootstrapPopOver({selector: '#corporation-ledger-summary-table'});
+        },
+        drawCallback: function () {
+            _bootstrapTooltip({selector: '#corporation-ledger-summary-table'});
+            _bootstrapPopOver({selector: '#corporation-ledger-summary-table'});
+        },
+    });
+
+    /**
+     * Modal :: View Ledger Details :: Table :: Summary Table DataTable
+     * Initialize DataTable for View Ledger Details Modal :: Summary Table
+     * @type {*|jQuery}
+     */
+    const dailyDataTable = new DataTable(corporationDailyTable, {
+        data: null, // Loaded via API on modal open
+        language: aaLedgerSettings.dataTables.language,
+        layout: aaLedgerSettings.dataTables.layout,
+        ordering: aaLedgerSettings.dataTables.ordering,
+        columnControl: aaLedgerSettings.dataTables.columnControl,
+        order: [[0, 'asc']],
+        columnDefs: [
+            {
+                orderable: false,
+                targets: [2],
+                columnControl: [
+                    {target: 0, content: []},
+                    {target: 1, content: []}
+                ]
+            },
+            {
+                targets: [1],
+                type: 'num'
+            }
+        ],
+        columns: [
+            {
+                data: {
+                    display: (data) => data.name,
+                    sort: (data) => data.name,
+                    filter: (data) => data.name
+                }
+            },
+            {
+                data: {
+                    display: (data) => _formatCurrencySpan(data.amount),
+                    sort: (data) => data.amount,
+                    filter: (data) => data.amount
+                }
+            },
+            {
+                data:
+                {
+                    display: (data) => data.ref_types,
+                }
+            },
+        ],
+        initComplete: function () {
+            _bootstrapTooltip({selector: '#corporation-ledger-daily-table'});
+            _bootstrapPopOver({selector: '#corporation-ledger-daily-table'});
+        },
+        drawCallback: function () {
+            _bootstrapTooltip({selector: '#corporation-ledger-daily-table'});
+            _bootstrapPopOver({selector: '#corporation-ledger-daily-table'});
+        },
+    });
+
+    /**
+     * Modal :: View Ledger Details :: Table :: Summary Table DataTable
+     * Initialize DataTable for View Ledger Details Modal :: Summary Table
+     * @type {*|jQuery}
+     */
+    const hourlyDataTable = new DataTable(corporationHourlyTable, {
+        data: null, // Loaded via API on modal open
+        language: aaLedgerSettings.dataTables.language,
+        layout: aaLedgerSettings.dataTables.layout,
+        ordering: aaLedgerSettings.dataTables.ordering,
+        columnControl: aaLedgerSettings.dataTables.columnControl,
+        order: [[0, 'asc']],
+        columnDefs: [
+            {
+                orderable: false,
+                targets: [2],
+                columnControl: [
+                    {target: 0, content: []},
+                    {target: 1, content: []}
+                ]
+            },
+            {
+                targets: [1],
+                type: 'num'
+            }
+        ],
+        columns: [
+            {
+                data: {
+                    display: (data) => data.name,
+                    sort: (data) => data.name,
+                    filter: (data) => data.name
+                }
+            },
+            {
+                data: {
+                    display: (data) => _formatCurrencySpan(data.amount),
+                    sort: (data) => data.amount,
+                    filter: (data) => data.amount
+                }
+            },
+            {
+                data:
+                {
+                    display: (data) => data.ref_types,
+                }
+            },
+        ],
+        initComplete: function () {
+            _bootstrapTooltip({selector: '#corporation-ledger-hourly-table'});
+            _bootstrapPopOver({selector: '#corporation-ledger-hourly-table'});
+        },
+        drawCallback: function () {
+            _bootstrapTooltip({selector: '#corporation-ledger-hourly-table'});
+            _bootstrapPopOver({selector: '#corporation-ledger-hourly-table'});
+        },
+    });
+
+    /**
+     * Load Corporation Ledger Details Data into DataTables in the 'ledger-view-corporation-ledger-details' Modal
+     * @param {Object} tableData :: Data Object containing Summary, Daily, and Hourly Data Arrays
+     */
+
+    const _loadCorporationDetails = (tableData) => {
+        const dtSummary = corporationSummaryTable.DataTable();
+        dtSummary.clear().rows.add(tableData.summary).draw();
+        corporationSummaryTable.find('tfoot').html(tableData.total.summary);
+
+        const dtDaily = corporationDailyTable.DataTable();
+        dtDaily.clear().rows.add(tableData.daily).draw();
+        corporationDailyTable.find('tfoot').html(tableData.total.daily);
+
+        const dtHourly = corporationHourlyTable.DataTable();
+        dtHourly.clear().rows.add(tableData.hourly).draw();
+        corporationHourlyTable.find('tfoot').html(tableData.total.hourly);
+    };
+
+    /**
+     * Clear related DataTables on Close for the 'ledger-view-corporation-ledger-details' Modal
+     */
+    const _clearCorporationDetails = () => {
+        const dtSummary = corporationSummaryTable.DataTable();
+        dtSummary.clear().draw();
+        corporationSummaryTable.find('tfoot').html('');
+
+        const dtDaily = corporationDailyTable.DataTable();
+        dtDaily.clear().draw();
+        corporationDailyTable.find('tfoot').html('');
+
+        const dtHourly = corporationHourlyTable.DataTable();
+        dtHourly.clear().draw();
+        corporationHourlyTable.find('tfoot').html('');
+    };
+
+    /**
+     * Modal :: Corporation Ledger :: Table :: Info Button Click Handler
+     * @const {_loadCorporationDetails} :: Load Corporation Ledger Details Data into DataTables in the 'ledger-view-corporation-ledger-details' Modal
+     * @const {_clearCorporationDetails} :: Clear related DataTables on Close
+     * When opening, fetch data from the API Endpoint defined in the button's data-action attribute
+     * and load it into the Corporation Ledger Details DataTables related to the 'ledger-view-corporation-ledger-details' Modal
+     */
+    modalRequestViewCorporationLedgerDetails.on('show.bs.modal', (event) => {
+        const button = $(event.relatedTarget);
+        const url = button.data('action');
+
+        fetchGet({
+            url: url,
+        })
+            .then((data) => {
+                if (data) {
+                    _loadCorporationDetails(data);
+                }
+            })
+            .catch((error) => {
+                console.error('Error fetching Payments Details Modal:', error);
+            });
+    })
+        .on('hide.bs.modal', () => {
+            _clearCorporationDetails();
+        });
+});