WebBuild/wwwroot/apps/crm/employees/components/employee_breakup.js

var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var Bizgaze;
(function (Bizgaze) {
    let Apps;
    (function (Apps) {
        let Crm;
        (function (Crm) {
            let Employees;
            (function (Employees) {
                let Components;
                (function (Components) {
                    class EmployeeBreakUp extends Unibase.Platform.Core.BaseComponent {
                        constructor() {
                            super(...arguments);
                            this.dataXValue = '';
                            this.tableHtmlEmp = '';
                            this.isTrackingTable = '';
                            this.palettecolors = [];
                            this.onEditPalettes = '';
                            this.ownerid = 0;
                            this.ownername = '';
                        }
                        cssFiles() {
                            return ["libs/chartjs/chart.min.css"];
                        }
                        jsFiles() {
                            return ['apps/crm/employees/components/employee_breakup_table.js', 'libs/chartjs/chart.min.js', 'apps/crm/contacts/managers/contactmanager.js'];
                        }
                        html(id, containerid) {
                            let html = ``;
                            return html;
                        }
                        load(id, containerid, callback) {
                        }
                        init(containerid) {
                            var instance = this;
                            instance.loadMenu(containerid);
                        }
                        loadMenu(containerid) {
                            var instance = this;
                            $(`.${containerid}`).append(`<div class="card mb-0 border-0 BindData_` + containerid + ` findcontainer h-100" style="background:0 0">
                                <div class="card-header d-flex justify-content-between align-items-center py-2 px-3 search-bar-main-wrapper position-sticky t-0 bg-white z-index-2 border-0 viewer-header" id="ViewerHeader_` + containerid + `">
                                 <span class="biz-highlight-bg-color text-left">Employee BreakUp Tenure</span>
                                    <div class="text-right d-flex">
                                        <div class="biz-select2-wrap"><select class="distributor_val form-control"><option></option></select></div>
                                          <div id="select_new_Palette_Section" class="d-none floating-label-form-group-with-value select_new_Palette_Section">
                                      <select id="select_new_Palette" class="form-control type-control required value-control dropdown_phonetype select_new_Palette"  placeholder="Select" data-placeholder="Select" data-label="Palette" data-isparent="false">
                                      </select>
                                   </div>
                                    <div class="popuptable  btn-flush-biz-theme btn btn-icon btn-rounded flush-soft-hover h-30p w-30p ">
                                     <span class="btn-icon-wrap"> <i class="las la-table font-18 text-grey text-dark tableiconempchart"> </i></span>
                                     </div>
                                    </div>
                                </div>
                                <div class="card-body p-2 userDesignWidgetCardBody ">
                                 <ul class="lob_summary row px-3"  id="lob_summary"></ul>
                                 <div class="text-danger d-none  w-100 font-12">* The Outstanding data will be auto-refreshed  for every 24 hours.</div>
                                </div>
                             </div>`);
                            $(".designsPreviewAppend").find(".select_new_Palette_Section").removeClass("d-none");
                            let height = $(`#${containerid}`).siblings('#hf_portletwidgetheight').val();
                            if (height != '0px') {
                                $('.userDesignWidgetCardBody').css({ "height": `` + height + ``, "overflow-x": "hidden" }).addClass("added biz-custom-scrollbar");
                            }
                            instance.fileCacheHelper.loadJsFiles(['apps/crm/palettes/managers/palettemanager.js', "libs/chartjs/chart.min.js"], () => {
                                Bizgaze.Apps.Crm.Palettes.Managers.PaletteManager.Instance().getPallettes().then((res) => {
                                    var instance = this;
                                    if (res.length != 0) {
                                        let data = Array();
                                        for (let p = 0; p < res.result.length; p++) {
                                            data.push(res.result[p]);
                                        }
                                        data.sort(function (a, b) {
                                            var a1 = a.palletteid, b1 = b.palletteid;
                                            if (a1 == b1)
                                                return 0;
                                            return a1 > b1 ? 1 : -1;
                                        });
                                        for (let z = 0; z < data.length; z++) {
                                            let palletId = data[z].palletteid;
                                            let palletName = data[z].pallettename;
                                            let html = '';
                                            if (z == 0) {
                                                html = `<option value='` + palletId + `' selected >` + palletName + `</option>`;
                                            }
                                            else {
                                                html = `<option value='` + palletId + `' >` + palletName + `</option>`;
                                            }
                                            $('.select_new_Palette').append(html);
                                        }
                                        let palettid = '';
                                        $('.designsPreviewAppend').find(".select_new_Palette").change(function () {
                                            instance.onEditPalettes = $(this).find(":checked").val().toString();
                                        });
                                        $(`.BindData_` + containerid + ``).find(".select_new_Palette option").each(function () {
                                            var val = $(this).val();
                                            if (val == instance.onEditPalettes) {
                                                $(`.BindData_` + containerid + ``).find(".select_new_Palette option").removeAttr("checked");
                                                $(this).attr('selected', 'selected');
                                            }
                                        });
                                        palettid = instance.onEditPalettes;
                                        $(`.BindData_` + containerid + ``).find(".select_new_Palette").change(function () {
                                            $(".lob_summary").html('');
                                            palettid = $(this).find(":checked").val().toString();
                                            instance.loadPaletts(palettid, containerid);
                                        });
                                        if (palettid.length == 0) {
                                            palettid = $(`.BindData_` + containerid + ``).find(".select_new_Palette").find(":checked").val().toString();
                                            instance.loadPaletts(palettid, containerid);
                                        }
                                        else {
                                            instance.loadPaletts(palettid, containerid);
                                        }
                                    }
                                });
                            });
                            instance.distributeVal();
                        }
                        loadPaletts(palettid, containerid) {
                            let instance = this;
                            Bizgaze.Apps.Crm.Palettes.Managers.PaletteManager.Instance().getPalletteColors(palettid).then((response) => {
                                var data = Array();
                                for (let i = 0; i < response.result.length; i++) {
                                    data.push(response.result[i]);
                                }
                                data.sort(function (a, b) {
                                    var a1 = a.palletteindex, b1 = b.palletteindex;
                                    if (a1 == b1)
                                        return 0;
                                    return a1 > b1 ? 1 : -1;
                                });
                                this.palettecolors = [];
                                for (let i = 0; i < data.length; i++) {
                                    if (i < 2) {
                                        let getcolor = data[i].colorcode;
                                        this.palettecolors.push(getcolor);
                                    }
                                }
                                var fromDate = "";
                                var toDate = "";
                                var cf_fromDate = Unibase.Platform.Membership.Infos.Identity.currentUser.fromDate;
                                var cf_toDate = Unibase.Platform.Membership.Infos.Identity.currentUser.toDate;
                                if (cf_fromDate != null && cf_toDate != null) {
                                    fromDate = cf_fromDate.toString();
                                    toDate = cf_toDate.toString();
                                }
                                else {
                                    fromDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(new Date(Unibase.Platform.Helpers.DateTimeHelper.Instance().currentDate()), "YYYY/MM/DD");
                                    toDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(new Date(Unibase.Platform.Helpers.DateTimeHelper.Instance().currentDate()), "YYYY/MM/DD");
                                }
                                fromDate = fromDate.replace('/', '-').replace('/', '-');
                                toDate = toDate.replace('/', '-').replace('/', '-');
                                instance.fileCacheHelper.loadJsFiles(['apps/crm/contacts/managers/contactmanager.js', "apps/crm/employees/components/employee_breakup_table.js", "libs/chartjs/chart.min.js"], () => {
                                    Bizgaze.Apps.Crm.Contacts.Managers.ContactManager.Instance().getEmployeeBrekUp("0", fromDate, toDate, instance.ownerid, 0).then(function (response) {
                                        var _a;
                                        var data = response.result;
                                        if (((_a = response.result) === null || _a === void 0 ? void 0 : _a.length) > 0) {
                                            instance.dataXValue = response.result;
                                            instance.createChart(containerid);
                                            instance.createTable(containerid);
                                        }
                                    });
                                });
                            });
                            $('.distributor_val').off().on("change", function () {
                                return __awaiter(this, void 0, void 0, function* () {
                                    instance.ownerid = +$(this).find(":checked").val();
                                    instance.ownername = $(this).find(":checked").text();
                                    $("#lob_summary").html('');
                                    instance.loadPaletts(palettid, containerid);
                                    $('.distributor_val').select2({
                                        placeholder: 'please Select Distributor',
                                        allowClear: true,
                                        data: instance.ownername
                                    });
                                });
                            });
                        }
                        createChart(containerid) {
                            var instance = this;
                            var fromDate = "";
                            var toDate = "";
                            var cf_fromDate = Unibase.Platform.Helpers.NavigationHelper.commonFilter_FromDate;
                            var cf_toDate = Unibase.Platform.Helpers.NavigationHelper.commonFilter_ToDate;
                            if (cf_fromDate != null && cf_toDate != null) {
                                fromDate = cf_fromDate.toString();
                                toDate = cf_toDate.toString();
                            }
                            else {
                                fromDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(new Date(Unibase.Platform.Helpers.DateTimeHelper.Instance().currentDate()), "YYYY/MM/DD");
                                toDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(new Date(Unibase.Platform.Helpers.DateTimeHelper.Instance().currentDate()), "YYYY/MM/DD");
                            }
                            fromDate = fromDate.replace('/', '-').replace('/', '-');
                            toDate = toDate.replace('/', '-').replace('/', '-');
                            var OwnerId = $('#hfContactId').val();
                            if (OwnerId == undefined)
                                OwnerId = 0;
                            var employeeId = $('#hfSalesPersonId').val();
                            if (employeeId == undefined)
                                employeeId = 0;
                            instance.fileCacheHelper.loadJsFiles(['apps/crm/contacts/managers/contactmanager.js', "libs/chartjs/chart.min.js"], () => {
                                Bizgaze.Apps.Crm.Contacts.Managers.ContactManager.Instance().getEmployeeBrekUpDesignation("0", fromDate, toDate, instance.ownerid, 0).then(function (response) {
                                    if (response.result.length > 0) {
                                        let chartHtml = `<li class="col-sm-12"><div><canvas id="employeeBreakupChart" style="max-height:450px"></canvas></div></li>`;
                                        $(`#${containerid}`).find('.lob_summary').html(chartHtml);
                                        $('.popuptable').off().click(function (e) {
                                            var instanceTableObj = Bizgaze.Apps.Crm.Employees.Components.EmployeeBreakUpTable.Instance();
                                            Unibase.Platform.Helpers.NavigationHelper.Instance().popup(0, '', instanceTableObj, null, Unibase.Platform.Helpers.Size.DockLeft);
                                        });
                                        let labelsPreProcess = instance.dataXValue;
                                        let xValues = [];
                                        let active = [];
                                        let inActive = [];
                                        for (let i = 0; i < labelsPreProcess.length; i++) {
                                            xValues.push(labelsPreProcess[i].Month);
                                            active.push(labelsPreProcess[i].Active);
                                            inActive.push(labelsPreProcess[i].DeActive);
                                        }
                                        inActive.push(0);
                                        let barOneColor, barTwoColor;
                                        let pal = instance.palettecolors;
                                        if (pal.length != 0) {
                                            for (let i = 0; i < pal.length; i++) {
                                                if (i == 0) {
                                                    barOneColor = pal[i];
                                                }
                                                if (i == 1) {
                                                    barTwoColor = pal[i];
                                                }
                                            }
                                        }
                                        else {
                                            barOneColor = '#117899';
                                            barTwoColor = '#f16c20';
                                        }
                                        let chartElement = document.getElementById("employeeBreakupChart").getContext('2d');
                                        let myChart = new Chart(chartElement, {
                                            type: 'bar',
                                            data: {
                                                labels: xValues,
                                                datasets: [{
                                                        label: 'Active',
                                                        data: active,
                                                        backgroundColor: barOneColor
                                                    }, {
                                                        label: 'InActive',
                                                        data: inActive,
                                                        backgroundColor: barTwoColor
                                                    }]
                                            },
                                            options: {
                                                plugins: {
                                                    legend: {
                                                        position: "bottom",
                                                        align: "middle"
                                                    }
                                                }
                                            }
                                        });
                                    }
                                });
                            });
                        }
                        createTable(tagIds) {
                            var instance = this;
                            var fromDate = "";
                            var toDate = "";
                            var cf_fromDate = Unibase.Platform.Membership.Infos.Identity.currentUser.fromDate;
                            var cf_toDate = Unibase.Platform.Membership.Infos.Identity.currentUser.toDate;
                            if (cf_fromDate != null && cf_toDate != null) {
                                fromDate = cf_fromDate.toString();
                                toDate = cf_toDate.toString();
                            }
                            else {
                                fromDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(new Date(Unibase.Platform.Helpers.DateTimeHelper.Instance().currentDate()), "YYYY/MM/DD");
                                toDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(new Date(Unibase.Platform.Helpers.DateTimeHelper.Instance().currentDate()), "YYYY/MM/DD");
                            }
                            fromDate = fromDate.replace('/', '-').replace('/', '-');
                            toDate = toDate.replace('/', '-').replace('/', '-');
                            var OwnerId = $('#hfContactId').val();
                            if (OwnerId == undefined)
                                OwnerId = 0;
                            var employeeId = $('#hfSalesPersonId').val();
                            if (employeeId == undefined)
                                employeeId = 0;
                            instance.fileCacheHelper.loadJsFiles(['apps/crm/contacts/managers/contactmanager.js', "libs/chartjs/chart.min.js"], () => {
                                Bizgaze.Apps.Crm.Contacts.Managers.ContactManager.Instance().getEmployeeBrekUpDesignation("0", fromDate, toDate, instance.ownerid, 0).then(function (response) {
                                    if (response.result.length > 0) {
                                        var data = response.result;
                                        var total = 0;
                                        $('.dist-active').empty();
                                        let html = '';
                                        for (var i = 0; i < data.length; i++) {
                                            html = html + `
                                                <li style="border-bottom: 0;" class="list-group-item data-list-item biz-transparent-text-color remove-bb no-background list-border-color">
                                                    <div class="row d-flex align-items-center">
                                                        <div class="col-8 list-item-main-title" > ${data[i].Designation}  </div>
                                    <div class="col-4 text-center" > ${data[i].Active} </div>
                                        

                                            </div>
                                            </li>
`;
                                            total += Number(data[i].Active);
                                        }
                                        html = html + `<li style="border-bottom: 0!important;" class="list-group-item data-list-item biz-transparent-text-color no-background list-border-color">
                                                    <div class="row d-flex align-items-center" >
                                                        <div class="col-8 list-item-main-title" > Total  </div>
                                    <div class="col-4 text-center list-item-main-title" > ${total} </div>


                                            </div>
                                            </li>`;
                                        instance.tableHtmlEmp = html;
                                    }
                                });
                            });
                        }
                        distributeVal() {
                            this.fileCacheHelper.loadJsFiles(['apps/crm/contacts/managers/contactmanager.js'], function () {
                                Bizgaze.Apps.Crm.Contacts.Managers.ContactManager.Instance().getalldistributornames().then(function (res) {
                                    debugger;
                                    if (res != null) {
                                        let data = [];
                                        for (let i = 0; i < res.result.length; i++) {
                                            let TenantId = res.result[i].tenantid;
                                            let TenantName = res.result[i].tenantname;
                                            data.push({ id: TenantId, text: TenantName });
                                        }
                                        $('.distributor_val').select2({
                                            placeholder: 'please Select Distributor',
                                            allowClear: true,
                                            data: data
                                        });
                                    }
                                });
                            });
                            $('.distributor_val').parents(".text-right.d-flex").find("[role=textbox]").html("");
                        }
                        static Instance() {
                            if (this.instance === undefined) {
                                this.instance = new EmployeeBreakUp();
                            }
                            return this.instance;
                        }
                    }
                    Components.EmployeeBreakUp = EmployeeBreakUp;
                })(Components = Employees.Components || (Employees.Components = {}));
            })(Employees = Crm.Employees || (Crm.Employees = {}));
        })(Crm = Apps.Crm || (Apps.Crm = {}));
    })(Apps = Bizgaze.Apps || (Bizgaze.Apps = {}));
})(Bizgaze || (Bizgaze = {}));