Iniit
This commit is contained in:
@@ -0,0 +1,125 @@
|
||||
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
||||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
||||
return new (P || (P = Promise))(function (resolve, reject) {
|
||||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
||||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
||||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
||||
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
||||
});
|
||||
};
|
||||
var Unibase;
|
||||
(function (Unibase) {
|
||||
let Forms;
|
||||
(function (Forms) {
|
||||
let Controls;
|
||||
(function (Controls) {
|
||||
class Dropdown extends Unibase.Platform.Core.BaseComponent {
|
||||
constructor() {
|
||||
super(...arguments);
|
||||
this.loadCascading = true;
|
||||
}
|
||||
init(formpropertyid, prop, callback) {
|
||||
var instance = new Dropdown();
|
||||
instance.loadControlSettings(prop, prop.UniqueId).then(function () {
|
||||
if (callback != null)
|
||||
callback();
|
||||
});
|
||||
$('#ddl_' + prop.DocPropertyName + '').focusin(function () {
|
||||
$('#ddl_' + prop.DocPropertyName + '').attr('style', 'border:solid 2px rgb(0, 165, 230);border-radius:5px;border-shadow: 3px 3px 3px 3px;');
|
||||
});
|
||||
$('#ddl_' + prop.DocPropertyName + '').focusout(function () {
|
||||
$('#ddl_' + prop.DocPropertyName + '').attr('style', 'none');
|
||||
});
|
||||
}
|
||||
loadControl(containerid, prop) {
|
||||
var instance = this;
|
||||
var jsfiles = ["platform/controls/cascadingautocomplete/cascadingautocomplete.component.js", "platform/controls/cascadingautocomplete/cascadingautocomplete.settings.js"];
|
||||
var Isrequired = prop.IsRequired != true ? 'hidden' : '';
|
||||
var required = prop.IsRequired != true ? '' : 'required';
|
||||
var CurrentStageId = '';
|
||||
if (prop.IncludedStages != null && prop.IncludedStages != "") {
|
||||
var StagesForRequired = prop.IncludedStages.split('|');
|
||||
Isrequired = StagesForRequired.find(x => x == CurrentStageId) ? '' : 'hidden';
|
||||
required = StagesForRequired.find(x => x == CurrentStageId) ? 'required' : '';
|
||||
}
|
||||
var dropdownJson = JSON.parse(prop.ControlJsonText);
|
||||
const { helpTooltipHtml, helpTextHtml } = Unibase.Platform.Forms.Components.FormViewer.Instance().getControlHelpHtml(prop);
|
||||
var html = '<div id="div_' + prop.DocPropertyName + '_' + prop.FormPropertyId + '" class="div_' + prop.FormPropertyId + ' floating-label-form-group-with-value">' +
|
||||
'<label for="lbl" id="lbl_' + prop.DocPropertyName + '_' + prop.FormPropertyId + '">' + helpTooltipHtml + '<span class="label-name">' + prop.LabelName + '</span><span class="text-danger ' + Isrequired + '" id="spnIsRequired_' + prop.DocPropertyName + '_' + prop.FormPropertyId + '"> *</span></label>' +
|
||||
'<select id="ddl_' + prop.UniqueId + '" class="form-control type-control ' + required + ' value-control dropdown_' + prop.DocPropertyName + '" data-propertyname="" data-isdefault="' + prop.IsDefault + '" data-propdoctypename="' + prop.DocPropertyName + '" placeholder = "' + prop.Placeholder + '" data-placeholder="' + prop.Placeholder + '" data-label="' + prop.LabelName + '" data-isparent="false">';
|
||||
if (dropdownJson[0].EnableSelectOption == true) {
|
||||
if (prop.IsRequired) {
|
||||
html += '<option value="">--Select--</option>';
|
||||
}
|
||||
else {
|
||||
html += '<option value="0">--Select--</option>';
|
||||
}
|
||||
}
|
||||
html += '</select>' + helpTextHtml +
|
||||
'</div>';
|
||||
$("#" + containerid).html(html);
|
||||
$("#" + containerid).find("#ddl_" + prop.UniqueId).on('change', function () {
|
||||
instance.fileCacheHelper.loadJsFiles(jsfiles, function () {
|
||||
if (instance.loadCascading) {
|
||||
Unibase.Forms.Controls.CascadingAutocomplete.Instance().ChildCascadingData(false, prop.FormPropertyId, 0, 0, '');
|
||||
}
|
||||
instance.loadCascading = true;
|
||||
});
|
||||
});
|
||||
}
|
||||
loadControlSettings(controlsettingjson, formpropertyid) {
|
||||
return __awaiter(this, void 0, void 0, function* () {
|
||||
if (controlsettingjson != "" && controlsettingjson != null && controlsettingjson != undefined) {
|
||||
var container = "control-container-" + formpropertyid;
|
||||
var response = JSON.parse(controlsettingjson.ControlJsonText);
|
||||
if (response != null) {
|
||||
if ((response.length == 1) && (response[0].ReportId != 0)) {
|
||||
yield Unibase.Platform.Forms.Managers.FormManager.Instance().dynamicDropDown(response[0].DropDownColumnId).then(function (res) {
|
||||
var drpDwnData = [];
|
||||
let result = res.result;
|
||||
for (let i = 0; i < result.length; i++) {
|
||||
var drpDwn = result[i];
|
||||
drpDwnData.push({ id: drpDwn.ColumnText, text: drpDwn.ColumnValue });
|
||||
}
|
||||
$('#' + container).find("#ddl_" + formpropertyid).select2({
|
||||
placeholder: 'Select',
|
||||
theme: "default select2ErrorClass",
|
||||
data: drpDwnData,
|
||||
width: '100%',
|
||||
});
|
||||
});
|
||||
}
|
||||
else {
|
||||
$('#' + container).find("#ddl_" + controlsettingjson.DocPropertyName).find('option').remove();
|
||||
var data = '';
|
||||
for (var i = 0; i < response.length; i++) {
|
||||
var columnvalue = controlsettingjson.datatypeid == 3 ? response[i].ColumnNumber : response[i].ColumnValue;
|
||||
if (response[i].IsParent == true) {
|
||||
$('#' + container).find("#ddl_" + controlsettingjson.DocPropertyName).data("isparent", response[i].IsParent);
|
||||
}
|
||||
data += '<option value="' + columnvalue + '" columnvalue="' + response[i].DropDownColumnId + '">' + response[i].ColumnText + '</option>';
|
||||
}
|
||||
$('#' + container).find("#ddl_" + formpropertyid).append(data);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
loadPropertySettings(propertysettings, formpropertyid) {
|
||||
return null;
|
||||
}
|
||||
bindEditFormDetails(formpropertyid, propval, DocPropertyName) {
|
||||
var instance = this;
|
||||
instance.loadCascading = false;
|
||||
$("#ddl_" + formpropertyid).val(propval).trigger('change');
|
||||
}
|
||||
static Instance() {
|
||||
if (this._instance === undefined)
|
||||
this._instance = new Dropdown();
|
||||
return this._instance;
|
||||
}
|
||||
}
|
||||
Controls.Dropdown = Dropdown;
|
||||
})(Controls = Forms.Controls || (Forms.Controls = {}));
|
||||
})(Forms = Unibase.Forms || (Unibase.Forms = {}));
|
||||
})(Unibase || (Unibase = {}));
|
||||
File diff suppressed because one or more lines are too long
+1
@@ -0,0 +1 @@
|
||||
var __awaiter=this&&this.__awaiter||function(n,t,i,r){function u(n){return n instanceof i?n:new i(function(t){t(n)})}return new(i||(i=Promise))(function(i,f){function o(n){try{e(r.next(n))}catch(t){f(t)}}function s(n){try{e(r["throw"](n))}catch(t){f(t)}}function e(n){n.done?i(n.value):u(n.value).then(o,s)}e((r=r.apply(n,t||[])).next())})},Unibase;(function(n){let t;(function(t){let i;(function(t){class i extends n.Platform.Core.BaseComponent{constructor(){super(...arguments);this.loadCascading=!0}init(n,t,r){var u=new i;u.loadControlSettings(t,t.UniqueId).then(function(){r!=null&&r()});$("#ddl_"+t.DocPropertyName+"").focusin(function(){$("#ddl_"+t.DocPropertyName+"").attr("style","border:solid 2px rgb(0, 165, 230);border-radius:5px;border-shadow: 3px 3px 3px 3px;")});$("#ddl_"+t.DocPropertyName+"").focusout(function(){$("#ddl_"+t.DocPropertyName+"").attr("style","none")})}loadControl(t,i){var u=this,c=["platform/controls/cascadingautocomplete/cascadingautocomplete.component.js","platform/controls/cascadingautocomplete/cascadingautocomplete.settings.js"],e=i.IsRequired!=!0?"hidden":"",o=i.IsRequired!=!0?"":"required",s="",f,h,r;i.IncludedStages!=null&&i.IncludedStages!=""&&(f=i.IncludedStages.split("|"),e=f.find(n=>n==s)?"":"hidden",o=f.find(n=>n==s)?"required":"");h=JSON.parse(i.ControlJsonText);const{helpTooltipHtml:l,helpTextHtml:a}=n.Platform.Forms.Components.FormViewer.Instance().getControlHelpHtml(i);r='<div id="div_'+i.DocPropertyName+"_"+i.FormPropertyId+'" class="div_'+i.FormPropertyId+' floating-label-form-group-with-value"><label for="lbl" id="lbl_'+i.DocPropertyName+"_"+i.FormPropertyId+'">'+l+'<span class="label-name">'+i.LabelName+'<\/span><span class="text-danger '+e+'" id="spnIsRequired_'+i.DocPropertyName+"_"+i.FormPropertyId+'"> *<\/span><\/label><select id="ddl_'+i.UniqueId+'" class="form-control type-control '+o+" value-control dropdown_"+i.DocPropertyName+'" data-propertyname="" data-isdefault="'+i.IsDefault+'" data-propdoctypename="'+i.DocPropertyName+'" placeholder = "'+i.Placeholder+'" data-placeholder="'+i.Placeholder+'" data-label="'+i.LabelName+'" data-isparent="false">';h[0].EnableSelectOption==!0&&(r+=i.IsRequired?'<option value="">--Select--<\/option>':'<option value="0">--Select--<\/option>');r+="<\/select>"+a+"<\/div>";$("#"+t).html(r);$("#"+t).find("#ddl_"+i.UniqueId).on("change",function(){u.fileCacheHelper.loadJsFiles(c,function(){u.loadCascading&&n.Forms.Controls.CascadingAutocomplete.Instance().ChildCascadingData(!1,i.FormPropertyId,0,0,"");u.loadCascading=!0})})}loadControlSettings(t,i){return __awaiter(this,void 0,void 0,function*(){var f,r,e,u,o;if(t!=""&&t!=null&&t!=undefined&&(f="control-container-"+i,r=JSON.parse(t.ControlJsonText),r!=null))if(r.length==1&&r[0].ReportId!=0)yield n.Platform.Forms.Managers.FormManager.Instance().dynamicDropDown(r[0].DropDownColumnId).then(function(n){var r=[],t;let u=n.result;for(let n=0;n<u.length;n++)t=u[n],r.push({id:t.ColumnText,text:t.ColumnValue});$("#"+f).find("#ddl_"+i).select2({placeholder:"Select",theme:"default select2ErrorClass",data:r,width:"100%"})});else{for($("#"+f).find("#ddl_"+t.DocPropertyName).find("option").remove(),e="",u=0;u<r.length;u++)o=t.datatypeid==3?r[u].ColumnNumber:r[u].ColumnValue,r[u].IsParent==!0&&$("#"+f).find("#ddl_"+t.DocPropertyName).data("isparent",r[u].IsParent),e+='<option value="'+o+'" columnvalue="'+r[u].DropDownColumnId+'">'+r[u].ColumnText+"<\/option>";$("#"+f).find("#ddl_"+i).append(e)}})}loadPropertySettings(){return null}bindEditFormDetails(n,t){var i=this;i.loadCascading=!1;$("#ddl_"+n).val(t).trigger("change")}static Instance(){return this._instance===undefined&&(this._instance=new i),this._instance}}t.Dropdown=i})(i=t.Controls||(t.Controls={}))})(t=n.Forms||(n.Forms={}))})(Unibase||(Unibase={}));
|
||||
@@ -0,0 +1,222 @@
|
||||
var Unibase;
|
||||
(function (Unibase) {
|
||||
let Forms;
|
||||
(function (Forms) {
|
||||
let Controls;
|
||||
(function (Controls) {
|
||||
class DropDown_Settings extends Unibase.Platform.Core.BaseComponent {
|
||||
constructor() {
|
||||
super(...arguments);
|
||||
this.ParentDocPropertyId = 0;
|
||||
}
|
||||
loadControlPropertiesHtml(controlpropList, container) {
|
||||
return ``;
|
||||
}
|
||||
bindPropertySettings(prop) {
|
||||
var propertySettings = prop.PropertySettings;
|
||||
return "";
|
||||
}
|
||||
savePropertySettings(prop) {
|
||||
var propertySettings = prop.PropertySettings;
|
||||
return "";
|
||||
}
|
||||
loadSettingHtml(container) {
|
||||
let html = `<section class="card"><div class="b-b bg-white card-header"><strong class="text-dark Title" id="cpheader">Drop Down Setting</strong></div><div class="row"><div class="col-sm-4 ml-30"><label for="chkIsReportData" style="margin-top:19px; margin-right:20px;"><b>Is ReportData</b></label ><label id="lblIsReportData" class="switch m-t form-inline pull-right mt-10" style="color:grey"><input id="chkIsReportData" data-group="IsRequired" type="checkbox"><span></span></label></div><div class="col-sm-4 ml-30"><label for="chkIsReportData" style="margin-top:19px; margin-right:20px;"><b>Enable Select Option</b></label><label id="lblIsReportData" class="switch m-t form-inline pull-right mt-10" style="color:grey"><input id="chkSelectOption" data-group="IsRequired" type="checkbox" checked><span></span></label></div></div><div class="card-body" id="drpDwnStatic"><div class="row"><div class="col-sm-12"><ul class="list-group list-group-flush dropdownOptions font-14 m-t-n-md ui-sortable" id="dropdownOptions"></ul></div></div><div class="row"><div class="col-sm-6" id="divDropDownList"><div class="divDropDownList"><a href="javascript:" class="btn btn-primary" onclick="Unibase.Forms.Controls.DropDown_Settings.Instance().AddDropDownOptions(0, '', '', '', '', '', '', '');" id="addNewDropDown">Add New Drop Down</a></div></div></div></div><div class="card-body hidden" id="drpDwnUsingReport"><div class="row"><div class="col-sm-4"><label class="font-bold" style="color:grey">Report<span class="text-danger" id="spnIsRequired_Section"> *</span></label><select class="form-control" id="drpDwnReports"><option value="0">--Select--</option></select></div><div class="col-sm-4"><label class="font-bold" style="color:grey">Id Column<span class="text-danger" id="spnIsRequired_Section"> *</span></label><select class="form-control" id="drpDwnIdColumns"></select></div><div class="col-sm-4"><label class="font-bold" style="color:grey">Text Column<span class="text-danger" id="spnIsRequired_Section"> *</span></label><select class="form-control" id="drpDwnTextColumns"></select></div></div></div></section>`;
|
||||
$(container).append(html);
|
||||
$("#drpDwnReports").select2({ placeholder: 'Select Report', width: '100%' });
|
||||
$("#drpDwnIdColumns").select2({ placeholder: 'Select IdColumn', width: '100%' });
|
||||
$("#drpDwnTextColumns").select2({ placeholder: 'Select TextColumn', width: '100%' });
|
||||
var instance = this;
|
||||
instance.DropDownIdArray = [];
|
||||
$("#chkIsReportData").on("change", function () {
|
||||
if ($("#chkIsReportData").prop("checked")) {
|
||||
$("#drpDwnUsingReport").removeClass("hidden");
|
||||
Unibase.Forms.Controls.DropDown_Settings.Instance().LoadReports();
|
||||
$("#drpDwnStatic").addClass("hidden");
|
||||
$('#drpDwnReports').addClass("required");
|
||||
$('#drpDwnIdColumns').addClass("required");
|
||||
$('#drpDwnTextColumns').addClass("required");
|
||||
}
|
||||
else {
|
||||
$("#drpDwnUsingReport").addClass("hidden");
|
||||
$("#drpDwnStatic").removeClass("hidden");
|
||||
$('.option-group').remove();
|
||||
$('#drpDwnReports').removeClass("required");
|
||||
$('#drpDwnIdColumns').removeClass("required");
|
||||
$('#drpDwnTextColumns').removeClass("required");
|
||||
}
|
||||
});
|
||||
}
|
||||
bindControlData(controldatajson) {
|
||||
var instance = this;
|
||||
if (controldatajson != undefined && controldatajson != "") {
|
||||
$("#chkSelectOption").prop('checked', Boolean(controldatajson[0].EnableSelectOption));
|
||||
if ((controldatajson.length == 1) && (controldatajson[0].ReportId != 0)) {
|
||||
$("#chkIsReportData").prop("checked", true);
|
||||
$("#drpDwnUsingReport").removeClass("hidden");
|
||||
$("#drpDwnStatic").addClass("hidden");
|
||||
Unibase.Forms.Controls.DropDown_Settings.Instance().LoadReports();
|
||||
Unibase.Forms.Controls.DropDown_Settings.Instance().LoadReportCoulmns(controldatajson[0].ReportId);
|
||||
setTimeout(function () {
|
||||
$("#drpDwnReports").val(controldatajson[0].ReportId).select2();
|
||||
jQuery("#drpDwnIdColumns").val(controldatajson[0].ColumnValue).trigger('change');
|
||||
jQuery("#drpDwnTextColumns").val(controldatajson[0].ColumnText).trigger('change');
|
||||
}, 200);
|
||||
instance.DropDownIdArray.push(controldatajson[0].DropDownColumnId);
|
||||
}
|
||||
else {
|
||||
$("#chkSelectOption").prop('checked', Boolean(controldatajson[0].EnableSelectOption));
|
||||
$("#chkIsReportData").prop("checked", false);
|
||||
$("#drpDwnUsingReport").addClass("hidden");
|
||||
$("#drpDwnStatic").removeClass("hidden");
|
||||
for (var i = 0; i < controldatajson.length; i++) {
|
||||
var DropDownParentId = controldatajson[i].DropDownParentId;
|
||||
var ParentDocPropertyId = controldatajson[i].ParentDocPropertyId;
|
||||
var IndexNumber = controldatajson[i].IndexNumber;
|
||||
$("#DropDownParentId").val(controldatajson[i].DropDownParentId);
|
||||
DropDown_Settings.Instance().ParentDocPropertyId = controldatajson[i].ParentDocPropertyId;
|
||||
DropDown_Settings.Instance().AddDropDownOptions(controldatajson[i].DropDownColumnId, controldatajson[i].ColumnText, controldatajson[i].ColumnValue, '', ParentDocPropertyId, IndexNumber, DropDownParentId, controldatajson[i].ParentDropDownColumnName);
|
||||
instance.DropDownIdArray.push(controldatajson[i].DropDownColumnId);
|
||||
}
|
||||
}
|
||||
}
|
||||
$(".option-group").addClass('floating-label-form-group-with-value');
|
||||
}
|
||||
SaveControlData(controldatajson) {
|
||||
var arr = [];
|
||||
var instance = this;
|
||||
if ($("#chkIsReportData").prop("checked")) {
|
||||
var data = {
|
||||
DropDownColumnId: Number(instance.DropDownIdArray[0] == null ? 0 : instance.DropDownIdArray[0]),
|
||||
ColumnText: $("#drpDwnTextColumns option:selected").val(),
|
||||
ColumnValue: $("#drpDwnIdColumns option:selected").val(),
|
||||
DocPropertyId: Number(Unibase.Platform.Forms.Components.PropertyEditor.Instance().DocPropertyId),
|
||||
ControlId: Unibase.Platform.Forms.Components.ControlEditor.Instance().ControlId,
|
||||
IndexNumber: $(this).index() + 1,
|
||||
ReportId: Number($("#drpDwnReports option:selected").val()),
|
||||
EnableSelectOption: Boolean($("#chkSelectOption").prop('checked')),
|
||||
};
|
||||
arr.push(data);
|
||||
}
|
||||
else {
|
||||
var i = 0;
|
||||
$(".option-group").each(function () {
|
||||
var data = {
|
||||
DropDownColumnId: Number(instance.DropDownIdArray[i] == null ? 0 : instance.DropDownIdArray[i]),
|
||||
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: $(this).index() + 1,
|
||||
ReportId: 0,
|
||||
EnableSelectOption: Boolean($("#chkSelectOption").prop('checked')),
|
||||
};
|
||||
arr.push(data);
|
||||
i++;
|
||||
});
|
||||
}
|
||||
var ControlJsonText = JSON.stringify(arr);
|
||||
return ControlJsonText;
|
||||
}
|
||||
LoadReports() {
|
||||
Unibase.Platform.Analytics.Managers.ReportManager.Instance().getReports().then(function (response) {
|
||||
var html = "";
|
||||
for (let i = 0; i < response.length; i++) {
|
||||
var data = response[i];
|
||||
html += '<option value="' + data.ReportId + '">' + data.ReportName + '</option>';
|
||||
}
|
||||
$("#drpDwnReports").append(html);
|
||||
$("#drpDwnReports").change(function () {
|
||||
$("#drpDwnIdColumns").text('');
|
||||
$("#drpDwnTextColumns").text('');
|
||||
var ReportClass = $("#drpDwnReports option:selected").val().toString();
|
||||
var ReportId = Number(ReportClass);
|
||||
Unibase.Forms.Controls.DropDown_Settings.Instance().LoadReportCoulmns(ReportId);
|
||||
});
|
||||
});
|
||||
}
|
||||
LoadReportCoulmns(ReportId) {
|
||||
Unibase.Platform.Analytics.Managers.ReportManager.Instance().getHeaderColumns(ReportId).then(function (response) {
|
||||
var html = '<option value="0"> --Select-- </option>';
|
||||
for (let i = 0; i < response.length; i++) {
|
||||
var data = response[i];
|
||||
html += '<option value="' + data.field + '">' + data.title + '</option>';
|
||||
}
|
||||
$("#drpDwnIdColumns").append(html);
|
||||
$("#drpDwnTextColumns").append(html);
|
||||
});
|
||||
}
|
||||
AddDropDownOptions(DropDownColumnId, ColumnText, ColumnValue, ParentDocPropertyName, ParentDocPropertyId, IndexNumber, DropDownParentId, ParentDropDownColumnName) {
|
||||
var instance = this;
|
||||
var ddcId = 0;
|
||||
var Index = $('.option-group').length;
|
||||
var indicator = Index;
|
||||
if (Index == 0) {
|
||||
indicator = 0;
|
||||
}
|
||||
if (DropDownColumnId != 0) {
|
||||
ddcId = DropDownColumnId;
|
||||
indicator = IndexNumber;
|
||||
}
|
||||
else {
|
||||
indicator += 1;
|
||||
Index = indicator;
|
||||
}
|
||||
var text = '<li class="list-group-item ui-sortable-handle option-group" id="divDropDownOption_' + Index + '"><div class="" > ' +
|
||||
'<div class="floating-label-form-group hidden" id="divParentDocPropertyName" style="border-left:0px;">' +
|
||||
'<label for="lblValue" id="lbl" class="font-bold">Parent PropertyName</label>' +
|
||||
'<input type="text" id="rdbParentDocPropertyName_' + Index + '" class="form-control value-control floating-label-control rdbParentDocPropertyName" data-controlpropertyname="Name" data-isdefault="true" data-required="true" data-regularexp="" data-validatemsg="" placeholder="Value" data-placeholder="Enter value column" data-label="Options" maxlength="50" disabled="true" />' +
|
||||
'</div>' +
|
||||
'<div class="hidden floating-label-form-group" id="divParentColumnName" style = "border-left:0px;"><label for="lblValue" id="lbl" class="font-bold">Parent ColumnName</label><select id="txtAutoComplete_ParentDDLColumn_' + Index + '" class="txtAutoComplete_ParentDDLColumn form-control text-control " style="width:100%;"></select></div>' +
|
||||
'<i class="fa fa-sort pull-left"></i><div class=""><span id="option_header_' + Index + '">Drop-down text-</span><span id="IndexnumberDetails_' + Index + '" class="IndexnumberDetails"></span><a href="javascript:;" class="ml-auto btn-xs delete btn btn-icon btn-icon-circle btn-pink btn-icon-style-3 pull-right delete_" onclick="Unibase.Forms.Controls.DropDown_Settings.Instance().RemoveDropDownOption(' + DropDownColumnId + ',' + Index + ')"><span class="btn-icon-wrap"><i class="fa fa-times remove-icon_' + Index + '"></i><span></a></div>' +
|
||||
'<div class="row">' +
|
||||
'<div class="col-sm-6" id="columnid" style = "border-left:0px;" ><div class="floating-label-form-group"><label for="lblName" id="lbl" class="font-bold">Text<span class="text-danger" id="spnIsRequired_Section"> *</span></label>' +
|
||||
'<input type="text" id="rdbText_' + Index + '" class="form-control floating-label-control rdbText required" data-controlpropertyname="Name" data-isdefault="true" data-required="true" data-regularexp="" data-validatemsg="" placeholder="Text " data-placeholder="Enter text column" data-label="Text " maxlength="50" /></div></div>' +
|
||||
'<div class="col-sm-6" id="columnVal" style = "border-left:0px;" ><div class="floating-label-form-group"><label for="lblValue" id="lbl" class="font-bold">Value<span class="text-danger" id="spnIsRequired_Section"> *</span></label>' +
|
||||
'<input type="text" id="rdbValue_' + Index + '" class="form-control floating-label-control rdbValue required" data-controlpropertyname="Name" data-isdefault="true" data-required="true" data-regularexp="" data-validatemsg="" placeholder="Value " data-placeholder="Enter value column" data-label="Value " maxlength="50" />' +
|
||||
'</div></div>' +
|
||||
'</div></div></li>';
|
||||
$("#dropdownOptions").append(text);
|
||||
if (ColumnText != '' || ColumnText != undefined) {
|
||||
$("#rdbText_" + Index).val(ColumnText);
|
||||
}
|
||||
if (ColumnValue != '' || ColumnValue != undefined) {
|
||||
$("#rdbValue_" + Index).val(ColumnValue);
|
||||
$("#DropDownParentId_" + Index).val($("#DropDownParentId").val());
|
||||
}
|
||||
if (IndexNumber != '' && IndexNumber != undefined) {
|
||||
$("#IndexnumberDetails_" + Index).text(IndexNumber);
|
||||
$("#IndexNumber").removeClass('hidden');
|
||||
}
|
||||
if (indicator != undefined) {
|
||||
$("#IndexnumberDetails_" + Index).text(indicator);
|
||||
$("#IndexNumber").removeClass('hidden');
|
||||
}
|
||||
let e = $("#dropdownOptions");
|
||||
e.sortable({
|
||||
stop: function (e, ui) {
|
||||
var index = 1;
|
||||
$("#dropdownOptions").find('.option-group').each(function () {
|
||||
var index = $(this).index() + 1;
|
||||
$(this).find(".IndexnumberDetails").text(index);
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
RemoveDropDownOption(DropDownColumnId, Index) {
|
||||
$("#divDropDownOption_" + Index).remove();
|
||||
$("#dropdownOptions").find('.option-group').each(function () {
|
||||
var index = $(this).index() + 1;
|
||||
$(this).find(".IndexnumberDetails").text(index);
|
||||
});
|
||||
}
|
||||
static Instance() {
|
||||
if (this._instance === undefined)
|
||||
this._instance = new DropDown_Settings();
|
||||
return this._instance;
|
||||
}
|
||||
}
|
||||
Controls.DropDown_Settings = DropDown_Settings;
|
||||
})(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
Reference in New Issue
Block a user