WebBuild/wwwroot/platform/controls/checkbox/checkbox.settings.js

var Unibase;
(function (Unibase) {
    let Forms;
    (function (Forms) {
        let Controls;
        (function (Controls) {
            class CheckBox_Settings {
                constructor() {
                    this.Id = 0;
                }
                loadControlPropertiesHtml(controlpropList, container) {
                    return ``;
                }
                bindPropertySettings(prop) {
                    var propertySettings = prop.PropertySettings;
                    return "";
                }
                savePropertySettings(prop) {
                    var propertySettings = prop.PropertySettings;
                    return "";
                }
                loadSettingHtml(Container) {
                    var html = '<section class="card"><div class="b-b bg-white card-header"><strong class="text-dark Title" id="cpheader">Check Box Setting</strong></div><div class="card-body">' +
                        '<div class="row"><div class="row col-sm-12"><div id="divChkboxList" class="mt-20 col-sm-6"><div id="divIsmultiple" class=""><label for="frmchkIsDefault" style="margin-top:5px;color:grey"><b>Is Multiple</b></label><label id="lblIsmultiple" style="color:grey" class="switch m-t form-inline pull-right">' +
                        '<input type="hidden" id="checkboxcolumnId"><input id = "chkIsmultiple" data - group="chkIsmultiple" type = "checkbox" onchange = "Unibase.Forms.Controls.CheckBox_Settings.Instance().IsCheck()" > <span></span></label > </div></div>' +
                        '<div id="divChkboxswitch" class="mt-20 col-sm-6"><div id="divIsswitch" class=""><label for="frmchkIsswitch" style="margin-top:5px;color:grey"><b>Is Switch</b></label><label id="lblIsswitch" style="color:grey" class="switch m-t form-inline pull-right">' +
                        '<input type="hidden" id="checkbox_switch"><input id = "chkIsswitch" data - group="chkIsswitch" type = "checkbox"> <span></span></label > </div></div>' +
                        '<div class="col-sm-12 hidden" id ="divAddOption"><div class="row"><div class="col-sm-12" id="divAddOption"><ul class="list-group list-group-flush radioOptions  font-14 m-t-n-md ui-sortable" id="radioOptions"></ul></div></div><div class="row checkbox_addrow"><div class="col-sm-6" id="divRadioList">' +
                        '<div class="divRadioList"><a href="javascript:" class="btn btn-primary" onclick="Unibase.Platform.Forms.Components.ControlEditor.Instance().AddRadioOptions(0)">Add New Check Box</a>' +
                        '</div></div></div></div></div></section>';
                    $(Container).html(html);
                    if ($("#loadDatatypes option:selected").text() == "String" || $("#loadDatatypes option:selected").text() == "Text") {
                        $('#chkIsmultiple').prop('checked', true);
                        $('#chkIsmultiple').addClass('hidden');
                        $("#divChkboxList").addClass('hidden');
                        $("#divAddOption").removeClass('hidden');
                        $(".checkbox_addrow").removeClass("hidden");
                        Unibase.Platform.Forms.Components.ControlEditor.Instance().AddRadioOptions(0, '', '', '', '', '', '', '');
                    }
                    else {
                        $('#chkIsmultiple').prop('checked', false);
                        $("#divAddOption").addClass('hidden');
                        $("#divChkboxList").addClass('hidden');
                        $(".checkbox_addrow").addClass("hidden");
                    }
                }
                bindControlData(controldatajson) {
                    $("#divAddOption").removeClass('hidden');
                    if (this.isChecked == true) {
                        $('#chkIsmultiple').prop('checked', true);
                    }
                    else {
                        $('#chkIsmultiple').prop('checked', false);
                    }
                    var response = controldatajson;
                    var isswitch = response.find(x => x.IsSwitch == true) ? true : false;
                    if (isswitch == true) {
                        $('#chkIsswitch').prop('checked', true);
                        CheckBox_Settings.Instance().Id = response[0].CheckBoxColumnId;
                    }
                    var IsMultiple = response.find(x => x.IsMultiple == true) ? true : false;
                    if (IsMultiple == true) {
                        $("#radioOptions").empty();
                        for (var i = 0; i < response.length; i++) {
                            var data = response[i];
                            Unibase.Platform.Forms.Components.ControlEditor.Instance().AddRadioOptions(data.CheckBoxColumnId, data.ColumnText, data.ColumnValue, data.ParentDocPropertyName, data.ParentDocPropertyId, data.IndexNumber, data.CheckBoxParentId, data.ParentCheckBoxColumnName);
                        }
                    }
                }
                SaveControlData(controldatajson) {
                    var arr = [];
                    var checked;
                    var IsSwitch;
                    if ($("#chkIsmultiple").is(':checked')) {
                        checked = true;
                    }
                    else {
                        checked = false;
                    }
                    if ($("#chkIsswitch").is(':checked')) {
                        IsSwitch = true;
                    }
                    else {
                        IsSwitch = false;
                    }
                    if ($("#loadDatatypes option:selected").text().toString() == "Boolean" && checked == false) {
                        var data = {
                            CheckBoxColumnId: CheckBox_Settings.Instance().Id,
                            ColumnText: $(this).find(".rdbText").val(),
                            ColumnValue: $(this).find(".rdbValue").val(),
                            DocPropertyId: Number(Unibase.Platform.Forms.Components.PropertyEditor.Instance().DocPropertyId),
                            ControlId: Unibase.Platform.Forms.Components.ControlEditor.Instance().ControlId,
                            IndexNumber: 0,
                            IsMultiple: checked,
                            IsSwitch: IsSwitch,
                            Datatype: $("#loadDatatypes option:selected").text().toString(),
                        };
                        arr.push(data);
                    }
                    else {
                        $(".option-group").each(function () {
                            var data = {
                                CheckBoxColumnId: Number($(this).find(".hdnRdbId").val()),
                                ColumnText: $(this).find(".rdbText").val(),
                                ColumnValue: $(this).find(".rdbValue").val(),
                                DocPropertyId: Number(Unibase.Platform.Forms.Components.PropertyEditor.Instance().DocPropertyId),
                                ControlId: Unibase.Platform.Forms.Components.ControlEditor.Instance().ControlId,
                                IndexNumber: Number($(this).find(".indexno").val()),
                                IsMultiple: true,
                                IsSwitch: IsSwitch,
                                Datatype: $("#loadDatatypes option:selected").text().toString(),
                            };
                            arr.push(data);
                        });
                    }
                    controldatajson = JSON.stringify(arr);
                    return controldatajson;
                }
                IsCheck() {
                    if ($("#chkIsmultiple").is(':checked')) {
                        this.isChecked = true;
                        $("#divAddOption").removeClass('hidden');
                        $(".checkbox_addrow").removeClass("hidden");
                        Unibase.Platform.Forms.Components.ControlEditor.Instance().AddRadioOptions(0, '', '', '', '', '', '', '');
                    }
                    else {
                        this.isChecked = false;
                        $(".checkbox_addrow").addClass("hidden");
                        $(".option-group").remove();
                        $("#divAddOption").addClass('hidden');
                    }
                }
                RemoveCheckBoxOption(CheckBoxColumnId, Index) {
                    if (CheckBoxColumnId != 0) {
                        Unibase.Platform.Forms.Managers.FormManager.Instance().deleteOptionForControl(CheckBoxColumnId).then(function (response) {
                        });
                    }
                    $("#divCheckBoxOption_" + Index).remove();
                    $("#radioOptions").find('.option-group').each(function () {
                        var index = $(this).index() + 1;
                        $(this).find(".IndexnumberDetails").text(index);
                    });
                }
                static Instance() {
                    if (this._instance === undefined)
                        this._instance = new CheckBox_Settings();
                    return this._instance;
                }
            }
            Controls.CheckBox_Settings = CheckBox_Settings;
        })(Controls = Forms.Controls || (Forms.Controls = {}));
    })(Forms = Unibase.Forms || (Unibase.Forms = {}));
})(Unibase || (Unibase = {}));