WebBuild/wwwroot/apps/transact/controls/orders/credithealth.js

var Bizgaze;
(function (Bizgaze) {
    let Apps;
    (function (Apps) {
        let Transact;
        (function (Transact) {
            let Orders;
            (function (Orders) {
                class CreditHealth extends Unibase.Platform.Core.BaseComponent {
                    load(id, containerid, callback) {
                        $("#" + containerid).find(".btn_Listsearch_angle").unbind().click(function () {
                            $("#" + containerid).find(".fa-angle-down").toggleClass("d-none");
                            $("#" + containerid).find(".fa-angle-right").toggleClass("d-none");
                            $("#" + containerid).find(".list_Body").toggleClass("hidden");
                            $("#" + containerid).find(".Dynamic-ListSearch").toggleClass("hidden");
                        });
                        $("#" + containerid).find("#btn_CH_Close").unbind().click(function () {
                            $(".unibase_modal_backdrop").css("display", "none");
                            $('#' + containerid).modal('hide');
                            $('#' + containerid).remove();
                        });
                        $("#" + containerid).find(".modal-body").removeClass("bg-cyan-light-5");
                    }
                    cssFiles() {
                        var cssfiles = [];
                        return cssfiles;
                    }
                    jsFiles() {
                        var jsfiles = ["platform/analytics/managers/reportmanager.js"];
                        return jsfiles;
                    }
                    html(id, containerid) {
                        let html = `<header class="b-b bg-white modal-header">
                                <strong class="text-dark titlename">` + $("#CH_Widget_Title").text() + ` Details </strong>
                                <div class="btn-group ml-auto"> <a class="btn btn-sm"><i class="ti-help-alt" title="help" href="" target="_blank"></i></a></div>
                            </header>
                            <div style="overflow-x:hidden;" class="scrollable bg-light-5">
                                <div class="card shadow-hover">
                                    <div class="card-header card-header-action">
                                        <a class="btn_Listsearch_angle biz-highlight-bg-color font-16 font-weight-600" href="javascript:;">
                                            <i class="fa fa-angle-down d-none"></i><i class="fa fa-angle-right"></i><span class="ml-10 title_widget"></span>
                                        </a>
                                        <div class="d-flex align-items-center card-action-wrap">
                                            <span class="pull-right badge badge-light badge-pill badge-outline mr-10 span_Listsearch_count">0</span>
                                            <div class="d-flex"></div>
                                        </div>
                                    </div>
                                    <div class="card-body pa-0 list_Body" style="max-height:500px;overflow-x:auto;">
                                        <div class="Dynamic-ListSearch" style="display: none;">
                                        </div>
                                        <div class="font-14 d-none d-md-block card-header bg-cyan-light-5 header_list">
                                            <h6>
                                                <div class=" div_Clearance hidden">
                                                   <div class="row biz-list-header px-2">
                                                            <div class="col-sm-4 pl-0 pr-0">Receipt No/Date</div>
                                                            <div class="col-sm-2 pl-0 pr-0">Created Date/By</span></div>
                                                            <div class="col-sm-2 ">Days</div>
                                                            <div class="col-sm-2 text-right">Amount</div>
                                                            <div class="col-sm-2  text-right">Status</div>
                                                    </div>
                                                </div>
                                                <div class=" div_Due hidden">
                                                        <div class="row biz-list-header px-2">
                                                            <div class="col-sm-2 pl-0 pr-0">Invoice No/Date</div>
                                                            <div class="col-sm-2 pl-0 pr-0">Ref No/Date</div>
                                                            <div class="col-sm-2 pl-0 pr-0">Due Date/Days</div>
                                                            <div class="col-sm-2 pl-0 pr-0 text-right">Total</div>
                                                            <div class="col-sm-2 pl-0 pr-0 text-right">Paid</div>
                                                            <div class="col-sm-2 pl-0 pr-0 text-right">Due </div>
                                                           <!-- <div class="col-sm-1">Due</div>-->
                                                    </div>
                                                </div>
                                                <div class="div_Credit hidden">
                                                      <div class="row biz-list-header px-2">
                                                            <div class="col-sm-4">Invoice No/Date</div>
                                                            <div class="col-sm-2">Ref/Date</div>
                                                            <div class="col-sm-2 text-right" >Total Amt</div>
                                                            <div class="col-sm-2 text-right">Consumed</div>
                                                            <div class="col-sm-2 text-right">Balance</div>
                                                    </div>
                                                </div>
                                            </h6>
                                        </div>
                                        <div>
                                            <ul class="" id="widget_list_container"> </ul>
                        
                                        </div>
                                    </div>
                                    <div class="card-footer text-muted" style="display:none;">
                                        <div class="col-sm-4 mt-10">
                                            <span class="text-dark"></span>
                                        </div><div class="col-sm-8 pull-right"><nav class="pagination custom-pagination pagination-rounded"></nav></div>
                                        <input type="hidden">
                                    </div>
                                </div>

                            </div>
                            <footer class="bg-white modal-footer">
                                <a href="javascript:;" id="btn_CH_Close" class="btn btn-light btn-sm mr-auto"> Close</a>
                            </footer>`;
                        return html;
                    }
                    static Instance() {
                        if (this.instance === undefined) {
                            this.instance = new CreditHealth();
                        }
                        return this.instance;
                    }
                }
                Orders.CreditHealth = CreditHealth;
            })(Orders = Transact.Orders || (Transact.Orders = {}));
        })(Transact = Apps.Transact || (Apps.Transact = {}));
    })(Apps = Bizgaze.Apps || (Bizgaze.Apps = {}));
})(Bizgaze || (Bizgaze = {}));