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

var Unibase;
(function (Unibase) {
    let Forms;
    (function (Forms) {
        let Controls;
        (function (Controls) {
            class DatePicker_Settings {
                loadControlPropertiesHtml(Container) {
                    var html = `<section class="">` +
                        `<div class="card PropertySettings">` +
                        `<div class="card-header"><h6><b>Property Settings</b></h6></div>` +
                        `<div class="card-body" id="divPropSetting"><div class="row">` +
                        `<div class="col-sm-6 Controlproperties-Element" data-propertysettingid="0" data-controlpropertyid="0" data-controlpropertyname="IsTodayDate"><label for="IsTodayDate" style="margin-top:19px"><b>IsTodayDate</b></label><label id="lblIsTodayDate" class="switch m-t form-inline pull-right mt-10" style="color:grey"><input id="IsTodayDate" class="setting_type" data-group="IsRequired" type="checkbox"/><span></span></label></div>` +
                        `<div class="col-sm-6 Controlproperties-Element" data-propertysettingid="0" data-controlpropertyid="0" data-controlpropertyname="IsTime"><label for="IsTime" style="margin-top:19px"><b>IsTime</b></label><label id="lblIsTime" class="switch m-t form-inline pull-right mt-10" style="color:grey"><input id="IsTime" class="setting_type" data-group="IsRequired" type="checkbox"/><span></span></label></div>` +
                        `<div class="col-sm-6 Controlproperties-Element" data-propertysettingid="0" data-controlpropertyid="0" data-controlpropertyname="DisableFutureDate"><label for="DisableFutureDate" style="margin-top:19px"><b>DisableFutureDate</b></label><label id="lblDisableFutureDate" class="switch m-t form-inline pull-right mt-10" style="color:grey"><input id="DisableFutureDate" class="setting_type" data-group="IsRequired" type="checkbox"/><span></span></label></div>` +
                        `</div></div></div></section>`;
                    $(Container).html(html);
                    $("#divPropSetting").removeClass('hidden');
                }
                bindPropertySettings(prop) {
                    var propertySettings = prop.PropertySettings;
                    if (propertySettings != null && propertySettings != undefined) {
                        var i = 0;
                        $(".Controlproperties-Element").each(function () {
                            var currentPropSetting = $(this).children().find("input").attr("id");
                            var propSetting = propertySettings.find(x => x.ControlPropertyName == currentPropSetting);
                            $(this).attr("data-controlpropertyid", propSetting.ControlPropertyId);
                            $(this).attr("data-controlpropertyname", propSetting.ControlPropertyName);
                            $(this).attr("data-propertysettingid", propSetting.PropertySettingId);
                            if (currentPropSetting == "IsTodayDate") {
                                if (propSetting.ControlPropertyValue == "true") {
                                    $("#IsTodayDate").prop("checked", true);
                                }
                                else {
                                    $("#IsTodayDate").prop("checked", false);
                                }
                            }
                            if (currentPropSetting == "IsTime") {
                                if (propSetting.ControlPropertyValue == "true") {
                                    $("#IsTime").prop("checked", true);
                                }
                                else {
                                    $("#IsTime").prop("checked", false);
                                }
                            }
                            if (currentPropSetting == "DisableFutureDate") {
                                if (propSetting.ControlPropertyValue == "true") {
                                    $("#DisableFutureDate").prop("checked", true);
                                }
                                else {
                                    $("#DisableFutureDate").prop("checked", false);
                                }
                            }
                            i += 1;
                        });
                    }
                }
                savePropertySettings(prop) {
                    var propertySettings = prop.PropertySettings;
                    var propSettingReq = [];
                    $(".Controlproperties-Element").each(function () {
                        var data = {
                            FormPropertyId: Number(prop.FormPropertyId),
                            ControlPropertyId: Number($(this).attr('data-controlpropertyid')),
                            ControlPropertyValue: $(this).children().find("input").prop("checked").toString(),
                            ControlPropertyName: $(this).attr('data-controlpropertyname'),
                            ControlId: Number(prop.ControlId),
                            PropertySettingId: Number($(this).attr("data-propertysettingid")),
                        };
                        propSettingReq.push(data);
                    });
                    return propSettingReq;
                }
                loadSettingHtml() {
                    return "";
                }
                bindControlData(controldatajson) {
                    return "";
                }
                SaveControlData(controldatajson) {
                    return controldatajson;
                }
                static Instance() {
                    if (this._instance === undefined)
                        this._instance = new DatePicker_Settings();
                    return this._instance;
                }
            }
            Controls.DatePicker_Settings = DatePicker_Settings;
        })(Controls = Forms.Controls || (Forms.Controls = {}));
    })(Forms = Unibase.Forms || (Unibase.Forms = {}));
})(Unibase || (Unibase = {}));