WebBuild/wwwroot/apps/transact/controls/offers/planincentives.component.js

var Bizgaze;
(function (Bizgaze) {
    let Forms;
    (function (Forms) {
        let Controls;
        (function (Controls) {
            class PlanIncentives extends Unibase.Platform.Core.BaseComponent {
                loadControl(containerid, prop) {
                    var html = '<ul>' +
                        '<li class="list-group-item bg-cyan-light-4" id="li_PlanIncentive_Details">' +
                        '<h6>' +
                        '<div class="row">' +
                        '<div class="col-sm-3">Incentive Name</div>' +
                        '<div class="col-sm-2">Volume</div>' +
                        '<div class="col-sm-2">Discount</div>' +
                        '<div class="col-sm-2">Max Payout</div>' +
                        '<div class="col-sm-2">Min Payout</div>' +
                        '</div>' +
                        '</h6>' +
                        '</li>' +
                        '</ul>';
                    $("#" + containerid).html(html);
                }
                init(formpropertyid, prop, callback) {
                    var PlanId = $('#hf_pk_value').val();
                    $("#btnDynamicSave").addClass('hidden');
                    this.GetIncentives(PlanId);
                }
                loadControlSettings(controlsettingjson, formpropertyid) {
                    throw new Error("Method not implemented.");
                }
                loadPropertySettings(propertysettings, formpropertyid, DocPropertyName) {
                    throw new Error("Method not implemented.");
                }
                bindEditFormDetails(formpropertyid, propval, DocPropertyName) {
                    throw new Error("Method not implemented.");
                }
                GetIncentives(PlanId) {
                    var instance = this;
                    var jsfiles = ['apps/transact/managers/offers/offermanager.js', 'apps/transact/managers/interfaces/offers/ioffermanager.js'];
                    instance.fileCacheHelper.loadJsFiles(jsfiles, function (response) {
                        Bizgaze.Apps.Transact.Managers.OfferManager.Instance().getplanincentives(PlanId).then(function (response) {
                            var dt = response.result;
                            if (dt.length > 0) {
                                for (var i = 0; i < dt.length; i++) {
                                    var data = dt[i];
                                    var html = '<li class="list-group-item" id="li_Incentives_' + i + '"><div class="row"><div class="col-sm-3">' + data.IncentiveName + '</div><div class="col-sm-2">' + data.Volume + '</div>';
                                    if (data.DiscountType != 0) {
                                        if (data.DiscountType == 1)
                                            html += '<div class="col-sm-2">' + data.PayoutValue + ' (Per Unit)</div>';
                                        else if (data.DiscountType == 2)
                                            html += '<div class="col-sm-2">' + data.PayoutPercent + ' %</div>';
                                        else if (data.DiscountType == 3)
                                            html += '<div class="col-sm-2">' + data.OPayoutValue + '(Fixed Value)</div>';
                                    }
                                    else {
                                        if (data.PayoutValue != 0)
                                            html += '<div class="col-sm-2">' + data.PayoutValue + ' (Per Unit)</div>';
                                        else if (data.PayoutPercent != 0)
                                            html += '<div class="col-sm-2">' + data.PayoutPercent + ' %</div>';
                                        else if (data.OPayoutValue != 0)
                                            html += '<div class="col-sm-2">' + data.OPayoutValue + '(Fixed Value)</div>';
                                        else
                                            html += '<div class="col-sm-2">' + data.PayoutValue + ' (Per Unit)</div>';
                                    }
                                    html += '<div class="col-sm-2">' + data.MaxPayout + '</div>' +
                                        '<div class="col-sm-2">' + data.MinPayout + '</div>';
                                    if (data.ItemVolumePayouts.length == 0) {
                                        html += '</div></li>';
                                        $("#li_PlanIncentive_Details").after(html);
                                    }
                                    else {
                                        html += '<div class="col-sm-1 pull-right btn btn-primary btn-sm" onclick="Bizgaze.Forms.Controls.PlanIncentives.Instance().ShowFoCItems(' + i + ')" >FoC</div>' +
                                            '</div>' +
                                            '</li>' +
                                            '<div id="div_FoCItems_' + i + '" class="hidden mt-15"><div>';
                                        $("#li_PlanIncentive_Details").after(html);
                                        Bizgaze.Forms.Controls.PlanIncentives.Instance().GetFoCItems(data.ItemVolumePayouts, i);
                                    }
                                }
                            }
                            else {
                                $('#li_PlanIncentive_Details').html('<div class="alert alert-info ma-0">There is no Data</div>');
                                $('#li_PlanIncentive_Details').removeClass('bg-cyan-light-4');
                                $('#li_PlanIncentive_Details').addClass('no-borders pa-5');
                            }
                        });
                    });
                }
                GetFoCItems(FocItems, i) {
                    var Html = '<ul class="col-sm-12">' +
                        '<li class="list-group-item bg-cyan-light-4" id="li_FoCItems_Details_' + i + '">' +
                        '<h6>' +
                        '<div class="row">' +
                        '<div class="col-sm-3">Item Name</div>' +
                        '<div class="col-sm-3">For Every</div>' +
                        '<div class="col-sm-3">FoC</div>' +
                        '<div class="col-sm-2">Discount (%)</div>' +
                        '</h6>' +
                        '</div>' +
                        '</li>';
                    for (var j = 0; j < FocItems.length; j++) {
                        var data = FocItems[j];
                        Html += '<li class="list-group-item" >' +
                            '<div class="row">' +
                            '<div class="col-sm-3">' + data.ItemName + '</div>' +
                            '<div class="col-sm-3">' + data.Recur + '</div>' +
                            '<div class="col-sm-3">' + data.Quantity + '</div>' +
                            '<div class="col-sm-2">' + data.Discount + '</div>' +
                            '</div</li>';
                    }
                    Html += '</ul>';
                    $('#div_FoCItems_' + i).html(Html);
                }
                ShowFoCItems(len) {
                    var IsHidden = $('#div_FoCItems_' + len).hasClass('hidden');
                    if (IsHidden) {
                        $('#div_FoCItems_' + len).removeClass('hidden');
                    }
                    else {
                        $('#div_FoCItems_' + len).addClass('hidden');
                    }
                }
                static Instance() {
                    if (this.instance === undefined)
                        this.instance = new PlanIncentives();
                    return this.instance;
                }
            }
            Controls.PlanIncentives = PlanIncentives;
        })(Controls = Forms.Controls || (Forms.Controls = {}));
    })(Forms = Bizgaze.Forms || (Bizgaze.Forms = {}));
})(Bizgaze || (Bizgaze = {}));