WebBuild/wwwroot/platform/controls/numberbox/numberbox.component.js

var Unibase;
(function (Unibase) {
    let Forms;
    (function (Forms) {
        let Controls;
        (function (Controls) {
            class NumberBox {
                init(formpropertyid, prop, callback) {
                    var instance = NumberBox.Instance();
                    instance.loadControlSettings(prop.ControlJsonText, prop.FormPropertyId);
                    instance.loadPropertySettings(prop.PropertySettings, prop.FormPropertyId);
                    var formid = $("#number_" + prop.UniqueId).parents('.formValidate').attr('id');
                    var errormsg = $("#" + formid).find('.bizgaze_FormErrorMessages').attr('id');
                    $("#number_" + prop.UniqueId).keyup(function (e) {
                        if (e.which == 8 || e.which == 46) {
                            let numVal = $("#number_" + prop.UniqueId).val().toString();
                            if (numVal.startsWith('.') == false) {
                                return true;
                            }
                        }
                        if (e.which === 9) {
                            return true;
                        }
                        if (prop.DataTypeId == Number(Unibase.Platform.Analytics.Reports.Enums.DataType.decimal)) {
                            var regex = /^[0-9]+\.?[0-9]*$/;
                            var result = regex.test($("#number_" + prop.UniqueId).val().toString());
                            if (result == false) {
                                Unibase.Platform.Forms.Components.FormViewer.Instance().showError("Allow only Decimal Values");
                                $("#number_" + prop.UniqueId).val('');
                                return false;
                            }
                        }
                        else if (prop.DataTypeId == Number(Unibase.Platform.Analytics.Reports.Enums.DataType.int64) || prop.DataTypeId == Number(Unibase.Platform.Analytics.Reports.Enums.DataType.int32)) {
                            var regex = /^[0-9]*$/;
                            var result = regex.test($("#number_" + prop.UniqueId).val().toString());
                            if (result == false) {
                                Unibase.Platform.Forms.Components.FormViewer.Instance().showError("Numbers only Allowed");
                                $("#number_" + prop.UniqueId).val('');
                                return false;
                            }
                        }
                    });
                    if (callback != null)
                        callback();
                }
                loadControl(containerid, prop) {
                    var regExpr = "";
                    var ErrMsg = "";
                    var validationlist = prop.Validations;
                    if (validationlist != null) {
                        for (var i = 0; i < validationlist.length; i++) {
                            regExpr += validationlist[i].RegularExp + '||';
                            ErrMsg += validationlist[i].ErrorMessage + '||';
                        }
                    }
                    var Isrequired = prop.IsRequired != true ? 'hidden' : '';
                    var required = prop.IsRequired != true ? '' : 'required';
                    var reqMark = prop.IsRequired != true ? '' : '*';
                    var CurrentStageId = $("#hf_" + $("#hfLayout_InstalledPageId").val() + "_StageId").val();
                    if (prop.StagesForRequired != null) {
                        var StagesForRequired = prop.StagesForRequired.split('|');
                        Isrequired = StagesForRequired.find(x => x == CurrentStageId) ? '' : 'hidden';
                        required = StagesForRequired.find(x => x == CurrentStageId) ? 'required' : '';
                        reqMark = StagesForRequired.find(x => x == CurrentStageId) ? '*' : '';
                    }
                    const { helpTooltipHtml, helpTextHtml, helpClass } = Unibase.Platform.Forms.Components.FormViewer.Instance().getControlHelpHtml(prop);
                    var html = `<div id="div_${prop.DocPropertyName}" class="floating-label-form-group ${helpClass}"><label for= "lbl" id="lbl_${prop.FormPropertyId}">${helpTooltipHtml}<span class="label-name">${prop.LabelName}</span><span class="text-danger ${Isrequired}" id="spnIsRequired_${prop.FormPropertyId}"> *</span></label>
            <input type="text" id="number_${prop.UniqueId}" class="type-control creditnumber form-control value-control ${required} floating-label-control number_${prop.DocPropertyName}"  data-isdefault="${prop.IsDefault}" data-propdoctypename="${prop.DocTypeName}" data-required="${prop.IsRequired}" data-regularexp="${regExpr}" data-validatemsg="${ErrMsg}" placeholder = "${prop.LabelName} ${reqMark}" data-placeholder="${prop.Placeholder}" data-label="${prop.LabelName} ${reqMark}" value="" /> 
            <input type="hidden" id="hfId" value=""><label for="Validation" id="lblValidation_${prop.DocPropertyName}"></label><input type="hidden" id="hfFormPropertyId" value="" />${helpTextHtml}</div>`;
                    $("#" + containerid).html(html);
                    eval('_floatingLabelHelper.init()');
                }
                numberBoxValue(uniqueId, isRequired) {
                    var currentValue = $("#number_" + uniqueId).val();
                    if (isRequired) {
                        if (currentValue == "0") {
                            return "";
                        }
                        else {
                            return currentValue;
                        }
                    }
                    else {
                        if (currentValue == "" || currentValue == undefined) {
                            return "0";
                        }
                        else {
                            return currentValue;
                        }
                    }
                }
                loadControlSettings(controlsettingjson, formpropertyid) {
                    return null;
                }
                loadPropertySettings(propertysettings, formpropertyid) {
                    if (propertysettings != null) {
                        for (var i = 0; i < propertysettings.length; i++) {
                            var data = propertysettings[i];
                            if (data.ControlPropertyName == "DefaultValue" && data.ControlPropertyValue != "") {
                                $("#number_" + formpropertyid).val(data.ControlPropertyValue);
                                $("#number_" + formpropertyid).addClass("floating-label-form-group-with-value");
                            }
                        }
                    }
                }
                bindEditFormDetails(formpropertyid, propval, DocPropertyName) {
                    $("#number_" + formpropertyid).val(propval);
                }
                static Instance() {
                    if (this.instance === undefined) {
                        this.instance = new NumberBox();
                    }
                    return this.instance;
                }
            }
            Controls.NumberBox = NumberBox;
        })(Controls = Forms.Controls || (Forms.Controls = {}));
    })(Forms = Unibase.Forms || (Unibase.Forms = {}));
})(Unibase || (Unibase = {}));