WebBuild/wwwroot/apps/transact/controls/expenses/confirmexpense.component.js

var Bizgaze;
(function (Bizgaze) {
    let Apps;
    (function (Apps) {
        let Transact;
        (function (Transact) {
            let Controls;
            (function (Controls) {
                class ConfirmExpense extends Unibase.Platform.Core.BaseComponent {
                    constructor() {
                        super(...arguments);
                        this.ApproveExpenseItems = [];
                    }
                    loadControlSettings(controlsettingjson, formpropertyid) { }
                    loadPropertySettings(propertysettings, formpropertyid, DocPropertyName) { }
                    bindEditFormDetails(formpropertyid, propval, DocPropertyName) { }
                    init(formpropertyid, prop, callback) {
                    }
                    loadControl(containerid, prop) {
                        var instance = this;
                        instance.transactionId = prop.FormPropertyId;
                        var html = '<div class="table-wrap">' +
                            '<div class="table-responsive confirmexpenseitem"></div></div>' +
                            '<input type="hidden" id="hdn_aconfirmexpenseitemcontrol" class="value-control" value="Bizgaze.Apps.Transact.Controls.ConfirmExpense.Instance().ConfirmExpenseItemObject();"/>';
                        $("#" + containerid).html(html);
                        Bizgaze.Apps.Transact.Controls.ConfirmExpense.Instance().confirmexpenseitemdetails();
                    }
                    confirmexpenseitemdetails() {
                        var instance = this;
                        var installedAppId = Unibase.Themes.Providers.DetailHelper.installedAppId;
                        var expenseId = Number(Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key == "hf_" + installedAppId + "_expenseid").Value);
                        instance.fileCacheHelper.loadJsFile("apps/transact/managers/expenses/expensemanager.js", function () {
                            Bizgaze.Apps.Transact.Managers.Expenses.ExpenseManager.Instance().confirmExpenseItemList(expenseId).then(function (response) {
                                if (response.result != null && response.result != '') {
                                    var html = '';
                                    html += '<table class="table mb-0">' +
                                        '<thead>' +
                                        '<tr>' +
                                        '<th class="w-25"> Ledger Name </th>' +
                                        '<th class="w-25"> Payment Mode </th>' +
                                        '<th class="w-25"> Ref No </th>' +
                                        '<th class="w-25"> Description </th>' +
                                        '</tr>' +
                                        '</thead>' +
                                        '<tbody>';
                                    const expenseItemId = response.result[0].expenseitemid;
                                    const expenseId = response.result[0].expenseid;
                                    html += `<tr id="expenseItemRow_${expenseItemId}">
                                        <input type="hidden" class="hf_expenseid" value="${expenseId}" />
                                        <input type="hidden" class="hf_expenseitemid" value="${expenseItemId}" />
                                        <td class="txt_ledgername" id="ledgername_${expenseItemId}">
                                            <div class="floating-label-form-group-with-value accountname">
                                             <input type="hidden" class="hf_AccountId"  value="" />
                                             <select id="autotxt_ledgername" class="no-border form-control autotxt_ledgername required" IsTagSelect="false" data-placeholder="Ledgers" onchange="Bizgaze.Apps.Transact.Controls.ConfirmExpense.Instance().LoadCreateNew();">
                                             </select>
                                           </div>
                                        </td>                                          
                                <td class="txt_paymentmode" id="paymentmode_${expenseItemId}">
                                            <div class="floating-label-form-group-with-value paymentmode">
                                             <input type="hidden" class="hf_AccountId"  value="" />
                                             <select id="autotxt_paymentmode" class="no-border form-control autotxt_paymentmode required"  IsTagSelect="false" data-placeholder="Select">
                                             </select>
                                           </div>
                                        </td>
                                        <td> <input type="text" placeholder="Enter Ref No" class="form-control txt_refno  txt_disable_${expenseItemId}" id="refno_${expenseItemId}" value = "${response.result[0].refno}"> </td>
                                        <td> <input type="text" placeholder="Enter Description" class="form-control txt_descriptionn  txt_disable_${expenseItemId}" id="Descriptionn_${expenseItemId}" value = "${response.result[0].description}"> </td>
                                        </tr>`;
                                    html += '</tbody>' +
                                        '</table>';
                                    $(".confirmexpenseitem").append(html);
                                    Bizgaze.Apps.Transact.Controls.ConfirmExpense.Instance().LoadLedgerAutoComplete();
                                    Bizgaze.Apps.Transact.Controls.ConfirmExpense.Instance().loadPaymentModes();
                                    if (response.result[0].checkexpenseitem == true) {
                                        const expenseItemId = response.result[0].expenseitemid;
                                        $(`#refno_${expenseItemId}`).prop("disabled", false);
                                        $(`#Descriptionn_${expenseItemId}`).prop("disabled", false);
                                    }
                                }
                                else {
                                    MessageHelper.Instance().showError("related branch does not exists", $("#form-container-" + $("#hf_FormId").val()).find(".bizgaze_FormErrorMessages").attr('id'));
                                }
                            });
                        });
                    }
                    LoadLedgerAutoComplete() {
                        var url = _appsettings.server_url() + '/apis/v4/bizgaze/transact/ledgers/ledgerautocomplete';
                        AutoCompleteHelper.getHelper().Create($("#autotxt_ledgername"), ".hf_AccountId", url, function (response) {
                        });
                    }
                    loadPaymentModes() {
                        var instance = this;
                        var url = _appsettings.server_url() + '/apis/v4/bizgaze/transact/payments/paymentmodeautcomplete';
                        AutoCompleteHelper.getHelper().Create("#autotxt_paymentmode", "#hf_PaymentMode", url, function (response) { });
                    }
                    LoadCreateNew() {
                        var instance = this;
                        var accountName = $("#autotxt_ledgername option:selected").text();
                        var controlId = "#autotxt_ledgername";
                        var hiddenFieldControlId = "#autotxt_ledgername";
                        if (accountName == "Create New") {
                            var FormUniqueId = "Bizgaze_Extension_Transact_Ledgers_App_Ledgers_CreateForm";
                            var AppConfigurationUnique = "Bizgaze_Extension_Transact_Ledgers_AppConfiguration_CreateLedgers";
                            Unibase.Platform.Forms.Managers.FormManager.Instance().getFormbyUniqueId(FormUniqueId).then(function (response) {
                                var obj = {
                                    controlid: controlId,
                                    hiddenid: hiddenFieldControlId
                                };
                                var successobj = {
                                    CallBack: function (id, obj) {
                                        Bizgaze.Apps.Transact.Managers.LedgerManager.Instance().getLedgerById(id).then(function (response) {
                                            var createdLedger = new Option(response.result.LedgerName, response.result.LedgerId, true);
                                            $(obj.controlid + " option").remove();
                                            $(obj.controlid).append(createdLedger).trigger('change');
                                            $(obj.hiddenid).val(response.result.LedgerId);
                                            $(obj.controlid).parents(".transactonList_item").find('.hf_AccountId').val(response.result.LedgerId);
                                        });
                                    },
                                    Parameters: obj,
                                };
                                var formviewerObj = {
                                    FormId: response.result.FormId,
                                    AppConfigurationId: 0,
                                    Pk_Value: 0,
                                    PortletWidgetId: 0,
                                    OnSuccess: successobj,
                                    OnFail: null,
                                    OnLoad: null,
                                };
                                instance.fileCacheHelper.loadJsFile("apps/transact/managers/ledgers/ledgermanager.js", function () {
                                    Unibase.Platform.Forms.Components.FormViewer.instance.init(formviewerObj);
                                });
                            });
                        }
                    }
                    ConfirmExpenseItemObject() {
                        var data = new Array();
                        $(".confirmexpenseitem").find("tbody tr").each(function () {
                            var balanceamount = Unibase.Core.Helpers.NumberHelper.Instance().roundNumber(Number($(this).find('.txt_balance').val()), 2);
                            data.push({
                                RefNo: $(this).find('.txt_refno').val(),
                                Description: $(this).find('.txt_descriptionn').val(),
                                ExpenseItemId: Number($(this).find('.hf_expenseitemid').val()),
                                ExpenseId: Number($(this).find('.hf_expenseid').val()),
                                PaymentMode: Number($(this).find('.txt_paymentmode option:selected').val()),
                                LedgerId: Number($(this).find('.autotxt_ledgername option:selected').val()),
                            });
                        });
                        return data;
                    }
                    static Instance() {
                        if (this.instance === undefined) {
                            this.instance = new ConfirmExpense();
                        }
                        return this.instance;
                    }
                }
                Controls.ConfirmExpense = ConfirmExpense;
            })(Controls = Transact.Controls || (Transact.Controls = {}));
        })(Transact = Apps.Transact || (Apps.Transact = {}));
    })(Apps = Bizgaze.Apps || (Bizgaze.Apps = {}));
})(Bizgaze || (Bizgaze = {}));