WebBuild/wwwroot/apps/crm/organizations/components/w_managerchange.js

var Bizgaze;
(function (Bizgaze) {
    let Apps;
    (function (Apps) {
        let Crm;
        (function (Crm) {
            let Organizations;
            (function (Organizations) {
                let Components;
                (function (Components) {
                    class ManagerChange extends Unibase.Platform.Core.BaseComponent {
                        constructor() {
                            super();
                            this.pageindex = 0;
                            this.pagesize = 20;
                            this.TotalRecords = 0;
                            this._bizgaze_notifications_managerChange_ApplyFor = 'multiple';
                            this._bizgaze_notifications_managerChange_selectedElement = '';
                        }
                        cssFiles() {
                            return [];
                        }
                        jsFiles() {
                            return ['apps/crm/organizations/components/w_managerchange.js', 'apps/crm/lobs/managers/lobmanager.js', 'apps/crm/contacts/managers/contactmanager.js', 'libs/daterangepicker/daterangepicker.js', 'apps/transact/managers/invoicemanager.js'];
                        }
                        html(id, containerid) {
                            let html = `<section>
    <div class="panel panel-success">
        <div class="panel-heading">
            <strong>Change Manager</strong>
        </div>
 <div id="bizgaze_CreateProjectErrorMessages" class="clear"></div>
        <div class="section_Details card">
            <div class="card-body">
                <div class="row div_SName">
                     <div class="col-sm-3 div_SeriesType">
                        <div class="form-group floating-label focus" id="divLobs">
                            <label for="frm_chk_LOB" id="lbl_IsRandom">LOB</label>
                            <select id="ddl_Lobs" class="form-control type-control  value-control "   placeholder = "Select Lob" data-placeholder="select Lob"></select>
                        </div>
                    </div>
                     <div class="col-sm-3" id="div_OldSalesPerson">
                            <label for="lbl_OldSalesPerson" id="lbl_OldSalesPerson">Old Manager</label>
                             <select style="width:100%" id="txt_OldSalesPerson" class="form-control txt_OldSalesPerson  value-control floating-label-control" data-isdynamic="false" placeholder="Select Old Manager" data-placeholder=" Select Old Manager" data-label="Old Manager">
                             </select>
                             <input type="hidden" id="hf_OldSalesPersonId" class="hf_OldSalesPersonId" value="0" />
                    </div>
                    <div class="col-sm-3" id="div_NewSalesPerson">
                            <label for="lbl_NewSalesPerson" id="lbl_NewSalesPerson"> New Manager</label>
                             <select style="width:100%" id="txt_NewSalesPerson" class="form-control txt_NewSalesPerson  value-control floating-label-control" data-isdynamic="false" placeholder="Select New Manager" data-placeholder="Select New Manager" data-label="New Manager">
                             </select>
                             <input type="hidden" id="hf_NewSalesPersonId" class="hf_ChangeSalesPersonId" value="0" />
                    </div>
                   <div class="col-sm-2">
                    <a class="btn btn-primary" id="btnShowChangeManager">Change</a>
                </div>
                <div class="col-sm-1">
                    <div class="form-group">
                        <label class="col-xs-5 control-label">ShowAll</label>
                        <div class="col-xs-7">
                            <label class="switch">
                                <input type="checkbox" id="chkShowAll">
                                <span></span>
                            </label>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
       <div class="section_Description card">
            <div class="div_ManagersLists">
                <ul class="list-group no-radius clear m-b-none m-t-sm list-group-lg no-border salesmanager-list"></ul>
            </div>
        </div>
</div>
</section><footer class="footer lt b-t b-light">
    <div class="Div_pagination row m-t-sm">
        <div class="col-sm-4 m-b-xs">
            <div class="btn-group">
                Total Records : <span id="lbltotRecords">0</span>
            </div>
        </div>
        <div class="col-sm-8 m-b-xs">
            <div id="divpagination" class="pagination custom-pagination pagination-rounded pull-right"></div>
        </div>

    </div>
</footer>
<form id="frm_divChoosedateForManager" method="post" data-validate="parsley" class="hidden">
    <header class="b-b bg-white modal-header">
        <strong class="text-dark titlename">Choose Date</strong>
        <div class="btn-group ml-auto"> <button type="button" class="close" hidden data-dismiss="modal" aria-hidden="true">
                    &times;</button></div>
    </header>
    <div style="overflow-x:hidden;" class="scrollable">
        <div id="divBizgazeTransact_ChooseDate_mph" class="clear"></div>
        <div class="card">
            <div class="card-body">
                <div class="row" style="overflow-x:hidden;">
                  <div class="row col-xs-12">
                        <div class="col-sm-6">
                        <label> From Date (optional)</label>
                        <div class="input-group">
                            <input type="text" class="form-control value-control datepicker-input hasDatepicker txt_FromInvoiceDate" id="txt_FromInvoiceDate" data_required="true" placeholder="dd/mm/yyyy" />
                            <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                        </div>
                        <span class="help-block m-b-none">from this date all related invoices will come under this new manager.</span>
                    </div>
                    <div class="col-sm-6">
                        <label> To Date</label>
                        <div class="input-group">
                            <input type="text" class="form-control value-control datepicker-input hasDatepicker txt_ToInvoiceDate" id="txt_ToInvoiceDate" data_required="true" placeholder="dd/mm/yyyy"  />
                            <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                        </div>
                        
                    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="bg-white modal-footer" style="position:absolute; bottom:0px;width:100%;">
        <a href="javascript:;" id="btn_ChangeManagerClose" class="btn btn-light btn-sm mr-auto "> Close</a>
        <a href="javascript:;" id="btnChangeManager" class="btn btn-primary btn-sm">Confirm</a>
    </footer>
</form>`;
                            return html;
                        }
                        load(id, containerid, callback) {
                            var instance = this;
                            instance.loadLobs();
                            var url = _appsettings.server_url() + '/apis/v4/bizgaze/crm/contacts/getallemployeesauto';
                            AutoCompleteHelper.getHelper().Create("#txt_OldSalesPerson", "#hf_OldSalesPersonId", url, function (response) {
                                var data = response;
                            });
                            var url = _appsettings.server_url() + '/apis/v4/bizgaze/crm/contacts/getautotextemp';
                            AutoCompleteHelper.getHelper().Create("#txt_NewSalesPerson", "#hf_NewSalesPersonId", url, function (response) {
                                var data = response;
                            });
                            $('#chkShowAll').change(function () {
                                Bizgaze.Apps.Crm.Organizations.Components.ManagerChange.Instance().search();
                            });
                            $('#ddl_Lobs').change(function () {
                                Bizgaze.Apps.Crm.Organizations.Components.ManagerChange.Instance().search();
                            });
                            $("#txt_OldSalesPerson").change(function () {
                                Bizgaze.Apps.Crm.Organizations.Components.ManagerChange.Instance().search();
                            });
                            $(document).on('click', '#btn_ChangeManagerClose', function () {
                                Unibase.Platform.Helpers.NavigationHelper.Instance().closePopUp();
                            });
                            $(document).on('click', '#btnChangeManager', function () {
                                var instance = Bizgaze.Apps.Crm.Organizations.Components.ManagerChange.Instance();
                                var _dateTimeHelper = Unibase.Platform.Helpers.DateTimeHelper.Instance();
                                var invfromdate = _dateTimeHelper.formatServerDate($("#txt_FromInvoiceDate").val());
                                var invtodate = _dateTimeHelper.formatServerDate($("#txt_ToInvoiceDate").val());
                                if (invfromdate > invtodate) {
                                    MessageHelper.Instance().showError("Please Select ToDate is Higher than FromDate", "divBizgazeTransact_ChooseDate_mph");
                                    return false;
                                }
                                if (instance._bizgaze_notifications_managerChange_ApplyFor == 'multiple') {
                                    instance.changeManagerTotally();
                                }
                                else {
                                    if (instance._bizgaze_notifications_managerChange_ApplyFor != '' && instance._bizgaze_notifications_managerChange_selectedElement != undefined)
                                        instance.saveManager(instance._bizgaze_notifications_managerChange_selectedElement);
                                }
                            });
                            $("#btnShowChangeManager").click(function () {
                                var instance = Bizgaze.Apps.Crm.Organizations.Components.ManagerChange.Instance();
                                var _dateTimeHelper = Unibase.Platform.Helpers.DateTimeHelper.Instance();
                                var invoiceDate = instance.getLastInvoiceDate();
                                if (invoiceDate != "") {
                                    $("#txt_FromInvoiceDate").val(_dateTimeHelper.formatServerDate(invoiceDate));
                                    $("#txt_ToInvoiceDate").val(_dateTimeHelper.formatServerDate(invoiceDate));
                                }
                                else {
                                    $("#txt_FromInvoiceDate").val(_dateTimeHelper.currentDate());
                                    $("#txt_ToInvoiceDate").val(_dateTimeHelper.currentDate());
                                }
                                instance.showChooseDate('multiple', '');
                            });
                        }
                        init(containerid) {
                            var instance = this;
                            instance.fileCacheHelper.loadJsFiles(["apps/crm/organizations/components/w_managerchange.js"], function () {
                                instance.navigationHelper.loadSection(0, containerid, Bizgaze.Apps.Crm.Organizations.Components.ManagerChange.Instance(), null, null);
                            });
                        }
                        loadLobs() {
                            Bizgaze.Apps.CRM.Lobs.Managers.LobManager.Instance().getTagLobs().then(function (response) {
                                $("#ddl_Lobs").empty();
                                if (response.result != null) {
                                    let html = "<option value='0'>All</option>";
                                    for (let i = 0; i < response.result.length; i++) {
                                        var data = response.result[i];
                                        html += "<option value=" + data.LobId + " data-table=" + data.LobName + ">" + data.LobName + "</option>";
                                    }
                                    jQuery("#ddl_Lobs").append(html);
                                }
                            });
                        }
                        search() {
                            var instance = this;
                            var lobid = Number($("#ddl_Lobs").val());
                            let empid = Number($('#hf_OldSalesPersonId').val());
                            Bizgaze.Apps.Crm.Contacts.Managers.ContactManager.Instance().getGridForManagers(lobid, 0, empid, instance.pageindex, instance.pagesize).then(function (response) {
                                Bizgaze.Apps.Crm.Organizations.Components.ManagerChange.Instance().TotalRecords = response.totalRecords;
                                $(".salesmanager-list").html('<li class="salesmanager-item hidden"></li>');
                                for (var i = 0; i < response.result.length; i++) {
                                    var data = response.result[i];
                                    var len = $('.length-row').length;
                                    var html = '<li class="list-group-item salesmanager-item length-row clear" id="Managers_' + len + '">' +
                                        '<div class="row">' +
                                        '<div class="col-sm-6" >' +
                                        '<input type="hidden" class="hfsalesmanagerid" value="' + data.ManagerId + '" />' +
                                        '<input type="hidden" class="hfaddressid" value="' + data.ContactAddressId + '" />' +
                                        data.ContactName + ' - ' + data.AddressName +
                                        '</div>' +
                                        '<div class="col-sm-6 li_div">' +
                                        '<select style="width:100%" id="txtmanager_' + len + '" class="form-control manager  value-control floating-label-control" value="' + data.ManagerName + '" ></select>' +
                                        '<input type="hidden"  id="hfmanagerid_' + len + '" class="hfmanagerid" value="' + data.ManagerId + '" />' +
                                        '</div>' +
                                        '</div>' +
                                        '</li>';
                                    $(".salesmanager-item:last").after(html);
                                    var element = $(".salesmanager-item");
                                    Bizgaze.Apps.Crm.Organizations.Components.ManagerChange.Instance().autoCompleteManager(element, data, len);
                                    $("#txtmanager_" + len + "").change(function () {
                                        element = $(this).parents(".salesmanager-item");
                                        Bizgaze.Apps.Crm.Organizations.Components.ManagerChange.Instance().showChooseDate('single', element);
                                    });
                                }
                                $("#lbltotRecords").text(response.result.length);
                                if (Number($('#hf_OldSalesPersonId').val()) == 0) {
                                    if (instance.TotalRecords <= 20) {
                                        $('#divpagination').hide();
                                    }
                                    else {
                                        $('#divpagination').show();
                                    }
                                    instance.fileCacheHelper.loadJsFile('libs/jquery/pagination/jquery.pagination.js', function () {
                                        var ele;
                                        ele = $(".Div_pagination").find('#divpagination');
                                        ele.pagination(instance.TotalRecords, 20, {
                                            current_page: (instance.pageindex),
                                            callback: function (page, component) {
                                                instance.pageindex = page;
                                                instance.search();
                                            }
                                        });
                                    });
                                }
                                else {
                                    $('#divpagination').hide();
                                }
                            });
                        }
                        autoCompleteManager(element, data, len) {
                            var url = _appsettings.server_url() + '/apis/v4/bizgaze/crm/contacts/getautotextemp';
                            AutoCompleteHelper.getHelper().Create("#txtmanager_" + len + "", "#hfmanagerid_" + len + "", url, function (response) {
                                var selectedmanager = new Option(data.ManagerName, data.ManagerId);
                                $("#txtmanager_" + len).append(selectedmanager);
                            });
                        }
                        showChooseDate(applyFor, element) {
                            var instance = this;
                            instance._bizgaze_notifications_managerChange_ApplyFor = applyFor;
                            instance._bizgaze_notifications_managerChange_selectedElement = element;
                            if (instance._bizgaze_notifications_managerChange_ApplyFor == 'multiple') {
                                if ($("#ddl_Lobs").val() == 0 || $("#ddl_Lobs").val() == '' || $("#ddl_Lobs").val() == undefined) {
                                    MessageHelper.Instance().showError("Select Lob.", "divBizgazeTransact_ChooseDate_mph");
                                    return false;
                                }
                                if ($("#hf_OldSalesPersonId").val() == 0 || $("#hf_OldSalesPersonId").val() == '' || $("#hf_OldSalesPersonId").val() == undefined) {
                                    MessageHelper.Instance().showError("Select Old SalesManager.", "bizgaze_CreateProjectErrorMessages");
                                    return false;
                                }
                                if ($("#hf_NewSalesPersonId").val() == 0 || $("#hf_NewSalesPersonId").val() == '' || $("#hf_NewSalesPersonId").val() == undefined) {
                                    MessageHelper.Instance().showError("Select New SalesManager.", "divBizgazeTransact_ChooseDate_mph");
                                    return false;
                                }
                            }
                            var theHtml = $("#frm_divChoosedateForManager").html();
                            Unibase.Platform.Helpers.NavigationHelper.Instance().popupHtml(theHtml, Unibase.Platform.Helpers.Size.Medium, function () {
                                var currentdate = new Date();
                                $('.txt_FromInvoiceDate').daterangepicker({
                                    locale: {
                                        format: 'DD/MM/YYYY',
                                    },
                                    singleDatePicker: true,
                                    showDropdowns: true,
                                    minYear: 1901,
                                    maxDate: new Date(2050, 11, 31)
                                });
                                $('.txt_ToInvoiceDate').daterangepicker({
                                    locale: {
                                        format: 'DD/MM/YYYY',
                                    },
                                    singleDatePicker: true,
                                    showDropdowns: true,
                                    minYear: 1901,
                                    maxDate: new Date(2050, 11, 31)
                                });
                            });
                        }
                        changeManagerTotally() {
                            var fromdatestring = moment($(document.getElementsByClassName("txt_FromInvoiceDate")[document.getElementsByClassName("txt_FromInvoiceDate").length - 1]).val(), "DD/MM/YYYY").add(1, 'days').format("YYYY/MM/DD");
                            let todatestring = moment($(document.getElementsByClassName("txt_ToInvoiceDate")[document.getElementsByClassName("txt_ToInvoiceDate").length - 1]).val(), "DD/MM/YYYY").add(1, 'days').format("YYYY/MM/DD");
                            var InvoiceToDate = new Date(todatestring);
                            var InvoiceDate = new Date(fromdatestring);
                            var postData = {
                                LobId: Number($("#ddl_Lobs").val()),
                                OldEmployeeId: Number($("#hf_OldSalesPersonId").val()),
                                EmployeeId: Number($("#hf_NewSalesPersonId").val()),
                                InvoiceDate: InvoiceDate,
                                InvoiceToDate: InvoiceToDate,
                            };
                            Bizgaze.Apps.Transact.Managers.InvoiceManager.Instance().changeManagers(postData).then(function (response) {
                                if (response.status == Unibase.Data.Status.Error) {
                                    MessageHelper.Instance().showError(response.message, '');
                                }
                                else {
                                    MessageHelper.Instance().showSuccess(response.message, '');
                                    Bizgaze.Apps.Crm.Organizations.Components.ManagerChange.Instance().search();
                                    Unibase.Platform.Helpers.NavigationHelper.Instance().closePopUp();
                                }
                            });
                        }
                        saveManager(element) {
                            var fromdatestring = moment($(document.getElementsByClassName("txt_FromInvoiceDate")[document.getElementsByClassName("txt_FromInvoiceDate").length - 1]).val(), "DD/MM/YYYY").add(1, 'days').format("YYYY/MM/DD");
                            let todatestring = moment($(document.getElementsByClassName("txt_ToInvoiceDate")[document.getElementsByClassName("txt_ToInvoiceDate").length - 1]).val(), "DD/MM/YYYY").add(1, 'days').format("YYYY/MM/DD");
                            var InvoiceToDate = new Date(todatestring);
                            var InvoiceDate = new Date(fromdatestring);
                            var postData = {
                                ManagerId: Number(element.find(".hfsalesmanagerid").val()),
                                LobId: Number($("#ddl_Lobs").val()),
                                EmployeeId: Number(element.find(".hfmanagerid").val()),
                                OrganizationAddressId: Number(element.find(".hfaddressid").val()),
                                InvoiceDate: InvoiceDate,
                                InvoiceToDate: InvoiceToDate,
                            };
                            Bizgaze.Apps.Crm.Contacts.Managers.ContactManager.Instance().saveManager(postData).then(function (response) {
                                if (response.status == Unibase.Data.Status.Error) {
                                    MessageHelper.Instance().showError(response.message, '');
                                }
                                else {
                                    MessageHelper.Instance().showSuccess(response.message, '');
                                    Unibase.Platform.Helpers.NavigationHelper.Instance().closePopUp();
                                }
                            });
                        }
                        getLastInvoiceDate() {
                            var date = '';
                            var oldSalesPersonId = Number($("#hf_OldSalesPersonId").val());
                            Bizgaze.Apps.Transact.Managers.InvoiceManager.Instance().GetFirstPendingInvoicesBySalesPerson(oldSalesPersonId).then(function (response) {
                                if (response.result != null)
                                    date = response.result.invoiceDate;
                            }).then(function () {
                            });
                            return date;
                        }
                        static Instance() {
                            if (this.instance === undefined) {
                                this.instance = new ManagerChange();
                            }
                            return this.instance;
                        }
                    }
                    Components.ManagerChange = ManagerChange;
                })(Components = Organizations.Components || (Organizations.Components = {}));
            })(Organizations = Crm.Organizations || (Crm.Organizations = {}));
        })(Crm = Apps.Crm || (Apps.Crm = {}));
    })(Apps = Bizgaze.Apps || (Bizgaze.Apps = {}));
})(Bizgaze || (Bizgaze = {}));