View file themes/default/apps/cpanel/assets/account_reports/scripts/app_master_script.phtml

<script>
	"use strict";

	jQuery(document).ready(function($) {
		var _app = $('[data-app="account-reports"]');

        var CSMAccountReports = new Vue({
            el: "#vue-cpanel-account-reports-app",
            data: {
                total_reports: <?php echo fetch_or_get($cl['total_reports'], 0); ?>,
                loading: false,
                prev_ctrl: true,
                next_ctrl: true
            },
            computed: {
                dis_prev_ctrl: function() {
                    if (this.loading || this.prev_ctrl != true) {
                        return true;
                    }

                    else {
                        return false;
                    }
                },
                dis_next_ctrl: function() {
                    if (this.loading || this.next_ctrl != true) {
                        return true;
                    }

                    else {
                        return false;
                    }
                },
                show_ctrls: function() {
                    if (this.total_reports > 0) {
                        return true;
                    }

                    else {
                        return false;
                    }
                }
            },
            methods: {
                paginate: function(dir = false) {
                    var _app_        = this;
                    var reports_list = _app.find('[data-an="reports-list"]');
                    var offset_lt    = reports_list.find('tr[data-list-item]').first().data('list-item');
                    var offset_gt    = reports_list.find('tr[data-list-item]').last().data('list-item');

                    $.ajax({
                        url: "<?php echo cl_link('native_api/cpanel/get_account_reports'); ?>",
                        type: "GET",
                        dataType: "json",
                        data: {
                            dir: dir,
                            offset_lt: offset_lt, 
                            offset_gt: offset_gt
                        },
                        beforeSend: function() {
                            _app_.loading   = true;
                            _app_.prev_ctrl = true;
                            _app_.next_ctrl = true;

                            SMC_CPanel.waitme("show");
                        }
                    }).done(function(data) {
                        if (data.status == 200) {
                            reports_list.html(data.html);
                        }
                        else{
                            if (dir == 'up') {
                                _app_.prev_ctrl = false;
                            }
                            else{
                                _app_.next_ctrl = false;
                            }
                        }
                    }).always(function() {
                        delay(function() {
                            _app_.loading = false;

                            SMC_CPanel.waitme();
                        },500);
                    });
                },
                show: function(id = false) {
                    if ($.isNumeric(id) && id) {
                        $.ajax({
                            url: "<?php echo cl_link('native_api/cpanel/get_account_report_data'); ?>",
                            type: "GET",
                            dataType: "json",
                            data: {id: id},
                            beforeSend: function() {
                                SMC_CPanel.waitme("show");
                            }
                        }).done(function(data) {
                            if (data.status == 200) {
                                $('[data-app="black-hole"]').html(data.html).find('div.modal').modal('show');

                                if (data.is_seen == '0') {
                                	_app.find("[data-list-item='{0}']".format(id)).find('[data-an="report-status"]').replaceClass('bg-red', 'bg-orange');
                                	_app.find("[data-list-item='{0}']".format(id)).find('[data-an="report-status"]').text("Viewed");
                                }
                            }

                            if (data.message) {
                                cl_bs_notify(data.message, 3000);
                            }
                        }).always(function() {
                            SMC_CPanel.waitme();
                        });
                    }
                },
                ignore: function(id = false) {
                    if ($.isNumeric(id) && id) {
                    	var _app_   = this;
                        var promise = SMC_CPanel.confirm_action({
                            btn_1: "Cancel",
                            btn_2: "Delete",
                            title: "Please confirm your actions!",
                            message: "Please note that all information on this report will also be completely deleted!",
                        });

                        promise.done(function() {
                            $.ajax({
                                url: '<?php echo cl_link("native_api/cpanel/delete_account_report_data"); ?>',
                                type: 'GET',
                                dataType: 'json',
                                data: {id: id},
                                beforeSend: function() {
                                    SMC_CPanel.waitme("show");
                                    $("div.confirm-actions-modal").modal("hide");
                                }
                            }).done(function(data) {
                                if (data.status == 200) {
                                    var reports_list    = _app.find('[data-an="reports-list"]');
                                    _app_.total_reports = data.total;

                                    if (reports_list.find('[data-list-item]').length > 1) {
                                        reports_list.find('[data-list-item="{0}"]'.format(id)).slideUp(300, function() {
                                            $(this).remove();
                                        });
                                    }

                                    else {
                                        $(window).reloadPage(100);
                                    }
                                } 

                                if (data.message) {
                                    cl_bs_notify(data.message, 3000);
                                }
                            }).always(function() {
                                SMC_CPanel.waitme();
                            });
                        });

                        promise.fail(function() {
                            $("div.confirm-actions-modal").modal("hide");
                        });
                    }
                }
            }
        });

        if (window.CSMAccountReports === undefined) {
            window.CSMAccountReports = CSMAccountReports;
        }
	});
</script>