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

var Unibase;
(function (Unibase) {
    let Forms;
    (function (Forms) {
        let Controls;
        (function (Controls) {
            class RadioBox {
                init(formpropertyid, prop, callback) {
                    var instance = RadioBox.Instance();
                    instance.loadControlSettings(prop.ControlJsonText, prop.FormPropertyId);
                    instance.loadPropertySettings(prop.PropertySettings, prop.FormPropertyId);
                    if (callback != null)
                        callback();
                }
                loadControl(containerid, prop) {
                    var regExpr = "";
                    var ErrMsg = "";
                    var Isrequired = prop.IsRequired != true ? 'hidden' : '';
                    var required = prop.IsRequired != true ? '' : 'required';
                    var CurrentStageId = $("#hf_" + $("#hfLayout_InstalledPageId").val() + "_StageId").val();
                    if (prop.StagesForRequired != null && prop.StagesForRequired != "") {
                        var StagesForRequired = prop.StagesForRequired.split('|');
                        Isrequired = StagesForRequired.find(x => x == CurrentStageId) ? '' : 'hidden';
                        required = StagesForRequired.find(x => x == CurrentStageId) ? 'required' : '';
                    }
                    const { helpTooltipHtml, helpTextHtml } = Unibase.Platform.Forms.Components.FormViewer.Instance().getControlHelpHtml(prop);
                    var html = '<div id="div_' + prop.DocPropertyName + '" class="div_' + prop.DocPropertyName + '_' + prop.FormPropertyId + '"><label for= "lbl" id = "lbl_' + prop.DocPropertyName + '" >' + helpTooltipHtml + '<span class="label-name">' + prop.LabelName + '</span><span class="text-danger ' + Isrequired + '" id="spnIsRequired_' + prop.DocPropertyName + '"> *</span></label ><br />' +
                        '<input type="hidden" id="hdnRdb_' + prop.DocPropertyName + '" value="0" class="value-control" data-isdefault="' + prop.IsDefault + '" data-propdoctypename="' + prop.DocTypeName + '" data-required="' + prop.IsRequired + '" data-regularexp="' + regExpr + '" data-validatemsg="' + ErrMsg + '" placeholder = "' + prop.Placeholder + '" data-placeholder="' + prop.Placeholder + '" data-label="' + prop.LabelName + '" />' +
                        '<span id="spnRdb_' + prop.DocPropertyName + '" class="spnRdb_' + prop.DocPropertyName + ' text-control" ></span>' +
                        '<input type = "hidden" id = "hfId_' + prop.DocPropertyName + '" value = "0" ><label for="Validation" id="lblValidation_' + prop.DocPropertyName + '"></label><input type = "hidden" id = "hfFormPropertyId" value = "' + prop.FormPropertyId + '" />' + helpTextHtml + '</div>';
                    $("#" + containerid).html(html);
                    Unibase.Forms.Controls.RadioBox.Instance().getControlOptions(containerid, prop.DocPropertyName, prop);
                }
                getControlOptions(containerid, DocPropertyName, prop) {
                    var hiddenids = $('#hdnRdb_' + DocPropertyName).val();
                    var html = '';
                    var data = JSON.parse(prop.ControlJsonText);
                    if (prop.PropertySettings[0].ControlPropertyValue == "true") {
                        html = '<span class="row">';
                    }
                    for (var i = 0; i < data.length; i++) {
                        var assignValue = "";
                        if (hiddenids != '') {
                            if (hiddenids == data[i].ColumnValue) {
                                assignValue = "checked";
                            }
                        }
                        var textcolumn;
                        if (data[i].ColumnValue.includes(" ") || data[i].ColumnValue.includes("/") || data[i].ColumnValue.includes("&")) {
                            textcolumn = data[i].ColumnValue.replaceAll(" ", "").replaceAll("/", "").replaceAll("&", "");
                        }
                        else {
                            textcolumn = data[i].ColumnValue;
                        }
                        if (Unibase.Forms.Controls.SubForm.Instance().Index != undefined && Unibase.Forms.Controls.SubForm.Instance().Index != 0) {
                            var id = DocPropertyName + '_' + textcolumn + Number($("#SubFormIndex").val());
                        }
                        else {
                            var id = DocPropertyName + '_' + textcolumn;
                        }
                        var columnvalue = prop.datatypeid == 3 ? data[i].ColumnNumber : data[i].ColumnValue;
                        let val = columnvalue;
                        if (prop.PropertySettings[0].ControlPropertyValue == "true") {
                            html += '<div class="custom-control custom-radio col-sm-6 col-md-4 col-xl-3 p-0"><label id="lbl_' + id + '" class="btn btn-xs btn-rounded btn btn-light lblid_' + id + ' setting_radio' + DocPropertyName + ' mx-10 d-block" onclick="Unibase.Forms.Controls.RadioBox.Instance().radioButtonClick(' + "'" + DocPropertyName + "' ," + "'" + columnvalue + "'" + " ," + "'" + id + "'" + ')" style="height:30px" for="rdb_' + id + '">' + data[i].ColumnText + '</label><input type="radio" id="rdb_' + id + '" name="roleid" class="radio-tabview type-control custom-control-input rdb_' + DocPropertyName + '"/></div>';
                            if (i == data.length - 1) {
                                html += '</span>';
                            }
                        }
                        else {
                            html += '<div class="custom-control custom-radio">' +
                                '<input type = "radio" id="rdb_' + id + '" name="' + DocPropertyName + '" class="type-control custom-control-input rdb_' + DocPropertyName + '_' + columnvalue + '" onclick="Unibase.Forms.Controls.RadioBox.Instance().radioButtonClick(' + "'" + DocPropertyName + "' ," + "'" + columnvalue + "'" + " ," + "'" + id + "'" + ')" ' + assignValue + '>' +
                                '<label class="custom-control-label" for="rdb_' + id + '">' + data[i].ColumnText + '</label></div >';
                        }
                    }
                    $("#" + containerid).find('.div_' + DocPropertyName + '_' + prop.FormPropertyId).find(".spnRdb_" + DocPropertyName).html(html);
                }
                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 == "IsTabView") {
                                $("#txt_" + formpropertyid).attr("MaxLength", data.ControlPropertyValue);
                            }
                        }
                    }
                }
                bindEditFormDetails(formpropertyid, propval, DocPropertyName) {
                    let value = propval;
                    propval = propval.replaceAll(" ", "").replaceAll("/", "").replaceAll("&", "");
                    if ($(".rdb_" + DocPropertyName).hasClass("radio-tabview")) {
                        var _id = $(".lblid_" + DocPropertyName + "_" + propval);
                        if (_id.length > 0) {
                            var id = _id.attr("id").replace("lbl_", "");
                            Unibase.Forms.Controls.RadioBox.Instance().radioButtonClick(DocPropertyName, value, id);
                        }
                    }
                    else {
                        $(".rdb_" + DocPropertyName + "_" + propval).prop("checked", true);
                        $("#hdnRdb_" + DocPropertyName).val(value);
                    }
                }
                radioButtonClick(DocPropertyName, ColumnValue, id) {
                    if ($(".rdb_" + DocPropertyName).hasClass("radio-tabview")) {
                        $(".setting_radio" + DocPropertyName).removeClass("btn-primary");
                        $(".setting_radio" + DocPropertyName).addClass("btn-light");
                        $("#lbl_" + id).removeClass("btn-light");
                        $("#lbl_" + id).addClass("btn-primary");
                        $("#hdnRdb_" + DocPropertyName).val(ColumnValue);
                    }
                    else {
                        $("#hdnRdb_" + DocPropertyName).val(ColumnValue);
                    }
                }
                static Instance() {
                    if (this.instance === undefined) {
                        this.instance = new RadioBox();
                    }
                    return this.instance;
                }
            }
            Controls.RadioBox = RadioBox;
        })(Controls = Forms.Controls || (Forms.Controls = {}));
    })(Forms = Unibase.Forms || (Unibase.Forms = {}));
})(Unibase || (Unibase = {}));