Iniit
This commit is contained in:
@@ -0,0 +1,413 @@
|
||||
var Unibase;
|
||||
(function (Unibase) {
|
||||
let Forms;
|
||||
(function (Forms) {
|
||||
let Controls;
|
||||
(function (Controls) {
|
||||
class DatePicker {
|
||||
constructor() {
|
||||
this._bizgaze_dateFormat = 'DD/MM/YYYY';
|
||||
this.IsTimePicker = false;
|
||||
this._time = false;
|
||||
this.propval = "";
|
||||
this.dtime = false;
|
||||
this.disableFutureDate = false;
|
||||
}
|
||||
init(formpropertyid, prop, callback) {
|
||||
var instance = DatePicker.Instance();
|
||||
let TimePicker = prop.PropertySettings.filter(t => t.ControlPropertyName == "IsTime" && t.ControlPropertyValue == "true");
|
||||
if (TimePicker.length > 0) {
|
||||
instance.IsTimePicker = true;
|
||||
}
|
||||
else {
|
||||
instance.IsTimePicker = false;
|
||||
}
|
||||
if (callback != null && callback != 1)
|
||||
callback();
|
||||
instance.loadControlSettings(prop.ControlJsonText, prop.FormPropertyId);
|
||||
var container = "control-container-" + formpropertyid;
|
||||
$("#" + container).find('#date_' + prop.FormPropertyId + '.datepicker-input').on('apply.daterangepicker', function (ev, picker) {
|
||||
$("#" + container).find('#date_' + prop.FormPropertyId).val(picker.startDate.format('YYYY/MM/DD'));
|
||||
});
|
||||
var currentYear = (new Date()).getFullYear();
|
||||
if (this._time == true) {
|
||||
$("#" + container).find('#date_' + formpropertyid + '.datepicker-input').daterangepicker({
|
||||
autoUpdateInput: false,
|
||||
timePicker: true,
|
||||
timePicker24Hour: true,
|
||||
locale: {
|
||||
format: 'DD/MM/YYYY HH:mm',
|
||||
firstDay: 1,
|
||||
},
|
||||
singleDatePicker: true,
|
||||
showDropdowns: true,
|
||||
minYear: 1901,
|
||||
});
|
||||
$("#" + container).find('#date_' + formpropertyid + '.datepicker-input').on('apply.daterangepicker', function (ev, picker) {
|
||||
$("#" + container).find('#date_' + formpropertyid).val(picker.startDate.format('DD/MM/YYYY HH:mm'));
|
||||
$("#" + container).find('#hfdate_' + formpropertyid).val(picker.startDate.format('YYYY/MM/DD HH:mm'));
|
||||
});
|
||||
this._time = false;
|
||||
}
|
||||
else {
|
||||
$("#" + container).find('#date_' + prop.FormPropertyId).daterangepicker({
|
||||
locale: {
|
||||
format: 'DD/MM/YYYY',
|
||||
firstDay: 1,
|
||||
},
|
||||
singleDatePicker: true,
|
||||
showDropdowns: true,
|
||||
minYear: 1901,
|
||||
maxDate: new Date(2050, 11, 31)
|
||||
}, function (start, end, label) {
|
||||
$("#" + container).find('#hfdate_' + prop.FormPropertyId).val(end.format('YYYY-MM-DD'));
|
||||
});
|
||||
}
|
||||
if (instance.propval == "") {
|
||||
$("#" + container).find('#date_' + prop.FormPropertyId).val('');
|
||||
}
|
||||
$(".date_" + prop.DocPropertyName).keypress(function (e) {
|
||||
$(".date_" + prop.DocPropertyName).attr("maxlength", "10");
|
||||
if (e.which != 8 && e.which != 0 && (e.which < 47 || e.which > 57)) {
|
||||
return false;
|
||||
}
|
||||
else {
|
||||
var value = $(".date_" + prop.DocPropertyName).val().toString().replace(/^(\d\d)(\d)$/g, '$1/$2').replace(/^(\d\d\/\d\d)(\d+)$/g, '$1/$2').replace(/[^\d\/]/g, '');
|
||||
$(".date_" + prop.DocPropertyName).val(value);
|
||||
}
|
||||
});
|
||||
$(".date_" + prop.DocPropertyName).focusout(function (e) {
|
||||
if ($(".date_" + prop.DocPropertyName).val() == "") {
|
||||
$('#hfdate_' + prop.FormPropertyId).val("");
|
||||
}
|
||||
});
|
||||
instance.loadPropertySettings(prop.PropertySettings, formpropertyid, prop.DocPropertyName);
|
||||
}
|
||||
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 requiredClass = prop.IsRequired != true ? '' : 'required';
|
||||
var reqMark = prop.IsRequired != true ? '' : '*';
|
||||
var CurrentStageId = $("#hf_" + $("#hfLayout_InstalledPageId").val() + "_StageId").val();
|
||||
if (prop.IncludedStages != null && prop.IncludedStages != "") {
|
||||
var StagesForRequired = prop.IncludedStages.split('|');
|
||||
Isrequired = StagesForRequired.find(x => x == CurrentStageId) ? '' : 'hidden';
|
||||
requiredClass = StagesForRequired.find(x => x == CurrentStageId) ? 'required' : '';
|
||||
reqMark = StagesForRequired.find(x => x == CurrentStageId) ? '*' : '';
|
||||
}
|
||||
if (prop.ExcludedStages != null && prop.ExcludedStages != "") {
|
||||
var ExcludedStages = prop.ExcludedStages.split('|');
|
||||
Isrequired = ExcludedStages.find(x => x == CurrentStageId) ? 'hidden' : '';
|
||||
requiredClass = ExcludedStages.find(x => x == CurrentStageId) ? '' : 'required';
|
||||
reqMark = ExcludedStages.find(x => x == CurrentStageId) ? '' : '*';
|
||||
}
|
||||
let ControlId = 'txt_' + prop.DocPropertyId;
|
||||
if (prop.IsRequired)
|
||||
requiredClass = 'required';
|
||||
let isReadOnly = '';
|
||||
if (!Unibase.Themes.Compact.Components.Index.Instance().desktopMode) {
|
||||
isReadOnly = 'readonly';
|
||||
}
|
||||
const { helpTooltipHtml, helpTextHtml, helpClass } = Unibase.Platform.Forms.Components.FormViewer.Instance().getControlHelpHtml(prop);
|
||||
let html = `<div class="floating-label-form-group CancelBtnFloating_${prop.UniqueId} ${helpClass}" id ="div_${prop.UniqueId}">` +
|
||||
'<label for="lbl" id="lbl_' + prop.ControlId + '">' + helpTooltipHtml + '<span class="label-name">' + prop.LabelName + '</span><span class="text-danger ' + Isrequired + '" id="spnIsRequired_' + prop.DocPropertyId + '"> *</span></label>' +
|
||||
'<div class="input-group">' +
|
||||
'<input type="hidden" id="hfdate_' + prop.UniqueId + '" class="value-control hfdate_' + prop.DocPropertyName + '" value=""/>' +
|
||||
'<input type="text" id="date_' + prop.UniqueId + '" class="form-control type-control datepicker-input hasDatepicker ' + requiredClass + ' floating-label-control txt_' + prop.UniqueId + ' date_' + prop.DocPropertyName + '" placeholder="' + prop.LabelName + " " + reqMark + '" data-placeholder="' + prop.Placeholder + '" data-label="' + prop.LabelName + " " + reqMark + '" data-regularexp="' + regExpr + '" data-validatemsg="' + ErrMsg + '"' + isReadOnly + '>' +
|
||||
'<span class="input-group-addon mt-10 cursor-pointer"><i class="fa fa-calendar calender_' + prop.DocPropertyName + '"></i></span>' +
|
||||
'<input type="hidden" id="hf_' + prop.ControlId + '" /></div>' + helpTextHtml + '</div>';
|
||||
$("#" + containerid).append(html);
|
||||
Unibase.Forms.Controls.DatePicker.Instance().loadDate(prop.UniqueId, prop);
|
||||
}
|
||||
loadControlSettings(controlsettingjson, formpropertyid) {
|
||||
return null;
|
||||
}
|
||||
loadDate(formpropertyid, prop) {
|
||||
var container = "control-container-" + formpropertyid;
|
||||
if (this._time == true) {
|
||||
$("#" + container).find('#date_' + formpropertyid + '.datepicker-input').daterangepicker({
|
||||
autoUpdateInput: false,
|
||||
timePicker: true,
|
||||
timePicker24Hour: true,
|
||||
locale: {
|
||||
format: 'DD/MM/YYYY HH:mm',
|
||||
firstDay: 1,
|
||||
},
|
||||
singleDatePicker: true,
|
||||
showDropdowns: true,
|
||||
minYear: 1901,
|
||||
});
|
||||
$("#" + container).find('#date_' + formpropertyid + '.datepicker-input').on('apply.daterangepicker', function (ev, picker) {
|
||||
$("#" + container).find('#date_' + formpropertyid).val(picker.startDate.format('DD/MM/YYYY HH:mm'));
|
||||
$("#" + container).find('#hfdate_' + formpropertyid).val(picker.startDate.format('YYYY/MM/DD HH:mm'));
|
||||
});
|
||||
this._time = false;
|
||||
}
|
||||
else {
|
||||
$("#" + container).find('#date_' + prop.FormPropertyId).daterangepicker({
|
||||
locale: {
|
||||
format: 'DD/MM/YYYY',
|
||||
firstDay: 1,
|
||||
},
|
||||
singleDatePicker: true,
|
||||
showDropdowns: true,
|
||||
minYear: 1901,
|
||||
}, function (start, end, label) {
|
||||
$("#" + container).find('#hfdate_' + prop.FormPropertyId).val(end.format('YYYY-MM-DD'));
|
||||
});
|
||||
}
|
||||
$(`.calender_${prop.DocPropertyName}`).click(function () {
|
||||
$(this).parents('.input-group').find('.datepicker-input').trigger('click');
|
||||
});
|
||||
}
|
||||
loadPropertySettings(propertysettings, formpropertyid, DocPropertyName) {
|
||||
var instance = this;
|
||||
var istime = false;
|
||||
var dateNow = new Date();
|
||||
var container = "control-container-" + formpropertyid;
|
||||
if (propertysettings != null) {
|
||||
for (var i = 0; i < propertysettings.length; i++) {
|
||||
var data = propertysettings[i];
|
||||
if (data.ControlPropertyName == "IsTodayDate") {
|
||||
if (data.ControlPropertyValue == "true") {
|
||||
var DateTime_Value = $("#" + container).find('#date_' + formpropertyid).val();
|
||||
if (DateTime_Value == "") {
|
||||
var maxDate;
|
||||
if (instance.disableFutureDate)
|
||||
maxDate = new Date();
|
||||
else
|
||||
maxDate = new Date(2050, 11, 31);
|
||||
$("#" + container).find('#date_' + formpropertyid + '.datepicker-input').daterangepicker({
|
||||
singleDatePicker: true,
|
||||
showDropdowns: true,
|
||||
minYear: 1901,
|
||||
locale: {
|
||||
format: 'DD/MM/YYYY',
|
||||
firstDay: 1,
|
||||
},
|
||||
maxDate: maxDate
|
||||
});
|
||||
var todayDate = $("#" + container).find('#date_' + formpropertyid).val();
|
||||
var hfformat = "YYYY/MM/DD";
|
||||
var tdate = moment(todayDate, "DD/MM/YYYY").format("YYYY/MM/DD");
|
||||
$("#" + container).find('#hfdate_' + formpropertyid).val(tdate);
|
||||
$("#" + container).find('#date_' + formpropertyid + '.datepicker-input').on('apply.daterangepicker', function (ev, picker) {
|
||||
$("#" + container).find('#date_' + formpropertyid).val(picker.startDate.format('DD/MM/YYYY'));
|
||||
$("#" + container).find('#hfdate_' + formpropertyid).val(picker.startDate.format('YYYY/MM/DD'));
|
||||
$("#" + container).find('#div_' + formpropertyid).addClass('floating-label-form-group-with-value');
|
||||
});
|
||||
}
|
||||
$("#" + container).find('#div_' + formpropertyid).addClass('floating-label-form-group-with-value');
|
||||
$("#" + container).find('#date_' + formpropertyid).keypress(function (e) {
|
||||
$(this).attr("maxlength", "10");
|
||||
if (e.which != 8 && e.which != 0 && (e.which < 47 || e.which > 57)) {
|
||||
return false;
|
||||
}
|
||||
else {
|
||||
var value = $(this).val().toString().replace(/^(\d\d)(\d)$/g, '$1/$2').replace(/^(\d\d\/\d\d)(\d+)$/g, '$1/$2').replace(/[^\d\/]/g, '');
|
||||
$(this).val(value);
|
||||
}
|
||||
});
|
||||
if (instance.dtime == false) {
|
||||
if (istime == true) {
|
||||
var DateTime_Value = $("#" + container).find('#date_' + formpropertyid).val();
|
||||
$("#" + container).find('#date_' + formpropertyid + '.datepicker-input').daterangepicker({
|
||||
autoUpdateInput: false,
|
||||
timePicker: true,
|
||||
timePicker24Hour: true,
|
||||
singleDatePicker: true,
|
||||
showDropdowns: true,
|
||||
minYear: 1901,
|
||||
locale: {
|
||||
format: 'DD/MM/YYYY HH:mm',
|
||||
firstDay: 1,
|
||||
},
|
||||
});
|
||||
var cdate = new Date();
|
||||
var currentdate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalTime(cdate, "DD/MM/YYYY HH:mm");
|
||||
$("#" + container).find('#date_' + formpropertyid).val(currentdate);
|
||||
var hfcdate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatServerLocalDateTime(cdate, "YYYY/MM/DD HH:mm");
|
||||
$("#" + container).find('#hfdate_' + formpropertyid).val(hfcdate);
|
||||
$("#" + container).find('#date_' + formpropertyid + '.datepicker-input').on('apply.daterangepicker', function (ev, picker) {
|
||||
$("#" + container).find('#date_' + formpropertyid).val(picker.startDate.format('DD/MM/YYYY HH:mm'));
|
||||
$("#" + container).find('#hfdate_' + formpropertyid).val(picker.startDate.format('YYYY/MM/DD HH:mm'));
|
||||
});
|
||||
let curren = new Date();
|
||||
$("#" + container).find('#date_' + formpropertyid + '.datepicker-input').on('show.daterangepicker', function (ev, picker) {
|
||||
var dateTime_New = $("#" + container).find('#date_' + formpropertyid).val();
|
||||
var hours = dateTime_New.toString().substring(dateTime_New.toString().indexOf(":") - 2, dateTime_New.toString().indexOf(":"));
|
||||
if (hours.substring(0, 1) == "0") {
|
||||
hours = hours.substring(1);
|
||||
}
|
||||
var minutes = dateTime_New.toString().substring(dateTime_New.toString().indexOf(":") + 1, dateTime_New.toString().indexOf(":") + 3);
|
||||
if (minutes.substring(0, 1) == "0") {
|
||||
minutes = minutes.substring(1);
|
||||
}
|
||||
$('.show-calendar').find('.hourselect option:selected').removeAttr('selected');
|
||||
$('.show-calendar').find('.minuteselect option:selected').removeAttr('selected');
|
||||
$('.hourselect option[value="' + hours + '"]').attr("selected", "selected");
|
||||
$('.minuteselect option[value="' + minutes + '"]').attr("selected", "selected");
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
if (data.ControlPropertyName == "IsTime") {
|
||||
if (instance.dtime == false) {
|
||||
if (data.ControlPropertyValue == "true") {
|
||||
istime = true;
|
||||
var DateTime_Value = $("#" + container).find('#date_' + formpropertyid).val();
|
||||
$("#" + container).find('#date_' + formpropertyid + '.datepicker-input').daterangepicker({
|
||||
autoUpdateInput: false,
|
||||
timePicker: true,
|
||||
timePicker24Hour: true,
|
||||
singleDatePicker: true,
|
||||
showDropdowns: true,
|
||||
minYear: 1901,
|
||||
locale: {
|
||||
format: 'DD/MM/YYYY HH:mm',
|
||||
firstDay: 1,
|
||||
},
|
||||
});
|
||||
var cdate = new Date();
|
||||
var currentdate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalTime(cdate, "DD/MM/YYYY HH:mm");
|
||||
$("#" + container).find('#date_' + formpropertyid).val(currentdate);
|
||||
var hfcdate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatServerLocalDateTime(cdate, "YYYY/MM/DD HH:mm");
|
||||
$("#" + container).find('#hfdate_' + formpropertyid).val(hfcdate);
|
||||
$("#" + container).find('#date_' + formpropertyid + '.datepicker-input').on('apply.daterangepicker', function (ev, picker) {
|
||||
$("#" + container).find('#date_' + formpropertyid).val(picker.startDate.format('DD/MM/YYYY HH:mm'));
|
||||
$("#" + container).find('#hfdate_' + formpropertyid).val(picker.startDate.format('YYYY/MM/DD HH:mm'));
|
||||
});
|
||||
let curren = new Date();
|
||||
$("#" + container).find('#date_' + formpropertyid + '.datepicker-input').on('show.daterangepicker', function (ev, picker) {
|
||||
var dateTime_New = $("#" + container).find('#date_' + formpropertyid).val();
|
||||
var hours = dateTime_New.toString().substring(dateTime_New.toString().indexOf(":") - 2, dateTime_New.toString().indexOf(":"));
|
||||
if (hours.substring(0, 1) == "0") {
|
||||
hours = hours.substring(1);
|
||||
}
|
||||
var minutes = dateTime_New.toString().substring(dateTime_New.toString().indexOf(":") + 1, dateTime_New.toString().indexOf(":") + 3);
|
||||
if (minutes.substring(0, 1) == "0") {
|
||||
minutes = minutes.substring(1);
|
||||
}
|
||||
$('.show-calendar').find('.hourselect option:selected').removeAttr('selected');
|
||||
$('.show-calendar').find('.minuteselect option:selected').removeAttr('selected');
|
||||
$('.hourselect option[value="' + hours + '"]').attr("selected", "selected");
|
||||
$('.minuteselect option[value="' + minutes + '"]').attr("selected", "selected");
|
||||
});
|
||||
$(".hasDatepicker").keypress(function (e) {
|
||||
$(this).attr("maxlength", "19");
|
||||
var value = $(this).val().toString().replace(/^(\d\d\/\d\d)(\d+)$/g, '$1/$2').replace(/^(\d\d\/\d\d\/\d\d\d\d)(\d)/g, '$1 ').replace(/^(\d\d\/\d\d\/\d\d\d\d\s\d\d)(\d)/g, '$1:$2$2:');
|
||||
$(this).val(value);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
if (data.ControlPropertyName == "DisableFutureDate") {
|
||||
if (data.ControlPropertyValue == "true") {
|
||||
$("#" + container).find('#date_' + formpropertyid + '.datepicker-input').daterangepicker({
|
||||
singleDatePicker: true,
|
||||
showDropdowns: true,
|
||||
autoUpdateInput: false,
|
||||
minYear: 1901,
|
||||
maxDate: new Date(),
|
||||
locale: {
|
||||
format: 'DD/MM/YYYY',
|
||||
firstDay: 1,
|
||||
},
|
||||
}, function (start, end, label) {
|
||||
$("#" + container).find('#hfdate_' + formpropertyid).val(end.format('YYYY-MM-DD'));
|
||||
});
|
||||
$('#date_' + formpropertyid + '.datepicker-input').keyup(function (e) {
|
||||
let dateString = $(this).val();
|
||||
let errorMsgDiv = $(this).parents('.formValidate').find('.form-error-message').attr('id');
|
||||
let myDate = moment(dateString, ['DD/MM/YYYY', 'D/M/YYYY', 'DD/M/YYYY', 'D/MM/YYYY'], true);
|
||||
MessageHelper.Instance().hideMessage();
|
||||
$(this).attr('data-isValid', 'false');
|
||||
if (dateString.length >= 8 && dateString != "") {
|
||||
if (myDate.isValid() == false) {
|
||||
MessageHelper.Instance().showError('Enter Correct Date Format!.', errorMsgDiv);
|
||||
}
|
||||
else if (moment(dateString, 'DD/MM/YYYY').isSameOrBefore(moment().format()) == false) {
|
||||
MessageHelper.Instance().showError('You cannot enter a date in the future.', errorMsgDiv);
|
||||
}
|
||||
else if (moment(dateString, 'DD/MM/YYYY').isSameOrAfter('01/01/1901', 'year') == false) {
|
||||
MessageHelper.Instance().showError('You cannot enter a date before 1901.', errorMsgDiv);
|
||||
}
|
||||
else {
|
||||
MessageHelper.Instance().hideMessage();
|
||||
$('#hfdate_' + formpropertyid).val(moment(dateString, 'DD/MM/YYYY').format('YYYY-MM-DD'));
|
||||
$(this).attr('data-isValid', 'true');
|
||||
}
|
||||
}
|
||||
});
|
||||
instance.disableFutureDate = true;
|
||||
$('#date_' + formpropertyid + '.datepicker-input').focusout(function (e) {
|
||||
let isDateValid = $(this).attr('data-isValid');
|
||||
if (isDateValid == 'false') {
|
||||
$(this).val("");
|
||||
$('#hfdate_' + formpropertyid).val("");
|
||||
$(this).attr('data-isValid', 'true');
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
instance.propval = "";
|
||||
instance.dtime = false;
|
||||
}
|
||||
bindEditFormDetails(formpropertyid, propval, DocPropertyName) {
|
||||
var instance = this;
|
||||
var format = "DD/MM/YYYY";
|
||||
var hfformat = "YYYY/MM/DD";
|
||||
var hfdate = "";
|
||||
if (instance.IsTimePicker) {
|
||||
instance.propval = moment(propval).format("DD/MM/YYYY HH:mm");
|
||||
hfdate = moment(propval).format("YYYY/MM/DD HH:mm");
|
||||
instance._time = true;
|
||||
$('#date_' + formpropertyid + '.datepicker-input').daterangepicker({
|
||||
autoUpdateInput: false,
|
||||
timePicker: true,
|
||||
timePicker24Hour: true,
|
||||
singleDatePicker: true,
|
||||
showDropdowns: true,
|
||||
minYear: 1901,
|
||||
locale: {
|
||||
format: 'DD/MM/YYYY HH:mm',
|
||||
firstDay: 1,
|
||||
},
|
||||
});
|
||||
instance.dtime = true;
|
||||
}
|
||||
else {
|
||||
instance.propval = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDate1(propval, format);
|
||||
hfdate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatServerLocalDate(propval, hfformat);
|
||||
}
|
||||
var formattedPropVal = Unibase.Platform.Helpers.DateTimeHelper.Instance().serverDateformat(instance.propval);
|
||||
if (instance.propval == "Invalid date" || formattedPropVal == "01/01/1901" || formattedPropVal == "01/01/1900" || formattedPropVal == "01/01/2001" || formattedPropVal == "01/01/0001") {
|
||||
instance.propval = "";
|
||||
}
|
||||
$("#hfdate_" + formpropertyid).val(hfdate);
|
||||
$("#date_" + formpropertyid).val(instance.propval);
|
||||
if ($("#date_" + formpropertyid).val() != "") {
|
||||
$("#div_" + formpropertyid).addClass("floating-label-form-group-with-value");
|
||||
}
|
||||
}
|
||||
static Instance() {
|
||||
if (this.instance === undefined)
|
||||
this.instance = new DatePicker();
|
||||
return this.instance;
|
||||
}
|
||||
}
|
||||
Controls.DatePicker = DatePicker;
|
||||
})(Controls = Forms.Controls || (Forms.Controls = {}));
|
||||
})(Forms = Unibase.Forms || (Unibase.Forms = {}));
|
||||
})(Unibase || (Unibase = {}));
|
||||
File diff suppressed because one or more lines are too long
+1
File diff suppressed because one or more lines are too long
@@ -0,0 +1,92 @@
|
||||
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 = {}));
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"datepicker.settings.js","sourceRoot":"","sources":["datepicker.settings.ts"],"names":[],"mappings":"AAEA,IAAU,OAAO,CA0FhB;AA1FD,WAAU,OAAO;IACb,IAAiB,KAAK,CAwFrB;IAxFD,WAAiB,KAAK;QAClB,IAAiB,QAAQ,CAsFxB;QAtFD,WAAiB,QAAQ;YACrB,MAAa,mBAAmB;gBAC5B,yBAAyB,CAAC,SAAS;oBAC/B,IAAI,IAAI,GAAG,oBAAoB;wBAC3B,qCAAqC;wBACrC,kEAAkE;wBAClE,8DAA8D;wBAC9D,yaAAya;wBACza,gZAAgZ;wBAChZ,ucAAuc;wBACvc,8BAA8B,CAAC;oBACnC,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;oBACxB,CAAC,CAAC,iBAAiB,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;gBAC/C,CAAC;gBACD,oBAAoB,CAAC,IAAgB;oBACjC,IAAI,gBAAgB,GAA6B,IAAI,CAAC,gBAAgB,CAAC;oBACvE,IAAI,gBAAgB,IAAI,IAAI,IAAI,gBAAgB,IAAI,SAAS,EAAE;wBAC3D,IAAI,CAAC,GAAG,CAAC,CAAC;wBACV,CAAC,CAAC,4BAA4B,CAAC,CAAC,IAAI,CAAC;4BACjC,IAAI,kBAAkB,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;4BACrE,IAAI,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB,IAAI,kBAAkB,CAAC,CAAC;4BAC1F,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,wBAAwB,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAC;4BACtE,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,0BAA0B,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC;4BAC1E,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,wBAAwB,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAC;4BACtE,IAAI,kBAAkB,IAAI,aAAa,EAAE;gCACrC,IAAI,WAAW,CAAC,oBAAoB,IAAI,MAAM,EAAE;oCAC5C,CAAC,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;iCAC3C;qCACI;oCACD,CAAC,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;iCAC5C;6BACJ;4BACD,IAAI,kBAAkB,IAAI,QAAQ,EAAE;gCAChC,IAAI,WAAW,CAAC,oBAAoB,IAAI,MAAM,EAAE;oCAC5C,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;iCACtC;qCACI;oCACD,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;iCACvC;6BACJ;4BACD,IAAI,kBAAkB,IAAI,mBAAmB,EAAE;gCAC3C,IAAI,WAAW,CAAC,oBAAoB,IAAI,MAAM,EAAE;oCAC5C,CAAC,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;iCACjD;qCACI;oCACD,CAAC,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;iCAClD;6BACJ;4BACD,CAAC,IAAI,CAAC,CAAC;wBACX,CAAC,CAAC,CAAC;qBACN;gBAEL,CAAC;gBACD,oBAAoB,CAAC,IAAgB;oBACjC,IAAI,gBAAgB,GAA6B,IAAI,CAAC,gBAAgB,CAAC;oBACvE,IAAI,cAAc,GAA6B,EAAE,CAAC;oBAClD,CAAC,CAAC,4BAA4B,CAAC,CAAC,IAAI,CAAC;wBACjC,IAAI,IAAI,GAA2B;4BAC/B,cAAc,EAAE,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC;4BAC3C,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;4BACjE,oBAAoB,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE;4BACjF,mBAAmB,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,0BAA0B,CAAC;4BAC7D,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;4BACjC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;yBACpE,CAAC;wBACF,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;oBAC9B,CAAC,CAAC,CAAC;oBACH,OAAO,cAAc,CAAC;gBAC1B,CAAC;gBACD,eAAe;oBACX,OAAO,EAAE,CAAC;gBACd,CAAC;gBACD,eAAe,CAAC,eAAoB;oBAChC,OAAO,EAAE,CAAC;gBACd,CAAC;gBACD,eAAe,CAAC,eAAoB;oBAChC,OAAO,eAAe,CAAC;gBAC3B,CAAC;gBAGD,MAAM,CAAC,QAAQ;oBACX,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS;wBAC5B,IAAI,CAAC,SAAS,GAAG,IAAI,mBAAmB,EAAE,CAAC;oBAC/C,OAAO,IAAI,CAAC,SAAS,CAAC;gBAC1B,CAAC;aACJ;YApFY,4BAAmB,sBAoF/B,CAAA;QACL,CAAC,EAtFgB,QAAQ,GAAR,cAAQ,KAAR,cAAQ,QAsFxB;IACL,CAAC,EAxFgB,KAAK,GAAL,aAAK,KAAL,aAAK,QAwFrB;AACL,CAAC,EA1FS,OAAO,KAAP,OAAO,QA0FhB"}
|
||||
+1
@@ -0,0 +1 @@
|
||||
var Unibase;(function(n){let t;(function(n){let t;(function(n){class t{loadControlPropertiesHtml(n){var t=`<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>`;$(n).html(t);$("#divPropSetting").removeClass("hidden")}bindPropertySettings(n){var t=n.PropertySettings,i;t!=null&&t!=undefined&&(i=0,$(".Controlproperties-Element").each(function(){var r=$(this).children().find("input").attr("id"),n=t.find(n=>n.ControlPropertyName==r);$(this).attr("data-controlpropertyid",n.ControlPropertyId);$(this).attr("data-controlpropertyname",n.ControlPropertyName);$(this).attr("data-propertysettingid",n.PropertySettingId);r=="IsTodayDate"&&(n.ControlPropertyValue=="true"?$("#IsTodayDate").prop("checked",!0):$("#IsTodayDate").prop("checked",!1));r=="IsTime"&&(n.ControlPropertyValue=="true"?$("#IsTime").prop("checked",!0):$("#IsTime").prop("checked",!1));r=="DisableFutureDate"&&(n.ControlPropertyValue=="true"?$("#DisableFutureDate").prop("checked",!0):$("#DisableFutureDate").prop("checked",!1));i+=1}))}savePropertySettings(n){var i=n.PropertySettings,t=[];return $(".Controlproperties-Element").each(function(){var i={FormPropertyId:Number(n.FormPropertyId),ControlPropertyId:Number($(this).attr("data-controlpropertyid")),ControlPropertyValue:$(this).children().find("input").prop("checked").toString(),ControlPropertyName:$(this).attr("data-controlpropertyname"),ControlId:Number(n.ControlId),PropertySettingId:Number($(this).attr("data-propertysettingid"))};t.push(i)}),t}loadSettingHtml(){return""}bindControlData(){return""}SaveControlData(n){return n}static Instance(){return this._instance===undefined&&(this._instance=new t),this._instance}}n.DatePicker_Settings=t})(t=n.Controls||(n.Controls={}))})(t=n.Forms||(n.Forms={}))})(Unibase||(Unibase={}));
|
||||
Reference in New Issue
Block a user