var Bizgaze;
(function (Bizgaze) {
    let Apps;
    (function (Apps) {
        let Transact;
        (function (Transact) {
            let Controls;
            (function (Controls) {
                class PurchasePlanSummary extends Unibase.Platform.Core.BaseComponent {
                    init(formpropertyid, prop, callback) {
                        var instance = this;
                        instance.loadControlSettings(prop.ControlJsonText, prop.FormPropertyId);
                        instance.loadPropertySettings(prop.PropertySettings, prop.FormPropertyId);
                    }
                    loadControl(containerid, prop) {
                        var html = '<div class="col-sm-12 row"> <div class="col-sm-4" id="div_PurchaseOrderVolume">'
                            + '<div class="card card-sm shadow-hover" id = "kpi_card" style = "height:auto;" > <div class="card-body"> <span class="d-block font-15 font-weight-500 text-dark">'
                            + ' Pending Purchase Order Volume </span> <div class="mt-10"> <span class="h4 mb-10 block text-underline">'
                            + ' <a href="javascript:;" id="lnk_PurchaseOrderVolume"><span id="span_PurchaseOrderVolume" class="display-5 font-weight-400 text-dark">0</span></a>'
                            + '</span>  </div> </div> </div > </div >  <div class="col-sm-4" id="div_PurchaseOrderValue"> <div class="card  card-sm shadow-hover " id="kpi_card" style="height:auto;">  <div class="card-body">'
                            + ' <span class="d-block font-15 font-weight-500 text-dark">'
                            + 'Pending Purchase Order Value  </span>  <div class="mt-10">  <span class="h4 mb-10 block text-underline"><span id="span_PurchaseOrderValue" class="display-5 font-weight-400 text-dark">0</span>'
                            + ' </span>  </div></div> </div>  </div> <div class="col-sm-4" id="div_ExtraItems">'
                            + '<div class="card card-sm shadow-hover" id = "kpi_card" style = "height:auto;" > <div class="card-body"> <span class="d-block font-15 font-weight-500 text-dark">'
                            + ' Extra Items Count</span> <div class="mt-10"> <span class="h4 mb-10 block text-underline">'
                            + ' <a href="javascript:;" id="lnk_ExtraItems"><span id="span_ExtraItems" class="display-5 font-weight-400 text-dark">0</span></a>'
                            + '</span>  </div> </div> </div > </div > </div > <div class="col-sm-12 row">'
                            + ' <div class="col-sm-4" id="div_SuggPurchaseOrderVolume">  <div class="card card-sm shadow-hover " id="kpi_card" style="height:auto;"><div class="card-body">'
                            + ' <span class="d-block font-15 font-weight-500 text-dark">'
                            + 'Suggested Purchase Order Volume</span><div class="mt-10">  <span class="h4 mb-10 block text-underline">'
                            + ' <a href="javascript:;" id="lnk_SuggPurchaseOrderVolume"><span id="span_SuggPurchaseOrderVolume" class="display-5 font-weight-400 text-dark">0</span></a>'
                            + '</span> </div> </div></div>'
                            + '</div><div class="col-sm-4" id="div_SuggPurchaseOrderValue">'
                            + '<div class="card card-sm shadow-hover " id="kpi_card" style="height:auto;">'
                            + '<div class="card-body"><span class="d-block font-15 font-weight-500 text-dark"> Suggested Purchase Order Value </span><div class="mt-10">'
                            + '<span class="h4 mb-10 block text-underline"> <a href="javascript:;" id="lnk_SuggPurchaseOrderValue"><span id="span_SuggPurchaseOrderValue" class="display-5 font-weight-400 text-dark">0</span></a>'
                            + '</span></div>  </div></div>  </div> <div class="col-sm-4" id="div_OfferItems">'
                            + '<div class="card card-sm shadow-hover" id = "kpi_card" style = "height:auto;" > <div class="card-body"> <span class="d-block font-15 font-weight-500 text-dark">'
                            + ' Offer Items Count</span> <div class="mt-10"> <span class="h4 mb-10 block text-underline">'
                            + ' <a href="javascript:;" id="lnk_OfferItems"><span id="span_OfferItems" class="display-5 font-weight-400 text-dark">0</span></a>'
                            + '</span>  </div> </div> </div > </div > </div> ';
                        $("#" + containerid).html(html);
                    }
                    loadControlSettings(controlsettingjson, formpropertyid) {
                        return null;
                    }
                    loadPropertySettings(propertysettings, formpropertyid) {
                        return null;
                    }
                    bindEditFormDetails(formpropertyid, propval, DocPropertyName) {
                        return null;
                    }
                    static Instance() {
                        if (this.instance === undefined) {
                            this.instance = new PurchasePlanSummary();
                        }
                        return this.instance;
                    }
                }
                Controls.PurchasePlanSummary = PurchasePlanSummary;
            })(Controls = Transact.Controls || (Transact.Controls = {}));
        })(Transact = Apps.Transact || (Apps.Transact = {}));
    })(Apps = Bizgaze.Apps || (Bizgaze.Apps = {}));
})(Bizgaze || (Bizgaze = {}));