var Unibase;(function(n){let t;(function(t){let i;(function(i){let r;(function(r){class u extends t.Core.BaseComponent{constructor(){super();this.subTemplateCount=1;this.Templates=[];this.TemplateNames=[];this.viewerManager=i.Managers.ViewerManager.Instance();this.reportViewer=r.ReportViewer.Instance();this.ReportId=0}jsFiles(){return["platform/analytics/providers/iviewersettings.js","platform/analytics/managers/interfaces/iviewermanager.js"]}cssFiles(){return[]}html(){return`<div class="b-b bg-white header pa-10"><strong class="text-dark">Template</strong>
                       </div>
                    <div data-simplebar class="simple-scroll-bar scrollable" id="TemplateViewer_modal"> 
                      <div id="divTemplateView_ErrorMessage"></div>
                        <div class="Template_Section card"> 
                            <div class="card-body"> 
                                <div class="row">
                                    <div class="col-sm-5">
                                         <div id="div_TemplateName" class="floating-label-form-group floating-label-form-group-with-value">
                                              <label for="templatename" id="lbl_TemplateName">Template Name</label>
                                              <input type="text" id="Txt_Template_Name" class="form-control value-control floating-label-control" placeholder="Template Name" data-placeholder="Template Name" data-label="Template Name">
                                         </div>
                                     </div>
                                    <div class="col-sm-4">
                                         <div id="div_DisplayName" class="floating-label-form-group floating-label-form-group-with-value">
                                              <label for="displayname" id="lbl_DisplayName">Display Name</label>
                                              <input type="text" id="Txt_Display_Name" class="form-control value-control floating-label-control" placeholder="Display Name" data-placeholder="Display Name" data-label="Display Name">
                                         </div>
                                     </div>
                                    <div class="col-sm-3"> 
                                        <div id="div_TemplatePageSize" class="floating-label-form-group floating-label-form-group-with-value">
                                              <label for="TemplatePageSize" id="lbl_TemplatePageSize"> Page Size </label>
                                              <input type="text" id="Txt_TemplatePageSize" class="form-control value-control floating-label-control" placeholder="Template PageSize" data-placeholder="Template PageSize" data-label="Template PageSize">
                                         </div> 
                                    </div>
                                    <div class="col-sm-4"> 
                                        <div class="form-group mt-40"><label for="frmchkIsEnableCardMode" style=""><b> Enable Card Mode </b></label><label id="lblIsEnableCardMode" class="switch m-t form-inline pull-right" style=""><input id="chkIsEnableCardMode" data-group="chkIsEnableCardMode" type="checkbox" data-isdynamic="false"><span></span></label></div> 
                                    </div>
                                    <div class="col-sm-5"> 
                                        <div class="form-group mt-40"><label for="frmchkIsEnableSubTemplatesMode" style=""><b> Enable Sub Templates Mode </b></label><label id="lblIsEnableSubTemplatesMode" class="switch m-t form-inline pull-right" style=""><input id="chkIsEnableSubTemplatesMode" data-group="chkIsEnableSubTemplatesMode" type="checkbox" data-isdynamic="false"><span></span></label></div> 
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="form-group mt-40"><label for="frmchkIsCarousel" style=""><b> Is Carousel </b></label><label id="lblIsCarousel" class="switch m-t form-inline pull-right" style=""><input id="chkIsCarousel" data-group="chkIsCarousel" type="checkbox" data-isdynamic="false"><span></span></label></div> 
                                     </div>
                                    <div class="col-sm-4">
                                        <div class="form-group d-flex align-items-center mt-15"><label class="font-weight-bold mr-10" for="desktopRadio">Is Desktop</label><input type="radio" id="desktopRadio" name="layoutRadio" checked value="1"></div>
                                    </div>
                                    <div class="col-sm-5">
                                        <div class="form-group d-flex align-items-center mt-15"><label class="font-weight-bold mr-10" for="mobileRadio">Is Mobile</label><input type="radio" id="mobileRadio" name="layoutRadio" value="2"></div>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="form-group d-flex align-items-center mt-15"><label class="font-weight-bold mr-10" for="bothLayoutRadio">Both</label><input type="radio" id="bothLayoutRadio" name="layoutRadio" value="3"></div>
                                    </div>
                                    <div class="col-sm-4">
                                        <div class="form-group mt-15"><label for="chkOverrideWidgetPageSize" class="font-weight-bold">Override Widget Page Size</label><label class="switch pull-right"><input id="chkOverrideWidgetPageSize" type="checkbox"><span></span></label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>    
                        <div class="TemplateHeader_Section card"> 
                            <div class="card-header"> Template Header </div> 
                            <div class="card-body"> 
                                <div id="div_TemplateHeader" class="">            
                                    <textarea id="input_templateheader" placeholder="Template Header" rows="6" class="w-100"></textarea>
                                </div>
                            </div>                 
                        </div>
                        <div class="TemplateText_Section card"> 
                            <div class="card-header"> Template Text </div> 
                            <div class="card-body">                                
                                <div id="div_TemplateText" class="">            
                                    <textarea id="input_TemplateText" placeholder="Template Text" rows="6" class="w-100"></textarea>                    
                                </div>
                            </div>
                        </div>
                        <div class="TemplateFooter_Section card"> 
                            <div class="card-header"> Template Footer </div> 
                            <div class="card-body">                                
                                <div id="div_TemplateFooter" class="">            
                                    <textarea id="input_TemplateFooter" placeholder="Template Footer" rows="6" class="w-100"></textarea>                    
                                </div>
                            </div>
                        </div>
                        <div class="Js_Section card"> 
                            <div class="card-header"> Js </div> 
                            <div class="card-body">                                
                                <div id="div_Js" class="">            
                                    <textarea id="input_Js" placeholder="Js" rows="6" class="w-100"></textarea>                    
                                </div>
                            </div>
                        </div>
                        <div class="printheadertext_Section card"> 
                            <div class="card-header"> Print Header Text </div> 
                            <div class="card-body">                                
                                <div id="div_printheadertext " class="">            
                                    <textarea id="input_printheadertext" placeholder="Print Header Text" rows="6" class="w-100"></textarea>                    
                                </div>
                            </div>
                        </div>
                        <div class="printtemplatetext_Section card"> 
                            <div class="card-header"> Print Template Text </div> 
                            <div class="card-body">                                
                                <div id="div_printtemplatetext" class="">            
                                    <textarea id="input_printtemplatetext" placeholder="Print Template Text" rows="6" class="w-100"></textarea>                    
                                </div>
                            </div>
                        </div>
                        
                        <div class="printfootertext_Section card"> 
                            <div class="card-header"> Print Footer Text </div>
                            <div class="card-body">                                
                                <div id="div_printfootertext" class="">            
                                    <textarea id="input_printfootertext" placeholder="Print Footer Text" rows="6" class="w-100"></textarea>                    
                                </div>
                            </div>
                        </div>
                        <div class="SubTemplates_Section card">
                            <div class="card-header"> Sub Templates <a class="pull-right btn btn-icon py-0 hidden" id="subtmp_plus" aria-hidden="true"><i class="fa fa-plus"></i></a></div>
                            <div class="card-body">
                                <div id="subtmp_div" class="mt-10">
                                    <div class="row" id="divsubtmp_1">
                                       <div class="col-11  floating-label-form-group-with-value">                    
                                            <select class="select_templates form-control" id="cmdsub_1" onclick="Unibase.Platform.Analytics.Components.TemplateViewerSettings.Instance().selectedSubTemplate(1)" multiple="multiple"><option value="0">Select Sub Template</option></select>
                                        </div>
                                        <a class="col-1 btn btn-icon subtmp_delete hidden" id="subtmp_delete_1" onclick="Unibase.Platform.Analytics.Components.TemplateViewerSettings.Instance().removeSubTemplate(1)"><i class="fa fa-times"></i></a>
                                     </div>
                                 </div>
                             </div>
                        </div>
                    </div>
                    </div>
                    
                    <div class="bg-white footer">
                        <a class="btn btn-light btn-sm btn-center mr-auto btn-close" id="btnClose">Close</a>
                        <a class="btn btn-primary btn-center btn-sm text-white" id="btnSave">Save</a>
                    </div>`}load(n,t){var i=this,r;i.TemplateNames=[];i.templateResponse=null;$("#Txt_TemplatePageSize").val(20);$("#chkIsEnableCardMode").change(function(){var n=$("#chkIsEnableCardMode").prop("checked");$("#input_templateheader").val("");$(".TemplateHeader_Section").removeClass("hidden")});$("#subtmp_plus").click(function(){i.subTemplateCount++;let t=`<div class="row mt-10" id="divsubtmp_`+i.subTemplateCount+`">
                                                    <div class="col-11  floating-label-form-group-with-value">                    
                                                         <select class="select_templates form-control" id="cmdsub_`+i.subTemplateCount+`" onclick="Unibase.Platform.Analytics.Components.TemplateViewerSettings.Instance().selectedSubTemplate(`+i.subTemplateCount+`)" multiple="multiple"><option value="0">Select Sub Template</option></select>
                                                    </div>
                                                    <a class="col-1 btn btn-icon subtmp_delete" id="subtmp_delete_`+i.subTemplateCount+`" onclick="Unibase.Platform.Analytics.Components.TemplateViewerSettings.Instance().removeSubTemplate(`+i.subTemplateCount+`)"><i class="fa fa-times"></i></a>
                                                 </div>`;$("#subtmp_div").append(t);for(var n=0;n<i.Templates.length;n++)$(".select_templates").append(`<option value="`+i.Templates[n].TemplateName.trim()+`">`+i.Templates[n].TemplateName.trim()+`</option>`)});r=_appsettings.server_url()+"/apis/v4/unibase/platform/analytics/templates";AutoCompleteHelper.getHelper().Create("#cmdsub_1","hfReportAutoComplete",r,null);n!=0&&i.getTemplateById(n);jQuery("#btnSave").click(function(){i.saveTemplate(n,Number(i.ReportId),t,null)});$("#layoutRadio").click(function(){})}removeSubTemplate(n){let t=this;$("#divsubtmp_"+n).remove();t.TemplateNames.splice(n,1)}selectedSubTemplate(n){let t=this,i=$("#cmdsub_"+n+" option:selected").text();t.TemplateNames[n]=i}getTemplateById(t){var i=this;i.subTemplateCount=1;i.viewerManager.getTemplateView(t).then(function(t){var r=t.result;i.templateResponse=t.result;$("#Txt_Template_Name").val(r.TemplateName.trim()).attr("readonly","true").css("cursor","not-allowed");r.DisplayName!=null&&$("#Txt_Display_Name").val(r.DisplayName.trim());$("#input_templateheader").val(HtmlHelper.getHelper().decode(r.HeaderText.trim()));$("#input_TemplateText").val(HtmlHelper.getHelper().decode(r.TemplateText.trim()));$("#input_TemplateFooter").val(HtmlHelper.getHelper().decode(r.FooterText.trim()));r.Js!=null&&$("#input_Js").val(r.Js.trim());$("#chkIsEnableCardMode").prop("checked",r.EnableCardMode);$("#chkIsCarousel").prop("checked",r.IsCarousel);$("input[name=layoutRadio][value="+r.DisplayModeTypeId+"]").prop("checked","checked");$("#chkIsEnableSubTemplatesMode").prop("checked",r.EnableSubTemplatesMode);r.PageSize!=0&&$("#Txt_TemplatePageSize").val(r.PageSize);r.PrintTemplateText&&$("#input_printtemplatetext").val(HtmlHelper.getHelper().decode(r.PrintTemplateText.trim()));r.PrintHeaderText&&$("#input_printheadertext").val(HtmlHelper.getHelper().decode(r.PrintHeaderText.trim()));r.PrintFooterText&&$("#input_printfootertext").val(HtmlHelper.getHelper().decode(r.PrintFooterText.trim()));r.SubTemplates!=""&&r.SubTemplates!=null&&i.viewerManager.getTemplates(r.SubTemplates).then(t=>{var r,i;if(t.status==n.Data.Status.Success)for(r=t.result,i=0;i<r.length;i++)$("#cmdsub_1").append(new Option(r[i].TemplateName,r[i].TemplateViewId.toString(),!0,!0))})})}saveTemplate(t,i,r,u){var f=this,e=u;let o="",s=$("#cmdsub_1").select2("data");o=s.map(n=>n.text).join("|");u==null&&(e={HeaderText:HtmlHelper.getHelper().encode($("#input_templateheader").val()),TemplateText:HtmlHelper.getHelper().encode($("#input_TemplateText").val()),FooterText:HtmlHelper.getHelper().encode($("#input_TemplateFooter").val()),Js:$("#input_Js").val(),TemplateName:$("#Txt_Template_Name").val().toString().trim(),DisplayName:$("#Txt_Display_Name").val().toString().trim(),ReportId:Number(i),TemplateViewId:Number(t),EnableCardMode:$("#chkIsEnableCardMode").prop("checked"),EnableSubTemplatesMode:$("#chkIsEnableSubTemplatesMode").prop("checked"),IsCarousel:$("#chkIsCarousel").prop("checked"),PageSize:Number($("#Txt_TemplatePageSize").val()),SubTemplates:o,DisplayModeTypeId:Number($('input[name="layoutRadio"]:checked').val()),PrintTemplateText:HtmlHelper.getHelper().encode($("#input_printtemplatetext").val()||""),PrintHeaderText:HtmlHelper.getHelper().encode($("#input_printheadertext").val()||""),PrintFooterText:HtmlHelper.getHelper().encode($("#input_printfootertext").val()||""),ViewAll:f.templateResponse?f.templateResponse.ViewAll:!0,IsFromUI:Number(t)==0?!0:!1});f.viewerManager.saveTemplateView(e).then(function(t){t.status==n.Data.Status.Error?MessageHelper.Instance().showError(t.message,"divTemplateView_ErrorMessage"):(MessageHelper.Instance().showSuccess(t.message,""),$("#"+r).modal("hide"),$("#"+r).remove())})}deleteTemplate(t,i,r){r!=undefined&&r.stopPropagation();var u=this;bootbox.confirm("Do you want to Delete the Template ?",function(r){r&&u.viewerManager.deleteTemplate(t,u.ReportId).then(function(r){if(r.status==n.Data.Status.Success)MessageHelper.Instance().showSuccess(r.message,""),$(`#deleteTemplateIcon_${t}`).parents(".biz-views-dropdown").siblings(".views-dropdown-toggle").dropdown("toggle");else{let n=$(`#deleteTemplateIcon_${t}`).parents(".biz-views-dropdown").find("#dpErrMessage_"+i).attr("id");MessageHelper.Instance().showError(r.message,n)}},null)})}updateViewerStatus(t,i){var r=this;r.viewerManager.updateViewerStatus(t,i).then(function(i){i.status==n.Data.Status.Success&&(Number(i.result)==n.Platform.Core.Enums.RowStatus.Active?$(".tempStatus_"+t).text("Active").addClass("btn-success").removeClass("btn-red"):$(".tempStatus_"+t).text("InActive").addClass("btn-red").removeClass("btn-success"))})}deleteViewer(t,i,r,u){u!=undefined&&u.stopPropagation();var f=this;bootbox.confirm("Do you want to Delete the Template ?",function(u){if(u){var e=f.reportViewer.getReportViewerInstance(r);e.reportResponse&&e.reportResponse.result&&e.reportResponse.result.ReportInfo&&e.reportResponse.result.ReportInfo.ReportId&&(f.ReportId=e.reportResponse.result.ReportInfo.ReportId);f.viewerManager.deleteViewer(f.ReportId,t,i).then(function(i){if(i.status==n.Data.Status.Success)MessageHelper.Instance().showSuccess(i.message,""),$(`#deleteTemplateIcon_${t}`).parents(".biz-views-dropdown").siblings(".views-dropdown-toggle").dropdown("toggle");else{let n=$(`#deleteTemplateIcon_${t}`).parents(".biz-views-dropdown").find("#dpErrMessage_"+r).attr("id");MessageHelper.Instance().showError(i.message,n)}},null)}})}loadViewers(){var n=_appsettings.server_url()+"/apis/v4/unibase/platform/analytics/viewers";AutoCompleteHelper.getHelper().Create("#cmdsub_1","hfReportAutoComplete",n,null)}static Instance(){return this._instance===undefined&&(this._instance=new n.Platform.Analytics.Components.TemplateViewerSettings),this._instance}}r.TemplateViewerSettings=u})(r=i.Components||(i.Components={}))})(i=t.Analytics||(t.Analytics={}))})(t=n.Platform||(n.Platform={}))})(Unibase||(Unibase={}));