WebBuild/wwwroot/platform/datasources/components/datalistbuilder/datalistbuilder.template.js

var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let DataSources;
        (function (DataSources) {
            let Templates;
            (function (Templates) {
                class DatalistBuilder {
                    loadDocTypeTemplate() {
                        let html = `<li class="dd-item dd3-item" id="liDoctype_{{DocTypeId}}">
                    <div class="blockelem create-flowy noselect">
                    <input type="hidden" name="blockelemtypeid" class="blockelemtypeId" value="{{DocTypeId}}">
                    <input type="hidden" name="blockelemtypename" class="blockelemtypename" value="{{DocTypeName}}">
                    <input type="hidden" name="blockelemtablename" class="blockelemtablename" value="{{DocTypeTableName}}">

                    <div class="grabme" style="margin-top:-5px;"><img src="libs/flowy/assets/grabme.svg"></div>
                    <div class="blockin">      
                     <div class="blocktext" style="margin-left:-5px;">
                     <p class="blocktitle text-sun">{{DocTypeName}}</p>
                     </div>
                     </div>
                     </div>
                    </li>`;
                        return html;
                    }
                    loadDataSourceProvidersTemplate() {
                        let html = `<div class="col-sm-3">
                    <div class="card text-center"><a href="javascript:;" onclick="Unibase.DataSources.DataLists.DatalistBuilder.Instance().getDataSources({{DataSourceProviderId}},'{{DataSourceProviderName}}')">
                    <div class="card-body text-center">
                    <div class="avatar rounder-cornor"><i class="fa fa-cloud-download fa-4x"></i></div>
                    <div class="mt-2"> {{DataSourceProviderName}}</div>
                    </div></a>
                    </div>
                    </div>`;
                        return html;
                    }
                    loadDataSourceTemplate() {
                        let html = `<div class="col-sm-3">
                    <div class="card text-center"><a href="javascript:;" onclick="Unibase.DataSources.DataLists.DatalistBuilder.Instance().editDataSource({{DataSourceId}},{{DataSourceProviderId}})">
                    <div class="card-body text-center">
                    <div class="avatar rounder-cornor"><i class="fa fa-database fa-4x"></i></div>
                    <div class="mt-2">{{DataSourceName}}</div>
                    </div></a>
                    </div>
                    </div>`;
                        return html;
                    }
                    loadAddDataSourceTemplate(dataSourceproviderid) {
                        let html = `<div class="card"><div class="card-header"><p class="h5" id="addDataSource_title">Add Data Source</p></div>
                            <div class="card-body row" id="div_addDataSource_${dataSourceproviderid}">
                            <input type="hidden" id="datasource_DataSourceId">
                            <div class="form-group col-md-4"><label>User Id</label><input type="text" class="form-control" placeholder="User Id"id="datasource_UserId"></div>
                            <div class="form-group col-md-4"><label>Password</label><input type="text" class="form-control" placeholder="Password" id="datasource_Password"></div>
                            <div class="form-group col-md-4"><label>DataSourceName</label><input type="text" class="form-control" placeholder="DataSourceName" id="datasource_DataSourceName"></div>
                            <div class="form-group col-md-4"><label>UserDeviceId</label><input type="text" class="form-control" placeholder="UserDeviceId" id="datasource_UserDeviceId"></div> 
                            <div class="form-group col-md-4"><label>Data Source Provider</label>
                            <select class="form-control" id="select_datasourceproviders"></select>
                            </div>
                            </div>
                            <div class="card-footer"><button id="btn-addsource-close" class="btn-addsource-close btn btn-secondary btn-sm mr-auto">Close</button><button id="btn-settings-save" class="btn-datasource-save btn btn-primary btn-sm" onclick="Unibase.DataSources.DataLists.DatalistBuilder.Instance().saveDataSource(${dataSourceproviderid})">Save</button></div>
                            </div>`;
                        return html;
                    }
                    loadDocPropertyTemplate() {
                        let html = `<input type="hidden" id="doc_tablename" value="{{PropTableName}}"><li class="list-group-item li_docproperty" id="liDocProperty_{{DocPropertyId}}">
                                        <div id="div_docproperty" class="custom-control custom-checkbox"><input type="checkbox" class="chk_DocPropertyId custom-control-input" id="chk_DocPropertyId_{{DocPropertyId}}"  value="{{DocPropertyId}}" onchange="DatalistBuilder.Instance().removeDocProperty({{DocPropertyId}})"> <label id="spn_DocpropertyName" class="custom-control-label" for="chk_DocPropertyId_{{DocPropertyId}}">{{DocPropertyName}}</label></div></li>`;
                        return html;
                    }
                    loadJoinDoctypesTemplate(doctypeid, doctypename, doctablename, len) {
                        let html = ` <li class="list-group-item" id="li_join_${len}">
                     <div class="row">
                    <div class="col-sm-3"><div id="docproperty_${doctypeid}"><p class="font-14"><strong>${doctypename}</strong></p><input type="hidden" id="hf_leftdoctablename_${len}" value="${doctablename}">
                     <select id="select_docproperties_${doctypeid}_${len}"class="form-control">{{Options}}</select>
                    </div></div>
                    <div class="col-sm-2"><div id="jointype"><p class="font-14"><strong>Join Type</strong></p>
                     <select id="select_joins_${len}"class="form-control">
                     <option value="1" data-name="Inner" >Inner</option>
                     <option value="2" data-name="LeftOuter" >LeftOuter</option>
                     <option value="3" data-name="RightOuter" >RightOuter</option>
                     <option value="4" data-name="FullOuter" >FullOuter</option>
                     <option value="5" data-name="Cross" >Cross</option>
                     <option value="6" data-name="Self" >Self</option>
                     </select>
                    </div></div>
                     <div class="col-sm-3"><div id="doctypes_{{DoctypeId}}_${len}"><p class="font-14"><strong>Select DocType</strong></p><input type="hidden" id="hf_rightDoctype_${len}"><input type="hidden" id="hf_rightDoctypeName_${len}"><input type="hidden" id="hf_rightDocTableName_${len}">
                     <select id="select_doctypes_${len}"class="form-control" onchange="javascript:Unibase.DataSources.DataLists.DatalistBuilder.Instance().getDocPropertiesByDoctypeId(${len})"></select>
                    </div></div>
                    <div class="col-sm-3"><div id="doctypeproperty_${len}" class="hidden"><p class="font-14 font-bold" id="selected_doctype_${len}"></p>
                     <select id="select_docproperty_${len}"class="form-control"></select>
                    </div></div>
                    <button class="btn btn-icon btn-primary mt-10" id="btn_addJoins" onclick="javascript:Unibase.DataSources.DataLists.DatalistBuilder.Instance().addJoin(${doctypeid},'${doctypename}','${doctablename}',${len})"><i class="fa fa-plus"></i></button>
                    </div></li>`;
                        return html;
                    }
                    addJoinTemplate() {
                        let html = `<tr class="join-rows"><td width="45%"><input type="hidden" id="leftdoctypeid" value={{LeftDocTypeId}} data-table={{LeftDocTableName}}><span id="td_leftdoctypename">{{LeftDocTypeName}}</span></td>
                <td width="50%"><input type="hidden" id="leftdocpropid" value={{LeftDocPropertyId}} ><span id="td_leftdocpropname">{{LeftDocPropertyName}}</span></td>  
                <td width="45%"><input type="hidden" id="rightdoctypeid" value={{RightDocTypeId}} data-table={{RightDocTableName}} /><span id="td_rightdoctypename">{{RightDocTypeName}}</span></td>
                <td width="50%"><input type="hidden" id="rightdocpropid" value={{RightDocPropertyId}} ><span id="td_rightdocpropname">{{RightDocPropertyName}}</span></td>
                <td width="50%"><input type="hidden" id="doctype_joinid" value={{JoinId}} ><span id="td_jointype">{{JoinName}}</span></td>
                <td width="50%"><a href="javasrcipt:;" class="btn_joindelete"><i class="fa fa-trash text-danger"></i></a></td>
                </tr>`;
                        return html;
                    }
                    loadJoinDocPropertiesTemplate() {
                        let html = `<option value="{{DocPropertyId}}">{{DocPropertyName}}<option>`;
                        return html;
                    }
                    loadDoctypesDropdownTemplate() {
                        let html = `<option value="{{DocTypeId}}" data-table="{{DocTableName}}">{{DocTypeName}}<option>`;
                        return html;
                    }
                    loadDataSourceProviderDropdownTemplate() {
                        let html = `<option value="{{DataSourceProviderId}}">{{DataSourceProviderName}}<option>`;
                        return html;
                    }
                    loadDataSourceProviders() {
                        let html = `<div class="card" style="position: initial;height:-webkit-fill-available;"><div class="card-header"><p class="h5">Data Source Providers</div>
                    <div class="card-body row" id="div_datasourceproviders">
                     <div id="div_datasourceproviders" class="accordion"></div>

                    </div>
                    <div class="card-footer"><button id="btn-data-source-close" class="btn-datasource-close btn btn-secondary btn-sm mr-auto">Close</button></div>
                    </div>`;
                        return html;
                    }
                    loadCustomFilterTemplate() {
                        let html = `<section id="custom-filter-section" class="modal-content">
   <div class="modal-header pa-10" id="reportrolesetting_header">
	  <strong class="modal-title biz-highlight-bg-color">Custom Filter</strong>
   </div>
   <div data-simplebar class="simple-scroll-bar modal-body bg-charcoal-light-5">
      <div id="divCustomFilter_ErrorMessage"></div>
      <div class="sub-report-block" id="cutomfilter_modal">
         <div class="customfilter-block card" data-select2-id="24">
            <div data-select2-id="23">
               <header class="custom-filter-head">
                  <h6 class="required">
                     Custom Filters
                  </h6>
                 <div class="div_CustomFilter pull-right"><a id="btnAddCustomFilter" onclick="Unibase.Platform.DataSources.Components.CustomFilters.Instance().loadCustomFilterSection()"; class="btn btn-primary text-white"><span class="mr-2">Add</span></a></div>
                  </button>
               </header>
                <div class="custom-filters pa-10"></div>
         </div>
      </div>
   </div>
   </div>
</div>
   <div class="modal-footer pa-10" id="customfilter_footer">
      <button type="button" class="btn btn-sm btn-light mr-auto" id="btn-customfilter-close">Cancel</button>
      <button type="button" class="btn btn-sm btn-primary" id="btn-customfilter-add">Save</button>
   </div>
</section>`;
                        return html;
                    }
                    loadCustomFilterCardTemplate(index) {
                        var html = `<div id="div_CustomFilterSection_` + index + `">
            <div class="card custom-filter-` + index + ` py-10">
                <input type="hidden" name="index" class="hf_index" value="${index}">
                <div class="row mx-0">
                    <div class="col-sm-6" id="div_filtername">
                        <div class="floating-label-form-group">
                            <label for="lbl" id="lbl_filtername" class="lbl_txt">Filter Name<span
                                    class="text-danger">*</span></label>
                            <input type="text" id="txt_filtername_` + index + `"
                                class="type-control form-control type-control value-control required floating-label-control txt_name"
                                placeholder="Filter Name *" data-placeholder="Filter Name" data-label="Filter Name *"
                                data-regularexp="" data-validatemsg="">
                        </div>
                    </div>
                    <div class="col-auto align-self-end div_iswhere"><div class="form-group d-flex align-items-center mb-0">
                       <input type="checkbox" class="mr-10" onclick="Unibase.Platform.DataSources.Components.CustomFilters.Instance().isWhere(` + index + `)" id="cf_iswhere_checkbox_${index}"><label for="cf_iswhere_checkbox_${index}" class="mb-0">IsWhere</label>
                     </div></div>
                    <div class="col-auto align-self-end div_autodate"><div class="form-group d-flex align-items-center mb-0">
                       <input type="checkbox" class="mr-10" onclick="" id="cf_autodata_checkbox_${index}" checked="true"><label for="cf_autodata_checkbox_${index}" class="mb-0">Auto Data</label>
                     </div></div>
                     <div class="col-auto align-self-end div_isrulevalue"><div class="form-group d-flex align-items-center mb-0">
                       <input type="checkbox" class="mr-10" onclick="" id="cf_isrulevalue_checkbox_${index}" checked="true"><label for="cf_isrulevalue_checkbox_${index}" class="mb-0">IsRuleValue</label>
                     </div></div>
                    <div class="col-sm-12 mt-15" id="div_expression_${index}"><div id="expression_builder_${index}" class="d-block"></div></div>
                </div>
                <a id="RemoveCustomFilter_` + index + `" class="position-absolute r-0 t-0 px-2 py-1"
                    onclick="Unibase.Platform.DataSources.Components.CustomFilters.Instance().removeCustomFilter(` + index + `)"
                    style="cursor:pointer"><i class="fa fa-times"></i></a>
            </div>
        </div>`;
                        return html;
                    }
                    static Instance() {
                        if (this._instance === undefined)
                            this._instance = new Templates.DatalistBuilder();
                        return this._instance;
                    }
                }
                Templates.DatalistBuilder = DatalistBuilder;
            })(Templates = DataSources.Templates || (DataSources.Templates = {}));
        })(DataSources = Platform.DataSources || (Platform.DataSources = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));