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

var Bizgaze;
(function (Bizgaze) {
    let Apps;
    (function (Apps) {
        let Transact;
        (function (Transact) {
            let Orders;
            (function (Orders) {
                class SalesFrequency extends Unibase.Platform.Core.BaseComponent {
                    load(id, containerid, callback) {
                        $("#" + containerid).find(".btn_Listsearch_angle").click(function () {
                            $("#" + containerid).find(".fa-angle-down").toggleClass("d-none");
                            $("#" + containerid).find(".fa-angle-right").toggleClass("d-none");
                            $("#" + containerid).find(".div_salesFrequency").toggleClass("hidden");
                            $("#" + containerid).find(".Dynamic-ListSearch").toggleClass("hidden");
                        });
                        $("#" + containerid).find("#btn_SF_Close").unbind().click(function () {
                            $('#' + 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) {
                        var instance = this;
                        let html = `<header class="b-b bg-white modal-header">
                                <strong class="text-dark titlename"> ` + $("#F_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">
                                <div class="card shadow-hover">
                                    <div class="card-header card-header-action">
                                        <a class="btn_Listsearch_angle text-light " >
                                            <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_List_count">0</span>
                                            <div class="d-flex"></div>
                                        </div>
                                    </div>
                                    <div class="card-body pa-0 div_salesFrequency" 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="row div_Invoices hidden">
                                                    <div class="col-sm-2">
                                                        <span class="h6 ml-20">Invoice No</span>
                                                    </div>
                                                    <div class="col-sm-2 pl-30"><span class="h6">Invoice Date</span></div>
                                                    <div class="col-sm-2 pl-30"><span class="h6">Ref No</span></div>
                                                    <div class="col-sm-2 pl-30"><span class="h6">Ref Date</span></div>
                                                    <div class="col-sm-2 pl-30"><span class="h6">LoB</span></div>
                                                    <div class="col-sm-2"><span class="h6">Total Amnt</span></div>
                                                </div>
                                                <div class="row div_payments hidden">
                                                    <div class="col-12">
                                                        <div class="row">
                                                            <div class="col-sm-3"><span class="h6"></span>Payment No/<br />Date</div>
                                                            <div class="col-sm-2"><span class="h6">Ref No/ <br />Date</span></div>
                                                            <div class="col-sm-2"><span class="h6">Payment Mode</span></div>
                                                            <div class="col-sm-3"><span class="h6">Organization</span></div>
                                                            <div class="col-sm-2"><span class="h6">Total Amnt</span></div>
                                                        </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_SF_Close" class="btn btn-light btn-sm mr-auto"> Close</a>
                            </footer>`;
                        return html;
                    }
                    static Instance() {
                        if (this.instance === undefined) {
                            this.instance = new SalesFrequency();
                        }
                        return this.instance;
                    }
                }
                Orders.SalesFrequency = SalesFrequency;
            })(Orders = Transact.Orders || (Transact.Orders = {}));
        })(Transact = Apps.Transact || (Apps.Transact = {}));
    })(Apps = Bizgaze.Apps || (Bizgaze.Apps = {}));
})(Bizgaze || (Bizgaze = {}));