sriramphanib
/
WebBuild
關註 1
收藏 0
複製 0
程式碼 問題管理 0 合併請求 0 版本發佈 0 Wiki Activity
Built files from Bizgaze WebServer
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
4 Commit
1 分支
目錄樹: 1cf637698e
分支列表 標籤列表
${ item.name }
Create branch ${ searchTerm }
from '1cf637698e'
${ noResults }
WebBuild/wwwroot/platform/analytics/components/reportbuilder/reportbuilder.template.min.js

reportbuilder.template.min.js 102KB
文件歷史 原始文件

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210 
  1. var Unibase;(function(n){let t;(function(t){let i;(function(t){let i;(function(t){class i{loadDataListsTemplate(){return`<option value="{{Value}}"> {{SelectText}} </option>`}loadDataListColumnsTemplate(){return`<li class="dd-item dd3-item pt-5 pl-10 pr-5 li_{{ColumnId}}" id="li_{{ColumnId}}" style="list-style-type:none"> 

  2.                         <div class=""> <span id="ColDataType" class="hidden"> </span>

  3.                         <div class="dd3-content col-sm-12" id="Column_{{ColumnId}}" draggable="true">

  4.                         <div class="row"> 

  5.                         <small class="col-sm-2 mt-1" id="ColDataType_icon"> </small>

  6.                         <span class="pl-10 ColumnName" title="{{ColumnName}}"> <span> {{TrimmedColumnName}} </span> </span>

  7.                         <input type="text" class="DisplayText col-sm-3 p-0 hidden" onkeyup="ReportBuilder.Instance().tableAliasName({{ColumnId}},'{{ColumnName}}')">

  8.                         <span class="pl-30 col-sm-2 Aggregation hidden"> 

  9.                         <select class="border-light border-3 AggrFunc" id="cmbAggrFuncDraggedList_{{ColumnId}}" onchange="ReportBuilder.Instance().changeAggregation({{ColumnId}},'{{ColumnName}}')" style="width:90px;"></select></span> 

  10.                         <span class="col-sm-1 Options text-right hidden">

  11.                         <a class="pa-0 dropdown-toggle no-caret" data-toggle="dropdown" onclick="">

  12.                         <i class="fa fa-ellipsis-v"></i></a> <div class="dropdown-menu dropdown-menu-right">	

  13.                         <a class="dropdown-item" href="javascript:;" onclick="ReportBuilder.Instance().showOrHideColumnsInTable({{ColumnId}},'{{ColumnName}}')">

  14.                         <i class="dropdown-icon fa fa-eye-slash" id="DropDown_Eye_EyeSlash"></i>

  15.                         <span id="ShowOrHideColumn">Hide Column</span> </a>

  16.                         <a class="dropdown-item " href="javascript:;"><i class="dropdown-icon zmdi zmdi-laptop-mac"></i>

  17.                         <span>Is Filterable</span></a><div class="dropdown-divider"></div>

  18.                         <div class="sub-dropdown-menu show-on-hover"><a href="javascript:;" class="dropdown-toggle dropdown-item no-caret">

  19.                         <i class="zmdi zmdi-swap-vertical"></i>Sort by </a>

  20.                         <div class="dropdown-menu open-left-side">

  21.                         <a class="dropdown-item" onclick="javascript: ReportBuilder.Instance().ascendingOrder({{ColumnId}},'{{ColumnName}}');" href="javascript:;">

  22.                         <i class="dropdown-icon zmdi zmdi-caret-up"></i><span>Ascending</span></a>

  23.                         <a class="dropdown-item" onclick="javascript: ReportBuilder.Instance().descendingOrder({{ColumnId}},'{{ColumnName}}');" href="javascript:;">

  24.                         <i class="dropdown-icon zmdi zmdi-caret-down"></i>	<span>Descending</span>	</a>

  25.                         </div></div></div> </span> 

  26.                         <span class="col-sm-1 text-right hidden" id="DeleteSelectedColumn">

  27.                         <a class="pa-0 dropdown-toggle no-caret" data-toggle="dropdown" onclick="ReportBuilder.Instance().deleteSelectedColumn({{ColumnId}},'{{ColumnName}}')">

  28.                         <i class="fa fa-close"></i></a>  </span>

  29.                         </div> </div> </div>

  30.                         </li>`}loadToolTipColumn(n,t,i,r){return`<div class="dsl-block datagroup inline-edit" id="dsl_tool_column_${t}">

  31.                                             <span>

  32. 												<i class="las la-braille dragger"></i>

  33.                                             <div class="dsl-block-name">

  34.                                             <input type="text" id="txttooltipedit" required="required" value="${r}" class="edit text-truncate" disabled>

  35.                                             <button type="reset" title="Click me to clear the input field" class="reset-text font-18 hidden" onclick ="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().toolTipEdit('${t}')">&times;</button>

  36.                                             </div>

  37.                                                 </span>

  38.                                                 <span>

  39.                                                 <a class="btn btn-xs btn-icon btn-flush-dark btn-rounded flush-soft-hover inline-edit-btn text-dark" href="javascript:;"><span class="btn-icon-wrap">

  40.                                                     <span class="line-icon">

  41.                                                         <i class="las la-pen font-20"></i>

  42.                                                     </span>

  43.                                                 </span></a>

  44.                                                 <a class="btn btn-xs btn-icon btn-rounded dsl-block-close text-dark" href="javacript:;" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().removeSelectedToolTip('${t}')"><span class="line-icon">

  45.                                                         <i class="las la-times font-18 mt-1"></i>

  46.                                                     </span></a></span>

  47.                                             </div></div>`}loadSelect2Column(t,i,r){let u="",f="";return n.Platform.Analytics.Reports.ReportBuilder.Instance().reportType==n.Platform.Analytics.Reports.Enums.ReportType.Chart&&(f="d-none"),u+=`<div class="dsl-block datagroup column_${i}" id="dsl_column_${i}">

  48. 												<span><i class="las la-braille dragger"></i>

  49. 														<span class="dsl-block-name">${i}</span>

  50. 												</span><span>`,u+=r==n.Platform.Analytics.Reports.Enums.DataType.dateTime||n.Platform.Analytics.Reports.Enums.DataType.decimal?`<div class="dropdown dsl_column_filters"><span class="dropdown-toggle flush-soft-hover no-caret"  onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().clickedTableCaret(`+t+`,'`+i+`',`+r+`)" data-toggle="dropdown" aria-expanded="false"><span class="btn-icon-wrap"><span class="line-icon"><i class="las la-ellipsis-v text-dark font-21"></i></span></span></span><ul class="dropdown-menu dropdown-menu-right dropdown-radio dropdown-menu-`+t+`"><li><h6 class="dropdown-header" href="javascript:;" >`+i+`</h6></li><div class="dropdown-divider"></div><li id="dropdown_Aggregation_`+i.replace(" ","")+`"><div class="sub-dropdown-menu show-on-hover"><a class="dropdown-item" href="javascript:;" onclick=""><span id="AggregateOperation"> Aggregation </span></a><div class="dropdown-menu dropdown-radio"></div></div></li><li><a class="dropdown-item" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().IsFilterableColumn_table(`+t+`,'`+i+`')"><span id="IsFilterableColumn">IsFilterable<i class="dropdown-icon fa fa-check pull-right hidden text-primary"  id="DropDown_IsFilterable_`+i.replace(" ","")+`"></i></span></a></li><li><a class="dropdown-item" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().IsPrimaryKey(`+t+`,'`+i+`')"><span id="IsPrimaryKeyColumn">IsPrimaryKey<i class="dropdown-icon fa fa-check pull-right hidden text-primary"  id="DropDown_IsPrimaryKey_`+i.replace(" ","")+`"></i></span> </a></li><li><a class="dropdown-item" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().IsContactColumn(`+t+`,'`+i+`')"><span id="IsContactColumn" class="flex-between-center">IsContactColumn<i class="dropdown-icon fa fa-check pull-right hidden text-primary font-16"  id="DropDown_IsContactColumn_`+i.replace(" ","")+`"></i></span></a></li><li><a class="dropdown-item flex-between-center c-gap-10" href="javascript:;" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().isNumberAbbreviation(${t},'${i}')"><label id="IsNumberAbbrevation_${t}" class="mb-0">Number abbrevation</label><input type="checkbox" id="IsNumberAbbrevation_${t}" checked></a></li><li id="ColumnFormat_`+i+`"><div class="sub-dropdown-menu show-on-hover"><a class="dropdown-item d-inline" href="javascript:;" onclick=""><span id="ColumnFormat">Date Format </span></a><div class="dropdown-menu dropdown-radio open-left-side dropdown-menu-scrollbar" style="max-height : 400px; overflow-y : scroll"></div></div></li><div class="dropdown-divider"></div><input type="text" class="form-control" id="displayText_`+i+`" value=`+i+` onkeyup="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().updateSelect2DisplayText('displayText_`+i+`','dsl_column_`+i+`')"><div class="dropdown-divider"></div><li><a class="dropdown-item" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().showOrHideColumn_table(`+t+`,'`+i+`')"><span id="ShowOrHideColumn">Hide Column</span></a></li> <li><a class="dropdown-item link-danger ${f}" href="javascript:;" onclick=""><span id="RemoveSelectedColumn" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().removeSelectedColumn_table(`+t+`,'`+i+`')"> Remove Column </span></a></li></ul></div>`:`<div class="dropdown dsl_column_filters"><span class="dropdown-toggle flush-soft-hover no-caret"  onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().clickedTableCaret(`+t+`,'`+i+`',`+r+`)" data-toggle="dropdown" aria-expanded="false"><span class="btn-icon-wrap"><span class="line-icon"><i class="las la-ellipsis-v text-dark font-21"></i></span></span></span><ul class="dropdown-menu dropdown-menu-right dropdown-radio dropdown-menu-`+t+`"><li><h6 class="dropdown-header">`+i+`</h6></li><div class="dropdown-divider"></div><li id="dropdown_Aggregation_`+i.replace(" ","")+`"><div class="sub-dropdown-menu show-on-hover"><a class="dropdown-item" href="javascript:;" onclick=""><span id="AggregateOperation"> Aggregation </span></a><div class="dropdown-menu dropdown-radio"></div></div></li><li><a class="dropdown-item" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().IsFilterableColumn_table(`+t+`,'`+i+`')"><span id="IsFilterableColumn">IsFilterable<i class="dropdown-icon fa fa-check pull-right hidden text-primary"  id="DropDown_IsFilterable_`+i.replace(" ","")+`"></i></span> </a></li><li><a class="dropdown-item" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().IsPrimaryKey(`+t+`,'`+i+`')"><span id="IsPrimaryKeyColumn">IsPrimaryKey<i class="dropdown-icon fa fa-check pull-right hidden text-primary"  id="DropDown_IsPrimaryKey_`+i.replace(" ","")+`"></i></span> </a></li><li><a class="dropdown-item" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().IsContactColumn(`+t+`,'`+i+`')"><span id="IsContactColumn" class="flex-between-center">IsContactColumn<i class="dropdown-icon fa fa-check pull-right hidden text-primary font-16"  id="DropDown_IsContactColumn_`+i.replace(" ","")+`"></i></span> </a></li><li><a class="dropdown-item flex-between-center c-gap-10" href="javascript:;" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().isNumberAbbreviation(${t},'${i}')"><label id="IsNumberAbbrevation_${t}" class="mb-0">Number abbrevation</label><input type="checkbox" id="IsNumberAbbrevation_${t}" checked></a></li>

  51.                             <div class="dropdown-divider"></div><input type="text" class="form-control" id="displayText_`+i+`" value=`+i+` onkeyup="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().updateSelect2DisplayText('displayText_`+i+`','dsl_column_`+i+`')"><div class="dropdown-divider"></div></div><li><a class="dropdown-item" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().showOrHideColumn_table(`+t+`,'`+i+`')"><span id="ShowOrHideColumn">Hide Column</span> </a></li> <li><a class="dropdown-item link-danger" href="javascript:;" onclick=""><span id="RemoveSelectedColumn" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().removeSelectedColumn_table(`+t+`,'`+i+`')"> Remove Column </span></a></li></ul></div>`,u+(`<a class="btn btn-xs btn-icon btn-flush-dark btn-rounded flush-soft-hover dsl-block-close" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().removeSelectedColumn_table(`+t+`,'`+i+`')"><span class="btn-icon-wrap" ><span class="line-icon"><i class="las la-times font-16"></i></span></span></a></span></div>`)}loadPivotForm(){let n=`<div id="drawer_push" class="biz-drawer biz-drawer drawer-small drawer-right custom-right-chart-nav">`;return n+=`<ul class="nav nav-light nav-tabs">

  52. 				                            <li class="nav-item">

  53. 					                            <a class="nav-link active" data-toggle="tab" href="#tab_dynamic_pivote">

  54. 						                            <span class="nav-link-text">Dynamic</span>

  55. 					                            </a>

  56. 				                            </li>

  57. 				                            <li class="nav-item">

  58. 					                            <a class="nav-link" data-toggle="tab" href="#tab_normal_pivote">

  59. 						                            <span class="nav-link-text">Normal</span>

  60. 					                            </a>

  61. 				                            </li>

  62. 			                            </ul>`,this.pivotFormHtml=`

  63.                 <div class="tab-content mt-0">

  64. 					<div class="tab-pane fade active show" id="tab_dynamic_pivote">

  65. 						<div data-simplebar class="simple-scroll-bar">

  66. 							<div class="drawer-header">

  67. 								<h6>Dynamic Filter<span class="badge badge-green badge-pill ml-5"></span></h6>

  68. 								<div class="d-flex align-items-center">

  69. 									<button class="btn btn-xs btn-outline-secondary mr-15" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().resetSelect2Columns('dynamicFilter_select')">reset</button>

  70. 									<button type="button" class="drawer-close close">

  71. 										<span aria-hidden="true">×</span>

  72. 									</button>

  73. 								</div>

  74. 							</div>

  75. 							<div class="card-body">

  76.                                 <div class="form-group d-flex align-items-center" id="div_pindynamicfiltes">

  77.                                     <input type="checkbox" class="ck_bx_pindynamicfiltes mr-10" id="pindynamicfilters_checkbox"><label for="pindynamicfilters_checkbox" class="mb-0">

  78.                                     Pin Dynamic Filters</label>

  79.                                 </div>

  80.                                 <div class="form-group d-flex align-items-center" id="div_showdatalistcolumns">

  81.                                     <input type="checkbox" class="ck_bx_showdatalistcolumns mr-10" id="showdatalistcolumns_checkbox"><label for="showdatalistcolumns_checkbox" class="mb-0">

  82.                                     Show Datalist Columns</label>

  83.                                 </div>

  84. 								<select class="form-control custom-select" id="dynamicFilter_select">

  85.                                       <option selected>- Select Columns -</option>

  86. 								</select>

  87.                             <div class="dynamic-list-group-wrapper ui-sortable dsl-block-wrap mt-10 p-0" id="dynamic-list-group-wrapper">

  88. 							</div>

  89. 							</div>

  90. 						</div>

  91. 					</div>

  92. 

  93.                         

  94. 					<div class="tab-pane fade p-0" id="tab_normal_pivote">

  95.                             <div class="drawer-header">

  96. 				                <h6>Pivot Filter<span class="badge hidden badge-pink badge-pill ml-5">4</span></h6>

  97. 				                <div class="d-flex align-items-center">

  98. 					                <button class="btn btn-xs btn-outline-secondary mr-15" id="reset_pivot_details">reset</button>

  99. 					                <button type="button" class="drawer-close close" id="pivot-close-btn">

  100. 						                <span aria-hidden="true">&times;</span>

  101. 					                </button>

  102. 				                </div>

  103. 			                </div>

  104. 			                <div class="drawer-body"><div data-simplebar class="simple-scroll-bar">

  105. 					                <div class="drawer-content-wrap">

  106.                                         <form id="" method="post" class="" data-formuniquekey="" data-validate="parsley">

  107.                                         <div id="" class="clear bizgaze_FormErrorMessages"></div>

  108. 

  109.                                     <div class="form-group" id="div_pivotType">

  110.                                     <div class="d-flex align-items-center justify-content-between mb-10">

  111.                                     <select class="form-control custom-select pivotType" id="pivotType_Select2" onchange="Unibase.Platform.Analytics.Reports.Pivot.Instance().selectedpivotType(0)" required>

  112.                                     <option value="0" data-select2-id="16">-Select-</option>

  113.                                     <option value="1" data-select2-id="16">Pivot</option>

  114.                                     <option value="2" data-select2-id="132">Tree View</option>

  115.                                     <option value="3" data-select2-id="133">Pivot TreeView</option>

  116.                                     <option value="4" data-select2-id="133">TimeIntervel</option>

  117.                                     <option value="5" data-select2-id="133">Pivot Table</option>

  118.                                     </select>

  119.                                     </div>

  120.                                     </div>

  121.                                       

  122.                                          <div class="form-group hidden" id="div_PivotTableConfig">

  123.                                                        <label>

  124.                                                             PivotTable Configurations

  125.                                                         </label>

  126.                                                         <div>

  127.                                                             <input type="checkbox" class="chkPivotTableConfig mr-10" onclick="" id="chkPivotTableConfig_checkbox">PivotTable Configurations

  128.                                                         </div>

  129.                                          </div>

  130. 	                                    <div class="form-group hidden" id="div_Intervals">

  131. 							                <label>

  132. 								                Time Intervals

  133.                                             <span class="text-danger hidden"> *</span>

  134. 							                </label>

  135. 							                <input type="text" class="form-control" id="txt_TimeIntervals" placeholder="Time Intervals">

  136. 						                </div>

  137. 						                <div class="form-group hidden" id="div_PivotColumns">

  138. 							                <label>

  139. 								                Pivot Column

  140.                                             <span class="text-danger hidden"> *</span>

  141. 							                </label>

  142. 							                <select class="form-control custom-select PivotColumns_AutoComplete" id="PivotColumns_AutoComplete" onchange="Unibase.Platform.Analytics.Reports.Pivot.Instance().changedPivotColumn()" required>

  143. 								                <option value="0" selected="">- Select Pivot Column -</option>

  144. 							                </select>

  145. 						                </div>

  146.                                         <div class="form-group hidden" id="div_PivotDateType">

  147. 							                <label>

  148. 								                Date Type

  149.                                             <span class="text-danger hidden"> *</span>

  150. 							                </label>

  151. 							                <select class="form-control custom-select PivotDateType" id="PivotDateType" onchange="Unibase.Platform.Analytics.Reports.Pivot.Instance().changedDateType()" required>

  152. 								                <option value="0" selected="">- Select Pivot Date Type -</option>

  153. 							                </select>

  154. 						                </div>	

  155. 						                <div class="form-group hidden" id="div_PivotAggrColumn">

  156. 							                <label>

  157. 								                Pivot Aggregation Column

  158. 							                </label>

  159. 							                <select class="form-control custom-select PivotAggrColumn" id="PivotAggrColumn" onchange="Unibase.Platform.Analytics.Reports.Pivot.Instance().changedPivotAggrColumn()" required>

  160. 								                <option value="0" selected="">- Select Aggregation Column -</option>

  161. 							                </select>

  162. 						                </div>	

  163. 						                <div class="form-group hidden" id="div_PivotAggrType">

  164. 							                <label>

  165. 								                Pivot Aggregation Type

  166.                                             <span class="text-danger hidden"> *</span>

  167. 							                </label>

  168. 							                <select class="form-control custom-select PivotAggrType" id="PivotAggrType" required>

  169. 								                <option value="0" selected="">- Select Aggregation Type -</option>

  170.                                         <option value="1">count</option>

  171.                                         <option value="2">sum</option>

  172.                                         <option value="3">average</option>

  173.                                         <option value="4">max</option>

  174.                                         <option value="5">min</option>

  175.                                         <option value="6">month</option>

  176.                                         <option value="7">year</option>

  177. 							                </select>

  178. 						                </div>

  179.                                             <div class="form-group hidden" id="div_PivotRows">

  180. 							                <label>

  181. 								                Pivot Rows

  182.                                             <span class="text-danger hidden"> *</span>

  183. 							                </label>

  184. 							                <select class="form-control custom-select PivotRows_Select2" id="PivotRows_Select2" multiple="multiple" required>

  185. 								                <option value="0" selected="">- Select Pivot Rows -</option>

  186. 							                </select>

  187. 						                </div>

  188.                                          <div class="form-group hidden" id="div_datatreeexpand">

  189.                                                        <label for="treeexpand_checkbox">

  190.                                                             DataTreeExpand

  191.                                                         </label>

  192.                                                         <div>

  193.                                                             <input type="checkbox" class="chktreeexpand mr-10" onclick="" id="chktreeexpand_checkbox">IsDataTreeExpand

  194.                                                         </div>

  195.                                          </div>

  196. 						                <div class="form-group hidden" id="div_PivotChildColumnName">

  197. 							                <label>

  198. 								                Pivot Child Column

  199.                                             <span class="text-danger hidden"> *</span>

  200. 							                </label>

  201. 							                <select class="form-control custom-select PivotChildColumnName_AutoComplete" id="PivotChildColumnName_AutoComplete" onchange="Unibase.Platform.Analytics.Reports.Pivot.Instance().changedPivotChildColumn()" required>

  202. 								                <option value="0" selected="">- Select Pivot Child Column -</option>

  203. 							                </select>	

  204. 						                </div>	

  205.                                         <div class="form-group hidden" id="div_PivotValue">

  206. 							                <label>

  207. 								                Pivot Value

  208.                                             <span class="text-danger hidden"> *</span>

  209. 							                </label>

  210. 							                <select class="form-control custom-select PivotValue_AutoComplete" id="PivotValue_AutoComplete" required>

  211. 								                <option value="0" selected="">- Select Pivot Value -</option>

  212. 							                </select>

  213. 						                </div>	

  214. 						                <div class="form-group hidden" id="div_PivotParentColumnName">

  215. 							                <label>

  216. 								                Pivote Parent Column

  217.                                             <span class="text-danger hidden"> *</span

  218. 							                </label>

  219. 							                <select class="form-control custom-select PivotParentColumnName_AutoComplete" id="PivotParentColumnName_AutoComplete" required>

  220. 								                <option value="0" selected="">Select Pivot Parent Column</option>

  221. 							                </select>

  222.                                         </form>

  223. 						                </div></div></div></div>

  224.                                         <div class="drawer-footer drawerFooterApplyPivot hidden">

  225.                                             <a href="javascript:;" id="btn_ApplyPivot" class="btn btn-block btn-theme"> Apply </a>

  226. 			                            </div>

  227.                                         </div>

  228.                                         </div>

  229. 				                     	`,n+=this.pivotFormHtml,n+`</div>`}loadSortSelect2Column(n,t){let i="";return i+=`<div class="dsl-block datagroup column_${t}" id="dsl_column_${t}">

  230. 												<span><i class="las la-braille dragger"></i>

  231. 														<span class="dsl-block-name">${t}</span>

  232. 												</span><span>`,i+=`	<span><a class="btn btn-xs btn-icon btn-flush-dark btn-rounded dropdown-toggle flush-soft-hover no-caret" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().loadSorting(`+n+`,'`+t+`')"><span class="btn-icon-wrap"><span class="line-icon"><i class="las la-sort-down text-dark font-21 sort-icon"></i></span></span></a>

  233.                                 <div class="dropdown-menu dropdown-menu-right dropdown-radio">

  234. 									<a class="dropdown-item SortOrder_`+n+`" id="SortOrder_`+n+`_Asc" onclick="javascript: Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().changeSortBy_table(`+n+`,'`+t+`','Asc');" href="javascript:;"><i class="ri-checkbox-blank-circle-line dropdown-icon" id="DropDown_IsAsc_`+t.replace(" ","")+`"></i><span class="text-uppercase">Asc</span></a>

  235. 									<a class="dropdown-item SortOrder_`+n+`" id="SortOrder_`+n+`_Desc" onclick="javascript: Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().changeSortBy_table(`+n+`,'`+t+`','Desc');" href="javascript:;"><i class="ri-checkbox-blank-circle-line dropdown-icon" id="DropDown_IsDesc_`+t.replace(" ","")+`"></i><span class="text-uppercase">Desc</span></a></div></span>`,i+(`<a class="btn btn-xs btn-icon btn-flush-dark btn-rounded flush-soft-hover dsl-block-close" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().removeSelectedSortColumn_table(`+n+`,'`+t+`')"><span class="btn-icon-wrap"><span class="line-icon"><i class="las la-times font-16"></i></span></span></a></span>

  236. 											</div>`)}loadDynamicFilterColumn(n,t,i){let r="";return r+=`<div class="dsl-block datagroup" data-report-id="${n}" data-IsFilterableColumn="${t}">

  237. 												<span class="w-60"><i class="las la-braille dragger"></i>

  238.                                                <a class="" onclick="Unibase.Platform.Analytics.Reports.ReportFilter.Instance().dynamicFilterIsDefaultDateColumn('`+t+`')" data-toggle="tooltip" data-placement="top" title="" data-original-title="DefaultDate">

  239.                                                   <input type="checkbox" title="IsDefault" name="defaultdate" class="btn btn-xs mr-2 dynamicfilter-defaultdate_${t} hidden" id="dynamicfilter-defaultdate_${t}">

  240.                                                 </a>

  241. 														<span class="dsl-block-name">${t}</span>

  242. 												</span><span class='w-40'>`,r+=`	<span><a class="btn btn-xs btn-icon btn-flush-dark btn-rounded flush-soft-hover no-caret" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().IsFilterableColumn_table(`+n+`,'`+t+`',`+i+`)"><span class="btn-icon-wrap"><span class="line-icon"><i class="las la-filter text-dark dynamic-filter-icon-`+n+` font-21"></i></span></span></a><span class='hidden' data-toggle="tooltip" data-placement="top" title="" data-original-title="Is Partition"> <input type="checkbox" class="chk_ispartition_`+t+` hidden" id="chk_ispartition_`+t+`" onclick="Unibase.Platform.Analytics.Reports.ReportFilter.Instance().dynamicFilterIsPartition('`+t+`')"> </span> `,r+(`<a class="btn btn-xs btn-icon btn-flush-dark btn-rounded flush-soft-hover" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.DynamicFilter.Instance().removeDynamicFilterSelectedColumn_table('`+t+`')"><span class="btn-icon-wrap"><span class="line-icon"><i class="las la-times font-16"></i></span></span></a></span></div>`)}loadChartSideBar(){let n=`<div class="bldr-aside-right">

  243.                                       <div id="chart-pivot-container" class="hidden biz-drawer biz-drawer drawer-small drawer-right biz-drawer-toggle">`+this.pivotFormHtml+`</div>

  244.                                       <div id="chart-appearance-container">

  245.                                       <ul class="nav nav-light nav-tabs">

  246.                                         <li class="nav-item">

  247.                                           <a class="nav-link active" data-toggle="tab" href="#tab_apprnc">

  248.                                             <span class="nav-link-text">Appearance</span>

  249.                                           </a>

  250.                                         </li>

  251.                                         <li class="nav-item">

  252.                                           <a class="nav-link" data-toggle="tab" href="#tab_tooltip">

  253.                                             <span class="nav-link-text">Tooltips</span>

  254.                                           </a>

  255.                                         </li>

  256.                                       </ul>

  257.                                       <div data-simplebar class="simple-scroll-bar">

  258.                                         <div class="tab-content">

  259.                                           <div class="tab-pane fade show active" id="tab_apprnc">

  260.                                             <div class="collapse-simple">

  261.                                               <div class="card">

  262.                                                 <div class="card-header">

  263.                                                   <a role="button" data-toggle="collapse" href="#chart_type" aria-expanded="true">Chart Type</a>

  264.                                                 </div>

  265.                                                 <div id="chart_type" class="chart-type-collapse collapse show">

  266.                                                   <div class="card-body">

  267.                                                     <div class="row row-sm btn-group-toggle biz-custom-scrollbar" data-toggle="buttons">

  268.                                                       <div class="col-4 h-70p btn-group mb-20">

  269.                                                         <label class="btn btn-block btn-filter">

  270.                                                           <input type="radio" name="options" id="option1"/><img class="img-fluid pa-10 bar-chart-icon" src="tenants/themes/compact/imgs/charttypes/bar-chart.png" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('bar',1)">

  271.                                                         </label>

  272.                                                       </div>

  273.                                                       <div class="col-4 h-70p btn-group mb-20">

  274.                                                         <label class="btn btn-block btn-filter">

  275.                                                           <input type="radio" name="options" id="option2" /><img class="img-fluid t-90d pa-10 horizontalbar-chart-icon" src="tenants/themes/compact/imgs/charttypes/bar-chart.png" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('horizontalBar',2)">

  276.                                                         </label>

  277.                                                       </div>

  278.                                                       <div class="col-4 h-70p btn-group mb-20">

  279.                                                         <label class="btn btn-block btn-filter">

  280.                                                           <input type="radio" name="options" id="option3" /><img class="img-fluid pa-10 area-chart-icon" src="tenants/themes/compact/imgs/charttypes/area-chart.png" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('area',3)">

  281.                                                         </label>

  282.                                                       </div>

  283.                                                       <div class="col-4 h-70p btn-group mb-20">

  284.                                                         <label class="btn btn-block btn-filter">

  285.                                                           <input type="radio" name="options" id="option4" /><img class="img-fluid pa-10 doughnut-chart-icon" src="tenants/themes/compact/imgs/charttypes/doughnut.png" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('doughnut',4)">

  286.                                                         </label>

  287.                                                       </div>

  288.                                                       <div class="col-4 h-70p btn-group mb-20">

  289.                                                         <label class="btn btn-block btn-filter">

  290.                                                           <input type="radio" name="options" id="option5" /><img class="img-fluid pa-10 line-chart-icon" src="tenants/themes/compact/imgs/charttypes/line-graph.png" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('line',5)">

  291.                                                         </label>

  292.                                                       </div>

  293.                                                       <div class="col-4 h-70p btn-group mb-20">

  294.                                                         <label class="btn btn-block btn-filter">

  295.                                                           <input type="radio" name="options" id="option6" /> <img class="img-fluid pa-10 pie-chart-icon" src="tenants/themes/compact/imgs/charttypes/pie-chart.png" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('pie',6)">

  296.                                                         </label>

  297.                                                       </div>

  298.                                                       <div class="col-4 h-70p btn-group mb-20">

  299.                                                         <label class="btn btn-block btn-filter in-active">

  300.                                                           <input type="radio" name="options" id="option7" />

  301.                                                           <img class="img-fluid pa-10 stackedbar-icon stackedbar-chart-icon t-270d" src="tenants/themes/compact/imgs/charttypes/stacked.png" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('stackedBar',7)">

  302.                                                         </label>

  303.                                                       </div>

  304.                                                       <div class="col-4 h-70p btn-group mb-20">

  305.                                                         <label class="btn btn-block btn-filter in-active">

  306.                                                           <input type="radio" name="options" id="option8" /><img class="img-fluid pa-10 stackedbar-icon stackedhorizontalbar-chart-icon" src="tenants/themes/compact/imgs/charttypes/stacked.png" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('stackedHorizontalBar',8)">

  307.                                                         </label>

  308.                                                       </div>

  309.                                                       <div class="col-4 h-70p btn-group mb-20">

  310.                                                         <label class="btn btn-block btn-filter">

  311.                                                           <input type="radio" name="options" id="option9" />                                <img class="img-fluid pa-10 bubble-chart-icon" src="tenants/themes/compact/imgs/charttypes/bubble.png" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('bubble',9)">

  312.                                                         </label>

  313.                                                       </div>

  314.                                                       <div class="col-4 h-70p btn-group mb-20">

  315.                                                         <label class="btn btn-block btn-filter">

  316.                                                           <input type="radio" name="options" id="option10" /> <img class="img-fluid pa-10 grouped-chart-icon" src="tenants/themes/compact/imgs/charttypes/grouped.png">

  317.                                                         </label>

  318.                                                       </div>

  319.                                                       <div class="col-4 h-70p btn-group mb-20">

  320.                                                         <label class="btn btn-block btn-filter">

  321.                                                           <input type="radio" name="options" id="option11" /><img class="img-fluid pa-10 t-90d horizontalgrouped-chart-icon" src="tenants/themes/compact/imgs/charttypes/grouped.png">

  322.                                                         </label>

  323.                                                       </div>

  324.                                                       <div class="col-4 h-70p btn-group mb-20">

  325.                                                         <label class="btn btn-block btn-filter">

  326.                                                           <input type="radio" name="options" id="option12"/><img class="img-fluid pa-10 bar-line-chart-icon" src="tenants/themes/compact/imgs/charttypes/bar-line-chart.png" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('barWithLine',12)">

  327.                                                         </label>

  328.                                                       </div>

  329.                                                     </div>

  330.                                                   </div>

  331.                                                 </div>

  332.                                               </div>

  333.                                               <div class="card">

  334.                                                 <div class="card-header">

  335.                                                   <a role="button" data-toggle="collapse" href="#legend_options" aria-expanded="true">Legend</a>

  336.                                                 </div>

  337.                                                 <div id="legend_options" class="collapse show" style="">

  338.                                                   <div class="card-body">

  339.                                                     <div class="mb-10">

  340.                                                       <div class="biz-mini-adj-drawer-wrap">

  341.                                                         <div class="form-row">

  342.                                                           <div class="col-12">

  343.                                                              <select class="form-control custom-select" id="legend-select" onchange="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().loadSelectedLegend(0, true)">

  344.                                                                 <option value="0" selected="">None</option>

  345.                                                                 <option value="1"> Top </option>

  346.                                                                 <option value="2"> Right </option>

  347.                                                                 <option value="3"> Bottom </option>

  348.                                                                 <option value="4"> Left </option>

  349.                                                             </select>

  350.                                                           </div>

  351.                                                         </div>

  352.                                                       </div>

  353.                                                     </div>

  354.                                                   </div>

  355.                                                 </div>

  356.                                               </div>

  357.                                             <div class="card">

  358.                                                 <div class="card-header">

  359.                                                   <a role="button" data-toggle="collapse" href="#scales_lables" aria-expanded="true">Scales Lables</a>

  360.                                                 </div>

  361.                                                 <div id="scales_lables" class="collapse show" style="">

  362.                                                   <div class="card-body">

  363.                                                     <div class="mb-10">

  364.                                                       <div class="biz-mini-adj-drawer-wrap">

  365.                                                         <div class="form-row">

  366.                                                             <div class="col-12 mt-2">

  367.                                                                 <label for="label_length"> Labels Length </label>

  368.                                                                 <input type="number" class="form-control" min="0" max="50" id="label_length" name="label_length" value="0">

  369.                                                           </div>

  370.                                                         </div>

  371.                                                       </div>

  372.                                                     </div>

  373.                                                   </div>

  374.                                                 </div>

  375.                                               </div>

  376.                                             <div class="card">

  377.                                                 <div class="card-header">

  378.                                                   <a role="button" data-toggle="collapse" href="#datalabel_div" aria-expanded="true" class="">Data Label</a>

  379.                                                 </div>

  380.                                                 <div id="datalabel_div" class="collapse show" style="">

  381.                                                   <div class="card-body">

  382.                                                     <div class="card border-0 shadow-none">

  383.                                                       <div class="card-body p-2">

  384.                                                         <div class="biz-mini-adj-drawer-wrap">

  385.                                                           <div class="form-row">

  386.                                                             <div class="col">

  387.                                                                 <input type="checkbox" id="isdatalabel" name="isdatalabelcheckbox" class="" checked="false">

  388.                                                                 <label class="" for="isdatalabel">Is Data Label</label>

  389.                                                               </div>

  390.                                                             </div>

  391.                                                           </div>

  392.                                                         </div>

  393.                                                     </div>

  394.                                                 </div>

  395.                                             </div>

  396.                                             </div>

  397.                                               <div class="card">

  398.                                                 <div class="card-header">

  399.                                                   <a role="button" data-toggle="collapse" href="#label_type" aria-expanded="true">Legend Type</a>

  400.                                                 </div>

  401.                                                 <div id="label_type" class="collapse show">

  402.                                                   <div class="card-body">

  403.                                                     <div class="card border-0 shadow-none">

  404.                                                       <div class="card-body p-2">

  405.                                                         <div class="biz-mini-adj-drawer-wrap">

  406.                                                           <div class="form-row">

  407.                                                             <div class="col">

  408.                                                               <div class="custom-control custom-radio adj-drawer-open" data-target="lagendtypedata">

  409.                                                                 <input type="radio" id="lagendtypedata" name="lagendtypedataradio" class="custom-control-input"

  410.                                                                   checked="true">

  411.                                                                 <label class="custom-control-label" for="lagendtypedata">Data</label>

  412.                                                               </div>

  413.                                                             </div>

  414.                                                             <div class="col">

  415.                                                               <div class="custom-control custom-radio adj-drawer-open" data-target="lagendtypecolumn">

  416.                                                                 <input type="radio" id="lagendtypecolumn" name="lagendtypedataradio" class="custom-control-input">

  417.                                                                 <label class="custom-control-label" for="lagendtypecolumn">Column</label>

  418.                                                               </div>

  419.                                                             </div>

  420.                                                           </div>

  421.                                                         </div>

  422.                                                       </div>

  423.                                                     </div>

  424.                                                 </div>

  425.                                             </div>

  426.                                             </div>

  427.                                               <div class="card">

  428.                                                 <div class="card-header">

  429.                                                   <a role="button" data-toggle="collapse" href="#theme_pre" aria-expanded="true">Theme Preset</a>

  430.                                                 </div>

  431.                                                 <div id="theme_pre" class="collapse show">

  432.                                                   <div class="card-body">

  433.                                                     <div class="card border-0 shadow-none">

  434.                                                       <div class="card-body p-2">

  435.                                                         <div class="biz-mini-adj-drawer-wrap">

  436.                                                           <div class="form-row">

  437.                                                             <div class="col">

  438.                                                               <div class="custom-control custom-radio adj-drawer-open" data-target="columnRadio">

  439.                                                                 <input type="radio" id="columnRadio" name="customRadio1" class="custom-control-input"

  440.                                                                   checked="">

  441.                                                                 <label class="custom-control-label" for="columnRadio">Column</label>

  442.                                                               </div>

  443.                                                             </div>

  444.                                                             <div class="col">

  445.                                                               <div class="custom-control custom-radio adj-drawer-open" data-target="rowRadio">

  446.                                                                 <input type="radio" id="rowRadio" name="customRadio1" class="custom-control-input">

  447.                                                                 <label class="custom-control-label" for="rowRadio">Row</label>

  448.                                                               </div>

  449.                                                             </div>

  450.                                                           </div>

  451.                                                         </div>

  452.                                                       </div>

  453.                                                     </div>

  454.                                             <div class="card">

  455.                                                 <div class="card-header">

  456.                                                   <a role="button" data-toggle="collapse" href="#pallettes_options" aria-expanded="true">Pallettes</a>

  457.                                                 </div>

  458.                                                 <div id="legend_options" class="collapse show" style="">

  459.                                                   <div class="card-body">

  460.                                                     <div class="mb-10">

  461.                                                       <div class="biz-mini-adj-drawer-wrap">

  462.                                                         <div class="form-row">

  463.                                                           <div class="col">

  464.                                                              <select class="form-control custom-select" id="pallettes_select">

  465.                                                                 <option value="0" selected="">Select Pallette</option>

  466.                                                             </select>

  467.                                                           </div>

  468.                                                         </div>

  469.                                                       </div>

  470.                                                     </div>

  471.                                                   </div>

  472.                                                 </div>

  473.                                               </div>

  474.                                   <div class="color-board hidden">

  475. 														<div class="mb-10">

  476. 															<div class="color-block">

  477. 																<div class="bg-red-light-3"></div>

  478. 																<div class="bg-pink-light-3"></div>

  479. 																<div class="bg-purple-light-3"></div>

  480. 																<div class="bg-violet-light-3"></div>

  481. 																<div class="bg-smoke-light-3"></div>

  482. 																<div class="bg-blue-light-3 d-none"></div>

  483. 																<div class="bg-violet-light-3 d-none"></div>

  484. 																<div class="bg-indigo-light-3 d-none"></div>

  485. 																<div class="bg-blue-light-3 d-none"></div>

  486. 																<div class="bg-sky-light-3 d-none"></div>

  487. 																<div class="bg-cyan-light-3 d-none"></div>

  488. 																<div class="bg-teal-light-3 d-none"></div>

  489. 																<div class="bg-green-light-3 d-none"></div>

  490. 																<div class="bg-neon-light-3 d-none"></div>

  491. 																<div class="bg-lime-light-3 d-none"></div>

  492. 																<div class="bg-sun-light-3 d-none"></div>

  493. 																<div class="bg-yellow-light-3 d-none"></div>

  494. 																<div class="bg-orange-light-3 d-none"></div>

  495. 																<div class="bg-pumpkin-light-3 d-none"></div>

  496. 																<div class="bg-brown-light-3 d-none"></div>

  497. 															</div>

  498. 															<div class="theme-caption">Color - 1 </div>

  499. 														</div>

  500. 														<div class="mb-10">

  501. 															<div class="color-block">

  502. 																<div class="bg-red-dark-2"></div>

  503. 																<div class="bg-pink-dark-2"></div>

  504. 																<div class="bg-purple-dark-2"></div>

  505. 																<div class="bg-violet-dark-2"></div>

  506. 																<div class="bg-smoke-dark-2"></div>

  507. 																<div class="bg-blue-dark-2 d-none"></div>

  508. 																<div class="bg-violet-dark-2 d-none"></div>

  509. 																<div class="bg-indigo-dark-2 d-none"></div>

  510. 																<div class="bg-blue-dark-2 d-none"></div>

  511. 																<div class="bg-sky-dark-2 d-none"></div>

  512. 																<div class="bg-cyan-dark-2 d-none"></div>

  513. 																<div class="bg-teal-dark-2 d-none"></div>

  514. 																<div class="bg-green-dark-2 d-none"></div>

  515. 																<div class="bg-neon-dark-2 d-none"></div>

  516. 																<div class="bg-lime-dark-2 d-none"></div>

  517. 																<div class="bg-sun-dark-2 d-none"></div>

  518. 																<div class="bg-yellow-dark-2 d-none"></div>

  519. 																<div class="bg-orange-dark-2 d-none"></div>

  520. 																<div class="bg-pumpkin-dark-2 d-none"></div>

  521. 																<div class="bg-brown-dark-2 d-none"></div>

  522. 															</div>

  523. 															<div class="theme-caption">Color - 2 </div>

  524. 														</div>

  525. 														<div class="mb-10">

  526. 															<div class="color-block">

  527. 																<div class="bg-grey-dark-4"></div>

  528. 																<div class="bg-blue-dark-4"></div>

  529. 																<div class="bg-indigo-dark-4"></div>

  530. 																<div class="bg-green-dark-4"></div>

  531. 																<div class="bg-sun-dark-4"></div>

  532. 																<div class="bg-red-dark-4 d-none"></div>

  533. 																<div class="bg-lime-dark-4 d-none"></div>

  534. 																<div class="bg-purple-dark-4 d-none"></div>

  535. 																<div class="bg-violet-dark-4 d-none"></div>

  536. 																<div class="bg-blue-dark-4 d-none"></div>

  537. 																<div class="bg-yellow-dark-4 d-none"></div>

  538. 																<div class="bg-violet-dark-4 d-none"></div>

  539. 																<div class="bg-brown-dark-4 d-none"></div>

  540. 																<div class="bg-cyan-dark-4 d-none"></div>

  541. 																<div class="bg-teal-dark-4 d-none"></div>

  542. 																<div class="bg-pumpkin-dark-4 d-none"></div>

  543. 																<div class="bg-pink-dark-4 d-none"></div>

  544. 																<div class="bg-sky-dark-4 d-none"></div>

  545. 																<div class="bg-orange-dark-4 d-none"></div>

  546. 																<div class="bg-neon-dark-4 d-none d-none"></div>

  547. 															</div>

  548. 															<div class="theme-caption">Color - 3 </div>

  549. 														</div>

  550. 

  551. 														<div class="mb-10">

  552. 															<div class="color-block">

  553. 																<div class="bg-sky-dark-3"></div>

  554. 																<div class="bg-cyan-dark-1"></div>

  555. 																<div class="bg-teal-dark-1"></div>

  556. 																<div class="bg-green-dark-1"></div>

  557. 																<div class="bg-neon-dark-1"></div>

  558. 																<div class="bg-lime-dark-1 d-none"></div>

  559. 																<div class="bg-sun-dark-1 d-none"></div>

  560. 																<div class="bg-yellow-dark-1 d-none"></div>

  561. 																<div class="bg-orange-dark-1 d-none"></div>

  562. 																<div class="bg-pumpkin-dark-1 d-none"></div>

  563. 																<div class="bg-brown-dark-1 d-none"></div>

  564. 																<div class="bg-green-dark-1 d-none"></div>

  565. 																<div class="bg-pink-dark-1 d-none"></div>

  566. 																<div class="bg-purple-dark-1 d-none"></div>

  567. 																<div class="bg-violet-dark-1 d-none"></div>

  568. 																<div class="bg-smoke-dark-1 d-none"></div>

  569. 																<div class="bg-blue-dark-1 d-none"></div>

  570. 																<div class="bg-violet-dark-1 d-none"></div>

  571. 																<div class="bg-indigo-dark-1 d-none"></div>

  572. 																<div class="bg-gold-dark-1 d-none"></div>

  573. 															</div>

  574. 															<div class="theme-caption">Color - 4 </div>

  575. 														</div>

  576. 

  577. 														<div class="mb-10">

  578. 															<div class="color-block">

  579. 																<div class="bg-blue-light-3"></div>

  580. 																<div class="bg-violet-light-3"></div>

  581. 																<div class="bg-green-light-3"></div>

  582. 																<div class="bg-sun-light-3"></div>

  583. 																<div class="bg-purple-light-3"></div>

  584. 																<div class="bg-orange-light-3 d-none"></div>

  585. 																<div class="bg-sky-light-3 d-none"></div>

  586. 																<div class="bg-cyan-light-3 d-none"></div>

  587. 																<div class="bg-brown-light-3 d-none"></div>

  588. 																<div class="bg-lime-light-3 d-none"></div>

  589. 																<div class="bg-pink-light-3 d-none"></div>

  590. 																<div class="bg-neon-light-3 d-none"></div>

  591. 																<div class="bg-indigo-light-3 d-none"></div>

  592. 																<div class="bg-red-light-3 d-none"></div>

  593. 																<div class="bg-smoke-light-3 d-none"></div>

  594. 																<div class="bg-pumpkin-light-3 d-none"></div>

  595. 																<div class="bg-blue-light-3 d-none"></div>

  596. 																<div class="bg-yellow-light-3 d-none"></div>

  597. 																<div class="bg-violet-light-3 d-none"></div>

  598. 																<div class="bg-teal-light-3 d-none"></div>

  599. 															</div>

  600. 															<div class="theme-caption">Color - 5 </div>

  601. 														</div>

  602. 

  603. 														<div class="mb-30">

  604. 															<div class="color-block">

  605. 																<div class="bg-dark-20"></div>

  606. 																<div class="bg-red-light-1"></div>

  607. 																<div class="bg-pink-light-1"></div>

  608. 																<div class="bg-purple-light-1"></div>

  609. 																<div class="bg-violet-light-1"></div>

  610. 																<div class="bg-smoke-light-1 d-none"></div>

  611. 																<div class="bg-blue-light-1 d-none"></div>

  612. 																<div class="bg-violet-light-1 d-none"></div>

  613. 																<div class="bg-indigo-light-1 d-none"></div>

  614. 																<div class="bg-blue-light-1 d-none"></div>

  615. 																<div class="bg-sky-light-1 d-none"></div>

  616. 																<div class="bg-cyan-light-1 d-none"></div>

  617. 																<div class="bg-teal-light-1 d-none"></div>

  618. 																<div class="bg-green-light-1 d-none"></div>

  619. 																<div class="bg-neon-light-1 d-none"></div>

  620. 																<div class="bg-lime-light-1 d-none"></div>

  621. 																<div class="bg-sun-light-1 d-none"></div>

  622. 																<div class="bg-yellow-light-1 d-none"></div>

  623. 																<div class="bg-orange-light-1 d-none"></div>

  624. 																<div class="bg-pumpkin-light-1 d-none"></div>

  625. 																<div class="bg-brown-light-1 d-none"></div>

  626. 															</div>

  627. 															<div class="theme-caption">Color - 6 </div>

  628. 														</div>

  629. 

  630. 														

  631. 													</div>

  632.                                                   </div>

  633.                                                 </div>

  634.                                               </div>

  635.                                             </div>

  636.                                           </div>

  637.                                           <div class="tab-pane fade" id="tab_tooltip">

  638.                                             <div class="form-group d-flex align-items-center" id="div_showtooltipheader">

  639.                                                 <input type="checkbox" class="ck_bx_showtooltipheader mr-10" id="showtooltipheader_checkbox"><label for="showtooltipheader_checkbox" class="mb-0">

  640.                                                 Show Tooltip Header</label>

  641.                                             </div>

  642.                                             <select class="form-control custom-select mb-10" id="tooltip_select">

  643.                                               <option selected="">- Select Columns -</option>

  644.                                             </select>

  645.                                             <div id="tooltip_selected_columns" class="dsl-block-wrap mt-10">

  646.                                           </div>

  647.                                         </div>

  648.                                       </div>

  649.                                       </div>

  650.                                     </div>`;$("#reportBuilderRightNav").html(n)}loadLinkToOtherReportForm(){return`<section id="link-report-section" class="modal-content">

  651.     <div class="modal-header pa-10 h-55p" id="linkreport_header">

  652.         <strong class="modal-title biz-highlight-bg-color">Sub report</strong>

  653.         <div class="sub_report_error_message" id="sub_report_error_message"></div>

  654. <button class="btn btn-sm btn-theme btn-wth-icon icon-left" id="subrpt_clear" onclick="Unibase.Platform.Analytics.Reports.SubReport.Instance().removeSubreport()"><span><span class="icon-label"><span class="line-icon hidden"><i class="las la-plus"></i></span></span><span class="btn-text">Clear</span></span></button>

  655.         <button class="btn btn-sm btn-theme btn-wth-icon icon-left hidden" id="subrpt_plus"><span><span

  656.                     class="icon-label"><span class="line-icon"><i class="las la-plus"></i></span></span><span

  657.                     class="btn-text">Add Sub Report</span></span></button>

  658.     </div>

  659.     <div data-simplebar class="simple-scroll-bar modal-body bg-charcoal-light-5">

  660.         <div id="divSubReport_ErrorMessage"></div>

  661.         <div class="subreport-select-card card">

  662.             <div class="row card-body mx-0 px-0 py-10">

  663.                 <div class="col-sm-6">

  664.                     <div class="custom-control custom-radio radio-primary d-flex align-items-center">

  665.                         <input type="radio" id="reportRadioBtn" name="subreportradio"

  666.                             class="custom-control-input subreport-radio-btn" onclick="Unibase.Platform.Analytics.Reports.SubReport.Instance().subReportType_Report()" value="report" checked>

  667.                         <label class="custom-control-label" for="reportRadioBtn">Report</label>

  668.                     </div>

  669.                 </div>

  670.                 <div class="col-sm-6">

  671.                     <div class="custom-control custom-radio radio-primary d-flex align-items-center">

  672.                         <input type="radio" id="detailRadioBtn" name="subreportradio"

  673.                             class="custom-control-input subreport-radio-btn" onclick="Unibase.Platform.Analytics.Reports.SubReport.Instance().subReportType_Deatil()" value="detailscreen">

  674.                         <label class="custom-control-label" for="detailRadioBtn">Detail Screen</label>

  675.                     </div>

  676.                 </div>

  677.             </div>

  678.         </div>

  679.         <div id="linkreport_modal">

  680.             <div class="sub-report-block card" data-select2-id="24" data-subreportid="" data-subreportcolumnid="">

  681.                 <div data-select2-id="23">

  682.                     <header class="sub-report-head pb-0">

  683.                         <h6 class="required">

  684.                             Sub report

  685.                         </h6>

  686.                         <span>

  687.                             <i class="las la-braille dragger"></i>

  688.                         </span>

  689.                         </button>

  690.                     </header>

  691.                     <div id="subrpts_div" data-select2-id="subrpts_div" class="">

  692.                         <div class="report-body">

  693.                             <div class="row mx-0 pb-10">

  694.                                 <div class="col-sm-6 pl-sm-0">

  695.                                     <div class="custom-control custom-radio radio-primary d-flex align-items-center">

  696.                                         <input type="radio" id="inlineRadioBtn" name="reportopentype"

  697.                                             class="custom-control-input opentype-radio-btn" value="inline" checked>

  698.                                         <label class="custom-control-label" for="inlineRadioBtn">Inline</label>

  699.                                     </div>

  700.                                 </div>

  701.                                 <div class="col-sm-6 pr-sm-0">

  702.                                     <div class="custom-control custom-radio radio-primary d-flex align-items-center">

  703.                                         <input type="radio" id="outlineRadioBtn" name="reportopentype"

  704.                                             class="custom-control-input opentype-radio-btn" value="outline">

  705.                                         <label class="custom-control-label" for="outlineRadioBtn">Outline</label>

  706.                                     </div>

  707.                                 </div>

  708.                               <div class="col hidden">

  709.                               <input type="checkbox" class="chkRowClick mr-10" onclick="" id="rowclick_checkbox"><label>RowClick</label>

  710.                               </div>

  711.                             </div>

  712.                             <div class="form-group">

  713.                                 <div id="divsubrpt_0" data-select2-id="divsubrpt_">

  714.                                          

  715.                                     <div id="div_Kanban" class="mb-10">

  716.                                         <select class="select_reports form-control custom-select" id="cmdsub_1">

  717.                                         </select>

  718.                                     </div>

  719.                                     <div class="form-row">

  720.                                         <div class="col-auto mt-2 mr-2">

  721.                                             <input class="" type="checkbox" id="isvalue_radio_0" title="Is value" >

  722.                                         </div>

  723.                                         <div class="col">

  724.                                             <div id="div_mainreportColumn">

  725.                                                 <select id="cmbmainrptCols"

  726.                                                     class="form-control text-control required">

  727.                                                 </select>

  728.                                             </div>

  729.                                         </div>

  730.                                         <div class="col hidden">

  731.                                             <div id="div_mainreportColumn_textbox">

  732.                                                 <input id="cmbmainrptCols_textbox"

  733.                                                     class="form-control text-control required">

  734.                                                 </input>

  735.                                             </div>

  736.                                         </div>

  737.                                         <div class="col-auto">

  738.                                             <select id="slctdoperater" class="form-control custom-select mb-10">

  739.                                                 <option value="0">-Select-</option>

  740.                                                 <option value="1">Equals</option>

  741.                                                 <option value="2">NotEquals</option>

  742.                                                 <option value="3">EqualsColumn</option>

  743.                                                 <option value="4">NotEqualsColumn</option>

  744.                                                 <option value="5">GreaterThan</option>

  745.                                                 <option value="6">GreaterThanOrEquals</option>

  746.                                                 <option value="7">LessThan</option>

  747.                                                 <option value="8">LessThanOrEquals</option>

  748.                                                 <option value="9">GreaterThanColumn</option>

  749.                                                 <option value="10">GreaterThanOrEqualsColumn</option>

  750.                                                 <option value="11">LessThanColumn</option>

  751.                                                 <option value="12">LessThanOrEqualsColumn</option>

  752.                                             </select>

  753.                                         </div>

  754.                                         <div class="col">

  755.                                             <div id="div_subColumn">

  756.                                                 <select id="cmbsbrptCols"

  757.                                                     class="form-control custom-select mb-10 required">

  758.                                                     <option value="0" selected="">Sub report column</option>

  759.                                                 </select>

  760.                                             </div>

  761.                                         </div>

  762.                                         <div class="col-auto">

  763.                                             <a class="btn btn-icon btn-theme" id="btnConfigAddFilter" onclick="" ;="">

  764.                                                 <span class="btn-icon-wrap"><span class="line-icon text-white"><i

  765.                                                             class="las la-plus"></i></span></span>

  766.                                             </a>

  767.                                         </div>

  768.                                     </div>

  769.                                     <div class="m-t-sm">

  770.                                         <ul class="ul2list_0 w-100 mt-10 p-2 pl-10" id = 'subreports-filters-list'>

  771.                                         </ul>

  772.                                     </div>

  773.                                 </div>

  774.                             </div>

  775.                         </div>

  776.                     </div>

  777.                 </div>

  778.             </div>

  779.         </div>

  780.         <div id="detailScreenBody" class="d-none">

  781.             <div class="detail-screen-card card">

  782.                 <div class="card-body">

  783.                     <textarea type="text" class="form-control hidden" id="txt_detailonclick" placeholder="On Click"></textarea>

  784.                     <div class="row mx-0 biz-select2-wrap">

  785.                         <div class="col-sm-6 pl-sm-0">

  786.                             <select id="detailPrimaryKeyColumns"><option value="0">Select Column</option></select>

  787.                         </div>

  788.                         <div class="col-sm-6 pr-sm-0 mb-15 mb-sm-0">

  789.                             <select id="detailInstalledApps" class="form-control"><option value="0">Select App</option></select>

  790.                             <input type="hidden" id="hfDetailInstalledApps" />

  791.                         </div>

  792.                     </div>

  793.                 </div>

  794.             </div>

  795.         </div>

  796.     </div>

  797.     <div class="modal-footer pa-10" id="linkreport_footer">

  798.         <button type="button" class="btn btn-sm btn-light mr-auto" id="btnLinkReportClose">Cancel</button>

  799.         <button type="button" class="btn btn-sm btn-theme" id="btnLinkReportSave">Save</button>

  800.     </div>

  801. </section>`}del_loadSubReports_Section(){return`<div id="divsubrpt" class="sub-report-block card"  data-subreportid="" data-subreportcolumnid ="">

  802.                           <header class="sub-report-head pb-0">

  803.                             <input type="hidden" id="hfsubRpt" value="0">

  804.                             <h6 class="required">

  805.                               Sub report

  806.                             </h6>

  807.                             <span>

  808.                               <i class="las la-braille dragger"></i>

  809.                               <i class="fa fa-times pull-right mb-20 remove_subrpt" id="remove_subrpt" aria-hidden="true"></i>

  810.                             </span>

  811.                           </header>

  812.                           <div class="">

  813.                             <div class="report-body">

  814.                               <div class="form-group">

  815.                                 <div id="divsubrpt_0" data-select2-id="divsubrpt_">

  816.                                   <div id="div_Kanban" class="mb-10">

  817.                                     <select

  818.                                       class="select_reports custom-select select2-hidden-accessible js-example-basic-single js-states form-control"

  819.                                       id="cmdsub"></select>

  820.                                   </div>

  821.                                 </div>

  822.                               <div class="form-row">

  823.                                 <div class="col">

  824.                                   <div id="div_mainreportColumn">

  825.                                     <select id="cmbmainrptCols" class="floating-label-group form-control cmbFiltercols">

  826.                                       <option value="0">Select Column</option>

  827.                                     </select>

  828.                                   </div>

  829.                                 </div>

  830.                                 <div class="col-auto">

  831.                                   <select id="slctdoperater" class="form-control custom-select mb-10">

  832.                                     <option value="eq">=</option>

  833.                                     <option value="neq">!=</option>

  834.                                     <option value="gt">&gt;</option>

  835.                                     <option value="gte">&gt;=</option>

  836.                                     <option value="lt">&lt;</option>

  837.                                     <option value="lte">&lt;=</option>

  838.                                   </select>

  839.                                 </div>

  840.                                 <div class="col">

  841.                                   <div id="div_subColumn">

  842.                                     <select id="cmbsbrptCols" class="form-control custom-select mb-10">

  843.                                     </select>

  844.                                   </div>

  845.                                 </div>

  846.                                 <div class="col-auto">

  847.                                   <a class="btn btn-icon btn-theme btnAdd" id="btnAdd" onclick="" ;="">

  848.                                     <span class="btn-icon-wrap"><span class="line-icon text-white"><i class="las la-plus"></i></span></span>

  849.                                   </a>

  850.                                 </div>

  851.                               </div>

  852.                               <div class="m-t-sm form-group">

  853.                                 <ul class="ul2list w-100 ulFilters" id="ulFilters">

  854.                                 </ul>

  855.                               </div>

  856.                             </div>

  857.                           </div>

  858.                         </div></div>`}loadSubReports_Section_old(){return`<div id="divsubrpt_{{subreport_count}}" class="sub-report-block card"  data-subreportid="" data-subreportcolumnid ="">

  859.                           <header class="sub-report-head pb-0">

  860.                             <input type="hidden" id="hfsubRpt_{{subreport_count}}" value="0">

  861.                             <h6 class="required">

  862.                               Sub report

  863.                             </h6>

  864.                             <span>

  865.                               <i class="las la-braille dragger"></i>

  866.                               <i class="fa fa-times pull-right mb-20 remove_subrpt" id="remove_subrpt_{{subreport_count}}" aria-hidden="true"></i>

  867.                             </span>

  868.                           </header>

  869.                           <div class="">

  870.                             <div class="report-body">

  871.                               <div class="form-group">

  872.                                 <div id="divsubrpt_0" data-select2-id="divsubrpt_">

  873.                                   <div id="div_Kanban" class="mb-10">

  874.                                     <select

  875.                                       class="select_reports custom-select select2-hidden-accessible js-example-basic-single js-states form-control"

  876.                                       id="cmdsub_{{subreport_count}}"></select>

  877.                                   </div>

  878.                                 </div>

  879.                               <div class="form-row">

  880.                                 <div class="col">

  881.                                   <div id="div_mainreportColumn">

  882.                                     <select id="cmbmainrptCols_{{subreport_count}}" class="floating-label-group form-control cmbFiltercols">

  883.                                       <option value="0">Select Column</option>

  884.                                     </select>

  885.                                   </div>

  886.                                 </div>

  887.                                 <div class="col-auto">

  888.                                   <select id="slctdoperater_{{subreport_count}}" class="form-control custom-select mb-10">

  889.                                     <option value="eq">=</option>

  890.                                     <option value="neq">!=</option>

  891.                                     <option value="gt">&gt;</option>

  892.                                     <option value="gte">&gt;=</option>

  893.                                     <option value="lt">&lt;</option>

  894.                                     <option value="lte">&lt;=</option>

  895.                                   </select>

  896.                                 </div>

  897.                                 <div class="col">

  898.                                   <div id="div_subColumn">

  899.                                     <select id="cmbsbrptCols_{{subreport_count}}" class="form-control custom-select mb-10">

  900.                                       <option value="0" selected="">Sub report Column</option>

  901.                                     </select>

  902.                                   </div>

  903.                                 </div>

  904.                                 <div class="col-auto">

  905.                                   <a class="btn btn-icon btn-theme btnAdd" id="btnAdd_{{subreport_count}}" onclick="" ;="">

  906.                                     <span class="btn-icon-wrap"><span class="line-icon text-white"><i class="las la-plus"></i></span></span>

  907.                                   </a>

  908.                                 </div>

  909.                               </div>

  910.                               <div class="m-t-sm form-group">

  911.                                 <ul class="ul2list_{{subreport_count}} w-100 ulFilters" id="ulFilters">

  912.                                 </ul>

  913.                               </div>

  914.                             </div>

  915.                           </div>

  916.                         </div></div>`}loadToolTipTemplateForm(){return`<form id="" method="post" class="" data-formuniquekey="" data-validate="parsley"><header class="b-b bg-white modal-header"><strong class="text-dark Title" id="div_FormName"> Pivot </strong></header><div class="bg-light control-sorting modal-body bg-white" ><div id="" class="clear bizgaze_FormErrorMessages"></div><div class="section_Pivot card">

  917.                         <div class="card-body"><div class="row">

  918.                         <div class="col-sm-6"><div id="divToolTipTemplateColumns" class="floating-label-form-group-with-value"><label for="lbl" id="lbl_ToolTipColumns">ToolTip Column<span class="text-danger hidden"> *</span></label>

  919.                         <select id="ToolTipColumns_AutoComplete" class="form-control text-control required" style="width:100%"><option value="0" selected="">Select ToolTip Column</option></select>

  920.                         </div></div>

  921. 

  922.                         <div class="col-sm-6"><div id="div_AggType" class="floating-label-form-group floating-label-form-group-with-value"><label for="lbl" id="lbl_Values">Aggregation<span class="text-danger hidden"> *</span></label>

  923.                         <select id="PivotDateType" class="form-control text-control PivotDateType required" style="width:100%"><option value="0" selected="">Select Aggregation</option>

  924.                         <option value="1">count</option>

  925.                         <option value="2">sum</option>

  926.                         <option value="3">average</option>

  927.                         <option value="4">max</option>

  928.                         <option value="5">min</option>

  929.                         <option value="6">month</option>

  930.                         <option value="7">year</option>

  931.                         </select>

  932.                         </div></div>

  933. 

  934.                         <div class="col-sm-6"><div id="div_backgroundColor" class="floating-label-form-group-with-value"><label for="lbl" id="lbl_backgroundColor">Background Color<span class="text-danger hidden"> *</span></label>

  935.                         <input type="color" style="width:30px; float:left; height:30px; background:transparent; border-color: transparent;margin-right:10px;color:white;margin-top:-5px" id="backgroundColor">                        

  936.                         </div></div>

  937. 

  938.                         <div class="col-sm-6" id="div_TitleFontColor"><div class="floating-label-form-group-with-value"><label for="lbl" id="lbl_TitleFontColor">Title Font Color<span class="text-danger hidden"> *</span></label>

  939.                        <input type="color" style="width:30px; float:left; height:30px; background:transparent; border-color: transparent;margin-right:10px;color:white;margin-top:-5px" id="titleFontColor">

  940.                         </div></div>

  941. 

  942.                         <div class="col-sm-6" id="div_TitleFontSize"><div class="floating-label-form-group-with-value"><label for="lbl" id="lbl_titleFontSize">Title Font Size<span class="text-danger hidden"> *</span></label>

  943.                         <input type="text" class="form-control" id="txt_TitleFontSize" placeholder="Title Font Size">

  944.                         </div></div>

  945. 

  946.                         <div class="col-sm-6" id="div_BodyFontSize"><div class="floating-label-form-group-with-value"><label for="lbl" id="lbl_BodyFontSize">Body Font Size<span class="text-danger hidden"> *</span></label>

  947.                         <input type="text" class="form-control" id="txt_BodyFontSize" placeholder="Body Font Size">  

  948.                         </div></div>

  949. 

  950.                         <div class="col-sm-6" id="div_bodyColor"><div class="floating-label-form-group-with-value"><label for="lbl" id="lbl_bodyColor">body Font Color<span class="text-danger hidden"> *</span></label>

  951.                         <input type="color" style="width:30px; float:left; height:30px; background:transparent; border-color: transparent;margin-right:10px;color:white;margin-top:-5px" id="bodyFontColor">

  952.                         </div></div>

  953. 

  954.                         </div></div></div></div><footer class="bg-white modal-footer" id="formFooter"><a href="javascript:;" id="btn_Close" class="btn btn-light btn-sm mr-auto" onclick=""> Close </a><a href="javascript:;" id="btn_ApplyTemplate" class="btn btn-primary btn-sm" > Apply </a></footer></form>`}loadRoleSettings(){return'<div class="row pull-right FilterSection"><a id="btnFilterPlusClick" onclick ="Unibase.Platform.Analytics.Components.CommonFilter.Instance().loadFilterSection()";><i class="fa fa-plus pull-right" id="FilterPlusClick" aria-hidden="true"><\/i><\/a><\/div><div id="FilterSection"><div class="card"><div class="card-body"><a id="RemoveSubFilterSection" onclick ="Unibase.Platform.Analytics.Components.CommonFilter.Instance().RemoveFilterSection()"><i class="fa fa-times pull-right mb-20 hidden" id="RemoveFilter"><\/i><\/a><input type="hidden" id="hdn_customcontrol" class="value-control" value="Unibase.Platform.Analytics.Components.CommonFilter.Instance().getobj();"><div class="col-sm-12"><div id="div_Widgets" class="floating-label-form-group-with-value"><label for="lbl" id="lbl_Widgets">Widgets<span class="text-danger hidden"> *<\/span><\/label><select id="Widget_AutoComplete" class="form-control text-control Widgets_AutoComplete required" onchange ="Unibase.Platform.Analytics.Components.CommonFilter.Instance().loadWidgetColumns()" style="width: 100 % "><option value="0" selected="">Select Widget<\/option><\/select><input type="hidden" id="hfAutoComplete_Widget"  class="hfAutoCompleteId_Widget form - control value - control" data-isdynamic="true"/><\/div><\/div><div class="col-sm-12"><div id="div_Datalists" class="floating-label-form-group-with-value"><label for="lbl" id="lbl_Datalists">Datalists<span class="text-danger hidden"> *<\/span><\/label><select id="Datalists_AutoComplete" onchange="Unibase.Platform.Analytics.Components.CommonFilter.Instance().loadDataLists()" class="form-control text-control Datalists_AutoComplete required" style="width:100%"><option value="0" selected="">Select DataList<\/option><\/select><input type="hidden" id="hfAutoComplete_DataList"  class="hfAutoCompleteId_DataList form-control value-control" data-isdynamic="true"/><\/div><\/div><div class="col-sm-12" id="div_ControlType"><div class="floating-label-form-group-with-value"><label for= "lbl" id = "lbl_ControlType" >Control Type<span class="text-danger hidden">*<\/span><\/label><select id="ControlType" class="form-control text-control ControlType required" style="width:100%"><option value="0" selected="">Select Control Type<\/option><option value="1">Select2<\/option><option value="2">AutoComplete<\/option><option value="3">DropDownList<\/option><\/select><\/div><\/div><\/div><div class="row"><div class="col-sm-4"><div id="div_ValueColumns" class="floating-label-form-group-with-value"><label for="lbl" id="lbl_ValueColumns">Value Column<span class="text-danger hidden"> *<\/span><\/label><select id = "ValueColumns_Select" class="form-control text-control ValueColumns_Select required" style = "width:100%" > <option value="0" selected = "">Select Value Column<\/option><\/select><\/div><\/div><div class="col-sm-4"><div id="div_TextColumns" class="floating-label-form-group-with-value"><label for="lbl" id="lbl_TextColumns">Text Column<span class="text-danger hidden"> *<\/span><\/label><select id = "TextColumns_Select" class="form-control text-control TextColumns_Select required" style = "width:100%"><option value="0" selected = "">Select Text Column<\/option><\/select><\/div><\/div><div class="col-sm-3" id="div_WidgetColumns"><div class="floating-label-form-group-with-value"><label for="lbl" id="lbl_WidgetColumns">Mapped Columns<span class="text-danger hidden"> *<\/span><\/label><select id = "WidgetColumns_Select" class="form-control text-control WidgetColumns_Select required" style = "width:100%"><option value="0" selected = "">Select Widget Column<\/option><\/select><\/div><\/div><div class="col-sm-1 my-auto text-right mt-30"><a class="btn btn-success" id="btnAddFilter" onclick="Unibase.Platform.Analytics.Components.CommonFilter.Instance().AddFilter()";><i class="fa fa-plus text-white"><\/i><\/a><\/div><div class="col-sm-12"><div class="row mt-20 mb-20 ml-0"><div class="col-sm-3"><strong>DataList Name<\/strong><\/div><div class="col-sm-2"><strong>Value Column<\/strong><\/div><div class="col-sm-2"><strong>Text Column<\/strong><\/div><div class="col-sm-3"><strong>Mapped Column<\/strong><\/div><\/div><\/div><\/div><div id="FilterExp"><\/div><\/div>'}loadLeftNav(){return`<div class="collapse-simple">

  955. 										<div class="card">

  956. 											<div class="card-header">

  957. 												<a role="button" data-toggle="collapse" href="#re_info" aria-expanded="true">Report Info</a>

  958. 											</div>

  959. 											<div id="re_info" class="collapse show">

  960. 												<div class="card-body">

  961. 													<input type="hidden" id="txt_reportid" value="0">

  962.                                                      

  963.                                                        <div class="form-group" id="displaynameDiv">

  964.                                                            <label> Display Name <span class="text-danger hidden"> *</span> </label>

  965.                                                            <input type="text" class="form-control mb-10" id="txt_displayname" placeholder="Display Name" value="New Report">

  966.                                                        </div>

  967. 

  968. 

  969. 												       <div class="form-group hidden" id="tableTypeSelectDiv">

  970.                                                            <label> Table Type <span class="text-danger hidden"> *</span> </label>

  971.                                                            <select class="form-control custom-select " id="tableTypeSelect" required>

  972.                                                            <option value="0" selected="">- Select Table Type -</option>

  973.                                                            <option value="1">Report</option>

  974.                                                            <option value="2">Autocomplete</option>

  975.                                                            </select>

  976.                                                            </div>

  977.                                                   

  978.                                                       <div class="form-group hidden">

  979.                                                         <label for="txt_dynamicparameters">

  980. 															Dynamic Parameters

  981. 														</label>

  982.                                                         <textarea type="text" class="form-control" id="txt_dynamicparameters" placeholder="Dynamic Parameters">

  983.                                                         </textarea>

  984.                                                      </div>

  985.                                                      

  986. 

  987.                                                     <div class="form-group hidden">

  988.                                                         <label for="dependecyapps">

  989. 															Dependency App

  990. 														</label>

  991.                                                         <select class="js-example-basic-multiple js-states form-control" id="dependecyapps" multiple="multiple">

  992.                                                         </select>

  993.                                                         <input type="hidden" id="hfAutoComplete_dependency"  class="hfAutoCompleteId_dependency' form-control value-control"  data-isdynamic="true"/>

  994.                                                     </div>

  995.                                                     <div class="form-group">

  996.                                                         <label for="InstalledApp_AutoComplete">

  997. 															Installed App

  998. 														</label>

  999.                                                         <select class="form-control" id="InstalledApp_AutoComplete" placeholder="InstalledApp">

  1000.                                                             <option selected>Select InstalledApp</option>

  1001.                                                         </select>

  1002.                                                             <input type="hidden" id="hfAutoComplete_InstalledApp"  class="hfAutoCompleteId_InstalledApp' form-control value-control"  data-isdynamic="true"/>

  1003.                                                    </div>

  1004.                                                     <div class="form-group hidden">

  1005.                                                         <label for="connectedapps">

  1006. 															Connected Apps

  1007. 														</label>

  1008.                                                          <select class="form-control" id="connectedapps" multiple="multiple">

  1009.                                                          </select>

  1010.                                                     </div>

  1011.                                                     <div class="form-group">

  1012.                                                         <label for="connectedreports">

  1013. 															Connected Reports

  1014. 														</label>

  1015.                                                          <select class="form-control" id="connectedreports" multiple="multiple">

  1016.                                                          </select>

  1017.                                                     </div>

  1018.                                                     <div class="form-group">

  1019.                                                         <label for="searchcolumns">

  1020. 															Search Columns

  1021. 														</label>

  1022.                                                          <select class="form-control" id="searchcolumns" multiple="multiple">

  1023.                                                          </select>

  1024.                                                     </div>

  1025.                                                    <div class="form-group">

  1026.                                                         <label for="txt_onclick">

  1027. 															On Click

  1028. 														</label>

  1029.                                                         <textarea value="" class="form-control" id="txt_onclick" placeholder="On Click"></textarea>

  1030.                                                      </div>

  1031.                                                     <div class="form-group">

  1032.                                                         <label for="txt_js">

  1033. 															Js

  1034. 														</label>

  1035.                                                         <textarea value="" class="form-control" id="txt_js" placeholder="Js to execute in table view"></textarea>

  1036.                                                      </div>

  1037.                                                     <div class="form-group hidden">

  1038.                                                         <label for="identitycolumns">

  1039. 															Identity Columns

  1040. 														</label>

  1041.                                                          <select class="form-control" id="identitycolumns" multiple="multiple">

  1042.                                                          </select>

  1043.                                                     </div>

  1044.                                                     <div class="form-group">

  1045.                                                        <label for="notification_checkbox">

  1046.                                                             Notification Report

  1047.                                                         </label>

  1048.                                                         <div>

  1049.                                                             <input type="checkbox" class="chkNotification mr-10" onclick="" id="notification_checkbox">IsNotificationReport

  1050.                                                         </div>

  1051.                                                     </div>

  1052.                                                      <div class="form-group">

  1053.                                                         <label for="count_checkbox">

  1054.                                                             Count

  1055.                                                         </label>

  1056.                                                     <div>

  1057.                                                         <input type="checkbox" class="chkCount mr-10" onclick="" id="count_checkbox" checked="true">EnableCount

  1058.                                                      </div>

  1059.                                                     </div>

  1060.                                                    <div class="form-group">

  1061.                                                         <label for="enableglobaldatepicker_checkbox">

  1062.                                                             Date Picker

  1063.                                                         </label>

  1064.                                                     <div>

  1065.                                                         <input type="checkbox" class="chkCount mr-10" onclick="" id="enableglobaldatepicker_checkbox">Enable Global DatePicker

  1066.                                                      </div>

  1067.                                                     </div>

  1068.                                                 <div class="form-group mb-0 hidden">

  1069. 													<div class="section-head mt-20 mb-10">Select Parameter 

  1070.                                                     <button class="btn btn-theme btn-xs float-right mr-10" id="grp_reset_btn" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().addParameter()"><i class="las la-plus"></i> Add</button>

  1071.                                                     </div>

  1072. 													<div class="biz-mini-adj-drawer-wrap" id="parameter-options">

  1073.                                                         <div id="parameter-dropdown">

  1074. 													    </div>

  1075. 													</div>

  1076. 												  </div>

  1077. 												</div>

  1078. 											</div>

  1079. 										</div>

  1080. 										<div class="card hidden">

  1081. 											<div class="card-header">

  1082. 												<a role="button" data-toggle="collapse" href="#no_of_records" aria-expanded="true">Number of Records </a>

  1083. 											</div>

  1084. 											<div id="no_of_records" class="collapse show">

  1085. 												<div class="card-body">

  1086.                                                 <input type="number" class="form-control mb-10" id="txt_totalrecords" placeholder="Total Records">

  1087. 												</div>

  1088. 											</div>

  1089. 										</div>

  1090.                                         	<div class="card hidden" id="XAxis">

  1091. 											<div class="card-header d-flex justify-content-between">

  1092. 												<a role="button" data-toggle="collapse" class="custom-collapse p-0" href="#x_axs" aria-expanded="true">

  1093. 													X-Axis

  1094. 												</a>

  1095.                                                 <button class="btn btn-outline-secondary btn-xs ml-3" id="xaxis_reset_btn" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().resetSelect2Columns('xaxis_select')">reset</button>

  1096. 											</div>

  1097. 											<div id="x_axs" class="collapse show">

  1098. 												<div class="card-body">

  1099. 													<select class="form-control custom-select" id="xaxis_select">

  1100. 														<option selected>- Select Columns -</option>

  1101. 													</select>

  1102. 													<div id="xaxis_selected_columns" class="dsl-block-wrap mt-10">

  1103. 														

  1104. 													</div>

  1105. 												</div>

  1106. 											</div>

  1107. 										</div>

  1108. 	                                        <div class="card hidden" id="YAxis">

  1109. 											<div class="card-header d-flex justify-content-between">

  1110. 												<a role="button" data-toggle="collapse" class="custom-collapse p-0" href="#y_axs" aria-expanded="true">

  1111. 													Y-Axis

  1112. 												</a>

  1113.                                                  <button class="btn btn-outline-secondary btn-xs ml-3" id="yaxis_reset_btn" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().resetSelect2Columns('yaxis_select')">reset</button>

  1114. 											</div>

  1115. 											<div id="y_axs" class="collapse show">

  1116. 												<div class="card-body">

  1117. 													<select class="form-control custom-select" id="yaxis_select">

  1118. 														<option selected>- Select Columns -</option>

  1119. 													</select>

  1120. 													<div id="yaxis_selected_columns" class="dsl-block-wrap mt-10">

  1121. 													</div>

  1122. 												</div>

  1123. 											</div>

  1124. 										</div>

  1125.                                         <div class="card hidden" id="div_base_column">

  1126. 											<div class="card-header d-flex justify-content-between">

  1127. 												<a role="button" data-toggle="collapse" class="custom-collapse p-0" href="#base_column" aria-expanded="true">

  1128. 													Chart Base Column

  1129. 												</a>

  1130.                                                  <button class="btn btn-outline-secondary btn-xs ml-3" id="base_column_reset_btn" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().resetSelect2Columns('base_column_select')">reset</button>

  1131. 											</div>

  1132. 											<div id="base_column" class="collapse show">

  1133. 												<div class="card-body">

  1134. 													<select class="form-control custom-select" id="base_column_select">

  1135. 														<option selected>- Select Columns -</option>

  1136. 													</select>

  1137. 													<div id="base_column_selected_columns" class="dsl-block-wrap mt-10">

  1138. 													</div>

  1139. 												</div>

  1140. 											</div>

  1141. 										</div>

  1142. 	                                 

  1143.                                         <div class="card table-metrics divselect2_GroupBy hidden" id="GroupBy">

  1144. 											<div class="card-header d-flex justify-content-between">

  1145. 												<a role="button" data-toggle="collapse" class="custom-collapse p-0" href="#groupby_grp" aria-expanded="true">

  1146. 													Groups

  1147. 												</a>

  1148.                                                     <button class="btn btn-outline-secondary btn-xs ml-3" id="grp_reset_btn" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().resetSelect2Columns('groupby_select')">reset</button>

  1149. 											</div>

  1150. 											<div id="groupby_grp" class="collapse show">

  1151. 												<div class="card-body">

  1152. 													<select class="form-control custom-select" id="groupby_select">

  1153.                                                         <option selected>- Select Columns -</option>

  1154. 													</select>

  1155.                                                     <div id="groupby_selected_columns" class="dsl-block-wrap mt-10">

  1156.                                                     </div>

  1157. 												</div>

  1158. 											</div>

  1159. 										</div>

  1160. 										<div class="card table-metrics" id="Categories">

  1161. 											<div class="card-header d-flex justify-content-between">

  1162. 												<a role="button" data-toggle="collapse" class="custom-collapse p-0" href="#categories_grp" aria-expanded="true">

  1163. 													Categories

  1164. 												</a>

  1165.                                                     <button class="btn btn-outline-secondary btn-xs ml-3" id="categories_reset_btn" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().resetSelect2Columns('categories_select')">reset</button>

  1166. 											</div>

  1167. 											<div id="categories_grp" class="collapse show">

  1168. 												<div class="card-body">

  1169. 													<select class="form-control custom-select" id="categories_select">

  1170.                                                         <option selected>- Select Columns -</option>

  1171. 													</select>

  1172.                                                     <div id="categories_selected_columns" class="dsl-block-wrap mt-10">

  1173.                                                     </div>

  1174. 												</div>

  1175. 											</div>

  1176. 										</div>

  1177.                     <div class="card hidden" id="linechart">

  1178.                     <div class="card-header d-flex justify-content-between">

  1179.                       <a role="button" data-toggle="collapse" class="custom-collapse p-0" href="#line_chart" aria-expanded="true">

  1180.                         Line Chart

  1181.                       </a>

  1182.                                                <button class="btn btn-outline-secondary btn-xs ml-3" id="yaxis_reset_btn" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().resetSelect2Columns('yaxis_select')">reset</button>

  1183.                     </div>

  1184.                     <div id="line_chart" class="collapse show">

  1185.                       <div class="card-body">

  1186.                         <select class="form-control custom-select" id="line_chart_select">

  1187.                           <option selected>- Select Columns -</option>

  1188.                         </select>

  1189.                         <div id="line_chart_selected_columns" class="dsl-block-wrap mt-10">

  1190.                         </div>

  1191.                       </div>

  1192.                     </div>

  1193.                   </div>

  1194.                                  <div class="card table-metrics" id="SortColumns">

  1195. 											<div class="card-header d-flex justify-content-between">

  1196. 												<a role="button" data-toggle="collapse" class="custom-collapse p-0" href="#sortColumns" aria-expanded="true">

  1197. 													Sort Columns

  1198. 												</a>

  1199.                                                     <button class="btn btn-outline-secondary btn-xs ml-3" id="sortcolumn_reset_btn" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().resetSelect2Columns('sortby_select')">reset</button>

  1200. 											</div>

  1201. 											<div id="sortColumns" class="collapse show">

  1202. 												<div class="card-body">

  1203. 													<select class="form-control custom-select" id="sortColumns_select">

  1204.                                                         <option selected value="">- Select Columns -</option>

  1205. 													</select>

  1206.                                                     <div id="sort_selected_columns" class="dsl-block-wrap mt-10">

  1207.                                                     </div>

  1208. 												</div>

  1209. 											</div>

  1210. 										</div>`}static Instance(){return new i}}t.ReportBuilder_Template=i})(i=t.Reports||(t.Reports={}))})(i=t.Analytics||(t.Analytics={}))})(t=n.Platform||(n.Platform={}))})(Unibase||(Unibase={}));