WebBuild/wwwroot/platform/widgets/components/widget.min.js

var __awaiter=this&&this.__awaiter||function(n,t,i,r){function u(n){return n instanceof i?n:new i(function(t){t(n)})}return new(i||(i=Promise))(function(i,f){function o(n){try{e(r.next(n))}catch(t){f(t)}}function s(n){try{e(r["throw"](n))}catch(t){f(t)}}function e(n){n.done?i(n.value):u(n.value).then(o,s)}e((r=r.apply(n,t||[])).next())})},Unibase;(function(n){let t;(function(t){let i;(function(i){let r;(function(r){class u extends t.Core.BaseComponent{constructor(){super(...arguments);this.DataListTypeId=0;this.DataListId=0;this.formproperties=[];this.saveReportColumn=1;this.isclickEvent=!1;this.defautSettings=[{widgetdesignid:20210628,mode:"Create_Mode",loadDesigns:0,defaultMode:"create"}];this.DropOrderIndex=1;this.structDesignIdArrayDelete=[];this.structureDesignArray=[];this.items=".structureDiv, .widgetdataHere, .dashboardwidget-item.dashboarddisplaynone, .portletwidget-item.dashboarddisplaynone";this.themePaletteId=n.Themes.Compact.Components.Index.Instance().currentTheme.paletteId;this.themePalette=n.Themes.Compact.Components.Index.Instance().themePalette;this.Singledoc_array=[]}jsFiles(){return["platform/widgets/managers/interfaces/iwidgetmanager.js","platform/widgets/managers/widgetmanager.js","platform/portlets/managers/interfaces/iportletmanager.js","platform/portlets/managers/portletmanager.js","tenants/themes/compact/components/details/details.js","platform/analytics/managers/interfaces/ireportmanager.js","platform/analytics/managers/reportmanager.js","platform/widgets/components/widgethiddenfields.js","platform/apps/managers/appmanager.js","platform/forms/managers/formmanager.js","platform/forms/components/formviewer/formviewer.js","platform/portlets/components/portlet.js","libs/parsley/parsley.min.js","platform/permission/enums/permission.js","platform/core/helpers/file/file.js","libs/dragula/dist/dragula.min.js","libs/dragula/dist/init.js","libs/spectrum-2.0.8/dist/spectrum.js","/platform/widgets/components/_widget.js"]}cssFiles(){return["libs/bootstrap/css/bootstrap.min.css","libs/tabulator-tables/css/bootstrap/tabulator_bootstrap4.min.css","libs/select2/css/select2.min.css","libs/vectormap/jquery-jvectormap-2.0.3.css","libs/simplebar/simplebar.min.css","libs/dragula/dist/dragula.min.css","libs/querybuilder/query-builder.default.min.css","libs/summernote/summernote.css","libs/jquery-toggles/css/themes/toggles-light.css","libs/dragula/dist/style.css","platform/analytics/components/reportbuilder/style.reportbuilder.css","tenants/themes/compact/css/style.ext.css","libs/spectrum-2.0.8/dist/spectrum.css","tenants/themes/compact/css/style.widget_builder.css"]}html(t){let e=n.Platform.Widgets.Components.Widget.Instance().defautSettings.filter(function(n){return n.widgetdesignid===20210628}),r="",u="",f="",i="";e[0].mode=="Create_Mode"&&(r="",u="d-none",i="active show",f="");e[0].mode=="Edit_Mode"&&(r="biz-drawer-pushright",u="d-none",i="",f="active show");return`<div id="biz-wrapper" class="biz-wrapper drawer-small drawer-right biz-drawer-push ${r}" data-builder="widget_builder">

    <!-- Right Nav -->
    <div id="widgetBuilderRightNav"></div>
    <!-- /Right Nav -->

    <!-- Main Content -->
    <div class="biz-pg-wrapper py-0">
        <div class="biz-pg-body">
            <div class="biz-bldr-wrap bldr__aside__left">
                <header class="bldr-head Widget-builder font-weight-500">
                    <div class="d-flex align-items-center" id="txt_WidgetNameParent">
                        <input type="text" id="txt_WidgetName" class="form-control floating-label-control shadow-none required w-180p" data-isdynamic="false" placeholder="Widget Name *" data-validatename="Widget Name" data-placeholder="Enter Widget Name" data-label="Widget Name *" autocomplete="off"/>
                        <input type="hidden" id="hf_WidgetId" value="0"><input type="hidden" id="hf_viewallstages" value="true"/>
                        <span class="badge badge-soft-primary ml-10" id="header_Report_name">Report Name</span>
                    </div>
                    <div id="bizgaze_ValidationSummary" class="font-weight-400"></div>
                    <div class="bldr-options-wrap" id="top-nav-menu">
                        <a class="btn btn-primary btn-web btn-widgettbuilder-save" href="javascript:void(0)" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().saveWidget(`+t+`);"  id="btn-widget-save">Save Widget</a>
                        <a class="btn btn-outline-warning btn-web btn-widgettbuilder-reset" href="javascript:void(0)" id="btn-widget-builder-reset" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().resetWidget()">Reset</a>
                        <a class="btn btn-outline-danger btn-web btn-widgettbuilder-close" href="javascript:void(0)" id="btn-widget-close">Discard</a>
                    </div>
                    <div class="hidden"><input type="hidden" id="portlewidgetid" class="d-none" value="0"></div>
                </header>
                <div class="bldr-aside-left">
                    <ul class="nav nav-light nav-tabs columnCursor ">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#tab_details">
                                <span class="nav-link-text">Details</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link columntab" data-toggle="tab" href="#tab_columns">
                                <span class="nav-link-text">Columns</span>
                            </a>
                        </li>
                    </ul>
                    <div data-simplebar class="simple-scroll-bar">
                        <div class="tab-content">
                            <div class="tab-pane fade show active" id="tab_details">
                              <form id="frmUnibase_widgetBuilderDetailsLeftNav" data-validate="parsley" data-isdynamic="false">
                                <ul class="rightnav_body font-weight-500" id="DefaultLeftNav_body">
                                    <li class="d-flex flex-column pt-1 pb-20" id="li_WidgetName">
                                        <label for="txt_UniqueId" class="font-weight-600" id="lbl" >Unique Name<span class="text-danger"> *</span></label>
                                        <input type="text" id="txt_WidgetUniqueName" class="form-control floating-label-control required shadow-none" data-isdynamic="false" placeholder="Unique Name *" data-placeholder="Enter Unique Name" data-validatename="Unique Name" data-label="Unique Name *" autocomplete="off" />
                                    </li>
                                    <li class="d-flex flex-column pb-20" id="li_WidgetType">
                                        <label for="ddlWidgetType" id="lblWidgetType" class="font-weight-600">Widget Type <span class="text-danger"> *</span></label>
                                        <select id="ddlWidgetType" class="form-control floating-label-control required" data-isdynamic="false" placeholder="Widget Type *" data-placeholder="Select Widget Type" data-label="Widget Type *">
                                            <option value="">Select Widget Type</option>
                                        </select>
                                    </li>
                                    <li class="d-flex flex-column pb-20 hidden" id="div_WidgetFormat" style="border-bottom:0;">
                                            <label for="ddlWidgetFormat" id="lblWidgetFormat" class="font-weight-600">Widget Format<span class="text-danger"> *</span></label>
                                            <select id="ddlWidgetFormat" class="form-control floating-label-control required" data-isdynamic="false" placeholder="WidgetFormat" data-placeholder="Select WidgetFormat" data-label="WidgetFormat">
                                            </select>
                                    </li>
                                    <li class="hidden" id="appProviders">
                                        <div class="d-flex flex-column pb-20" id="div_WidgetAppProvider">
                                            <label for="ddlAppProviders" class="font-weight-600" id="lblAppProviders">Available to Apps<span class="text-danger span_ddlappprovider"> *</span></label>
                                            <input type="hidden" id="hfInstalledappAutocompleteId" />
                                            <select id="ddlAppProviders" class="form-control floating-label-control required select2-hidden-accessible" data-isdynamic="false" placeholder="AppProviders" data-placeholder="Select Apps" data-label="Apps" onchange="Unibase.Platform.Widgets.Components.Widget.Instance().getParameterValues(`+t+`)" multiple="multiple">
                                            </select>
                                        </div>
                                    </li>
                                    <li class="ReportDiv">
                                        <div class="d-flex flex-column" id="div_Report">       
                                            <label for="ddlReport" id="lblReport" class="font-weight-600">Report<span class="text-danger">*</span></label>
                                            <input type="hidden" id="hfReportAutoComplete" value="" />
                                            <select id="ddlReport" class="b-a form-control floating-label-control w-100" value="" data-validatename="Report"  onchange="Unibase.Platform.Widgets.Components.Widget.Instance().getReportColumns(false)">
                                            </select>
                                        </div>
                                    </li>
                                    <li class="pb-10 hidden">
                                        <p class="font-weight-600" style="color:#007D88">Widget Details</p>
                                    </li>
                                    <li class="d-flex flex-column" id="li_WidgetLayout">
                                        <label for="ddlWidgetLayout" id="lblWidgetLayoutName" class="font-weight-600 hidden">Layout<span class="text-danger">*</span></label>
                                        <select class="form-control floating-label-control hidden required" id="ddlWidgetLayout" data-isdynamic="true" data-validatename="Widget Layout"  placeholder="Widget Layout" data-placeholder="Select Widget Layout" data-label="Widget Layout" onchange="Unibase.Platform.Widgets.Components.Widget.Instance().bindWidgetDesigns(0)">
                                            <option value="">Select Widget Layout</option>
                                        </select>
                                    </li>
                                    <li class="pb-20 div_DesignName hidden" id="div_DesignName">
                                        <div class="d-flex flex-column" id="div_WidgetDesignName">
                                            <label for="ddlWidgetDesign" id="lblWidgetDesignName" class="font-weight-600">Design<span class="text-danger">*</span></label>
                                            <select id="ddlWidgetDesign" class="form-control floating-label-control required" data-isdynamic="true" placeholder="Widget Design" data-placeholder="Select Widget Design" data-validatename="Widget Design"  data-label="Widget Design">
                                                <option value="" >Select Widget Design</option>
                                            </select>
                                        </div>
                                    </li>
                                    <li class="pb-20 d-flex flex-column" id="div_WidgetURL">
                                        <div class="hidden userDesignedURL"><label for="txt_WidgetUrlFile" id="lblOwnDesign" class="font-weight-600">Widget URL<span class="text-danger">*</span></label>
                                        <input type="text" class="form-control floating-label-control required" id="txt_WidgetUrlFile" placeholder="Widget URL*" data-validatename="widget Name"  data-placeholder="Enter Widget URL" data-label="Widget URL"></div>
                                    </li>
                                    <li class="pb-20 hidden">
                                        <div class="d-flex flex-column" id="div_LinkReportId" style="border-bottom:0;">
                                            <div class="d-flex flex-column" >
                                                <label for="ddlLinkReportId" id="lblLinkUrlReportIdr" class="font-weight-600">Link Report</label>
                                                <select id="ddlLinkReportId" class="w-100p form-control floating-label-control" style="width:100%" data-isdynamic="true"  placeholder="LinkReport" data-placeholder="Select LinkReport" data-label="LinkReport"><option value="0">Select Report</option></select>
                                                <input type="hidden" id="hfddlLinkReportId" value="" />
                                            <div>
                                            <div class="d-flex flex-column pt-20" id="div_LinkReportLabelName">
                                                <label for="txt_UniqueId" class="font-weight-600" id="lbl">Link Report Label Name
                                                    <span class="text-danger"> *</span>
                                                </label>
                                                <input type="text" id="txt_LinkReportLabelName" class="form-control floating-label-control shadow-none" data-isdynamic="false" placeholder="Link Report Label Name *" data-placeholder="Link Report Label Name" data-validatename="Link Report Label Name" data-label="Link Report Label Name" autocomplete="off">
                                            </div>
                                        </div>
                                    </li>
                                    <li class="pb-20 hidden" id="li_WidgetDetaillinkURL">
                                         <div class="d-flex flex-column" id="div_WidgetDetaillinkURL">
                                            <label for="txt_DetaillinkURL" id="lblDetaillinkURL" class="font-weight-600">Link URL</label>
                                            <input type="text" class="form-control floating-label-control shadow-none" id="txt_DetaillinkURL" placeholder="Link URL" data-placeholder="Enter Link URL" data-label="Link URL" />
                                        </div>
                                    </li>
                                    <li class="pb-20 hidden" id="li_WidgetDetailIcon">
                                        <div class="d-flex flex-column" id="div_WidgetDetailIcon" style="border-bottom:0;">
                                            <label for="ddlDetailIcon" id="lblDetailIcon" class="font-weight-600">Button</label>
                                            <select id="ddlDetailIcon" class="form-control floating-label-control" data-isdynamic="true" placeholder="Icon" data-placeholder="Select Icon" data-label="Icon">
                                                <option value="">Select Icon</option>
                                                <option value="1">plus</option>
                                                <option value="2">pencil</option>
                                                <option value="3">refresh</option>
                                            </select>
                                        </div>
                                    </li>
                                    <li class="pb-20 hidden" id="li_WidgetDetailHeader">
                                        <div class="d-flex align-items-center justify-content-between" id="div_WidgetDetailHeader" style="border-bottom:0;">
                                            <label class="font-16 font-weight-600">Show Header</label>
                                            <label class="switch m-0">
                                                <input type="checkbox" id="DetailHeader_collapase">
                                                <span></span>
                                            </label>
                                        </div>
                                    </li>
                                </ul>
                              </form>
                            </div>
                            <div class="tab-pane fade" id="tab_columns">
                                <div class="text-dark collapaseDiv hidden">
                                    <div class="d-flex flex-row">
                                        <span class="font-16 font-weight-500">Default Expand</span>
                                        <label class="switch m-0 px-20">
                                            <input type="checkbox" id="report_collapase">
                                            <span></span>
                                        </label>
                                    </div>
                                </div>
                                <div class="DetailsColumns">
                                    <ul class="d-flex flex-column font-weight-500 font-14">
                                        <li class="d-flex flex-column biz-adj-drawer-wrap">
                                            <button data-target="adj_drawer_column" class="btn btn-secondary btn-wth-icon icon-left adj-drawer-open mb-15" id="addColumn-detailWidget"><span><span class="line-icon mr-2"><i class="las la-plus"></i></span>Add Columns</span></button>
                                            <ul class="list-group gutter list-group list-group-sp sortable" id="ulcolumns">
                                                
                                            </ul>
                                            <div id="adj_drawer_column" class="biz-adj-drawer border">
                                                <div class="drawer-body biz-custom-scrollbar pb-0 px-3">
                                        	        <ul class="bg-white">
												        <form class="formColumnWidgetBuilder">
													        <li class="mb-3 d-flex flex-column">
                                                                <div class="floating-label-form-group-with-value" id="div_WidgetColumnConv">
														            <label for="ddlColumnConv" id="lblColumnConv"> Converter <span class="text-danger">*</span></label>
														            <select id="ddlColumnConv" class="form-control floating-label-control py-0 pl-2 pr-4 border-0 bg-light custom-select"  data-                            isdynamic="true" placeholder="Converter" data-placeholder="Select Converter" data-label="Converter">
															            <option value="">Select Converter</option>
															            <option value="0">None</option>
															            <option value="1">Round Number</option>
															            <option value="2">Local Date</option>
                                                                        <option value="3">Local Time</option>
														            </select>
                                                                </div>
													        </li>
													        <li class="d-flex flex-column div_WidgetColumnConvType hidden">
                                                                <div class="floating-label-form-group-with-value hidden" id="div_WidgetColumnConvType">
                                                                    <label for="ddlColumnConvType" id="lblColumnConvType" class="font-bold">Select Format</label>
                                                                    <select id="ddlColumnConvType" class="form-control floating-label-control" data-isdynamic="true" placeholder="select" data-                         placeholder="Select " data-label=""> 
                                                                    </select>
                                                                </div>
                                                            </li>
													        <li class="d-flex flex-column mb-3">
                                                                <div class="floating-label-form-group-with-value" id="div_WidgetColumn" style="border-bottom:0;">
														            <label for="ddlColumns" id="lblColumns" class="font-bold scroll-x scroll-y"> Columns <span class="text-danger">*</span></label>
														            <select class="form-control floating-label-control py-0 pl-2 pr-4 border-0 bg-light custom-select selectreportcolumn" id="ddlColumns" data-isdynamic="true" placeholder="Columns" data-placeholder="Select Columns" data-label="Columns">
															            <option value="">Select Columns</option>
														            </select>
                                                                </div>
													        </li>
													        <li class="border-bottom mb-3">
                                                                <div class="floating-label-form-group" id="div_WidgetLabel">
														            <label for="txt_Label" id="lblLabel"> Label <span class="text-danger">*</span></label>
														            <input type="text" name="" class="form-control border-0 bg-light floating-label-control" id="txt_Label" placeholder="Label *" data-placeholder="Enter Label" data-label="Label *">
                                                                </div>
													        </li>
													        <li class="border-bottom mb-3">
                                                                <div class="floating-label-form-group" id="div_WidgetHyperlink">
														            <label  for="txt_LinkURL" id="lblLinkURL"> Hyper link <span class="text-danger">*</span></label>
														            <input type="text" name="" class="form-control floating-label-control border-0 bg-light "  placeholder="Hyperlink" data-placeholder="Enter Hyperlink" id="txt_LinkURL" data-label="Hyperlink" >
													            </div>
                                                                <input type="hidden" id="propertyindex" value="0"/>
                                                                <input type="hidden" id="detailpropertyid" value="0"/>
                                                                <input type="hidden" id="li_columnId" value="0"/>
                                                            </li>
												        </form>	
											        </ul>
                                                </div>
                                                <footer class="d-flex justify-content-between py-2 px-3">
                                                    <a href="javascript:void(0);" class="btn btn-light py-0 btn-adj-drawer-close"   onclick="Unibase.Platform.Widgets.Components.Widget.Instance().bindReportClose()">Close</a>
                                                    <a href="javascript:void(0);" class="btn btn-theme py-0 btn-adj-drawer-close" id="btn_Add"
                                                       onclick="Unibase.Platform.Widgets.Components.Widget.Instance().bindReportColumn()">Save</a>
                                                </footer>
                                            </div>
                                        </div>
                                        <div class="dsl-block-wrap dd-list droppable-area1 connected-sortable" id="selectedColumns">

                                        </div>
                                    </li>
                                    <li style="list-style-type:none;">
                                        <ul class="d-flex flex-column font-14">
                                            <li class="hidden" id="div_Value1"> 
                                                <div class="floating-label-form-group-with-value" id="div_selectedcolumn1" style="border-bottom:0;">
                                                    <div class="border-bottom">                                                    
                                                        <input type="text" class="form-control bg-light floating-label-control font-weight-500 border-0" id="ddlSelectedLabelValue_1"  placeholder="Enter Label 1" value="Label 1" style="box-shadow:none;">
                                                    </div>
                                                    <div class="d-flex justify-content-between pt-2 align-item-center w-100">
                                                        <span>
                                                            <label for="ddlSelectedValue_1" class="font-weight-500" id="lblSelectedValue_1">Select Value 1</label>
                                                        </span>
                                                        <span>
                                                            <input class="form-check-input value_1_hidden mr-0" type="checkbox" value="" id="value_1_hidden" title="Hidden" style="width: 15px; height:15px;">
                                                        </span>
                                                    </div>
                                                    <div>
                                                        <input type="hidden" id="hfddlSelectedValue_1" value="" />
                                                        <select id="ddlSelectedValue_1" class="form-control floating-label-control font-weight-500" data-isdynamic="true"  placeholder="Select Column" data-placeholder="Select Column" data-label="Select Column">
                                                        <option value="">Select Columns</option>
                                                        </select>
                                                    </div>
                                                     <ul class="d-flex flex-row w-100 font-weight-500 pt-2 font-14">
                                                        <li class="d-flex flex-column w-50">
                                                            <span class="pb-2">Data Type</span>
                                                             <select id="kpidataType_1" class="form-control floating-label-control font-14 border-0 bg-light" placeholder="Data Type *" data-validatename="Data Type" data-placeholder="Enter Data Type" data-label="Data Type *"> <option selected value="">Select</option> <option value="int">INT</option> <option value="float">FLOAT</option> <option value="char">CHAR</option> <option value="varchar">VARCHAR</option> <option value="bool">BOOLEAN</option><option value="INR">CURRENCY</option><option value="percent">PERCENT</option></select>
                                                        </li>
                                                        <li class="d-flex flex-column w-50 pl-3">
                                                            <span class="pb-2 ml-auto">IsRoundOff</span><label class="switch ml-auto m-0 my-auto" style="opacity:1"> <input type="checkbox" id="kpi_isroundoff_1"> <span style="margin-top:6px;"></span></label>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="hidden" id="div_Value2"> 
                                                <div class="floating-label-form-group-with-value py-3" id="div_selectedcolumn2" style="border-bottom:0;">
                                                    <div class="border-bottom ">                                                    
                                                        <input type="text" class="form-control bg-light floating-label-control font-weight-500 border-0" id="ddlSelectedLabelValue_2"  placeholder="Enter Label 2" value="Label 2" style="box-shadow:none;">
                                                    </div>
                                                    <div class="d-flex justify-content-between pt-2 w-100">
                                                        <span>
                                                            <label for="ddlSelectedValue_2" class="font-weight-500" id="lblSelectedValue_2">Select Value 2</label>
                                                        </span>
                                                        <span>
                                                            <input class="form-check-input value_2_hidden mr-0" type="checkbox" value="" id="value_2_hidden" title="Hidden" style="width: 15px; height:15px;">
                                                        </span>
                                                    </div>
                                                    <div>
                                                        <input type="hidden" id="hfddlSelectedValue_2" value="" />
                                                        <select id="ddlSelectedValue_2" class="form-control floating-label-control font-weight-500" data-isdynamic="true"  placeholder="Select Column" data-placeholder="Select Column" data-label="Select Column">
                                                            <option value="">Select Columns</option>
                                                        </select>
                                                    </div>
                                                     <ul class="d-flex flex-row w-100 font-weight-500 pt-2 font-14">
                                                        <li class="d-flex flex-column w-50">
                                                            <span class="pb-2">Data Type</span>
                                                             <select id="kpidataType_2" class="form-control floating-label-control font-14 border-0 bg-light" placeholder="Data Type *" data-validatename="Data Type" data-placeholder="Enter Data Type" data-label="Data Type *"> <option selected value="">Select</option> <option value="int">INT</option> <option value="float">FLOAT</option> <option value="char">CHAR</option> <option value="varchar">VARCHAR</option> <option value="bool">BOOLEAN</option><option value="INR">CURRENCY</option><option value="percent">PERCENT</option></select>
                                                        </li>
                                                        <li class="d-flex flex-column w-50 pl-3">
                                                            <span class="pb-2 ml-auto">IsRoundOff</span><label class="switch ml-auto m-0 my-auto" style="opacity:1"> <input type="checkbox" id="kpi_isroundoff_2"> <span style="margin-top:6px;"></span></label>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="hidden" id="div_Value3"> 
                                                <div class="floating-label-form-group-with-value" id="div_selectedcolumn3" style="border-bottom:0;">
                                                    <div class="border-bottom pb-1">                                                    
                                                        <input type="text" class="form-control bg-light floating-label-control font-weight-500 border-0" id="ddlSelectedLabelValue_3"  placeholder="Enter Label 3" value="Label 3" style="box-shadow:none;">
                                                    </div>
                                                    <div class="d-flex justify-content-between align-item-center pt-2 w-100">
                                                        <span>
                                                            <label for="ddlSelectedValue_3" class="font-weight-500" id="lblSelectedValue_3">Select Value_3</label>
                                                        </span>
                                                        <span>
                                                            <input class="form-check-input value_3_hidden mr-0" type="checkbox" value="" id="value_3_hidden" title="Hidden" style="width: 15px; height:15px;">
                                                        </span>
                                                    </div>
                                                    <div>
                                                        <input type="hidden" id="hfddlSelectedValue_3" value="" />
                                                        <select id="ddlSelectedValue_3" class="form-control font-weight-500 font-14" data-isdynamic="true"  placeholder="Select Column" data-placeholder="Select Column" data-label="Selected Column">
                                                            <option value="">Select Columns</option>
                                                        </select>
                                                    </div>
                                                     <ul class="d-flex flex-row w-100 font-weight-500 pt-2 font-14">
                                                        <li class="d-flex flex-column w-50">
                                                            <span class="pb-2">Data Type</span>
                                                             <select id="kpidataType_3" class="form-control floating-label-control font-14 border-0 bg-light" placeholder="Data Type *" data-validatename="Data Type" data-placeholder="Enter Data Type" data-label="Data Type *"> <option selected value="">Select</option> <option value="int">INT</option> <option value="float">FLOAT</option> <option value="char">CHAR</option> <option value="varchar">VARCHAR</option> <option value="bool">BOOLEAN</option><option value="INR">CURRENCY</option><option value="percent">PERCENT</option></select>
                                                        </li>
                                                        <li class="d-flex flex-column w-50 pl-3">
                                                            <span class="pb-2 ml-auto">IsRoundOff</span><label class="switch ml-auto m-0 my-auto" style="opacity:1"> <input type="checkbox" id="kpi_isroundoff_3"> <span style="margin-top:6px;"></span></label>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                        </ul>

                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="bldr-body bg-light">
                    <header class="bldr-sec-head h-65p">
                        <div class="left-aside-togglable"></div>
                        <ul class="mx-auto mt-auto nav nav-line nav-tabs nav-light font-weight-500" id="bldrHeaderNavTabs">
                            <li class="nav-item">
                                <a class="nav-link ${i}" id="layout-tab" data-toggle="tab" href="#tab_layout">
                                    <span class="nav-link-text">Layout</span>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link hidden" id="kpi-design-tab" data-toggle="tab" href="#tab_design">
                                    <span class="nav-link-text">Design</span>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link hidden" id="Preview-Designs" data-toggle="tab" href="#tab_preview">
                                    <span class="nav-link-text">Preview</span>
                                </a>
                            </li>
                            <li class="nav-item static-js">
                                <a class="nav-link static_js_hidden" data-toggle="tab" href="#tab_static_js">
                                    <span class="nav-link-text">Static JS</span>
                                </a>
                            </li>
                        </ul>
                        <a class="btn-sm btn-theme mr-25 py-2 rounded-50 font-13 hidden" id="option-back" href="javascript:void(0);"><span class="btn-icon-wrap"><span class="line-icon"><i class="las la-arrow-left mx-1"></i><span>Back</span></span></span></a>
                        <a class="btn btn-icon btn-flush-theme flush-soft-hover drawer-toggle-link ${u} right-aside-togglable" id="PivotIcon" href="javascript:void(0);"><span class="btn-icon-wrap"><span class="line-icon"><i class="las la-tools"></i></span></span></a>
                        <a class="btn btn-icon btn-flush-theme flush-soft-hover ${"hidden"}" id="closed" href="javascript:void(0);"><span class="btn-icon-wrap"><span class="line-icon"><i class="las la-times"></i></span></span></a>
                    </header>
					<div data-simplebar class="simple-scroll-bar">
						<div class="tab-content">
							<div class="tab-pane fade px-100 ${i}" id="tab_layout">
                                <p class="font-16 font-weight-600" style="color:#007D88">Select Widget Layout</p>
                                <ul class="d-flex flex-wrap w-100 font-weight-600">
                                    <li class="w-50 layoutType">
                                        <a href="javascript:void(0);" class="p-3 m-2 bg-white border rounded-5 d-flex flex-column align-items-center" id="layoutChartReport">
                                            <img class="img-fluid h-200p" src="tenants/themes/compact/imgs/reports.png">
                                            <p class="pt-3 text-dark">Charts & Reports</p>
                                        </a>
                                    </li>
                                     <li class="w-50 layoutType">
                                        <a href="javascript:void(0);" class="p-3 m-2 bg-white border rounded-5 d-flex flex-column align-items-center" id="layoutKPI">
                                            <img class="img-fluid h-200p" src="tenants/themes/compact/imgs/kpis.png">
                                            <p class="pt-3 text-dark">KPI'S</p>
                                        </a>
                                    </li>
                                    <li class="w-50 layoutType">
                                        <a href="javascript:void(0);" class="p-3 m-2 bg-white border rounded-5 d-flex flex-column align-items-center" id="layoutDetails">
                                            <img class="img-fluid h-200p" src="tenants/themes/compact/imgs/details.png">
                                            <p class="pt-3 text-dark">Details</p>
                                        </a>
                                    </li>
                                    <li class="w-50 layoutType">
                                        <a href="javascript:void(0);" class="p-3 m-2 bg-white border rounded-5 d-flex flex-column align-items-center" id="layoutUserDesigned" data-layoutid="0">
                                            <img class="img-fluid h-200p" src="tenants/themes/compact/imgs/userdesigned.png">
                                            <p class="pt-3 text-dark">User Designed</p>
                                        </a>
                                    </li>
                                </ul>
							</div>
							<div class="tab-pane fade" id="tab_design">
                                <ul class="d-flex flex-wrap px-2" id="design-Library">
                                    
                                </ul>
							</div>
							<div class="tab-pane fade px-150 py-50 ${f}" id="tab_preview">
								<div class="row">
									<div class="col-md-4"></div>
									<div class="col-md-12">
                                    <ul class="designsPreviewAppend" id="designsPreviewAppend">
                                    </ul>	
									</div>
									<div class="col-md-4"></div>
								</div>	
							</div>
							<div class="tab-pane fade px-10" id="tab_static_js">
								<textarea class="border-dark h-80 summernote_StaticJsFunction w-100 " id="summernote_StaticJsFunction' + len + '" rows="9" cols="90" style="box-shadow: none;"></textarea>
							</div>
						</div>
					</div>
                </div>
            </div>
            <!-- Save as Modal -->
            <div class="modal" id="save_as_modal" tabindex="-1" role="dialog" aria-labelledby="save_as_modal"
                aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div id="divReport_ErrorMessage">Error</div>
                        <div class="modal-header border-0">
                            <h5 class="modal-title">Save report</h5>
                            <button type="button" class="close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div class="form-group">
                                <div class="form-label-group">
                                    <label for="userName">Select Folder<span class="text-danger "
                                            id="spnIsRequired_folder"> *</span></label>
                                    <a href="#" id="reportCreateFolder" class="link-theme font-14 font-weight-500">+
                                        Create Group</a>
                                </div>
                                <select class="form-control custom-select mb-10" id="RptGroup_AutoComplete">
                                    <option selected>Select Group</option>
                                </select>
                                <input type="hidden" id="hfAutoComplete_ReportGroup"
                                    class="hfAutoCompleteId_ReportGroup value-control" data-isdynamic="true" />
                            </div>
                            <div class="custom-control custom-radio radio-theme">
                                <input type="radio" id="customRadio_v1" name="customRadioV1"
                                    class="custom-control-input" checked>
                                <label class="custom-control-label" for="customRadio_v1">Visible to all users</label>
                            </div>
                            <div class="custom-control custom-radio radio-theme">
                                <input type="radio" id="customRadio_v2" name="customRadioV1"
                                    class="custom-control-input">
                                <label class="custom-control-label" for="customRadio_v2">Visible to only me</label>
                            </div>
                        </div>
                        <div class="modal-footer justify-content-start">
                            <button type="button" id="btn-reportbuilder-save" class="btn btn-theme w-150p">Save</button>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /Save as Modal -->

            <!-- Link Report Modal -->
            <div id="linkReportModalDiv"></div>
            <!-- /Link Report Modal -->
        </div>
    </div>
    <div id="divSelectDataList"></div>
</div>`}deleteConfig(n,t){var r=this,i;r.DeleteConfigurationIds=="0"&&(r.DeleteConfigurationIds="");i=n.currentTarget.id.split("__");$("#deleteconfig_"+t+"").val($("#deleteconfig_"+t+"").val()+i[2]+"|");$("#"+i[0]).remove()}loadRightSideBar(t){var r=n.Themes.Providers.DetailHelper.installedAppId,u="d-flex flex-column";let f=n.Platform.Widgets.Components.Widget.Instance().defautSettings.filter(function(n){return n.widgetdesignid===20210628}),i="";f[0].mode=="Create_Mode"&&(i="");f[0].mode=="Edit_Mode"&&(i="biz-drawer-toggle");r!=0&&(u="d-flex flex-column");let e=`<div id="drawer_push" class="biz-drawer biz-drawer drawer-small drawer-right custom-right-chart-nav ${i}">
				<ul class="nav nav-line nav-tabs nav-light font-weight-500">
					<li class="nav-item">
						<a class="nav-link details active py-20" data-toggle="tab" href="#tab_appearance" style="border:none">
							<span class="nav-link-text">Appearance</span>
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link settings py-20" data-toggle="tab" href="#tab_settings" style="border:none">
							<span class="nav-link-text">Settings</span>
						</a>
					</li>
				</ul>
				<!-- <div class="drawer-text">Appearance</div> -->
				<button type="button" class="drawer-close close hidden">
					<span aria-hidden="true">&times;</span>
				</button>
			<div class="drawer-body" style="height:100% !important;">
				<div data-simplebar class="simple-scroll-bar">
					<div class="drawer-content-wrap pt-0">
						<div class="collapse-simple">
							<div class="tab-content">
								<div class="tab-pane fade show active" id="tab_appearance">
 <form id="frmUnibase_widgetBuilderAppearance" data-validate="parsley" data-isdynamic="false">
									<div class="card p-0 border-0">
										<div class="card-header d-flex justify-content-between border-0 pa-0">
											<a role="button" class="text-capitalize font-weight-500 eventdisabled text-dark" data-toggle="collapse" href="#color_info" aria-expanded="true">Background</a>
											<span class="rounded-2 hidden m-1 py-2" id="backgroundcolor" style="width: 20px; height: 20px;"></span>
                                                    <input class="bg-color-1" id="backgroundcolor-color-picker" value="" style="display: none;">
										</div>
										
										<div class="card-body p-0 mt-3">
											<ul>
												<li>
													<ul class="d-flex justify-content-between font-weight-500 text-dark" id="editFontSection">
														<li class="d-flex flex-column w-45">
                                                            <span class="font-14 pb-2">Font Size</span>
															<select class="form-control font-13 py-0 pl-2 pr-4 pr-4 border-0 bg-light custom-select eventdisabled" id="font-size" placeholder="Select Font Size Type">
																<option value="" selected>Font size</option>
																<option value="None">None</option>
																<option value="11">font-11</option>
																<option value="12">font-12</option>
																<option value="13">font-13</option>
																<option value="14">font-14</option>
																<option value="16">font-16</option>
																<option value="18">font-18</option>
																<option value="20">font-20</option>
																<option value="22">font-22</option>
																<option value="24">font-24</option>
																<option value="26">font-26</option>
																<option value="28">font-28</option>
																<option value="30">font-30</option>
																<option value="32">font-32</option>
																<option value="34">font-34</option>
																<option value="36">font-36</option>
																<option value="38">font-38</option>
															</select>
														</li>
														<li class="d-flex flex-column w-45 font-Family-section">
                                                            <span class="font-14 pb-2">Font Family</span>
															<select class="form-control font-13 py-0 pl-2 pr-4 border-0 bg-light custom-select eventdisabled" id="font-style" placeholder="Select Font Style">                       
																<option  value="" selected>Font style</option>
																<option value="None">None</option>
                                                                <option value="Times New Roman">Times New Roman</option>
																<option value="Georgia">Georgia</option>
																<option value="Garamond">Garamond</option>
																<option value="Arial">Arial</option>
																<option value="Verdana">Verdana</option>
																<option value="Helvetica">Helvetica</option>
																<option value="Monaco">Monaco</option>
																<option value="Courier New">Courier New</option>
																<option value="Copperplate">Copperplate</option>
																<option value="Papyrus">Papyrus</option>
															</select>
														</li>
													</ul>
												</li>
                                               <li class=" mt-3">
													<ul class="d-flex justify-content-between font-weight-500 text-dark">
														<li class="d-flex flex-column w-45" id="ddlwidthOnEdit">
                                                            <span class="font-14 pb-2">Widget Width</span>
													        <select  id="ddlWidth" class="form-control floating-label-control required custom-select eventdisabled font-14 border-0 bg-light" data-isdynamic="false" placeholder="Widget Width *" data-validatename="Widget Width"  data-placeholder="Enter Widget Width" data-label="Widget Width *">
                                                                <option value="1">1</option>
                                                                <option value="2">2</option>
                                                                <option value="3">3</option>
                                                                <option  value="4">4</option>
                                                                <option value="5">5</option>
                                                                <option value="6">6</option>
                                                                <option value="7">7</option>
                                                                <option value="8">8</option>
                                                                <option value="9">9</option>
                                                                <option value="10">10</option>
                                                                <option value="11">11</option>
                                                                <option selected value="12">12</option>
													        </select>
														</li>
														<li class="${u} w-45" id="kpiheight">
                                                            <span class="font-14 pb-2">Height</span>
                                                            <input type="text" id="ddlheight" class="form-control floating-label-control required shadow-none eventdisabled font-14 border-0 bg-light" data-isdynamic="false" placeholder="Height *" data-placeholder="Enter height" data-label="Height *" autocomplete="off" data-validatename="Height" value="0">
														</li>
													</ul>
												</li>
											</ul>

											<div class="p-2 py-3 border rounded-5 mt-3" id="editBorderSection">	
												<ul class="d-flex justify-content-between">
													<li class="d-flex flex-column text-dark font-weight-500">
                                                        <span class="font-14 pb-2">Border Type</span>
														<select class="form-control font-13 py-0 pl-2 pr-4 border-0 bg-light custom-select eventdisabled" id="border-type" placeholder="Select Border Type">
															<option selected>Border Type</option>
															<option value="none">none</option>
															<option value="solid">Solid</option>
															<option value="dashed">Dashed</option>
															<option value="dotted">Dotted</option>
														</select>
													</li>
													<li class="d-flex flex-column text-dark font-weight-500">
                                                        <span class="font-14 pb-2">Border width</span>
														<select class="form-control font-13 py-0 pl-2 pr-4 border-0 bg-light custom-select eventdisabled" id="border-width" placeholder="Select Border Type">
															<option selected>Border Width</option>
															<option value="1px">1</option>
															<option value="2px">2</option>
															<option value="3px">3</option>
															<option value="4px">4</option>
															<option value="5px">5</option>
															<option value="6px">6</option>
															<option value="7px">7</option>
															<option value="8px">8</option>
															<option value="9px">9</option>
															<option value="10px">10</option>
															<option value="12px">12</option>
															<option value="14px">14</option>
															<option value="16px">16</option>
														</select>
													</li>
												</ul>
												<ul class="d-flex justify-content-between mt-3">
													<li class="d-flex flex-column text-dark font-weight-500">
                                                        <span class="font-14 pb-2">Border Color</span>
                                                       <div class="color-picker-div h-10p w-90p">
                                                             <input class="bg-color-1 form-control font-13 py-0 pl-2 pr-4 border-0 bg-light custom-select eventdisabled" id="border-color" value="" style="display: none;">
                                                       </div>														
    												</li>
													<li class="d-flex flex-column text-dark font-weight-500">
                                                        <span class="font-14 pb-2">Border Radius</span>
														<select class="form-control font-13 py-0 pl-2 pr-4 border-0 bg-light custom-select eventdisabled" id="border-radius" placeholder="Select Border Type">
															<option selected>Border radius</option>
                                                            <option value="1px">1px</option>
															<option value="2px">2px</option>
															<option value="3px">3px</option>
															<option value="4px">4px</option>
															<option value="5px">5px</option>
															<option value="6px">6px</option>
															<option value="7px">7px</option>
															<option value="8px">8px</option>
															<option value="9px">9px</option>
														</select>
													</li>
                                                    <li class="flex-column text-dark font-weight-500 hidden">
                                                        <span class="font-14 pb-2">List Style Type</span>
														<select class="form-control font-13 py-0 pl-2 pr-4 border-0 bg-light custom-select" id="list-style-type" placeholder="Select list-style-type">
															<option selected>None</option>
                                                            <option value="disc">Circle</option>
															<option value="circle">Rounded Circle</option>
															<option value="square">Square</option>disclosure-closed
                                                            <option value="decimal">Number</option>
                                                            <option value="disclosure-closed">Left Arrow</option>
                                                            <option value="disclosure-open">Down Arrow</option>
															<option value="upper-roman">Upper-Roman</option>
															<option value="lower-alpha">Lower-Alpha</option>
														</select>
													</li>
												</ul>
											</div>	
<div class="mt-3 hidden details-Widget">
                                                <span>Details Widget</span>
                                            </div>
                                            <div class="p-2 py-3 border rounded-5 mt-2 details-Widget hidden">	
												<ul class="d-flex justify-content-between">
													<li class="d-flex flex-column text-dark font-weight-500">
                                                        <span class="font-14 pb-2">Border Type</span>
														<select class="form-control font-13 py-0 pl-2 pr-4 border-0 bg-light custom-select eventdisabled" id="border-type-details" placeholder="Select Border Type">
															<option selected>Border Type</option>
															<option value="none">none</option>
															<option value="solid">Solid</option>
															<option value="dashed">Dashed</option>
															<option value="dotted">Dotted</option>
														</select>
													</li>
													<li class="d-flex flex-column text-dark font-weight-500">
                                                        <span class="font-14 pb-2">Border width</span>
														<select class="form-control font-13 py-0 pl-2 pr-4 border-0 bg-light custom-select eventdisabled" id="border-width-details" placeholder="Select Border Type">
															<option selected>Border Width</option>
															<option value="1px">1</option>
															<option value="2px">2</option>
															<option value="3px">3</option>
															<option value="4px">4</option>
															<option value="5px">5</option>
															<option value="6px">6</option>
															<option value="7px">7</option>
															<option value="8px">8</option>
															<option value="9px">9</option>
															<option value="10px">10</option>
															<option value="12px">12</option>
															<option value="14px">14</option>
															<option value="16px">16</option>
														</select>
													</li>
												</ul>
												<ul class="d-flex justify-content-between mt-3">
													<li class="d-flex flex-column text-dark font-weight-500">
                                                        <span class="font-14 pb-2">Border Color</span>
                                                       <div class="color-picker-div h-10p w-90p">
                                                             <input class="bg-color-1 form-control font-13 py-0 pl-2 pr-4 border-0 bg-light custom-select" id="border-color-details" value="" style="display: none;">
                                                       </div>
														
													</li>
													<li class="d-flex flex-column text-dark font-weight-500">
                                                        <span class="font-14 pb-2">Border Radius</span>
														<select class="form-control font-13 py-0 pl-2 pr-4 border-0 bg-light custom-select" id="border-radius-details" placeholder="Select Border Type">
															<option selected>Border radius</option>
                                                            <option value="1px">1px</option>
															<option value="2px">2px</option>
															<option value="3px">3px</option>
															<option value="4px">4px</option>
															<option value="5px">5px</option>
															<option value="6px">6px</option>
															<option value="7px">7px</option>
															<option value="8px">8px</option>
															<option value="9px">9px</option>
														</select>
													</li>
												</ul>
											</div>

<ul class="d-flex mt-2 border border-dashed rounded-5 p-2 flex-column chooseImage">
    <li><p class="font-16 text-center text-dark">Upload your Icon</p></li>
    <li class=" d-flex flex-column mx-auto">
        <div class='file d-flex justify-content-center mt-2' id="div_WidgetKPIImageFile">
            <label for='txt_KPIImageFile' id="lblKPIImage" class="d-flex " onchange="Unibase.Platform.Widgets.Components.Widget.Instance().hideKPILabel()" >
                <span class="w-70p"><img src="tenants/themes/compact/imgs/cloud.svg" class="img-fluid"></span>
            </label>
            <input  type='file' class="d-none"  id="txt_KPIImageFile" onchange="Unibase.Platform.Widgets.Components.Widget.Instance().hideKPILabel(this)"/>
        </div>
        <div style="margin-top:-15px;">
            <span class="text-dark" id="lblKPIFileName"></span>
            <span class="text-dark hidden" for="txt_KPIImageFile" id="lblKPIImage2"></span>
            <input type="hidden" id="hf_KPIIconPath" value="">
        </div>
    </li>
</ul>	
							            </div>
									</div>	
                               </form> 
								</div>
								<div class="tab-pane fade" id="tab_settings">
                                    <ul class="d-flex flex-column font-weight-500">
                                        <li class="pt-4"><p class="" style="color: #007D88;">App Parameters</p></li>
                                        <li class="pt-2">
                                            <div class="biz-adj-drawer-wrap h-100">
	                                            <button data-target="adj_drawer_paramters" data-clickevent="parameter" class="btn btn-secondary btn-wth-icon icon-left adj-drawer-open-parameters mb-15">Add Parameters</button>
                                                <div id="bindParameterList"></div>
	                                            <div id="adj_drawer_paramters" class="biz-adj-drawer w-45 border ml-auto" style="left:0px; height:731px;">
		                                            <header class="border-bottom border-dark">
                                                        <p class="px-5 text-dark">Add Parameters</p>
                                                    </header>
                                                    <div class="drawer-body pb-0 px-3">
			                                            <form class="parametersForm">
															<ul class="parametersClassUl" id="parametersIdUl" data-parameterIndex="0">
																<li class="m-4">
																	<ul class="d-flex justify-content-between">
																		<li class="w-45">
                                                                            <div class="floating-label-form-group d-flex flex-column" id="div_WidgetParameters">
                                                                                <label for="txt_ParametersName" id="lblParameterName">Parameter<span class="text-danger"> *</span></label>
                                                                                <input type="text" class="form-control floating-label-control" id="txt_Parameters" placeholder="Parameters" data-placeholder="Enter Parameter" data-label="Parameters" autocomplete="off"/>
                                                                            </div>
																		</li>
																		<li class="d-flex flex-column w-45">
                                                                            <div class="floating-label-form-group-with-value d-flex flex-column" id="div_Operator" style="border-bottom:0;">
																			   <label for="ddlOperator" id="lblOperator">Operator<span class="text-danger"> *</span></label>
																			   <select id="ddlOperator" class="form-control floating-label-control" data-isdynamic="true" placeholder="Operator" data-placeholder="Select Operator" data-label="Converter">
                                                                                    <option value="0">Select Operator</option>
                                                                                    <option value="<"><</option>
                                                                                    <option value=">">></option>
                                                                                    <option value="<="><=</option>
                                                                                    <option value=">=">>=</option>
                                                                                    <option value="=">=</option>
                                                                                    <option value="!=">!=</option>
                                                                                    <option value="ilike">ilike</option>
                                                                                </select>
                                                                            </div>
																		</li>
																	</ul>
																</li>
																<li class="m-4">
																	<ul class="d-flex justify-content-between">
																		<li class="w-45  div_WidgetParameters">
                                                                            <div class="floating-label-form-group-with-value d-flex flex-column" id="div_WidgetParameterType">
																			    <label for="lbl_ParameterType" id="lblParameterType" class="font-bold">Type<span class="text-danger"> *</span></label>
                                                                                <select id="ddlparametertype" class="form-control floating-label-control" data-isdynamic="true" placeholder="Type" data-placeholder="Select Type" data-label="Type">
                                                                                    <option value="1">Report Column</option>
                                                                                    <option value="2">User Defined Value</option>
                                                                                </select>
                                                                            </div>
																		</li>
																		<li class="w-45">
                                                                            <div class="floating-label-form-group-with-value d-flex flex-column" id="div_ParameterValues" style="border-bottom:0;">
                                                                                <label for="ddlParameterValue" id="lblParameterValues" class="font-bold scroll-x scroll-y">Value<span class="text-danger"> *</span></label>
                                                                                <select id="ddlParameterValue" class="form-control floating-label-control" data-isdynamic="true" placeholder="Value" data-placeholder="Select Value " data-label="Columns">
                                                                                    <option value="">Select Value</option>
                                                                                </select>
                                                                            </div>
                                                                            <div class="floating-label-form-group-with-value hidden" id="div_ParameterValue" style="border-bottom:0;">
                                                                                <label for="ddlParameterValue" id="lblParameterValues" class="font-bold scroll-x scroll-y">Value<span class="text-danger"> *</span></label>
                                                                                <input type="text" id="txtParameterValue" class="form-control floating-label-control " value=""/>
                                                                            </div>
																		</li>
																	</ul>
																</li>
																<li class="m-4 text-center">
																	<a href="javascript:void(0)" id="btn_AddParameterRow" class="btn btn-theme font-16" id="addparameters" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().bindParameterRow()">Add</a>
																</li>
                                                                <li class="m-4">
                                                                    <ul class="parametersortable" id="ulparamers">
<li class="bindParamterRow"> <div class="row font-14 box-shadow row-item ui-sortable-handle"> <div class="col-md-1 col-1 hidden border p-2 text-center"> <span class="text-dark font-weight-500">Index</span> </div><div class="col-md-12 col-12"> <div class="parameterrowheading font-14 row text-center font-weight-500"> <div class="col-sm-5 col-5 p-2 border"> Parameter Name</div><div class="col-sm-2 col-2 p-2 border"> Operator</div><div class="col-sm-5 col-5 p-2 border"> <span id="row3">Value</span> </div></div></div></div></li>
                                                                    </ul>
                                                                </li>
															</ul>
														</form>	
		                                            </div>
		                                            <footer class="d-flex justify-content-between border bg-white position-fixed py-2 w-45 px-3" style="bottom:0px;">
			                                            <a href="#" class="btn btn-light py-0 btn-adj-drawer-close">Close</a>
			                                            <a href="javascript:;" class="btn btn-theme py-0 btn-adj-drawer-close">Save</a>
		                                            </footer>
	                                            </div>
                                            </div>
                                       </li>
                                       <li class="pt-4"><p class="" style="color: #007D88;">App Configuration Details</p></li>
                                       <li class="pt-2">
                                            <div class="biz-adj-drawer-wrap h-100">
	                                            <button data-target="adj_drawer_configuration" data-clickevent="parameter" class="btn btn-secondary btn-wth-icon icon-left adj-drawer-open-parameters mb-15 btnAddNewConfiguration" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().addAppConfiguration(`+t+`);">Add New Configuration</button>
	                                            <div id="adj_drawer_configuration" class="biz-adj-drawer w-45 border ml-auto" style="left:0px; height:100vh;">
		                                            <header class="border-bottom border-dark">
                                                        <p class="px-5 text-dark">Add New Configuration</p>
                                                    </header>
                                                    <div class="drawer-body pb-0 px-3" style="overflow-y:scroll;overflow-x:hidden">
			                                            <div class="AppConfigurations appConfigSortable" id="appConfigColumns">
                                                            <div class="AppConfig-row"></div>
                                                        </div>	
		                                            </div>
		                                            <footer class="d-flex justify-content-between border bg-white position-fixed py-2 w-45 px-3 appendconfigSaveNamesClass" style="bottom:0px;" >
			                                            <a href="#" class="btn btn-light py-0 btn-adj-drawer-close"onclick="Unibase.Platform.Widgets.Components.Widget.Instance().appModalconfigClose()">Close</a>
			                                            <a href="javascript:;" class="btn btn-theme py-0 btn-adj-drawer-close" 
				                                            onclick="Unibase.Platform.Widgets.Components.Widget.Instance().appendconfigSaveNames(`+r+`)">Save</a>
		                                            </footer>
	                                            </div> 
                                                <div id="AppConfigNames">
                                                    
                                                </div>
                                            </div>
                                       </li>
                                    </ul>
								</div>
							</div>	
						</div>
					</div>
				</div>
			</div>
		</div>`;$("#widgetBuilderRightNav").html(e)}appModalconfigClose(){$(".AppConfig-row.active.column-appconfigitem").remove()}appendconfigSaveNames(t){var e=this,i=$(".AppConfig-row.active.column-appconfigitem").attr("data-length"),r,f;u.Instance().len=$(".AppConfig-row").length;let o=$(".AppConfig-row.active.AppConfig_"+i+".column-appconfigitem").find("#txt_SettingName_"+i+"").val(),s='<li class="d-flex flex-column bg-light my-3 p-2 rounded-2 liclassId" id="li_'+i+'"> <div class="d-flex flex-row text-dark biz-adj-drawer-wrap w-100"> <span class="border-bottom border-dashed border-dark p-1 w-70 text-truncate">'+o+'<\/span> <a href="javascript:void(0);" data-target="adj_drawer_configuration" data-clickevent="parameter" class="ml-auto my-auto px-2 EditAppConfiguration" data-lengthEdit='+i+' id="edit_icon_'+i+'" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().EditAppConfiguration('+t+","+i+');"> <i class="fa p-1 fa-edit text-dark"><\/i> <\/a> <a href="javascript:void(0);" class=" my-auto border-left px-2 DeleteAppConfiguration" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().DeleteAppConfiguration('+t+","+i+');"> <i class="fa p-1 fa-trash text-danger"><\/i> <\/a> <\/div><\/li>';$("#AppConfigNames").append(s);r=$("#li_"+i);f=n.Themes.Providers.DetailHelper.installedAppId;e.bindList_New(r,i,f);$("#chkUngrouped_1").is(":checked")==!0?$("#config_widget_2250").html('<button class="btn btn-sm btn-primary pull-right  btn-rounded text-white" >'+$("#txt_SettingName_"+i).val()+"< /button>"):$("#config_widget_2250").empty()}appendconfigSaveNames_(i){var e=this,r=$(".AppConfig-row.active").attr("data-length"),l=$(".hf_AppConfigurationId").val(),f;Number($("#ddlSettingUrlType_"+r+" ").val())==t.Apps.Enums.SettingUrlType.Widget&&(f=Number($("#ddlWidgets_"+r+" ").val()),f==0&&(MessageHelper.Instance().showError("please select link widget","bizgaze_ValidationSummary"),event.stopPropagation()));u.Instance().len=$(".AppConfig-row").length;let o=$(".AppConfig-row.active.AppConfig_"+r+".column-appconfigitem").find("#txt_SettingName_"+r+"").val(),s='<div class="d-flex flex-row text-dark biz-adj-drawer-wrap w-100"> <span class="border-bottom border-dashed w-70 text-truncate border-dark p-1">'+o+'<\/span> <a href="javascript:void(0);" data-target="adj_drawer_configuration" data-clickevent="parameter" class="ml-auto my-auto px-2 EditAppConfiguration" data-lengthEdit='+r+' id="edit_icon_'+r+'" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().EditAppConfiguration('+i+","+r+');"> <i class="fa p-1 fa-edit text-dark"><\/i> <\/a> <a href="javascript:void(0);" class=" my-auto border-left px-2 DeleteAppConfiguration" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().DeleteAppConfiguration('+i+","+r+');"> <i class="fa p-1 fa-trash text-danger"><\/i> <\/a><\/div>';$("#li_"+r).html(s);let h=$("#li_"+r),c=n.Themes.Providers.DetailHelper.installedAppId;e.bindList_New(h,r,c);$("#chkUngrouped_1").is(":checked")==!0?$("#config_widget_2250").html('<button class="btn btn-sm btn-primary pull-right btn-rounded text-white">'+$("#txt_SettingName_"+r).val()+"<\/button>"):$("#config_widget_2250").empty()}load(t,i){var r=this,f;this.loadRightSideBar(t,i);f=n.Themes.Providers.DetailHelper.installedAppId;n.Platform.Widgets.Managers.WidgetManager.Instance().getColors().then(function(){});$("#btn-widget-close").click(function(){n.Platform.Helpers.NavigationHelper.Instance().closePopUp();$(".biz-pg-wrapper").find("._bizgaze_detail_container").last().removeClass("hidden");var t=n.Platform.Helpers.NavigationHelper.ModalContainerIds.findIndex(n=>n=="designsPreviewAppend");n.Platform.Helpers.NavigationHelper.reportViewerInstance.filter(function(t){t.childcontainerid==="designsPreviewAppend"&&n.Platform.Helpers.NavigationHelper.reportViewerInstance.pop()});t!=-1&&n.Platform.Helpers.NavigationHelper.ModalContainerIds.splice(t,1)});u.Instance().bindWidgetTypes(t);u.Instance().bindWidgetFormats();u.Instance().bindReports();u.Instance().bindWidgetLayouts();u.Instance().loadIdentity();u.Instance().loadInstalledapp(t);u.Instance().DeleteConfigurationIds="0";$("#ddlWidgetType").on("change",function(){var n=$(this).children("option:selected").text(),i=n.toLowerCase();RegExp("dashboard").test(i)?($("#ddlAppProviders").val(null).trigger("change"),$("#appProviders").addClass("hidden"),$("#ddlAppProviders").removeClass("required"),$("#span_ddlappprovider").addClass("hidden"),$(".AppConfigurations").find(".AppConfig-row").each(function(){$(this).find(".FormInstallAppId").prop("disabled",!1)})):($("#appProviders").removeClass("hidden"),$("#ddlAppProviders").addClass("required"),$("#span_ddlappprovider").removeClass("hidden"),u.Instance().loadInstalledapp(t),$(".AppConfigurations").find(".AppConfig-row").each(function(){$(this).find(".FormInstallAppId").prop("disabled",!0)}))});$("#ddlWidgetDesign").on("change",function(){$("#ddlWidgetDesign option:selected").text()=="KPI_Default"||$("#ddlWidgetDesign option:selected").text()=="KPI_Icon"||$("#ddlWidgetDesign option:selected").text()=="KPI_KPISingleValueWithborder"||$("#ddlWidgetDesign option:selected").text()=="KPI_Left_Bar_color_Icon"||$("#ddlWidgetDesign option:selected").text()=="KPI_Icon_Color"||$("#ddlWidgetDesign option:selected").text()=="KPI_Icon_Bg_Color"?($("#div_Value1").removeClass("hidden"),$("#div_Value2").addClass("hidden"),$("#div_Value3").addClass("hidden"),$("#ddlSelectedLabelValue_1").parent().addClass("hidden"),$("#ddlSelectedLabelValue_2").parent().addClass("hidden"),$("#ddlSelectedLabelValue_3").parent().addClass("hidden")):$("#ddlWidgetDesign option:selected").text()=="KPI_TwoValue"||$("#ddlWidgetDesign option:selected").text()=="KPI_KPISingleValueWithPercentage"||$("#ddlWidgetDesign option:selected").text()=="KPI_TwoValue_BottomBar_color"||$("#ddlWidgetDesign option:selected").text()=="KPI_TwoValue_BgColor"||$("#ddlWidgetDesign option:selected").text()=="KPI_TwoValue_LineCenter"||$("#ddlWidgetDesign option:selected").text()=="KPI_TwoValue_PieIcon"||$("#ddlWidgetDesign option:selected").text()=="KPI_KPISingleValueWithPercentage_ProgressBar"||$("#ddlWidgetDesign option:selected").text()=="KPI_KPISingleValueWithPercentage_BgColor"||$("#ddlWidgetDesign option:selected").text()=="KPI_KPISingleValueWithPie_Icon"?($("#div_Value1").removeClass("hidden"),$("#div_Value2").removeClass("hidden"),$("#div_Value3").addClass("hidden"),$("#ddlSelectedLabelValue_1").parent().removeClass("hidden"),$("#ddlSelectedLabelValue_2").parent().addClass("hidden"),$("#ddlSelectedLabelValue_3").parent().addClass("hidden"),$("#ddlWidgetDesign option:selected").text()=="KPI_TwoValue_LineCenter"&&($("#ddlSelectedLabelValue_1").parent().removeClass("hidden"),$("#ddlSelectedLabelValue_2").parent().removeClass("hidden"),$("#ddlSelectedLabelValue_3").parent().addClass("hidden")),($("#ddlWidgetDesign option:selected").text()=="KPI_KPISingleValueWithPercentage_ProgressBar"||$("#ddlWidgetDesign option:selected").text()=="KPI_KPISingleValueWithPercentage_BgColor")&&($("#ddlSelectedLabelValue_1").parent().addClass("hidden"),$("#ddlSelectedLabelValue_2").parent().addClass("hidden"))):$("#ddlWidgetDesign option:selected").text()=="KPI_Comparison"||$("#ddlWidgetDesign option:selected").text()=="Kpi_fulfillment"||$("#ddlWidgetDesign option:selected").text()=="KPI_ComparisonRightBar_color"||$("#ddlWidgetDesign option:selected").text()=="KPI_ComparisonBottomBar_Color"?($("#div_Value1").removeClass("hidden"),$("#div_Value2").removeClass("hidden"),$("#div_Value3").removeClass("hidden"),($("#ddlWidgetDesign option:selected").text()=="KPI_ComparisonRightBar_color"||$("#ddlWidgetDesign option:selected").text()=="KPI_ComparisonBottomBar_Color")&&($("#ddlSelectedLabelValue_1").parent().removeClass("hidden"),$("#ddlSelectedLabelValue_2").parent().addClass("hidden"),$("#ddlSelectedLabelValue_3").parent().addClass("hidden"))):($("#div_Value1").addClass("hidden"),$("#div_Value2").addClass("hidden"),$("#div_Value3").addClass("hidden"))});$("#ddlparametertype").on("change",function(){$("#ddlparametertype").val()==1?($("#div_ParameterValue").addClass("hidden"),$("#div_ParameterValues").removeClass("hidden")):($("#div_ParameterValues").addClass("hidden"),$("#div_ParameterValue").removeClass("hidden"))});$("#ddlColumnConv").on("change",function(){$("#ddlColumnConv option:selected").val()==2?($("#div_WidgetColumnConvType").removeClass("hidden"),$("#ddlColumnConvType").empty(),$("#ddlColumnConvType").append('<option value="DD/MM/YYYY">DD/MM/YYYY<\/option><option value="MM/DD/YYYY">MM/DD/YYYYY<\/option>'),$("#lblColumnConvType").text("Select Format")):$("#ddlColumnConv option:selected").val()==1?($("#div_WidgetColumnConvType").removeClass("hidden"),$("#ddlColumnConvType").empty(),$("#ddlColumnConvType").append('<option value="2">2<\/option><option value="3">3<\/option>'),$("#lblColumnConvType").text("Select Digit")):$("#ddlColumnConv option:selected").val()==3?($("#div_WidgetColumnConvType").removeClass("hidden"),$("#ddlColumnConvType").empty(),$("#ddlColumnConvType").append('<option value="3">3<\/option>')):($("#div_WidgetColumnConvType").addClass("hidden"),$("#ddlColumnConvType").empty())});$("#PivotIcon").on("click",function(){$("#closed").removeClass("hidden");$(this).addClass("d-none");$(".drawer-close.close").addClass("hidden")});$("#closed").on("click",function(){$("#PivotIcon").removeClass("d-none");$(this).addClass("hidden");$(".drawer-close.close").click()});$("#txt_WidgetName").on("change",function(){let n=$("#txt_WidgetName").val();$(".widgetTitleName").text(n);$("#hf_kpi_widgetName_2250").text(n)});$("#ddlLinkReportId").on("change",function(){$("#showreport_2250").removeClass("hidden")});$("#layoutKPI").on("click",function(){if($("#div_DesignName").addClass("hidden"),$("#div_WidgetURL").children().addClass("hidden"),$("#ddlReport").val()=="undefined"||$("#ddlReport").val()==null)$("#ddlReport").addClass("required").removeClass("hidden"),$(".ReportDiv").removeClass("hidden"),$("#div_WidgetURL").children().addClass("hidden"),MessageHelper.Instance().showError("Report Mandatory field is missing","bizgaze_ValidationSummary"),$(".layoutType a").find("span.rounded-circle").remove();else{$(".layoutType a").find("span.rounded-circle").remove();$(this).append('<span class="bg-success mt-180 rounded-circle p-1 position-absolute"><i class="la la-check font-24 text-white"><\/i><\/span>');$("#txt_WidgetUrlFile").val("");$(".columntab span").text("Columns");$(".settings span").text("Settings");r.backOption="Mode-1";let n=$("#layoutKPI").attr("data-layoutid");$("#ddlWidgetLayout").val(n);$("#option-back").removeClass("hidden");$("#layout-tab").addClass("hidden");$("#kpi-design-tab").removeClass("hidden");$("#kpi-design-tab").click();$("#ddlWidgetLayout").change();$("#ddlWidgetDesign").change()}});$("#layoutDetails").on("click",function(){if($("#div_LinkReportId").parent().addClass("hidden"),$("#li_WidgetDetaillinkURL").addClass("hidden"),$("#ddlReport").val()=="undefined"||$("#ddlReport").val()==null)$("#ddlReport").addClass("required").removeClass("hidden"),$(".ReportDiv").removeClass("hidden"),$("#div_WidgetURL").children().addClass("hidden"),MessageHelper.Instance().showError("Report Mandatory field is missing","bizgaze_ValidationSummary"),$(".layoutType a").find("span.rounded-circle").remove();else{r.backOption="Mode-1";$(".layoutType a").find("span.rounded-circle").remove();$(this).append('<span class="bg-success mt-180 rounded-circle p-1 position-absolute"><i class="la la-check font-24 text-white"><\/i><\/span>');$(".columntab span").text("Columns");$(".settings span").text("Settings");let n=$("#layoutDetails").attr("data-layoutid");$("#ddlWidgetLayout").val(n);$("#option-back").removeClass("hidden");$("#layout-tab").addClass("hidden");$("#kpi-design-tab").removeClass("hidden");$("#kpi-design-tab").click();$("#ddlWidgetLayout").change();$("#ddlWidgetDesign").change()}});$("#layoutChartReport").on("click",function(){if($("#ddlReport").val()=="undefined"||$("#ddlReport").val()==null)$("#ddlReport").addClass("required").removeClass("hidden"),$(".ReportDiv").removeClass("hidden"),$("#div_WidgetURL").children().addClass("hidden"),$(".layoutType a").find("span.rounded-circle").remove(),MessageHelper.Instance().showError("Report Mandatory field is missing","bizgaze_ValidationSummary");else{r.backOption="Mode-1";$("#txt_WidgetUrlFile").val("");$(".layoutType a").find("span.rounded-circle").remove();$(this).append('<span class="bg-success mt-180 rounded-circle p-1 position-absolute"><i class="la la-check font-24 text-white"><\/i><\/span>');$(".div_DesignName").addClass("hidden");$("#div_WidgetURL").children().addClass("hidden");let n=$("#layoutChartReport").attr("data-layoutid");$("#ddlWidgetLayout").val(n);$("#option-back").removeClass("hidden");$("#layout-tab").addClass("hidden");$("#kpi-design-tab").removeClass("hidden");$("#kpi-design-tab").click();$("#ddlWidgetLayout").change();$("#ddlWidgetDesign").change()}});$("#layoutUserDesigned").on("click",function(){if($("#txt_WidgetUrlFile").addClass("required").removeClass("hidden").parent().removeClass("hidden"),$("#ddlReport").removeClass("required"),$(".ReportDiv").addClass("hidden"),$("#li_WidgetDetaillinkURL").addClass("hidden"),$("#div_LinkReportId").parent().addClass("hidden"),$("#txt_WidgetUrlFile").val()=="")$(".userDesignedURL").removeClass("hidden"),$(".layoutType a").find("span.rounded-circle").remove(),MessageHelper.Instance().showError("Please Enter Widget URL Mandatory fields","bizgaze_ValidationSummary");else{$(".layoutType a").find("span.rounded-circle").remove();$(this).append('<span class="bg-success mt-180 rounded-circle p-1 position-absolute"><i class="la la-check font-24 text-white"><\/i><\/span>');r.backOption="Mode-1";$(".columntab span").text("Columns");$(".settings span").text("Settings");let n=$("#layoutUserDesigned").attr("data-layoutid");$("#ddlWidgetLayout").val(n);$("#ddlWidgetDesign").removeClass("required");$("#kpi-design-tab").parent().addClass("hidden");$("#kpiiconstyle").parent().addClass("hidden");$("#layout-tab").addClass("hidden");$("#option-back").removeClass("hidden");$(".userDesignedURL").removeClass("hidden");$("#ddlheight").removeClass("required");$("#Preview-Designs").removeClass("hidden").click();r.CreateWidgetPreview()}});$("#option-back").on("click",function(){if($("#biz-wrapper").removeClass("biz-drawer-pushright"),$("#drawer_push").removeClass("biz-drawer-toggle"),r.backOption=="Mode-1"&&(r.backOption="",$(this).addClass("hidden"),$("#layout-tab").removeClass("hidden"),$("#layout-tab").click(),$("#kpi-design-tab").addClass("hidden"),$("#Preview-Designs").addClass("hidden")),r.backOption=="Mode-2"){r.backOption="Mode-1";$(".designsPreviewAppend .kpi_card_class_2250").remove();$(".static_js_hidden, #tab_static_js").removeClass("active show").addClass("hidden");$("#option-back").removeClass("hidden");$("#Preview-Designs").addClass("hidden");$("#kpi-design-tab").removeClass("hidden");$("#kpi-design-tab").click();let n=r.defautSettings.filter(function(n){return n.widgetdesignid===20210628});n[0].defaultMode="create";$("#frmUnibase_widgetBuilderAppearance").trigger("reset")}});$("#detailCustomDesign").on("click",function(){$(this).addClass("hidden");$("#staticJsTab").addClass("hidden");$("#Preview-Designs").removeClass("hidden").click();r.CreateWidgetPreview()});$("#font-size").on("change",function(){$(".textProperty_2250").css("fontSize",$(this).val()+"px");($("#ddlWidgetDesign option:selected").text()=="Details_Double_Column"||$("#ddlWidgetDesign option:selected").text()=="Details_Single_Column"||$("#ddlWidgetDesign option:selected").text()=="Details_SingleData"||$("#ddlWidgetDesign option:selected").text()=="Details_Single_Column_NoBorder")&&$(".detailProperty_2250").css({fontSize:$(this).val()+"px"});$("#ddlWidgetDesign option:selected").text()=="KPI_CarouselSliderBgColor"&&$(".textPropertyOwl_").css("fontSize",$(this).val()+"px")});$("#font-style").on("change",function(){$(".textProperty_2250").css("font-family",$(this).val()+"");($("#ddlWidgetDesign option:selected").text()=="Details_Double_Column"||$("#ddlWidgetDesign option:selected").text()=="Details_Single_Column"||$("#ddlWidgetDesign option:selected").text()=="Details_SingleData"||$("#ddlWidgetDesign option:selected").text()=="Details_Single_Column_NoBorder")&&$(".detailProperty_2250").css({"font-family":$(this).val()+""})});$("#border-width").on("change",function(){$(".kpi_card_class_2250").css("border-width",$(this).val()+"");($("#ddlWidgetDesign option:selected").text()=="Details_Double_Column"||$("#ddlWidgetDesign option:selected").text()=="Details_Single_Column"||$("#ddlWidgetDesign option:selected").text()=="Details_SingleData"||$("#ddlWidgetDesign option:selected").text()=="Details_Single_Column_NoBorder")&&$(".detailProperty_2250").css({"border-top":$("#border-width").val()+" "+$("#border-type").val()+" "+$("#border-color").val()});$("#ddlWidgetDesign option:selected").text()=="KPI_KPISingleValueWithborder"&&($(".kpi_card_class_2250").css({"border-bottom":"10px solid"+$("#border-color").val()}),$(".kpi_card_class_2250").css({border:$("#border-width").val()+" "+$("#border-type").val()+" "+$("#border-color").val()}));$("#ddlWidgetDesign option:selected").text()=="KPI_Left_Bar_color_Icon"&&($(".kpi-card-left_2250").css({border:$("#border-width").val()+" "+$("#border-type").val()+" "+$("#border-color").val(),"border-radius":$("#border-radius").val()+" 0px 0px "+$("#border-radius").val()}),$(".kpi-card-right_2250").css({border:$("#border-width").val()+" "+$("#border-type").val()+" "+$("#border-color").val(),"border-radius":"0px "+$("#border-radius").val()+" "+$("#border-radius").val()+" 0px"}))});$("#border-type").on("change",function(){$(".kpi_card_class_2250").css("border-style",$(this).val()+"");($("#ddlWidgetDesign option:selected").text()=="Details_Double_Column"||$("#ddlWidgetDesign option:selected").text()=="Details_Single_Column"||$("#ddlWidgetDesign option:selected").text()=="Details_SingleData"||$("#ddlWidgetDesign option:selected").text()=="Details_Single_Column_NoBorder")&&$(".detailProperty_2250").css({"border-top":$("#border-width").val()+" "+$("#border-type").val()+" "+$("#border-color").val()});$("#ddlWidgetDesign option:selected").text()=="KPI_KPISingleValueWithborder"&&($(".kpi_card_class_2250").css({border:$("#border-width").val()+" "+$("#border-type").val()+" "+$("#border-color").val()}),$(".kpi_card_class_2250").css({"border-bottom":"10px solid"+$("#border-color").val()}));$("#ddlWidgetDesign option:selected").text()=="KPI_Left_Bar_color_Icon"&&($(".kpi-card-left_2250").css({border:$("#border-width").val()+" "+$("#border-type").val()+" "+$("#border-color").val(),"border-radius":$("#border-radius").val()+" 0px 0px "+$("#border-radius").val()}),$(".kpi-card-right_2250").css({border:$("#border-width").val()+" "+$("#border-type").val()+" "+$("#border-color").val(),"border-radius":"0px "+$("#border-radius").val()+" "+$("#border-radius").val()+" 0px"}))});$("#ddlheight").on("change",function(){var t,r,i;$(".kpi_card_class_2250").css("height",$(this).val()+"");($("#ddlWidgetDesign option:selected").text()=="KPI_TwoValue_BottomBar_color"||$("#ddlWidgetDesign option:selected").text()=="KPI_ComparisonBottomBar_Color")&&(i=$(this).val(),i=parseInt(i.replace(/px/g,"")),t=i*.66,t=parseInt(n.Core.Helpers.NumberHelper.Instance().roundNumber(t,0)),r=i-t,$(".kpi_card_class_2250").find('[data-height="height1"]').css("height",t+"px"),$(".kpi_card_class_2250").find('[data-height="height2"]').css("height",r+"px"))});$("#border-radius").on("change",function(){$(".kpi_card_class_2250").css("border-radius",$(this).val()+"");($("#ddlWidgetDesign option:selected").text()=="KPI_Left_Bar_color_Icon"||$("#ddlWidgetDesign option:selected").text()=="KPI_ComparisonRightBar_color")&&$(".bgcolorset_2250").css("border-radius",$(this).val()+" 0px 0px "+$(this).val());$("#ddlWidgetDesign option:selected").text()=="KPI_ComparisonRightBar_color"&&$(".bgcolorset_2250").css("border-radius","0px "+$(this).val()+" "+$(this).val()+" 0px");$("#ddlWidgetDesign option:selected").text()=="KPI_TwoValue_BottomBar_color"&&$(".color_2250").css("border-radius"," 0px 0px "+$(this).val()+" "+$(this).val());$("#ddlWidgetDesign option:selected").text()=="KPI_Left_Bar_color_Icon"&&($(".kpi-card-left_2250").css({"border-radius":$("#border-radius").val()+" 0px 0px "+$("#border-radius").val()}),$(".kpi-card-right_2250").css({"border-radius":"0px "+$("#border-radius").val()+" "+$("#border-radius").val()+" 0px"}))});$("#ddlReport").on("change",function(){$("#header_Report_name").text($("#ddlReport :selected").text());var n=r.defautSettings.filter(function(n){return n.widgetdesignid===20210628});n[0].mode=="Create_Mode"&&($("#ulcolumns").empty(),$("#widget_details_2250_col").empty(),$("#widget_details_2250_col1").empty(),$("#widget_details_2250_col2").empty(),r.getReportColumns(!1))});$("#ddlWidgetDesign").on("change",function(){if($("#ddlReport option:selected").val()==undefined)alert("Please select Report Id");else{var n=r.defautSettings.filter(function(n){return n.widgetdesignid===20210628});n[0].mode=="Create_Mode"}});$("#ddlSelectedValue_1").on("change",function(){var n=r.defautSettings.filter(function(n){return n.widgetdesignid===20210628});n[0].mode=="Create_Mode"&&u.Instance().CreateWidgetPreview()});$("#ddlSelectedValue_2").on("change",function(){var n=r.defautSettings.filter(function(n){return n.widgetdesignid===20210628});n[0].mode=="Create_Mode"&&u.Instance().CreateWidgetPreview()});$("#ddlSelectedValue_3").on("change",function(){var n=r.defautSettings.filter(function(n){return n.widgetdesignid===20210628});n[0].mode=="Create_Mode"&&u.Instance().CreateWidgetPreview()});$("#ddlSelectedLabelValue_1").on("change",function(){var n=r.defautSettings.filter(function(n){return n.widgetdesignid===20210628});n[0].mode=="Create_Mode"&&u.Instance().CreateWidgetPreview()});$("#ddlSelectedLabelValue_2").on("change",function(){var n=r.defautSettings.filter(function(n){return n.widgetdesignid===20210628});n[0].mode=="Create_Mode"&&u.Instance().CreateWidgetPreview()});$("#ddlSelectedLabelValue_3").on("change",function(){var n=r.defautSettings.filter(function(n){return n.widgetdesignid===20210628});n[0].mode=="Create_Mode"&&u.Instance().CreateWidgetPreview()});$("#border-type-details").on("change",function(){$("#widget_details_2250").css({border:$("#border-width-details").val()+" "+$("#border-type-details").val()+" "+$("#border-color-details").val()})});$("#border-width-details").on("change",function(){$("#widget_details_2250").css({border:$("#border-width-details").val()+" "+$("#border-type-details").val()+" "+$("#border-color-details").val()})});$("#border-radius-details").on("change",function(){$("#widget_details_2250").css({"border-radius":$("#border-radius-details").val()+""})});$("#list-style-type").on("change",function(){$(".widget_details_item2250_col1").css({"list-style-type":$(this).val()+""});$(".widget_details_item2250_col2").css({"list-style-type":$(this).val()+""});$(".detailProperty_2250").css({"list-style-type":$(this).val()+""})});[{id:"#backgroundcolor-color-picker","class":"backgroundcolor-color-picker"},{id:"#border-color","class":"border-color"},{id:"#border-color-details","class":"details-border-color"},].forEach(n=>{let t=$(n.id);n.id==="#backgroundcolor-color-picker"&&r.themePaletteId?r.initializeColorPicker(t,n.class,r.themePalette,!0,"more"):r.initializeColorPicker(t,n.class,[["#000","#444","#666","#999","#ccc","#eee","#f3f3f3","#fff"],["#f00","#f90","#ff0","#0f0","#0ff","#00f","#90f","#f0f"],["#f4cccc","#fce5cd","#fff2cc","#d9ead3","#d0e0e3","#cfe2f3","#d9d2e9","#ead1dc"],["#ea9999","#f9cb9c","#ffe599","#b6d7a8","#a2c4c9","#9fc5e8","#b4a7d6","#d5a6bd"],["#e06666","#f6b26b","#ffd966","#93c47d","#76a5af","#6fa8dc","#8e7cc3","#c27ba0"],["#c00","#e69138","#f1c232","#6aa84f","#45818e","#3d85c6","#674ea7","#a64d79"],["#900","#b45f06","#bf9000","#38761d","#134f5c","#0b5394","#351c75","#741b47"],["#600","#783f04","#7f6000","#274e13","#0c343d","#073763","#20124d","#4c1130"]],!1,!1)});$("#ulcolumns").sortable({update:function(){n.Platform.Widgets.Components.Widget.Instance().bindReportColumnOnSortable()}})}initializeColorPicker(n,t,i,r,u){const f=this;n.spectrum({color:"yellow",type:"color",showInput:!0,maxSelectionSize:1,showInitial:!0,allowEmpty:!1,showAlpha:!1,disabled:!1,localStorageKey:!1,showPaletteOnly:r,togglePaletteOnly:u,clickoutFiresChange:!0,containerClassName:t,replacerClassName:t,showPalette:!0,palette:i,showSelectionPalette:!0,selectionPalette:["red","green","blue"],locale:"fr",togglePaletteMoreText:"More",togglePaletteLessText:"Less",clearText:"",noColorSelectedText:"",showButtons:!0,chooseText:"Choose",cancelText:"Close",move:function(n){let t="#"+n.toHex(),i=$(this).attr("id");i=="backgroundcolor-color-picker"&&f.addBackgroundColor(t);i=="border-color"&&f.addBorderColor(t);i=="border-color-details"&&f.addDetailsColor(t)},hide:function(){$(this).trigger("change")}})}addBorderColor(n){$(".kpi_card_class_2250").css("border-color",n);($("#ddlWidgetDesign option:selected").text()=="Details_Double_Column"||$("#ddlWidgetDesign option:selected").text()=="Details_Single_Column"||$("#ddlWidgetDesign option:selected").text()=="Details_SingleData"||$("#ddlWidgetDesign option:selected").text()=="Details_Single_Column_NoBorder")&&$(".detailProperty_2250").css({"border-top":$("#border-width").val()+" "+$("#border-type").val()+" "+n});$("#ddlWidgetDesign option:selected").text()=="KPI_KPISingleValueWithborder"&&($(".kpi_card_class_2250").css({border:$("#border-width").val()+" "+$("#border-type").val()+" "+n}),$(".kpi_card_class_2250").css({"border-bottom":"10px solid"+n}));$("#ddlWidgetDesign option:selected").text()=="KPI_Left_Bar_color_Icon"&&($(".kpi-card-left_2250").css({border:$("#border-width").val()+" "+$("#border-type").val()+" "+$("#border-color").val(),"border-radius":$("#border-radius").val()+" 0px 0px "+$("#border-radius").val()}),$(".kpi-card-right_2250").css({border:$("#border-width").val()+" "+$("#border-type").val()+" "+$("#border-color").val(),"border-radius":"0px "+$("#border-radius").val()+" "+$("#border-radius").val()+" 0px"}))}addBackgroundColor(n){$("#backgroundcolor").css("background-color",n);$("#backgroundcolor").attr("data-backgroundcolor",n);$(".bgcolorset_2250").css("background-color",n);$("#ddlWidgetDesign option:selected").text()=="KPI_TwoValue_LineCenter"&&$(".kpi_card_class_2250").css("background-color",n);($("#ddlWidgetDesign option:selected").text()=="Details_Double_Column"||$("#ddlWidgetDesign option:selected").text()=="Details_Single_Column"||$("#ddlWidgetDesign option:selected").text()=="Details_SingleData"||$("#ddlWidgetDesign option:selected").text()=="Details_Single_Column_NoBorder")&&($("#widget_details_2250").css({"background-color":n}),$(".detailProperty_2250").css({"background-color":n}));$("#ddlWidgetDesign option:selected").text()=="KPI_Icon_Bg_Color"&&$(".textProperty_2250").css("color",n)}addDetailsColor(n){$("#widget_details_2250").css({border:$("#border-width-details").val()+" "+$("#border-type-details").val()+" "+n})}CreateWidgetPreview(){var t=this,f,e,o,u,h,l,a,i;let r=$("#ddlWidgetDesign option:selected").text();f=[];u={WidgetId:0,PortletWidgetId:0,InstalledAppId:0,ReportId:Number($("#ddlReport").val()),InputParameters:[]};let s,c=[];s=$("#txt_WidgetName").val()==""?"Widget Name":$("#txt_WidgetName").val();f.push({WidgetName:s,PortletWidgetId:2250});let v=t.defautSettings.filter(function(n){return n.WidgetDesignName===r}),y=t.defautSettings.filter(function(n){return n.widgetdesignid===20210628});if($(".designsPreviewAppend .kpi_card_class_2250").length==0){let{FontSize:i,FontStyle:r,BorderType:u,BorderWidth:f,BorderColor:e,BorderRadius:o,KpiHeight:s,BackgroundColor:n}=JSON.parse(v[0].defaultsettings);t.themePaletteId&&(n=t.themePalette[Math.floor(Math.random()*t.themePalette.length)]);$("#ddlWidgetLayout option:selected").text()==="Detail"&&(n="#fff");$("#font-size").val(i);$("#font-style").val(r);$("#border-type").val(u);$("#border-width").val(f);$("#border-color").val(e).trigger("change");$("#border-radius").val(o);let h=s;$("#ddlheight").val(h.replace(/px/g,""));$("#backgroundcolor-color-picker").val(n).trigger("change");$("#backgroundcolor").css({"background-color":n}).attr("data-backgroundcolor",n)}if(h=[],h=[{BorderWidth:$("#border-width").val(),BorderColor:$("#border-color").val(),BorderType:$("#border-type").val(),BorderRadius:$("#border-radius").val(),FontSize:$("#font-size").val(),FontFamily:$("#font-style").val(),BackgroundColor:$("#backgroundcolor").attr("data-backgroundcolor"),ListStyleType:$("#list-style-type").val(),DetailsBorderType:$("#border-type-details").val(),DetailsBorderWidth:$("#border-width-details").val(),DetailsBorderColor:$("#border-color-details").val(),DetailsBorderRadius:$("#border-radius-details").val(),ReportCollapase:$("#report_collapase").prop("checked")}],$("#ddlWidgetLayout option:selected").text()=="KPI"&&n.Platform.Widgets.Managers.WidgetManager.Instance().getKpiPreviewData(u.ReportId).then(function(i){var v=t.defautSettings.filter(function(n){return n.WidgetDesignName===r}),s,c,a;let l="";i.result!=null&&(l=i.result.Data);i.result==null&&MessageHelper.Instance().showError("Report is Inactive Mode "+i.message,"bizgaze_ValidationSummary");s=JSON.parse(v[0].defaultsettings).classname;let y=[{DataType:$("#kpidataType_1 option:selected").val()+","+$("#kpidataType_2 option:selected").val()+","+$("#kpidataType_3 option:selected").val(),IsRoundOff:$("#kpi_isroundoff_1[type=checkbox]").is(":checked")+","+$("#kpi_isroundoff_2[type=checkbox]").is(":checked")+","+$("#kpi_isroundoff_3[type=checkbox]").is(":checked")}];o={AppConfigurations:[],CssProperty:JSON.stringify(h),Data:l,Icon:t.imageSrc,IsMaximize:!1,KpiHeight:$("#ddlheight").val()+"px",LinkReportId:$("#ddlLinkReportId :selected").val(),LinkUrl:$("#txt_DetaillinkURL").val(),ReportId:$("#ddlReport :selected").val(),ReportName:$("#ddlReport :selected").text(),Selected_Columns:$("#ddlSelectedValue_1 :selected").text()+","+$("#ddlSelectedValue_2 :selected").text()+","+$("#ddlSelectedValue_3 :selected").text(),Selected_Columns_Labels:$("#ddlSelectedLabelValue_1").val()+","+$("#ddlSelectedLabelValue_2").val()+","+$("#ddlSelectedLabelValue_3").val(),Js:"Unibase.Themes.Compact.KpiWidgets."+s+".Instance()",JsPath:"",KpiSetting:JSON.stringify(y)};e={result:o};c=new n.Themes.Compact.KpiWidgets[s];a=c.html(f,0);$("#designsPreviewAppend").html(a);s=="Kpi_fulfillment"&&n.Platform.Widgets.Components._Widget.Instance().KpiCode();c.loadData(2250,"designsPreviewAppend",u,!1,e)}),$("#ddlWidgetDesign option:selected").text()!="Select Widget Design"&&$("#ddlWidgetLayout option:selected").text()=="Report"){let i=$("#ddlReport option:selected").val();$("#designsPreviewAppend").empty();l=n.Platform.Analytics.Components.ReportViewer.Instance();setTimeout(function(){t.navigationHelper.popin(Number(i),"designsPreviewAppend",l,null);$(".nav-link.reportview-remove-none").removeClass("d-none")},200)}if($("#ddlWidgetLayout option:selected").text()=="User Designed"){let n=[];$("#biz-wrapper").addClass("biz-drawer-pushright");$("#drawer_push").addClass("biz-drawer-toggle");n=$("#txt_WidgetUrlFile").val().toString().split(",");$("#designsPreviewAppend").empty();a=n[1]+".init('designsPreviewAppend')";t.fileCacheHelper.loadJsFile(n[0],function(){eval(a)})}if($("#ddlWidgetLayout option:selected").text()=="Detail"){if($("#ulcolumns li").length!=0)for(i=1;i<=$("#ulcolumns li").length;i++){let n={ConverterType:"",ConverterValue:"",DetailWidgetId:0,DetailsWidgetPropertyId:$("#columnId_"+i).find("#row0").text(),HyperLink:$("#columnId_"+i).find("#row4").text(),Label:$("#columnId_"+i).find("#row3").text(),PropertyIndex:0,Value:"{{"+$("#columnId_"+i).find("#row1").text()+"}}"};c.push(n)}n.Platform.Widgets.Managers.WidgetManager.Instance().getPreviewDetailWidgetData(u).then(function(i){var a,l;o={AppConfiguration:{AppConfigType:0,AppConfigurationId:0,AppPermissionId:0,AppUniqueId:"",Description:"",DynamicJs:"",FormAppTitle:"",FormId:0,FormInstalledAppId:0,FormPrimaryColumn:null,InstalledAppId:0,InstalledAppGuid:0,PropertyIndex:0,Permission:0,PermissionName:null,SettingDesignHtml:null,SettingName:null,SettingUrl:null,SettingUrlType:0,StageId:0,StageName:null,StatusId:0,StatusName:null,SystemName:null,TenantId:0,Ungrouped:!1,UniqueId:null,VersionGuid:null,WidgetId:0},CssProperty:JSON.stringify(h),Data:i.result.Data,DetailWidgetProperties:c,Icon:"",Js:"",LinkUrl:$("#txt_DetaillinkURL").val(),WidgetName:s};e={result:o};a=t.defautSettings.filter(function(n){return n.WidgetDesignName===r});l=t.defautSettings.filter(function(n){return n.WidgetDesignName===r});l[0].count==0&&($("#font-size").val(JSON.parse(l[0].defaultsettings).FontSize),$("#font-style").val(JSON.parse(l[0].defaultsettings).FontStyle),$("#border-type").val(JSON.parse(l[0].defaultsettings).BorderType),$("#border-width").val(JSON.parse(l[0].defaultsettings).BorderWidth),$("#border-color").val(JSON.parse(l[0].defaultsettings).BackgroundColor).trigger("change"),$("#backgroundcolor-color-picker").val(JSON.parse(l[0].defaultsettings).BorderColor).trigger("change"),$("#border-radius").val(JSON.parse(l[0].defaultsettings).BorderRadius),$("#ddlheight").val(JSON.parse(l[0].defaultsettings).KpiHeight),$("#backgroundcolor").css({"background-color":JSON.parse(l[0].defaultsettings).BackgroundColor}),$("#backgroundcolor").attr("data-backgroundcolor",JSON.parse(l[0].defaultsettings).BackgroundColor),JSON.parse(l[0].defaultsettings).count++);let w=Number($("#ddlReport option:selected").val()),v=[],b=$(".summernote_StaticJsFunction").val().toString();if(r=="Details_Custom"){v.push({DetailContainerId:"",InstalledAppId:0,PortletWidgetId:2250,ReportId:w,StaticJsPath:b,WidgetId:0,WidgetName:s,WidgetParameters:""});var k=JSON.parse(a[0].defaultsettings).classname,y=new n.Themes.Compact.DetailWidgets[k],d=y.html(v,"containerId",null);$("#designsPreviewAppend").html(d);y.loadData(v,"containerId",null)}else{var g=JSON.parse(a[0].defaultsettings).classname,p=new n.Themes.Compact.DetailWidgets[g],nt=p.html(f,0);$("#designsPreviewAppend").html(nt);p.loadData(2250,"designsPreviewAppend",u,!1,e)}})}}loadportlet(){n.Themes.Compact.Components.Details.Instance().isPortletModified=!1;n.Platform.Widgets.WidgetHiddenFields.Instance().NewWidgetsForPortlet=[];n.Platform.Widgets.WidgetHiddenFields.Instance().Portlets=[];n.Platform.Widgets.WidgetHiddenFields.Instance().NewWidgets=[];n.Platform.Widgets.WidgetHiddenFields.Instance().SelectedWidgets=[];n.Platform.Widgets.WidgetHiddenFields.Instance().deleteWidget=[];n.Platform.Widgets.WidgetHiddenFields.Instance().editWidget=[];n.Platform.Widgets.Components.Widget.Instance().items="";let i=n.Themes.Providers.DetailHelper.installedAppId;const r=n.Platform.Helpers.NavigationHelper.Instance().getLastContainerId(),t=$(`#${r}`);t.find('.tab-container[data-click_disbale_details="true"]').attr("data-click_disbale_details","false");t.find("#addWidgetContainer").addClass("hidden");$(".biz-wrapper,.hk-wrapper").removeClass("edit-portlet-mode");t.find("#details-edit-header").removeClass("d-flex").addClass("d-none");t.find(".portlet-detail-header").removeClass("d-none").addClass("d-flex");$(".navbar-nav-wrap").removeClass("hidden");$(".biz-submenu .header-wth-search").removeClass("hidden");$("#nav-widgets-container").addClass("hidden");t.find(".EditPortlets").removeClass("hidden");t.find(".Detail_Configurations").removeClass("hidden");t.find(".Border").removeClass("card");t.find(".Border1").removeClass("card-header").addClass("hidden");t.find(".indexcardfooter").addClass("hidden");t.find(".dashboardwidget-container").css({"margin-bottom":"0px","padding-bottom":"0px"});$(".nav-dashboards-container").removeClass("hidden");$("._bizgaze_detail_container").css({top:"0px"});$(".biz-main-menu").removeClass("hidden");let e="",o="";$(".biz-wrapper").hasClass("biz-main-menu-hidden")&&(e="0",o="240px");$(".biz-submenu").css({left:`${e}`,width:`${o}`,top:"",background:""});$(".biz-submenu .navbar-brand ").removeClass("hidden");t.find("#widgetEdit-"+$("#hf_widgetId").val()+"").addClass("hidden");t.find("#EditChanges").addClass("hidden");t.find(".Detail_SaveChanges").addClass("hidden");t.find(".dropdown-menu").removeClass("hidden");t.find("#chkLayout_PortletsSelectors").removeClass("hidden");t.find("#chkLayout_Portlet").addClass("hidden");t.find("#tab-container").sortable("destroy");t.find("#layout-detail-tabs").sortable("destroy");$("#txt_global_Search").text("");$(".header-wth-search .nav-search").hide();$(".header-wth-search .nav-header-text").removeAttr("style");$(".header-wth-search .nav-header-text").css({opacity:"1","pointer-events":"auto"});t.find("#dashboardwidget-container").removeClass("ui-sortable");t.find("#dashboardwidget-container").sortable("destroy");t.find("#tab-container").removeClass("mx-10");let u,f;if(i==0?(u=Number($("#"+r).find("#hf_DashboardPortletId").val()),f=Number($("#"+r+" .nav-item.tab-item .nav-link.active").find(".portletName").text())):(u=Number($("#"+r+" .nav-item.tab-item .nav-link.active").find("#hf_PortletId").val()),f=$("#"+r).find("#hf_DashboardPortletName").val()),t.find("#tab-container .structureContent").remove(),i!=undefined&&i!=0){t.find(".card-header-top").css({"pointer-events":"all",cursor:"pointer"});n.Themes.Compact.Components.Details.Instance().isPortletModified=!1;let r=n.Platform.Helpers.NavigationHelper.Instance().getLastContainerId();n.Themes.Compact.Components.Index.Instance().isAppStructureEnable?($(".navbar-nav-wrap").removeClass("hidden"),$(".nav-options-container.nav-widgets-container").first().addClass("hidden"),t.find("#tab-container").removeClass("px-10"),$("#bizgaze_body .biz-main-menu").removeClass("hidden"),$("#bizgaze_body .biz-submenu .nav-header").removeClass("hidden"),$("#bizgaze_body .biz-submenu").attr({"data-details_structure":""}),$("#bizgaze_body .biz-submenu .nav-options-container").removeClass("hidden"),$("#bizgaze_body .biz-submenu .nav-options-container#nav-widgets-container").addClass("hidden"),t.find("#tab-container").empty(),n.Themes.Compact.Components.Details.Instance().getportletlayout(i,u,"#"+r),$("#topLayoutStructuresPanel").length&&$("#bizgaze_body").removeClass("edit-dashboard-mode")):n.Themes.Compact.Components.Details.Instance().loadWidgets(i,u,"#"+r)}else{$("#layout-dashboard-tabs").removeClass("hidden");$("#nav-dashboards-container").removeClass("hidden");t.find("#dashboardwidget-item").sortable("destroy");$("#dashboardfooter").addClass("hidden");$("#dbTopHeader").removeClass("d-none").addClass("d-flex");$("#topLayoutStructuresPanel").length&&$("#bizgaze_body").removeClass("edit-dashboard-mode");const i=n.Themes.Compact.Components.Nav.Instance();i.layoutIndex==i.leftLayout&&$(".biz-submenu .header-wth-search").removeClass("d-none");n.Themes.Compact.Components.Dashboard.Instance().loadWidgets(u,f)}$(".nav-options-container.nav-setting-visible").removeClass("hidden")}EditScreen(t){var r=this,u;const f=n.Platform.Helpers.NavigationHelper.ModalContainerIds[n.Platform.Helpers.NavigationHelper.ModalContainerIds.length-1],i=$(`#${f}`);r.fileCacheHelper.loadCssFile("tenants/themes/compact/css/style.widget_builder.css",null);u=["platform/widgets/components/widgethiddenfields.js","/platform/widgets/components/_widget.js"];r.items=".structureDiv, .widgetdataHere, .dashboardwidget-item.dashboarddisplaynone";r.fileCacheHelper.loadJsFiles(u,function(){let u='<div class="structureContent d-flex justify-content-center w-100 p-2 mx-auto my-25" id="details-page-portlet"><a href="javascript:void(0)" class="w-100 my-auto d-flex justify-content-center" data-toggle="modal" data-target="#dashboardWidgetModal" onclick=" Unibase.Platform.Widgets.Components._Widget.Instance().widgetsModal('+t+', this);"> <span><i class="la la-plus mr-2"><\/i>Add Widget<\/span><\/a><\/div>',f='<div class="w-100 d-flex position-relative" style="z-index:2; margin-bottom: -18px;"><a class="structuredelete hideButtonDashboard px-1 p-0 btn btn-danger text-white border-0 hidden" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().structuredelete(this)" ;="" id="structuredelete"> <i class="fa fa-trash "><\/i><\/a><a class="px-1 p-0 btn btn-dark ml-auto text-white border-0 structures-settings" data-toggle="modal" data-target="#structure_settingModal" data-backdrop="false" onclick="Unibase.Platform.Widgets.Components._Widget.Instance().structSetting(this);"  id="structures-settings"><i class="las la-tools"><\/i><\/a><\/div>';if(t!=0)i.find(".tab-container").attr("data-click_disbale_details","true"),i.find(".portletFooter").removeClass("hidden"),i.find(".card-header-top").css({"pointer-events":"none",cousor:"none"}),n.Themes.Compact.Components.Index.Instance().isAppStructureEnable?($("#bizgaze_body .biz-main-menu").addClass("hidden"),$("#bizgaze_body .biz-submenu .nav-header").addClass("hidden"),$("#bizgaze_body .biz-submenu").attr({"data-details_structure":"true"}),$("#bizgaze_body .biz-submenu .nav-options-container").addClass("hidden"),$("#bizgaze_body .biz-submenu .nav-options-container#nav-widgets-container").removeClass("hidden"),i.find("#tab-container .blocks-droppable-items-place").addClass("border border-2 rounded-2 p-3 border-primary").prepend(u),i.find("#tab-container .structureToDelete").addClass("border border-2 border-dashed p-1").prepend(f)):(i.find("#addWidgetContainer").removeClass("hidden"),$(".biz-wrapper,.hk-wrapper").addClass("edit-portlet-mode"));else{$("#layout-dashboard-tabs").addClass("hidden");const n=$(".biz-submenu .nav-options-container:visible").attr("id");n&&$(`#${n}`).addClass("hidden");$("#dbTopHeader").removeClass("d-flex").addClass("d-none");$("#dashboardfooter").removeClass("hidden");$(".navbar-nav-wrap").addClass("hidden");$(".biz-layout-3-top-navbar").hasClass("biz__nav__toggle")&&$(".biz-layout-3-top-navbar #navbar_toggle_btn").trigger("click")}if(i.find("#dashboardwidget-container .widgetsstructure").addClass("clickdisabled"),$(".biz-layout-3-top-navbar").find(".hk-nav").find(".slimScrollDiv").removeAttr("style"),i.find(".Detail_Configurations").addClass("hidden"),i.find(".Border").addClass("card"),i.find(".Border1").addClass("card-header"),i.find(".Border1").removeClass("hidden"),i.find(".indexcardfooter").removeClass("hidden"),i.find(".dashboardwidget-container").css({"padding-bottom":"200px","margin-bottom":"100px;"}),i.find(".CommonWidgets").removeClass("hidden"),i.find("#collapseThree .droppablePlaceCol").removeClass("p-0").addClass("p-1"),i.find("#dashboardwidget-container .blocks-droppable-items-place").addClass("border border-2 rounded-2 p-3 border-primary").prepend(u),i.find("#dashboardwidget-container .structureToDelete").addClass("border border-2 border-dashed p-2 m-1").prepend(f),t==0){$(".biz-main-menu").addClass("hidden");let n="260";$(".biz-wrapper").hasClass("biz-main-menu-hidden")&&(n="240");$(".biz-submenu").css({left:"0px",width:`${n}px`,top:"0px",background:"#fff"});$(".biz-submenu .sidenavlink").addClass(" text-dark font-weight-700");$(".biz-submenu .header-wth-search").addClass("hidden");$(".nav-options-container.nav-widgets-container").first().removeClass("hidden")}if(i.find(".droppablePlaceCol").find(".card").addClass("mb-0"),i.find(".dashboarddisplayNone").addClass("hidden"),i.find(".widgetplace").addClass("border"),i.find(".widgetplace  .structureContent").removeClass("hidden"),i.find(".EditPortlets").removeClass("hidden"),i.find("#widgetEdit-"+$("#hf_widgetId").val()+"").removeClass("hidden"),i.find("#deleteWidget-"+$("#hf_widgetId").val()).click(function(){r.deletePortletWidget()}),i.find("#EditChanges").removeClass("hidden"),i.find(".Detail_SaveChanges").removeClass("hidden"),i.find(".dropdown-menu").removeClass("hidden"),i.find("#chkLayout_PortletsSelectors").addClass("hidden"),i.find("#chkLayout_Portlet").removeClass("hidden"),i.find("#btn_bizgaze_details_close").click(n.Platform.Widgets.Components.Widget.Instance().closeDetails),$("#hf_ProfileInstalledappid").val()!=0&&$("#hf_ProfileInstalledappid").val()!=undefined?r.addDashboardWidgets(t):n.Platform.Widgets.Managers.WidgetManager.Instance().getstructureleft().then(function(i){let u=i.result;r.addDashboardWidgets(t,u);n.Themes.Compact.Components.Index.Instance().isAppStructureEnable&&($(".navbar-nav-wrap").addClass("hidden"),$(".nav-options-container.nav-widgets-container").first().removeClass("hidden"),$("#PageWidgets").remove())}),t!=0?($(".biz-submenu #myTab").addClass("hidden"),$(".biz-submenu #structure").removeClass("active show"),$(".biz-submenu #Widgets").addClass("active show"),i.find(".detail-edit-close").removeClass("hidden"),i.find(".portlet-detail-header").removeClass("d-flex").addClass("d-none"),i.find("#details-edit-header").removeClass("d-none").addClass("d-flex"),n.Themes.Compact.Components.Index.Instance().isAppStructureEnable&&$("#topLayoutStructuresPanel").length&&$("#bizgaze_body").addClass("edit-dashboard-mode"),r.setDbBodyHeight()):($(".biz-submenu #structure-tab").removeClass("hidden"),i.find(".detail-edit-close").addClass("hidden"),$("#topLayoutStructuresPanel").length&&$("#bizgaze_body").addClass("edit-dashboard-mode"),r.setDbBodyHeight()),i.find("#dashboardwidget-container, #tab-container").sortable({revert:!0,scroll:!0,scrollSensitivity:10,cursor:"move",forceHelperSize:!0,sort:function(n,t){console.log("#dashboardwidget-container, #tab-container is firing");$(".ui-sortable-placeholder").parent(".ui_sortable_placeholder").length<1&&$(".ui-sortable-placeholder").wrap('<div class="px-3 w-100 ui_sortable_placeholder"><\/div>');let i=$(t.item).height()-15+"px";$(".ui-sortable-placeholder").css({visibility:"visible",width:"100%",height:i,"background-image":"linear-gradient(135deg, rgb(255 255 255) 0%, transparent 0%, rgb(255 255 255) 50%, rgb(112 108 108) 0%, rgb(240 240 240) 51%, transparent 38%, rgb(255 255 255))","background-size":"12px 12px",margin:"20px 0px !important"})},stop:function(t,i){$(i.item).unwrap();$(".ui_sortable_placeholder").remove();$("#dashboardwidget-container .dashboardwidget-item").each(function(){var u=Number($(this).find("#hf_portletwidgetId").val()),i,r,t;$(this).find("#hf_portletwidgetId").val()!=undefined?(i=u,t=Number($(this).index()),n.Platform.Widgets.WidgetHiddenFields.Instance().PortletWidgets.push({PortletWidgetId:i,index:t})):(r=Number($(this).find("#hf_widgetId").val()),t=Number($(this).index()),n.Platform.Widgets.WidgetHiddenFields.Instance().PortletWidgets.push({WidgetId:r,index:$(this).index()}))})}}),i.find("#tab-container").sortable({revert:!0,scroll:!0,scrollSensitivity:10,cursor:"move",forceHelperSize:!0,update:function(){console.log("#tab-container is firing line 1941");n.Themes.Compact.Components.Details.Instance().isPortletModified=!0;$("#tab-container .portletwidget-addeditem").each(function(){var i,r,t;$(this).find("#hf_PortletWidgetId").val()!=undefined?(i=Number($(this).find("#hf_PortletWidgetId").val()),t=Number($(this).index()),n.Platform.Widgets.WidgetHiddenFields.Instance().PortletWidgets.push({PortletWidgetId:i,index:t})):(r=Number($(this).find("#hf_widgetId").val()),t=Number($(this).index()),n.Platform.Widgets.WidgetHiddenFields.Instance().PortletWidgets.push({WidgetId:r,index:t}))})}}),i.find("#layout-detail-tabs").sortable({revert:!0,scroll:!1,cursor:"move",forceHelperSize:!0,stop:function(){console.log("#layout-detail-tabs is firing");$("#layout-detail-tabs .tab-addeditem").each(function(){if($(this).find("#hf_PortletId").data("portletid")!=undefined){var t=Number($(this).find("#hf_PortletId").data("portletid")),i=n.Platform.Widgets.WidgetHiddenFields.Instance().Portlets.findIndex(n=>n.PortletId==t);i==-1?n.Platform.Widgets.WidgetHiddenFields.Instance().Portlets.push({PortletId:t,PortletIndex:Number($(this).index()+1)}):n.Platform.Widgets.WidgetHiddenFields.Instance().Portlets[i].PortletIndex=Number($(this).index()+1)}})}}),$("#dashboardwidget-container").hasClass("ui-sortable"))$("#dashboardwidget-container").on("mouseover","div",MouseEvent,function(){var t=$(this).find("#hf_widgetId").val(),i=$(this).find("#hf_portletwidgetId").val();t=isNaN(Number(t))?0:Number(t);i=isNaN(Number(i))?0:Number(i);n.Platform.Widgets.WidgetHiddenFields.Instance().wid=t;n.Platform.Widgets.WidgetHiddenFields.Instance().pwid=i;(i===0||t===undefined)&&(n.Platform.Widgets.WidgetHiddenFields.Instance().unix_pwid=Number($(this).find("#hf_widgetId_uniq").val()))});if($("#layout-detail-tabs").hasClass("ui-sortable"))i.find("#tab-container").on("mouseover","div",MouseEvent,function(){var t=$(this).find("#hf_widgetId").val(),i=$(this).find("#hf_PortletWidgetId").val();t=isNaN(Number(t))?0:Number(t);i=isNaN(Number(i))?0:Number(i);n.Platform.Widgets.WidgetHiddenFields.Instance().wid=t;n.Platform.Widgets.WidgetHiddenFields.Instance().pwid=i;(i===0||t===undefined)&&(n.Platform.Widgets.WidgetHiddenFields.Instance().unix_pwid=Number($(this).find("#hf_widgetId_uniq").val()))})})}deletePortletWidget(){var t=n.Platform.Widgets.WidgetHiddenFields.Instance().deleteWidget}setDbBodyHeight(){let n=0;n+=$("#bizDbHeader").outerHeight(!0);$("#dashboardwidget-container-outer").css("height",`calc(100% - ${n}px)`)}confirmSave(){bootbox.confirm({message:"Do you want to Save Changes?",buttons:{confirm:{label:"Save changes",className:"btn btn-primary ml-auto"},cancel:{label:"Discard Changes",className:"btn btn-outline-secondary"}},callback:function(t){t?n.Platform.Widgets.Components.Widget.Instance().SaveScreen():n.Platform.Widgets.Components.Widget.Instance().loadportlet()}})}SaveScreen(){var t=this,i=n.Themes.Providers.DetailHelper.installedAppId,r,u;if(n.Themes.Compact.Components.Details.Instance().isPortletModified=!1,i==0){let n=[];$("#dashboardwidget-container").find(".widgetplace").each(function(){$(this).find(".dashboardwidget-addeditem").length==0&&n.push({boxEmpty:$(this).length})});r=n.filter(n=>n.boxEmpty==1);r.length>0?(u="Still  Boxes are Empty try to add  Widget (or) Proceed at your own wish",bootbox.confirm({message:u,closeButton:!1,buttons:{confirm:{label:"Proceed",className:"btn-success"},cancel:{label:"Cancel",className:"btn-danger"}},callback:function(n){if(n)t.parentStructures("dashboardwidget-container","dashboardwidget-item"),t.SaveWidget();else return $("#modal_popup_EditLineItem").modal("hide"),bootbox.hideAll(),!1}})):(t.parentStructures("dashboardwidget-container","dashboardwidget-item"),t.SaveWidget())}i!=0&&(n.Themes.Compact.Components.Index.Instance().isAppStructureEnable?(t.parentStructures("tab-container","portletwidget-item"),t.SaveWidget()):t.SaveWidgetDetailsPage())}SaveWidgetDetailsPage(){let t=this;n.Platform.Widgets.WidgetHiddenFields.Instance().NewWidgetsForPortlet=[];n.Platform.Widgets.WidgetHiddenFields.Instance().PortletWidgets=[];n.Themes.Compact.Components.Index.Instance().isAppStructureEnable!=!0&&($("#"+n.Platform.Helpers.NavigationHelper.Instance().getLastContainerId()).find("#tab-container").find(".portletwidget-addeditem").each(function(t){let i=$(this).attr("data-portletid"),r=$(this).attr("data-widgetid"),u=$(this).attr("data-widgetname");n.Platform.Widgets.WidgetHiddenFields.Instance().NewWidgetsForPortlet.push({PortletId:Number(i),WidgetId:Number(r),WidgetName:u,index:Number(t)})}),t.SaveWidget())}parentStructures(t,i){var r=this,u=n.Platform.Helpers.NavigationHelper.Instance().getLastContainerId(),f=n.Themes.Providers.DetailHelper.installedAppId;r.strEditMode=$("#"+t).attr("data-isedit")=="true"?!0:!1;r.structureDesignArray=[];$("#"+u+" ."+t).find(".structureDiv[data-parent="+t+"]").each(function(t){let h=$(this).attr("id"),c=$(this).attr("data-divstructureid"),l=0,o,a=$(this).attr("data-isedit"),e,s;o=f!=0?$("#"+u+" #layout-detail-tabs").find("li.nav-item a.active").parent(".nav-item").attr("value"):$("#"+u).find("#hf_DashboardPortletId").val();var v=$(this).index();$("#"+n.Platform.Helpers.NavigationHelper.Instance().getLastContainerId()).find("#"+h).find(".droppablePlaceCol[data-parent="+h+"]").each(function(){let w=$(this).attr("id");$(this).find("div[data-parent="+w+"]").attr("data-dropOrderIndex",r.DropOrderIndex);let h=[],f,y="",p="";f=$(this).attr("id");h=f.split("_");a=="false"?(s=!1,e=Number(h[1])):(s=!0,e=0);y=$(this).attr("data-mobile_settingwidth")!=undefined&&$(this).attr("data-mobile_settingwidth")!=""&&$(this).attr("data-mobile_settingwidth")!=null?$(this).attr("data-mobile_settingwidth"):"";p=$(this).attr("data-tab_settingwidth")!=undefined&&$(this).attr("data-tab_settingwidth")!=""&&$(this).attr("data-tab_settingwidth")!=null?$(this).attr("data-tab_settingwidth"):"";r.structureDesignArray.push({structuredesignId:Number(e),StructureId:Number(c),StructureHIndex:Number($(this).attr("data-structureindex")),StructureVIndex:Number(t),ParentId:Number(l),PortletId:Number(o),isblock:s,parentstructureid:Number(0),DropOrderIndex:r.DropOrderIndex,StrctWidgetIndex:Number(v),ParentIndex:0,StructureMobileWidth:y,StructureTabWidth:p,InstalledAppId:n.Themes.Providers.DetailHelper.installedAppId,containerId:n.Platform.Helpers.NavigationHelper.Instance().getLastContainerId()});$(this).find("."+i).each(function(t,i){if($(i.offsetParent).attr("id")==f){let t=$(i).attr("id"),f=$("#"+u).find(".widgetid-"+t).index();$("#"+u).find("#"+t).find("#hf_widgetId_uniq").val();n.Platform.Widgets.WidgetHiddenFields.Instance().NewWidgetsForPortlet.push({PortletId:Number(o),WidgetId:Number($(i).attr("id")),WidgetName:$("#"+u).find("#"+t).find("#WidgetName a strong").text(),WidgetUniqueId:$("#"+u).find("#"+t).find("#hf_widgetId_uniq").val(),StructureDesignId:e,DropOrderIndex:r.DropOrderIndex,StrctWidgetIndex:Number(f),containerId:n.Platform.Helpers.NavigationHelper.Instance().getLastContainerId()})}});r.DropOrderIndex++;r.prepareStructureDesign($(this).attr("id"),i)})})}prepareStructureDesign(t,i){var u=this,r=n.Platform.Helpers.NavigationHelper.Instance().getLastContainerId(),f=n.Themes.Providers.DetailHelper.installedAppId;$("#"+r+" #"+t).find(".structureDiv[data-parent="+t+"]").each(function(t){let v=this,e=$(this).attr("id"),h=[],o,c=$(this).attr("data-divstructureid"),s,l=$(this).attr("data-isedit");var a=$(this).index();s=f!=0?$("#"+r+" #layout-detail-tabs").find("li.nav-item a.active").parent(".nav-item").attr("value"):$("#"+r).find("#hf_DashboardPortletId").val();$("#"+n.Platform.Helpers.NavigationHelper.Instance().getLastContainerId()).find("#"+e).find(".droppablePlaceCol[data-parent="+e+"]").each(function(){let b=$(this).attr("id");$(this).find("div[data-parent="+b+"]").attr("data-dropOrderIndex",u.DropOrderIndex);let f,d=$("#"+r).find("#"+e).attr("data-parent").split("_"),g=$(this).attr("id").split("_"),k=$("#"+r).find("#"+e).attr("data-dropOrderIndex"),y=[],v,p="",w="";v=$(this).attr("id");y=v.split("_");h=$(this).attr("data-parent").split("_");l=="false"?(f=!1,o=Number(y[1])):(f=!0,o=0);p=$(this).attr("data-mobile_settingwidth")!=undefined&&$(this).attr("data-mobile_settingwidth")!=""&&$(this).attr("data-mobile_settingwidth")!=null?$(this).attr("data-mobile_settingwidth"):"";w=$(this).attr("data-tab_settingwidth")!=undefined&&$(this).attr("data-tab_settingwidth")!=""&&$(this).attr("data-tab_settingwidth")!=null?$(this).attr("data-tab_settingwidth"):"";u.structureDesignArray.push({structuredesignId:Number(o),StructureId:Number(c),StructureHIndex:Number($(this).attr("data-structureindex")),StructureVIndex:Number(t),PortletId:Number(s),isblock:f,DropOrderIndex:u.DropOrderIndex,StrctWidgetIndex:Number(a),ParentIndex:Number(k),StructureMobileWidth:p,StructureTabWidth:w,InstalledAppId:n.Themes.Providers.DetailHelper.installedAppId});$(this).find("."+i).each(function(t,i){if($(i.offsetParent).attr("id")==v){let t=$(i).attr("id"),f=$(".widgetid-"+t).index();$("#"+r).find("#"+t).find("#hf_widgetId_uniq").val();n.Platform.Widgets.WidgetHiddenFields.Instance().NewWidgetsForPortlet.push({PortletId:Number(s),WidgetId:Number($(i).attr("id")),WidgetName:$("#"+r).find("#"+t).find("#WidgetName a strong").text(),WidgetUniqueId:$("#"+r).find("#"+t).find("#hf_widgetId_uniq").val(),StructureDesignId:o,DropOrderIndex:u.DropOrderIndex,StrctWidgetIndex:Number(f)})}});u.DropOrderIndex++;u.prepareStructureDesign($(this).attr("id"),i)})})}SaveStructureLayout(){let r=n.Themes.Providers.DetailHelper.installedAppId,t=this;n.Platform.Widgets.WidgetHiddenFields.Instance().StructureDesigns=t.structureDesignArray;var i={StructureDesign:n.Platform.Widgets.WidgetHiddenFields.Instance().StructureDesigns,AddWidgetsToPortlet:n.Platform.Widgets.WidgetHiddenFields.Instance().NewWidgetsForPortlet,DeletePortletWidgets:n.Platform.Widgets.WidgetHiddenFields.Instance().deleteWidget,PortletIndex:n.Platform.Widgets.WidgetHiddenFields.Instance().Portlets,PortletWidgetIndex:n.Platform.Widgets.WidgetHiddenFields.Instance().PortletWidgets,StructureDesignDelete:n.Platform.Widgets.WidgetHiddenFields.Instance().StructureDesignDelete};t.fileCacheHelper.loadJsFile("platform/widgets/managers/widgetmanager.js",function(){return __awaiter(this,void 0,void 0,function*(){yield n.Platform.Widgets.Managers.WidgetManager.Instance().saveLayout(i).then(function(){MessageHelper.Instance().showSuccess("successfully Saved","")})})})}SaveWidget(){let i=n.Themes.Providers.DetailHelper.installedAppId,t=this;n.Platform.Widgets.WidgetHiddenFields.Instance().StructureDesigns=t.structureDesignArray;var r={StructureDesign:n.Platform.Widgets.WidgetHiddenFields.Instance().StructureDesigns,AddWidgetsToPortlet:n.Platform.Widgets.WidgetHiddenFields.Instance().NewWidgetsForPortlet,DeletePortletWidgets:n.Platform.Widgets.WidgetHiddenFields.Instance().deleteWidget,PortletIndex:n.Platform.Widgets.WidgetHiddenFields.Instance().Portlets,PortletWidgetIndex:n.Platform.Widgets.WidgetHiddenFields.Instance().PortletWidgets,StructureDesignDelete:n.Platform.Widgets.WidgetHiddenFields.Instance().StructureDesignDelete};t.fileCacheHelper.loadJsFile("platform/widgets/managers/widgetmanager.js",function(){return __awaiter(this,void 0,void 0,function*(){if(yield n.Platform.Widgets.Managers.WidgetManager.Instance().saveLayout(r).then(function(){i!=0&&($("#"+n.Platform.Helpers.NavigationHelper.Instance().getLastContainerId()).find('.tab-container[data-click_disbale_details="true"]').attr("data-click_disbale_details","false"),n.Themes.Compact.Components.Details.Instance().isPortletModified=!1);t.structureDesignArray=[];t.DropOrderIndex=1;t.structDesignIdArrayDelete=[];let r=n.Platform.Widgets.WidgetHiddenFields.Instance();r.StructureDesigns=[];r.NewWidgetsForPortlet=[];r.deleteWidget=[];r.Portlets=[];r.PortletWidgets=[];r.StructureDesignDelete=[]}),($("#confirmPortletChangesModal").data("bs.modal")||{})._isShown){$("#AddPortlets").attr("data-isClicked")=="true"&&($("#AddPortlets").attr("data-isClicked","false"),t.renderAddPortletText(!0,i));let r=$("#confirmPortletChangesModal").attr("data-portletid"),u=n.Themes.Compact.Components.Details.Instance()._containerId;$("#confirmPortletChangesModal").modal("hide");yield n.Themes.Compact.Components.Details.Instance().loadWidgets(i,r,"#"+u)}else t.navigationHelper.showLoading(),yield n.Platform.Widgets.Components.Widget.Instance().loadportlet(),t.navigationHelper.hideLoading()})})}closeDetails(){if($(".layout-detail-tabs").hasClass("ui-sortable")==!0){n.Platform.Widgets.WidgetHiddenFields.Instance().NewWidgetsForPortlet=[];n.Platform.Widgets.WidgetHiddenFields.Instance().Portlets=[];n.Platform.Widgets.WidgetHiddenFields.Instance().NewWidgets=[];n.Platform.Widgets.WidgetHiddenFields.Instance().SelectedWidgets=[];n.Platform.Widgets.WidgetHiddenFields.Instance().deleteWidget=[];n.Platform.Widgets.WidgetHiddenFields.Instance().editWidget=[];let t="#"+n.Platform.Helpers.NavigationHelper.Instance().getLastContainerId();$(t).find("#tab-container").removeAttr("style");$("#divAddedWidgetList").show();$("#divNewWidgetList").hide();$(".divBizgaze_HiddenFields").html("");$("#app-list").removeClass("hide");$("#app-details").addClass("hide");$("#SavePortlet").addClass("hidden");$("#chkLayout_PortletsSelectors").removeClass("hidden");$("#chkLayout_Portlet").addClass("hidden");$("#AddWidget_btnSelectWidget").addClass("hidden");$("#AddWidget_btnCreateWidget").addClass("hidden");$(t).find("#tab-container").sortable("destroy");$("#layout-detail-tabs").sortable("destroy");$("#layout-dashboard-tabs").sortable("destroy");$(t).find("#dashboardwidget-item").sortable("destroy");$("#Stage").removeClass("hidden");$(".Detail_Configurations").removeClass("hidden");$("#app-list").removeClass("hide");$("#app-details").addClass("hide");$("#nav-widgets-container").addClass("hidden");$(".indexcardfooter").addClass("hidden")}}createWidget(n){this.navigationHelper.popup(n,"",u.Instance(),null,t.Helpers.Size.ExtraLarge)}resetWidget(t){var i=n.Themes.Providers.DetailHelper.installedAppId;$("#btn-widget-close").click();t!="undefined"?n.Platform.Widgets.Components.Widget.Instance().loadWidgetData(t,0,!1):n.Platform.Widgets.Components.Widget.Instance().createWidget(i)}addDashboardWidgets(t,i){var o="",u,r,f,e;for(t==undefined&&(o="hidden"),u='<br><div class="row1"><div class="col-sm-12"><div class="form-group"><div class="input-group"><br/><input id="txtSearchWidgets" class="form-control rounded" placeholder="Search Widgets" type="text"> <\/div> <\/div><\/div><\/div>',u='<div class="divNewWidgetListContainer clear"><div class="panel-group m-b" id="widgetAccordian"><div class="nav-tabs-header panel divpage" id="PageWidgets"><ul class="navbar-nav flex-column"><li class="nav-item active"><a class="nav-link-text accordion-toggle" style="cursor:pointer;" data-toggle="collapse" data-parent="#widgetAccordian" href="#collapseOne"><span class="nav-link-text">App Widgets<\/span> <\/a><ul id="collapseOne" class="panel-collapse in navbar-nav flex-column"><li><ul class="flex-column no-border no-radius list-group-alt sortableWidgetList" id="sortableWidgetList"> <li id="drag" class="hidden nav-item widget-item  divPageWidgetSlider"><\/li><\/ul><\/li> <\/ul><\/li><\/ul><\/div><div class="nav-tabs-header panel pb-60" id="CommonWidgets"><ul class="nav nav-tabs nav-light bg-light" id = "myTab" role = "tablist" ><li class="nav-item w-50 text-center" ><a class="nav-link active   sidenavlink p-3  h-55p align-items-center" id="structure-tab" data-toggle="tab" href="#structure" role="tab" aria-controls="structure"  aria-selected="true" style="color:#2f343a !important" >Structure <\/a><\/li><li class="nav-item w-50 text-center" ><a class="nav-link p-3 sidenavlink  h-55p align-items-center " id="Widgets-tab" data-toggle="tab" href="#Widgets" role="tab" aria-controls="Widgets" aria-selected="false" style="color:#2f343a !important" > Widgets <\/a><\/li><\/ul><div class="tab-content m-0" id = "myTabContent" > <div class="tab-pane fade show active displaynone_onTab-Container" id="structure" role="tabpanel" aria-labelledby="structure-tab" ><ul id="collapseThree" class="d-flex flex-column" >',r=0;r<i.length;r++){r==0&&$('[data-divstructureid="default-structure"]').attr("data-divstructureid",i[r].StructureId);u+='<li class=""><div class="container structure-draggable ui-draggable p-0 droppable-items-place-none"><div class="d-flex flex-wrap structureToDelete w-100" data-structuredesignid="'+i[r].StructureName+'"  data-divstructureid="'+i[r].StructureId+'" data-isEdit="true"> <div class="w-100 d-flex position-relative" style="z-index:2; margin-bottom: -18px;"><a class="structuredelete hideButtonDashboard px-1 p-0 btn btn-danger text-white border-0 hidden" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().structuredelete(this)" ;="" id="structuredelete"> <i class="fa fa-trash "><\/i><\/a><a class="px-1 p-0 btn btn-dark ml-auto text-white border-0 structures-settings hidden" data-toggle="modal" data-target="#structure_settingModal" data-backdrop="false" onclick="Unibase.Platform.Widgets.Components._Widget.Instance().structSetting(this);"  id="structures-settings"><i class="las la-tools"><\/i><\/a><\/div>';let n=i[r].StructureWidth.split("|");for(f=0;f<n.length;f++)u+='<div class="col-md-'+n[f]+' droppablePlaceCol p-0" data-isblock="1" data-structureindex='+f+'><div class="border rounded-2 p-3 blocks-droppable-items-place" id="'+n[f]+'"><\/div><\/div>'}u+='<\/ul><\/div><div class="tab-pane fade" id="Widgets" role="tabpanel" aria-labelledby="Widgets-tab"><ul class="navbar-nav flex-column"><li class="nav-item"><a class="nav-link-text accordion-toggle" style="cursor:pointer;" data-toggle="collapse" data-parent="#widgetAccordian" href="#collapseTwo"><span class="nav-link-text">Common Widgets<\/span> <\/a><ul id="collapseTwo" class="panel-collapse collapse navbar-nav flex-column"><li><ul class="flex-column no-border no-radius list-group-alt sortableWidgetList dsl-block-wrap" id="sortableWidgetList"><li id="drag" class="hidden nav-item widget-item divCommonWidgetSlider"><\/li><li id="drag" class="hidden nav-item widget-item divCommonWidgetSlider"><\/li><\/ul><\/li><\/ul><\/li><\/ul><hr class="nav-separator"><div class="nav-tabs-header panel" id="AddedWidgets"><ul class="navbar-nav flex-column dsl-block-wrap"><li class="nav-item"><a class="nav-link-text accordion-toggle" style="cursor:pointer;" data-toggle="collapse" data-parent="#widgetAccordian" href="#collapseThree"><span class="nav-link-text">Already AddedWidgets<\/span><\/a> <ul id="collapseThree" class="panel-collapse collapse navbar-nav flex-column"><li><ul class="flex-column no-border no-radius list-group-alt sortableWidgetList dsl-block-wrap" id="sortableWidgetList"><li class="hidden nav-item widget-item divAddedWidgetSlider"><\/li><\/ul><\/li><\/li><\/ul><\/div><\/div><\/div><\/div><\/div>';$("#nav-widgets-container").html(u);$("#dashboardwidget-container, #tab-container").on("mouseover",".structureToDelete",function(){var n=$(this).find(".widgetdataHere").length;n==0&&$(this).find(".structuredelete").removeClass("hidden ")});$("#dashboardwidget-container, #tab-container").on("mouseout",".structureToDelete",function(){$(this).find(".structuredelete").addClass("hidden")});$(".structure-draggable").sortable({connectWith:`#${n.Platform.Helpers.NavigationHelper.Instance().getLastContainerId()} #dashboardwidget-container, #${n.Platform.Helpers.NavigationHelper.Instance().getLastContainerId()} #tab-container, #${n.Platform.Helpers.NavigationHelper.Instance().getLastContainerId()} .widgetplace`,forcePlaceholderSize:!0,handle:"div",opacity:.6,cursor:"move",tolerance:"intersect",axis:"y",helper:function(n,t){$(t).attr({"data-clone":"clonestruct"});$(t).find(".ui-sortable.ui-sortable-handle").not(".dashboardwidget-container").removeClass("biz-primary-border-color").addClass("border-dashed border");var i=t.clone().insertAfter(t);return t.clone()},sort:function(n,t){let i=$(t.item).height()+"px";$("#dashboardwidget-container, .tab-container").find(".ui-sortable-placeholder").css({visibility:"visible",width:"100%",height:i,"background-image":"linear-gradient(135deg, rgb(255 255 255) 0%, transparent 0%, rgb(255 255 255) 50%, rgb(112 108 108) 0%, rgb(240 240 240) 51%, transparent 38%, rgb(255 255 255))","background-size":"12px 12px",margin:"20px 0px"});$(".ui-draggable").find(".ui-sortable-placeholder").css({visibility:"hidden",width:"0%",height:"0px"});$(".widgetplace").find(".ui-sortable-placeholder").css({visibility:"visible",width:"100%",height:i,"background-image":"linear-gradient(135deg, rgb(255 255 255) 0%, transparent 0%, rgb(255 255 255) 50%, rgb(112 108 108) 0%, rgb(240 240 240) 51%, transparent 38%, rgb(255 255 255))","background-size":"12px 12px",margin:"20px 0px"})},stop:function(i,r){console.log("structure-draggable is firing");let f='<div class="structureContent d-flex justify-content-center p-2 mx-auto w-100 my-25" id="details-page-portlet"><a href="javascript:void(0)" class="w-100 d-flex justify-content-center p" data-toggle="modal" data-target="#dashboardWidgetModal" onclick=" Unibase.Platform.Widgets.Components._Widget.Instance().widgetsModal('+t+', this);"> <span><i class="la la-plus mr-2"><\/i>Add Widget<\/span><\/a><\/div>',u="divStructure_"+Math.floor(Math.random()*Date.now()),e=$(i.originalEvent.target).closest(".structureDiv").attr("data-divstructureid");if(n.Themes.Providers.DetailHelper.installedAppId==0){if($(".ui-sortable.ui-sortable-handle").not(".dashboardwidget-container").removeClass("border-2 border-dashed").addClass("biz-primary-border-color"),$(r.item).parents("#dashboardwidget-container").length!=0){$("#dashboardwidget-container").attr({"data-isedit":"true"});let n=$(r.item).parent().attr("data-id");$(i.originalEvent.target).parent().attr("data-isblock","0");n!="dashboardwidget-container"&&(n=$(r.item).closest('.droppablePlaceCol:has([data-clone="clonestruct"])').attr("id"));$(r.item).addClass("border border-2 border-dashed p-2 m-1 structureDiv").attr({"data-parent":n,id:u});$(r.item).find(".droppablePlaceCol").each(function(){let n="structureId_"+Math.floor(Math.random()*Date.now());$(this).removeClass("biz-primary-border-color p-1").addClass("px-0 px-sm-10").attr({"data-parent":u,id:n,"data-parentstructureid":e})});$(r.item).find(".blocks-droppable-items-place").addClass("widgetplace border-primary border-2").removeClass("biz-primary-border-color").append(f);$(r.item).find(".structures-settings").removeClass("hidden");$("#collapseThree").find(".structureToDelete[data-clone= clonestruct]:not(:last-child)").remove()}$("#dashboardwidget-container .ui-sortable.ui-sortable-handle").removeClass("biz-primary-border-color").addClass("border-2 border")}else $(r.item).parents("#tab-container").length!=0&&($(r.item).removeClass("d-flex flex-wrap").addClass("row mx-0"),$(r.item).find(".structures-settings").removeClass("hidden"),$(r.item).addClass("my-1 structureDiv border border-2 border-dashed").attr("id",u),$(r.item).find(".droppablePlaceCol").addClass("px-1 pb-1"),$(r.item).find(".droppablePlaceCol").each(function(){let t="structureId_"+Math.floor(Math.random()*Date.now()),n;$(r.item).closest(".droppablePlaceCol").attr("id")!=undefined?(n=$(r.item).closest(".droppablePlaceCol").attr("id"),$(r.item).attr({"data-parent":n})):($(r.item).attr({"data-parent":"tab-container"}),n=0);$(this).attr({"data-apps_parentstructureid":n,id:t,"data-parent":u,"data-parentstructureid":e})}),$(r.item).find(".droppablePlaceCol").removeClass("p-1").find(".blocks-droppable-items-place").removeClass("biz-primary-border-color").addClass("border-primary border-2 widgetplace ").html(f),$(".widgetplace").sortable())}});$("#collapseThree  .droppablePlaceCol").removeClass("p-0").addClass("p-1");$("#collapseThree .blocks-droppable-items-place").addClass("border biz-primary-border-color");t==0&&($("#PageWidgets").hide(),$("#BindPortletPermissions").remove(),$("#AddWidget_btnSelectWidget").addClass("hidden"),$(".detail-edit-close").removeClass("btn-light"));$("#txt_global_Search").on("keyup",function(){var t=$("#txt_global_Search").val(),n;t==""?($(".widget-added-item").show(),$(".panel-collapse.in").collapse("hide")):($(".widget-added-item").hide(),$('.panel-collapse:not(".in")').collapse("show"),n=$(this).val().toString().toLowerCase(),$("#sortableWidgetList li").each(function(){$(this).toggle($(this).text().toLowerCase().indexOf(n)>-1)}))});$(".dripicons-cross").click(function(){$("#txt_global_Search").empty();$(".widget-added-item").show();$(".panel-collapse.in").collapse("hide")});e=n.Platform.Widgets.Components.Widget.Instance();$(".panel").on("show.bs.collapse",function(n){e.loadNewWidgets(n.currentTarget.id,null,t)});t==0||t==undefined?($("#collapseTwo").removeClass("panel-collapse collapse"),$("#collapseTwo").addClass("panel-collapse in"),e.loadNewWidgets("CommonWidgets",null,t)):e.loadNewWidgets("PageWidgets",null,t)}structuredelete(t){let i=this;i.DeleteparentStructures(t);n.Platform.Widgets.WidgetHiddenFields.Instance().StructureDesignDelete=i.structDesignIdArrayDelete;$(t).closest(".structureToDelete").remove()}DeleteparentStructures(n){let t=this,i,r=$(n).parent().parent().attr("id");$("#"+r).find(".droppablePlaceCol[data-parent="+r+"]").each(function(){i=$(this).attr("id").split("_");t.structDesignIdArrayDelete.push({StructureDesignId:Number(i[1]),StructureId:Number(0),ParentId:Number(0),PortletId:Number(0),DropOrderIndex:Number(0),StructureHIndex:Number(0),StructureVIndex:Number(0),IsBlock:!1,ParentIndex:Number(0),parentstructureid:Number(0),StrctWidgetIndex:Number(0)});t.DeleteprepareStructureDesign(n,$(this).attr("id"))})}DeleteprepareStructureDesign(n,t){let i=this,r=[];$("#"+t).find(".structureDiv[data-parent="+t+"]").each(function(){let t=$(this).attr("id");$("#"+t).find(".droppablePlaceCol[data-parent="+t+"]").each(function(){r=$(this).attr("id").split("_");i.structDesignIdArrayDelete.push({StructureDesignId:Number(r[1]),StructureId:Number(0),ParentId:Number(0),PortletId:Number(0),DropOrderIndex:Number(0),StructureHIndex:Number(0),StructureVIndex:Number(0),IsBlock:!1,ParentIndex:Number(0)});i.DeleteprepareStructureDesign(n,$(this).attr("id"))})})}loadNewWidgets(t,r,u,f){var o=this.fileCacheHelper,e=this;o.loadJsFile("platform/widgets/components/widgethiddenfields.js",function(){var s;u=u==undefined?0:Number(u);var h="",c=!1;r==!0&&r!=undefined&&$(".widget-added-item").remove();$("#"+t).find(".widget-added-item").length==0&&(c=!0);c&&(s=$("#hf_PortletId").val(),o.loadJsFile("platform/widgets/managers/widgetmanager.js",function(){t=="PageWidgets"?(h="divPageWidgetSlider",i.Managers.WidgetManager.Instance().getAppWidgets(u,s).then(function(n){e.loadWidgetsToContainer(n,h,u,s)})):t=="CommonWidgets"?(h="divCommonWidgetSlider",i.Managers.WidgetManager.Instance().getCommonWidgets(u,s).then(function(n){e.loadWidgetsToContainer(n,h,u,s)})):t=="AddedWidgets"?(h="divAddedWidgetSlider",i.Managers.WidgetManager.Instance().getAddedWidgets(u,s).then(function(n){e.loadWidgetsToContainer(n,h,u,s)})):t=="details-page"?(i.Managers.WidgetManager.Instance().getAppWidgets(u,s).then(function(t){n.Platform.Widgets.Components._Widget.Instance().loadDetailPageModal(t,"App-Widgets",u,s)}),i.Managers.WidgetManager.Instance().getCommonWidgets(u,s).then(function(t){n.Platform.Widgets.Components._Widget.Instance().loadDetailPageModal(t,"common-widgets",u,s)}),i.Managers.WidgetManager.Instance().getAddedWidgets(u,s).then(function(t){n.Platform.Widgets.Components._Widget.Instance().loadDetailPageModal(t,"common-widgets",u,s)})):t=="dashbaord-page"&&i.Managers.WidgetManager.Instance().getCommonWidgets(u,s).then(function(t){n.Platform.Widgets.Components._Widget.Instance().loadDetailPageModal(t,"common-widgets",u,s,f)})}))})}loadWidgetsToContainer(t,i,r){var o=this.fileCacheHelper,f=t.result,u,h,e;let s=n.Platform.Helpers.NavigationHelper.ModalContainerIds[n.Platform.Helpers.NavigationHelper.ModalContainerIds.length-1];for(u=0;u<f.length;u++)h='<li class="nav-item widget-item widget-added-item mt-10 list-widget-'+f[u].WidgetId+" widgetid-"+f[u].WidgetId+""+i+' dsl-block datagroup" data-toggle="popover-hover" data-img="tenants/themes/default/imgs/imgpopover.png" value='+f[u].WidgetId+' id="ListWidgets"><input type="hidden" value='+f[u].WidgetId+' id="hf_ListwidgetId" /><input type="hidden" value='+f[u].WidgetUrl+' id="widgetUrl-'+f[u].WidgetId+'" /><input type="hidden" value="'+f[u].WidgetName+'" id="widgetName" /><input type="hidden" value='+f[u].IsFiltarable+' id="IsFiltarable" /><input type="hidden" value='+f[u].UniqueId+' id="hf_WidgetUniqueId" /><input type="hidden" value='+f[u].Width+' id="widgetWidth" /><span><i class="las la-braille dragger"><\/i><span title="'+f[u].WidgetName+'" class="dsl-block-name" style="color:#2f343a !important" >'+f[u].WidgetName+"<\/span><\/span><\/li>",$("."+i+":last").after(h);e="";r==undefined&&r==0;e=r!=0&&r!=undefined?"tab-container":"widgetplace";$("#"+s).find(".sortableWidgetList").sortable({connectWith:"."+e+"",cursor:"move",tolerance:"pointer",placeholder:"ui-state-highlight",helper:function(n,t){const i=t.clone().insertAfter(t);return t.clone()},start:function(){$(".divNewWidgetListContainer").removeAttr("style")},stop:function(){$(".divNewWidgetListContainer").css("overflow-y","auto")}});$("#"+s).find("#dashboardwidget-container, #tab-container").on("mouseover",".structureToDelete",function(){let t=n.Platform.Helpers.NavigationHelper.ModalContainerIds[n.Platform.Helpers.NavigationHelper.ModalContainerIds.length-1];$("#"+t).find(".blocks-droppable-items-place").sortable({items:n.Platform.Widgets.Components.Widget.Instance().items,connectWith:" .widgetplace",tolerance:"pointer",forcePlaceholderSize:!0,receive:function(t,i){var f,e,s;console.log("blocks-droppable-items-place is firing");let l=$(t.target).parents(".droppablePlaceCol").attr("id");if($(i.item).attr("data-parent",l),$("#hf_PortletId").val()==0)return f='<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" style="display: none;" aria-hidden="true"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title" id="exampleModalLabel">Modal title<\/h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×<\/span><\/button><\/div><div class="modal-body"><p>Please Add Portlet!<\/p><\/div><div class="modal-footer"><button type="button" class="btn btn-secondary" data-dismiss="modal">Close<\/button><button type="button" class="btn btn-primary" data-dismiss="modal" onclick="_bizgazeNavigation_Add_Widgets.AddPortlet()";>AddPortlet<\/button><\/div><\/div><\/div><\/div>',$(".details-footer").after(f),$("#exampleModal").modal(),$("#tab-container").empty(),null;if(e=i.item.attr("id"),s="ListWidgets",e==s){this.copyHelper=null;var h=i.item.attr("data-img"),u=$(this).find("#hf_ListwidgetId").val(),c=$(this).find("#widgetName").val(),a=$(this).find("#hf_WidgetUniqueId").val();o.loadJsFile("platform/widgets/components/widgethiddenfields.js",function(){var t=n.Platform.Widgets.WidgetHiddenFields.Instance().uniq_new_portletwid,f='<div class="card-header"><div class="WidgetName pull-left" id="WidgetName"><a class="pull-left btn btn-sm"><strong>'+c+'<\/strong><\/a><\/div><div class="card-action-wrap editwidget editwidget-'+$(this).find("#hf_ListwidgetId").val()+' pull-right" id="editwidget"><a href="javascript:;" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().deletePortletWidgets('+u+')"; title="Click here to Remove Widget"> <i class="ti-trash"><\/i><\/a><\/div><\/div>';r!=0?i.item.html('<div class="portletwidget-item dashboardwidget-item dashboarddisplaynone  portletwidget-addeditem widgetItem-'+u+" widgetid-"+u+' col-sm-12 mb-sm-20 mb-2" id="'+u+'"><div class="b-a card"><input type = "hidden" value = '+u+' id = "hf_widgetId" /><input type = "hidden" value = '+t+' id = "hf_widgetId_uniq" />'+f+"<img src="+h+' style="width:100%" class="img-responsive"><\/img><\/div><\/div>').contents().unwrap():i.item.html('<div class="dashboardwidget-item dashboarddisplaynone dashboardwidget-addeditem widgetItem-'+u+" widgetid-"+u+' col-sm-12 mb-sm-20 mb-2" id="'+u+'"><div class="b-a card"><input type = "hidden" value = '+u+' id = "hf_widgetId" /><input type = "hidden" value = '+t+' id = "hf_widgetId_uniq" />'+f+"<img src="+h+' style="width:100%" class="img-responsive"><\/img><\/div><\/div>').contents().unwrap();$(".widgetItem-"+u+"").parents(".widgetplace").find(".structureContent").removeClass("StructureToAlert");n.Platform.Widgets.WidgetHiddenFields.Instance().NewWidgets[t]={PortletId:Number($("#hf_PortletId").val()),WidgetId:Number(u),WidgetName:c,WidgetUniqueId:a}});n.Platform.Widgets.WidgetHiddenFields.Instance().uniq_new_portletwid=Number(n.Platform.Widgets.WidgetHiddenFields.Instance().uniq_new_portletwid+1)}},sort:function(n,t){let i=$(t.item).height()+"px";$(".widgetplace").find(".ui-sortable-placeholder").css({visibility:"visible",width:"100%",height:i,"background-image":"linear-gradient(135deg, rgb(255 255 255) 0%, transparent 0%, rgb(255 255 255) 50%, rgb(112 108 108) 0%, rgb(240 240 240) 51%, transparent 38%, rgb(255 255 255))","background-size":"12px 12px",margin:"20px 0px"});let r=t.item[0].classList;r.forEach(function(n){n.includes("col-lg")&&$(t.item).siblings(".ui-sortable-placeholder").addClass("w-100").removeClass(n)})},update:function(t,i){n.Themes.Compact.Components.Details.Instance().isPortletModified=!0;let r=i.item[0].classList;r.forEach(function(n){n.includes("col-lg")&&($(i.item).addClass("w-100").removeClass(n),$(i.item).siblings(".ui-sortable-placeholder").addClass("w-100").removeClass(n))})}})});if(n.Themes.Compact.Components.Index.Instance().isAppStructureEnable!=!1)$("#"+n.Platform.Helpers.NavigationHelper.Instance().getLastContainerId()).find(".tab-container").sortable({tolerance:"pointer",forcePlaceholderSize:!0,receive:function(t,i){var f,e,s;if(console.log("Tab-container is firing"),$("#hf_PortletId").val()==0)return f='<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" style="display: none;" aria-hidden="true"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title" id="exampleModalLabel">Modal title<\/h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×<\/span><\/button><\/div><div class="modal-body"><p>Please Add Portlet!<\/p><\/div><div class="modal-footer"><button type="button" class="btn btn-secondary" data-dismiss="modal">Close<\/button><button type="button" class="btn btn-primary" data-dismiss="modal" onclick="_bizgazeNavigation_Add_Widgets.AddPortlet()";>AddPortlet<\/button><\/div><\/div><\/div><\/div>',$(".details-footer").after(f),$("#exampleModal").modal(),$("#tab-container").empty(),null;if(e=i.item.attr("id"),s="ListWidgets",e==s){$(".structuredelete ").addClass("hidden");this.copyHelper=null;var h=i.item.attr("data-img"),u=$(this).find("#hf_ListwidgetId").val(),c=$(this).find("#widgetName").val(),l=$(this).find("#hf_WidgetUniqueId").val();o.loadJsFile("platform/widgets/components/widgethiddenfields.js",function(){var t=n.Platform.Widgets.WidgetHiddenFields.Instance().uniq_new_portletwid,f='<div class="card-header"><div class="WidgetName pull-left" id="WidgetName"><a class="pull-left btn btn-sm"><strong>'+c+'<\/strong><\/a><\/div><div class="card-action-wrap editwidget editwidget-'+$(this).find("#hf_ListwidgetId").val()+' pull-right" id="editwidget"><a href="javascript:;" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().deletePortletWidgets('+u+')"; title="Click here to Remove Widget"> <i class="ti-trash"><\/i><\/a><\/div><\/div>';r!=0?i.item.html('<div class="portletwidget-item dashboardwidget-item dashboarddisplaynone  portletwidget-addeditem widgetItem-'+u+" widgetid-"+u+' col-sm-12 mb-sm-20 mb-2" id="'+u+'"><div class="b-a card"><input type = "hidden" value = '+u+' id = "hf_widgetId" /><input type = "hidden" value = '+t+' id = "hf_widgetId_uniq" />'+f+"<img src="+h+' style="width:100%" class="img-responsive"><\/img><\/div><\/div>').contents().unwrap():i.item.html('<div class="dashboardwidget-item dashboarddisplaynone dashboardwidget-addeditem widgetItem-'+u+" widgetid-"+u+' col-sm-12 mb-sm-20 mb-2" id="'+u+'"><div class="b-a card"><input type = "hidden" value = '+u+' id = "hf_widgetId" /><input type = "hidden" value = '+t+' id = "hf_widgetId_uniq" />'+f+"<img src="+h+' style="width:100%" class="img-responsive"><\/img><\/div><\/div>').contents().unwrap();n.Platform.Widgets.WidgetHiddenFields.Instance().NewWidgets[t]={PortletId:Number($("#hf_PortletId").val()),WidgetId:Number(u),WidgetName:c,WidgetUniqueId:l}});n.Platform.Widgets.WidgetHiddenFields.Instance().uniq_new_portletwid=Number(n.Platform.Widgets.WidgetHiddenFields.Instance().uniq_new_portletwid+1)}}});else $("#dashboardwidget-container").on("mouseover",".structureToDelete",function(){})}RenderEditDashboard(t){for(var r,f=n.Platform.Widgets.WidgetHiddenFields.Instance().EditPortletAndWidgetsIds.length,u="",e=$("#hf_PortletId").val(),i=0;i<f;i++)n.Platform.Widgets.WidgetHiddenFields.Instance().EditPortletAndWidgetsIds[i].PortletId==e&&(r='<div class="card-header"><div class="WidgetName pull-left" id="WidgetName"><a class="pull-left btn btn-sm"><strong>'+n.Platform.Widgets.WidgetHiddenFields.Instance().EditPortletAndWidgetsIds[i].WidgetName+'<\/strong><\/a><\/div><div class="card-action-wrap editwidget editwidget-'+n.Platform.Widgets.WidgetHiddenFields.Instance().EditPortletAndWidgetsIds[i].WidgetId+' pull-right" id="editwidget"><a href="javascript:;" onclick="Unibase.Platform.Widgets.Components.Widget.Instance()deletePortletWidgets()";="" title="Click here to Remove Widget"> <i class="ti-trash"><\/i><\/a><\/div><\/div>',r=$("#hf_ProfileInstalledappid").val()!=0?'<div class="portletwidget-item portletwidget-addeditem widgetItem-'+n.Platform.Widgets.WidgetHiddenFields.Instance().EditPortletAndWidgetsIds[i].WidgetId+" widgetid-"+n.Platform.Widgets.WidgetHiddenFields.Instance().EditPortletAndWidgetsIds[i].WidgetId+' col-sm-12"><div class="b-a card"><input type = "hidden" value = '+n.Platform.Widgets.WidgetHiddenFields.Instance().EditPortletAndWidgetsIds[i].WidgetId+' id = "hf_widgetId" /><input type = "hidden" value = '+n.Platform.Widgets.WidgetHiddenFields.Instance().uniq_new_portletwid+' id = "hf_widgetId_uniq" />'+r+"<img src="+n.Platform.Widgets.WidgetHiddenFields.Instance().EditPortletAndWidgetsIds[i].ImageUrl+' style="width:100%" class="img-responsive"><\/img><\/div><\/div>':'<div class="dashboardwidget-item dashboardwidget-addeditem widgetItem-'+n.Platform.Widgets.WidgetHiddenFields.Instance().EditPortletAndWidgetsIds[i].WidgetId+" widgetid-"+n.Platform.Widgets.WidgetHiddenFields.Instance().EditPortletAndWidgetsIds[i].WidgetId+' col-sm-12"><div class="b-a card"><input type = "hidden" value = '+n.Platform.Widgets.WidgetHiddenFields.Instance().EditPortletAndWidgetsIds[i].WidgetId+' id = "hf_widgetId" /><input type = "hidden" value = '+n.Platform.Widgets.WidgetHiddenFields.Instance().uniq_new_portletwid+' id = "hf_widgetId_uniq" />'+r+"<img src="+n.Platform.Widgets.WidgetHiddenFields.Instance().EditPortletAndWidgetsIds[i].ImageUrl+' style="width:100%" class="img-responsive"><\/img><\/div><\/div>',u+=r);u!=""&&$(t).find("#tab-container").html()==""&&$(t).find("#tab-container").html(u)}deletePortletWidgets(t,i){var t=t,u,r;t==undefined&&(t=0);u="portletwidget-item";r=Number(n.Themes.Providers.DetailHelper.installedAppId);r==0&&(t==0?$("#"+i).remove():$(".widgetItem-"+t).parent().remove());r!=0&&(i!=undefined?$("#"+i).remove():$(".widgetItem-"+t).remove());n.Platform.Widgets.WidgetHiddenFields.Instance().deleteWidget.push({PortletWidgetId:t});i&&(n.Platform.Widgets.Components._Widget.Instance().existingwidgets=n.Platform.Widgets.Components._Widget.Instance().existingwidgets.filter(n=>n!=+i));n.Themes.Compact.Components.Details.Instance().isPortletModified=!0}ShowPortletPermissions(){let i=this;i.fileCacheHelper.loadJsFile("platform/portlets/components/portletpermission.js",function(){i.navigationHelper.popup(0,"",n.Platform.Portlets.Components.PortletPermission.Instance(),null,t.Helpers.Size.Medium)})}DeletePortletWidgetsByPortlet(n){this.fileCacheHelper.loadJsFile("platform/core/helpers/message/messagehelper.js",function(){n.length==0})}loadNewPortlet(t,i){var r=new n.Themes.Compact.Components.Details,u=Number(n.Themes.Providers.DetailHelper.installedAppId),f=n.Themes.Providers.DetailHelper.recordId;r._installedAppId=u;r._recordId=f;n.Themes.Compact.Components.Details.Instance().loadPortlets(r);let e="#"+n.Themes.Compact.Components.Details.Instance()._containerId;n.Themes.Compact.Components.Details.Instance().loadWidgets(u,i,e)}ClosePermissionModal(){$(".btn_addportlt").removeClass("hidden");$(".btnEdit_portlet").removeClass("hidden");$(".manage_pPermissions").removeClass("hidden");$(".btn_dltportlet").removeClass("hidden")}closeCreate(){var n=$("#_bizgaze_modal").prev(".modal")[0].attributes.item.name;$("#"+n).modal("hide");$("#"+n).remove();$("._bizgaze_create_container_EditScreen").length<=0&&($(".modal-backdrop").slice(1,$(".modal-backdrop").length-2).remove(),$("#bizgaze_body").addClass("modal-open"))}renderAddPortletText(i,r){let u=n.Platform.Helpers.NavigationHelper.Instance().getLastContainerId(),f=Number($("#"+u).find(".tab-addeditem a.active").find("#hf_PortletId").val());if(n.Themes.Compact.Components.Details.Instance().isPortletModified==!0){$("#"+u).find("#AddPortlets").attr("data-isClicked","true");let t=n.Themes.Compact.Components.Details.Instance()._containerId;n.Themes.Compact.Components.Details.Instance().confirmPortletChangesModal(r,f,t)}else n.Platform.Widgets.WidgetHiddenFields.Instance().isEdit=Boolean(i),this.fileCacheHelper.loadJsFile("platform/portlets/components/portlet.js",function(){n.Platform.Helpers.NavigationHelper.Instance().popup("","",n.Platform.Portlets.Components.Portlet.Instance(),null,t.Helpers.Size.Medium);i||n.Platform.Portlets.Managers.PortletManager.Instance().getPortletsByInstalledApp(r,0).then(function(n){n.result!=null&&($(".modal-header .modal-title").text("Create Tab"),$("#txt_PortletIndex").val(n.result.length+1),$("#txt_PortletIndex").attr("disabled","true"))});i&&n.Platform.Portlets.Managers.PortletManager.Instance().getPortlet(f).then(function(n){var t=n.result;$("#txt_PortletName").val(t.PortletName);$("#txt_PortletIndex").val(t.PortletIndex);$("#hf_portletviewallstages").val(String(t.ViewAllStages))})})}savePortlet(){var i=n.Themes.Providers.DetailHelper.installedAppId;if($(".btn_addportlt").removeClass("hidden"),$(".btnEdit_portlet").removeClass("hidden"),$(".manage_pPermissions").removeClass("hidden"),$(".btn_dltportlet").removeClass("hidden"),(i==undefined||i==null)&&(i=0),$("#txt_PortletName").val()=="")return MessageHelper.Instance().showError("Portlet name cant be empty.","Bizgaze_SpiltErrorMessages"),!1;i!=undefined&&i!=null&&(i=Number(n.Themes.Providers.DetailHelper.installedAppId));this.fileCacheHelper.loadJsFile("platform/portlets/requests/portlet.js",function(){var r=!0;let i=new n.Platform.Portlets.Requests.Portlet;n.Platform.Widgets.WidgetHiddenFields.Instance().isEdit?($("#hf_portletviewallstages").val()=="false"&&(r=!1),i.PortletId=n.Themes.Compact.Components.Details.Instance().unibase_core_activeportletid,i.PortletName=String($("#txt_PortletName").val()),i.PortletIndex=Number($("#txt_PortletIndex").val()),i.IsMandatory=Boolean($("#chkIsWidgetViewable").is(":checked")),i.ViewAllStages=r,i.InstalledAppId=Number(n.Themes.Providers.DetailHelper.installedAppId)):(i.PortletName=String($("#txt_PortletName").val()),i.PortletIndex=Number($("#txt_PortletIndex").val()),i.IsMandatory=Boolean($("#chkIsWidgetViewable").is(":checked")),i.ViewAllStages=r,i.InstalledAppId=Number(n.Themes.Providers.DetailHelper.installedAppId));n.Platform.Portlets.Managers.PortletManager.Instance().savePortlet(i).then(function(i){var r=i.result;n.Platform.Helpers.NavigationHelper.Instance().closePopUp();t.Widgets.Components.Widget.Instance().loadNewPortlet(Number(i.result.InstalledAppId),r.PortletId)})})}DeletePortlet(t){var i=this;bootbox.confirm({message:"Are you sure you want to Delete",closeButton:!1,buttons:{confirm:{label:"Yes",className:"btn-success"},cancel:{label:"No",className:"btn-defualt"}},callback:function(r){let u=n.Platform.Helpers.NavigationHelper.ModalContainerIds[n.Platform.Helpers.NavigationHelper.ModalContainerIds.length-1];if(r){var f={StructureDesign:n.Platform.Widgets.WidgetHiddenFields.Instance().StructureDesigns,AddWidgetsToPortlet:n.Platform.Widgets.WidgetHiddenFields.Instance().NewWidgetsForPortlet,DeletePortletWidgets:n.Platform.Widgets.WidgetHiddenFields.Instance().deleteWidget,PortletIndex:n.Platform.Widgets.WidgetHiddenFields.Instance().Portlets,PortletWidgetIndex:n.Platform.Widgets.WidgetHiddenFields.Instance().PortletWidgets,StructureDesignDelete:n.Platform.Widgets.WidgetHiddenFields.Instance().StructureDesignDelete};i.fileCacheHelper.loadJsFile("platform/widgets/managers/widgetmanager.js",function(){return __awaiter(this,void 0,void 0,function*(){yield n.Platform.Widgets.Managers.WidgetManager.Instance().saveLayout(f).then(function(r){r.status==n.Data.Status.Success&&i.fileCacheHelper.loadJsFiles(["platform/portlets/managers/portletmanager.js"],function(){var i;let r=n.Themes.Providers.Detail_Settings.Instance().ActivePortlets.findIndex(n=>n.InstalledAppId==t);i=r!=-1?n.Themes.Providers.Detail_Settings.Instance().ActivePortlets[r].ActivePortletId:Number($("#"+u).find("#layout-detail-tabs .tab-pane.tab-addeditem a.active").parent().attr("value"));let f=i;n.Platform.Portlets.Managers.PortletManager.Instance().deletePortlet(f).then(function(t){if(t.status==n.Data.Status.Error)MessageHelper.Instance().showError(t.message,"div_message");else{MessageHelper.Instance().showSuccess(t.message,"");let u=n.Themes.Providers.DetailHelper.recordId,r=n.Themes.Providers.DetailHelper.installedAppId;r==undefined&&(r=0);var i=n.Themes.Compact.Components.Details.Instance();i._recordId=u;i._installedAppId=r;n.Themes.Compact.Components.Details.Instance().loadPortlets(i)}})})});n.Themes.Providers.Detail_Settings.Instance().ActivePortlets=[]})})}}})}loadInstalledapp(t){t!=0?this.fileCacheHelper.loadJsFile("platform/apps/managers/appmanager.js",function(){n.Platform.Apps.Managers.AppManager.Instance().getInstallApp(t).then(function(n){if(n.result!=null){let i=[];i.push({InstalledAppId:n.result.InstalledAppId,AppTitle:n.result.AppTitle});u.Instance().InstalledAppInfo(i,t)}})}):u.Instance().InstalledAppInfo(null,t)}deisgnsclick(n){var t=this;$("#frmUnibase_widgetBuilderAppearance").trigger("reset");$("#option-back").removeClass("hidden");$("#ddlWidgetDesign option:selected").val($(n).attr("data-designValue"));$("#ddlWidgetDesign option:selected").text($(n).attr("data-designs"));$("#ddlWidgetDesign").change();t.backOption="Mode-2";$(".KPIDesigns span.rounded-circle").remove();$("#kpi-design-tab").addClass("hidden");$(".static_js_hidden").removeClass("hidden");$(n).append('<div class="d-flex justify-content-end"><span class="bg-success rounded-circle p-1 position-absolute mr-2" style="margin-top:-40px;"><i class="la la-check font-24 text-white"><\/i><\/span><\/div>');$(n).attr("data-designs")=="Details_Custom"?($("#kpi-design-tab, #tab_design").removeClass("active show"),$(".static_js_hidden").removeClass("hidden").click()):($("#drawer_push").addClass("biz-drawer-toggle"),$("#biz-wrapper").addClass("biz-drawer-pushright"),$("#PivotIcon").addClass("d-none"),$("#Preview-Designs").removeClass("hidden").click(),t.CreateWidgetPreview())}bindWidgetTypes(t){this.fileCacheHelper.loadJsFile("platform/widgets/components/widget.template.js",function(){n.Platform.Widgets.Managers.WidgetManager.Instance().getWidgetTyes().then(function(i){var r;if(i!=null){r=i.result;let s="";for(let t=0;t<r.length;t++){var u=r[t],f=n.Widgets.Widget_Template.Instance().loadWidgetTypesDropdownTemplate(),e=Handlebars.compile(f),o={WidgetTypeId:u.WidgetTypeId,WidgetTypeName:u.WidgetTypeName};s+=e(o)}jQuery("#ddlWidgetType").html(s);t!=0&&jQuery("#ddlWidgetType").val(2);jQuery("#ddlWidgetType").trigger("change")}})})}bindWidgetFormats(){n.Platform.Widgets.Managers.WidgetManager.Instance().getWidgetFormats().then(function(n){var i,t;if(n!=null){i=n.result;for(let n=0;n<i.length;n++)t=i[n],$("#ddlWidgetFormat").append('<option value="'+t.WidgetFormatId+'" data-table="'+t.WidgetFormatName+'">'+t.WidgetFormatName+"<\/option>")}})}bindWidgetLayouts(){this.fileCacheHelper.loadJsFile("platform/widgets/managers/widgetmanager.js",null);this.fileCacheHelper.loadJsFile("platform/widgets/components/widget.template.js",null);n.Platform.Widgets.Managers.WidgetManager.Instance().getWidgetLayouts().then(function(t){var r;if(t!=null){r=t.result;let o="<option value=''>Select WidgetLayout<\/option><option value='0'>User Designed<\/option>";for(let t=0;t<r.length;t++){var i=r[t],u=n.Widgets.Widget_Template.Instance().loadWidgetLayoutsDropdownTemplate(),f=Handlebars.compile(u),e={WidgetLayoutId:i.WidgetLayoutId,WidgetLayoutName:i.WidgetLayoutName};o+=f(e);i.WidgetLayoutName=="Detail"&&$("#layoutDetails").attr("data-layoutid",i.WidgetLayoutId);i.WidgetLayoutName=="KPI"&&$("#layoutKPI").attr("data-layoutid",i.WidgetLayoutId);i.WidgetLayoutName=="Report"&&$("#layoutChartReport").attr("data-layoutid",i.WidgetLayoutId)}jQuery("#ddlWidgetLayout").html(o)}})}bindWidgetDesigns(t,i){var r=this,f,u;f=i==undefined||i==null||i==""?$("#ddlWidgetLayout option:selected").val():i;this.fileCacheHelper.loadJsFile("platform/widgets/managers/widgetmanager.js",null);this.fileCacheHelper.loadJsFile("platform/widgets/components/widget.template.js",null);f!=0&&n.Platform.Widgets.Managers.WidgetManager.Instance().getWidgetDesigns(f).then(function(i){var o=r.defautSettings.filter(function(n){return n.widgetdesignid===20210628}),s,c,f,g,h,u,l;let v=o[0].mode,y=o[0].loadDesigns,p=o[0].defaultMode="editing";r.defautSettings=[];let w={widgetdesignid:20210628,mode:v,loadDesigns:y,defaultMode:p};if(r.defautSettings.push(w),o[0].loadDesigns<1){for(s=0;s<i.result.length;s++)r.defautSettings.push(i.result[s]);o[0].loadDesigns++}if(i!=null){c=i.result;let o="";$("#design-Library").empty();let s=["KPI_Left_Bar_color_Icon","KPI_Icon_Bg_Color","KPI_KPISingleValueWithborder","KPI_KPISingleValueWithPercentage_ProgressBar","KPI_KPISingleValueWithPercentage_BgColor","KPI_TwoValue_BgColor","KPI_ComparisonBottomBar_Color","KPI_TwoValue_BottomBar_color","KPI_ComparisonRightBar_color","KPI_TwoValue_LineCenter","KPI_KPISingleValueWithPie_Icon","KPI_Icon","KPI_Icon_Color","KPI_Default","KPI_KPISingleValueWithPercentage","KPI_TwoValue","KPI_OwlCarouselSlider","KPI_Comparison","Kpi_fulfillment","KPI_CarouselSlider","KPI_CarouselSliderBgColor"];for(let t=0;t<c.length;t++){var e=c[t],b=n.Widgets.Widget_Template.Instance().loadWidgetDesignsDropdownTemplate(),k=Handlebars.compile(b),d={WidgetDesignId:e.WidgetDesignId,WidgetDesignName:e.WidgetDesignName};o+=k(d);f=r.defautSettings.filter(function(n){return n.WidgetDesignName===e.WidgetDesignName});let v,i=[];if(v=JSON.parse(f[0].defaultsettings).Name,g=[{BorderWidth:JSON.parse(f[0].defaultsettings).BorderWidth,BorderColor:JSON.parse(f[0].defaultsettings).BorderColor,BorderType:JSON.parse(f[0].defaultsettings).BorderType,BorderRadius:JSON.parse(f[0].defaultsettings).BorderRadius,FontSize:JSON.parse(f[0].defaultsettings).FontSize,FontFamily:JSON.parse(f[0].defaultsettings).FontStyle,BackgroundColor:JSON.parse(f[0].defaultsettings).BackgroundColor}],$("#ddlWidgetLayout option:selected").text()=="KPI"){u=r.defautSettings.filter(function(n){return n.WidgetDesignName===s[t]});i.push({WidgetName:JSON.parse(u[0].defaultsettings).Name,PortletWidgetId:22501});var l=JSON.parse(u[0].defaultsettings).classname,a=new n.Themes.Compact.KpiWidgets[l],nt=a.html(i,0),h='<li class="col-md-4 p-2 KPIDesigns" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().deisgnsclick(this);"  data-designValue='+u[0].WidgetDesignId+' data-designs="'+u[0].WidgetDesignName+'">'+nt+"<\/li>";$("#design-Library").append(h);(u[0].WidgetDesignName=="KPI_Icon"||u[0].WidgetDesignName=="KPI_KPISingleValueWithPercentage"||u[0].WidgetDesignName=="KPI_Default"||u[0].WidgetDesignName=="KPI_TwoValue"||u[0].WidgetDesignName=="KPI_OwlCarouselSlider"||u[0].WidgetDesignName=="KPI_Comparison"||u[0].WidgetDesignName=="KPI_CarouselSlider"||u[0].WidgetDesignName=="KPI_Icon_Color"||u[0].WidgetDesignName=="KPI_CarouselSliderBgColor")&&$(`${"li.KPIDesigns"}[data-designs="${u[0].WidgetDesignName}"]`).addClass("hidden")}if($("#ddlWidgetLayout option:selected").text()=="Report"&&(h='<li class="col-md-6 p-1 KPIDesigns d-flex flex-column align-items-center" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().deisgnsclick(this);"  data-designValue='+e.WidgetDesignId+' data-designs="'+e.WidgetDesignName+'"><img src="'+JSON.parse(f[0].defaultsettings).image+'" class="img-fluid h-200"><span>'+JSON.parse(f[0].defaultsettings).Name+"<\/span><\/li>",$("#design-Library").append(h)),$("#ddlWidgetLayout option:selected").text()=="Detail"){u=r.defautSettings.filter(function(n){return n.WidgetDesignName===e.WidgetDesignName});l=JSON.parse(u[0].defaultsettings).classname;i.push({WidgetName:JSON.parse(u[0].defaultsettings).Name,PortletWidgetId:22501});var a=new n.Themes.Compact.DetailWidgets[l],tt=a.html(i,0),h='<li class="col-md-6 p-1 KPIDesigns" onclick="                        Unibase.Platform.Widgets.Components.Widget.Instance().deisgnsclick(this);" data-designs='+u[0].WidgetDesignName+' data-designValue="'+u[0].WidgetDesignId+'">'+tt+"<\/li>";$("#design-Library").append(h);(u[0].WidgetDesignName=="Details_SplitColumn"||u[0].WidgetDesignName=="Details_SingleData")&&$(`${"li.KPIDesigns"}[data-designs="${u[0].WidgetDesignName}"]`).addClass("hidden")}}jQuery("#ddlWidgetDesign").html(o);t!=0&&jQuery("#ddlWidgetDesign").val(t);t==0&&($("#ddlWidgetLayout option:selected").text()=="Report"?$("#ddlWidth").val(12):$("#ddlWidth").val(4))}});u=$("#ddlWidgetLayout option:selected").text().toLowerCase();$("#userDefinedDiv, #DetailDiv, #KPIDiv, #ListDiv").addClass("hidden");let e=n.Themes.Providers.DetailHelper.installedAppId;RegExp("detail").test(u)?($(".columntab span").text("Columns"),$(".settings span").text("Settings"),$(".collapaseDiv").addClass("hidden"),$("#DetailDiv").removeClass("hidden"),$("#AppConfigurationDiv").removeClass("hidden"),$(".userDesignedURL").addClass("hidden"),$("#txt_WidgetUrlFile").removeClass("required"),$(".userDesignedURL").addClass("hidden"),$(".parametersDiv").removeClass("hidden"),$(".ReportDiv").removeClass("hidden"),$("#ddlReport").addClass("required"),$(".div_DesignName").addClass("hidden"),$("#ddlWidgetDesign").addClass("required"),$("#div_Value1").addClass("hidden"),$("#div_Value2").addClass("hidden"),$("#div_Value3").addClass("hidden"),$("#div_WidgetURL").removeClass("hidden"),$(".settings, .details, .columntab, .eventdisabled").removeClass("clickEventDisabled"),$(".columnCursor").removeClass("cursordisbaled"),$("#drawer_push").removeClass("cursordisbaled"),$(".nav-link.details").closest("ul").removeClass("cursordisbaled"),$(".DetailsColumns").removeClass("hidden"),$("#kpiheight").addClass("hidden"),$("#border-radius").closest("li").addClass("hidden"),$(".chooseImage").removeClass("d-flex").addClass("hidden"),$("#li_WidgetDetailIcon").removeClass("hidden"),$("#li_WidgetDetailHeader").removeClass("hidden"),$(".details-Widget").removeClass("hidden"),$("#list-style-type").parent().addClass("d-flex").removeClass("hidden"),$("#border-radius").parent().removeClass("d-flex").addClass("hidden"),$("#ddlheight").removeClass("required")):RegExp("kpi").test(u)?($(".columntab span").text("Columns"),$(".settings span").text("Settings"),$("#KPIDiv").removeClass("hidden"),$(".collapaseDiv").addClass("hidden"),$("#AppConfigurationDiv").removeClass("hidden"),$(".userDesignedURL").addClass("hidden"),$("#txt_WidgetUrlFile").removeClass("required"),$(".userDesignedURL").addClass("hidden"),$(".parametersDiv").removeClass("hidden"),$(".ReportDiv").removeClass("hidden"),$("#ddlReport").addClass("required"),$(".div_DesignName").addClass("hidden"),$("#ddlWidgetDesign").addClass("required"),$("#div_Value1").removeClass("hidden"),$("#div_WidgetURL").removeClass("hidden"),$(".settings, .details, .columntab, .eventdisabled").removeClass("clickEventDisabled"),$(".columnCursor").removeClass("cursordisbaled"),$("#drawer_push").removeClass("cursordisbaled"),$(".nav-link.details").closest("ul").removeClass("cursordisbaled"),$(".DetailsColumns").addClass("hidden"),$("#border-radius").closest("li").removeClass("hidden"),$(".chooseImage").addClass("d-flex").removeClass("hidden"),$("#div_LinkReportId").parent().removeClass("hidden"),$("#li_WidgetDetaillinkURL").removeClass("hidden"),$("#li_WidgetDetailIcon").addClass("hidden"),$("#li_WidgetDetailHeader").addClass("hidden"),$(".details-Widget").addClass("hidden"),$("#list-style-type").parent().removeClass("d-flex").addClass("hidden"),$("#border-radius").parent().addClass("d-flex").removeClass("hidden"),$("#ddlheight").addClass("required"),$("#kpiheight").children().removeClass("hidden")):RegExp("report").test(u)?($("#AppConfigurationDiv").removeClass("hidden"),$("#txt_WidgetUrlFile").removeClass("required"),$(".userDesignedURL").addClass("hidden"),$(".parametersDiv").removeClass("hidden"),$(".ReportDiv").removeClass("hidden"),$(".collapaseDiv").removeClass("hidden"),$("#ddlReport").addClass("required"),$(".div_DesignName").addClass("hidden"),$("#ddlWidgetDesign").addClass("required"),$("#div_Value1").addClass("hidden"),$("#div_Value2").addClass("hidden"),$("#div_Value3").addClass("hidden"),$("#div_WidgetURL").removeClass("hidden"),$(".settings, .details, .columntab, .eventdisabled").removeClass("clickEventDisabled"),$(".columnCursor").removeClass("cursordisbaled"),$("#drawer_push").removeClass("cursordisbaled"),$(".nav-link.details").closest("ul").removeClass("cursordisbaled"),$(".DetailsColumns").addClass("hidden"),$("#kpiheight").addClass("hidden"),$("#border-radius").closest("li").addClass("hidden"),$(".chooseImage").removeClass("d-flex").addClass("hidden"),$("#div_LinkReportId").parent().addClass("hidden"),$("#li_WidgetDetaillinkURL").addClass("hidden"),$("#li_WidgetDetailHeader").addClass("hidden"),$("#li_WidgetDetailIcon").addClass("hidden"),$(".details-Widget").addClass("hidden"),$("#list-style-type").parent().removeClass("d-flex").addClass("hidden"),$("#border-radius").parent().addClass("d-flex").removeClass("hidden"),$(".columntab span").text("Settings"),$(".settings span").text("Configuration"),e==0&&($("#ddlheight").addClass("required"),$("#kpiheight").children().removeClass("hidden"),$("#kpiheight").removeClass("hidden")),e!=0&&$("#ddlheight").removeClass("required")):($(".columntab span").text("Columns"),$(".settings span").text("Settings"),$("#AppConfigurationDiv").addClass("hidden"),$("#txt_WidgetUrlFile").removeClass("required hidden"),$(".userDesignedURL").removeClass("hidden"),$("#ddlheight").removeClass("required"),$(".parametersDiv").removeClass("hidden"),$(".ReportDiv").removeClass("hidden"),$(".collapaseDiv").addClass("hidden"),$("#ddlReport").addClass("required"),$(".div_DesignName").addClass("hidden"),$("#ddlWidgetDesign").addClass("required"),$("#div_Value1").addClass("hidden"),$("#div_Value2").addClass("hidden"),$("#div_Value3").addClass("hidden"),$("#div_WidgetURL").removeClass("hidden"),$(".settings, .details, .columntab, .eventdisabled").removeClass("clickEventDisabled"),$(".columnCursor").removeClass("cursordisbaled"),$("#drawer_push").removeClass("cursordisbaled"),$(".nav-link.details").closest("ul").removeClass("cursordisbaled"),$(".DetailsColumns").addClass("hidden"),$("#kpiheight").removeClass("hidden"),$("#border-radius").closest("li").addClass("hidden"),$(".chooseImage").removeClass("d-flex").addClass("hidden"),$("#div_LinkReportId").parent().addClass("hidden"),$("#li_WidgetDetaillinkURL").addClass("hidden"),$("#li_WidgetDetailHeader").addClass("hidden"),$("#li_WidgetDetailIcon").addClass("hidden"),$(".details-Widget").addClass("hidden"),$("#list-style-type").parent().removeClass("d-flex").addClass("hidden"),$("#border-radius").parent().addClass("d-flex").removeClass("hidden"))}bindReports(){var n=_appsettings.server_url()+"/apis/v4/unibase/platform/analytics/reports";AutoCompleteHelper.getHelper().Create("#ddlReport","hfReportAutoComplete",n,function(n){var t=n});AutoCompleteHelper.getHelper().Create("#ddlLinkReportId","hfddlLinkReportId",n,function(n){var t=n})}bindHighlighter(){this.fileCacheHelper.loadJsFile("platform/widgets/components/widget.template.js",function(){n.Platform.Widgets.Managers.WidgetManager.Instance().getColors().then(function(t){var i;if(t.result!=null){i=t.result;let o="";for(let t=0;t<i.length;t++){var r=i[t],u=n.Widgets.Widget_Template.Instance().loadWidgetHighlighterDropdownTemplate(),f=Handlebars.compile(u),e={ColorId:r.ColorId,ColorName:r.ColorName,ColorCode:r.ColorCode};o+=f(e)}jQuery("#ddlColorCode").html(o)}})})}getReportColumns(){var t=this,o=t.defautSettings.filter(function(n){return n.widgetdesignid===20210628}),e;if(o[0].mode=="Create_Mode"){$("#ddlColumns").empty();$("#ddlSelectedValue_1").empty();$("#ddlSelectedValue_2").empty();$("#ddlSelectedValue_3").empty();let o=Number($("#ddlReport option:selected").val());var i="",r="",u=n.Platform.Helpers.NavigationHelper.commonFilter_FromDate,f=n.Platform.Helpers.NavigationHelper.commonFilter_ToDate;u!=null&&f!=null?(i=u.toString(),r=f.toString()):(i=n.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(new Date(n.Platform.Helpers.DateTimeHelper.Instance().currentDate()),"YYYY/MM/DD"),r=n.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(new Date(n.Platform.Helpers.DateTimeHelper.Instance().currentDate()),"YYYY/MM/DD"));e={ReportId:o,IsEditReport:!0,FromDate:i,ToDate:r};this.fileCacheHelper.loadJsFile("platform/widgets/components/widget.template.js",function(){n.Platform.Analytics.Managers.ReportManager.Instance().getReportInfo(e).then(function(i){if(i.result.ReportInfo.ReportColumns!=null){let t="<option value=''>Select Column<\/option>";for(let o=0;o<i.result.ReportInfo.ReportColumns.length;o++){var r=i.result.ReportInfo.ReportColumns[o],u=n.Widgets.Widget_Template.Instance().loadReportColumnDropdownTemplate(),f=Handlebars.compile(u),e={ReportColumnId:r.ReportColumnId,ReportColumnName:r.ReportColumnName};t+=f(e)}jQuery("#ddlColumns").html(t);jQuery("#ddlSelectedValue_1").html(t);jQuery("#ddlSelectedValue_2").html(t);jQuery("#ddlSelectedValue_3").html(t)}t.DataListTypeId=i.result.DataListTypeId;t.DataListId=i.result.DataListId;t.DataListTypeId==4&&t.getDataListColumns()})})}}getDataListColumns(){var i=this,t="";$("#ulparamers").find(".parameterrowheading").each(function(){var o=$(this).find("#row1").text(),r=$(this).find("#row3").text(),s=n.Themes.Providers.DetailHelper.installedAppId,i=n.Themes.Providers.Detail_Settings.Instance().InputParameters.find(n=>n.Key=="hf_"+s+"_"+r);if(i=i!=undefined?i.Value:0,r=="filter_fromdate"||r=="filter_todate"){var h=$("#hfBizgaze_FromDate").val(),c=$("#hfBizgaze_ToDate").val(),u=new Date,f=u.getMonth()+1,e=u.getDate();u=u.getFullYear()+"-"+(f<10?"0":"")+f+"-"+(e<10?"0":"")+e;(h==undefined||c==undefined)&&(i="'"+u+"'")}r=="identity_partitionFromDate"&&(i="'"+n.Platform.Membership.Infos.Identity.getCurrentUser().partitionFromDate.toString()+"'");r=="identity_partitionToDate"&&(i="'"+n.Platform.Membership.Infos.Identity.getCurrentUser().partitionToDate.toString()+"'");t=t+"@"+o+"="+i+","});t=t.substring(0,t.length-1);n.Platform.Analytics.Managers.ReportManager.Instance().getDataListColumns(i.DataListId,null,t).then(function(t){if(t.length==0)alert("Please enter datalist parameters"),$(".section_DetailWidget").addClass("hidden");else{$(".section_DetailWidget").removeClass("hidden");let e="<option value=''>Select Column<\/option>";for(let o=0;o<t.length;o++){var i=t[o],r=n.Widgets.Widget_Template.Instance().loadReportColumnDropdownTemplate(),u=Handlebars.compile(r),f={ReportColumnId:i.ColumnId,ReportColumnName:i.ColumnName};e+=u(f)}jQuery("#ddlColumns").html(e);jQuery("#ddlSelectedValue_1").html(e);jQuery("#ddlSelectedValue_2").html(e);jQuery("#ddlSelectedValue_3").html(e)}})}getParameterValues(t){$("#ddlParameterValue").empty();u.Instance().loadIdentity();let i=$("#ddlAppProviders").val().toString().split(",").map(Number),r=Array();for(let n=0;n<i.length;n++){let t={InstalledAppId:i[n]};r.push(t)}if(this.fileCacheHelper.loadJsFile("platform/widgets/components/widget.template.js",function(){n.Platform.Widgets.Managers.WidgetManager.Instance().getReportColumnsByInstalledappIds(r).then(function(n){if(n.result!=null){let i="";for(let r=0;r<n.result.length;r++){var t=n.result[r];i+="<option value="+t.ReportColumnId+" data-table="+t.DataType+">"+t.ReportColumnName+"<\/option>"}jQuery("#ddlParameterValue").append(i)}})}),t!=0){let t=n.Themes.Providers.DetailHelper.recordId,i="<option value="+t+" data-table="+typeof t+">recordid<\/option>";jQuery("#ddlParameterValue").append(i)}}loadIdentity(){$("#ddlParameterValue").empty();var r=n.Platform.Membership.Infos.Identity.currentUser,t=Object.keys(r),i="<option value=''>Select Value<\/option>";for(let n=0;n<t.length;n++)i+="<option value="+r[t[n]]+" data-table="+typeof r[t[n]]+">identity_"+t[n]+"<\/option>";i+="<option value="+new Date+" data-table=datetime>filter_fromdate<\/option>";i+="<option value="+new Date+" data-table=datetime>filter_todate<\/option>";jQuery("#ddlParameterValue").append(i)}bindReportColumnOnSortable(){var r=this,f=$("#ddlReport option:selected").text(),s=$("#ddlColumns option:selected").text(),h=$("#txt_Label").val(),c=$("#txt_LinkURL").val(),t,i;let n="";t="";i=$("#txt_WidgetName").val();$("#hf-widget-title").text(i);let l=$("#li_columnId").val();if($("#ddlColumnConv").val()!=0?(n=$("#ddlColumnConv option:selected").html(),t=$("#ddlColumnConvType").val().toString()):n=$("#ddlColumnConv option:selected").html(),f=="")return!1;let e=0;e=$("#detailpropertyid").val()=="0"?0:Number($("#detailpropertyid").val());let o=$("#propertyindex").val().toString();$("#ulcolumns").find(".column-item").each(function(){$(this).find("#row5").text()==o});u.Instance().refreshReportColumn();u.Instance().rowNum=$(".sortable li").length;u.Instance().rowNum++;this.saveReportColumn++;$(".formColumnWidgetBuilder").trigger("reset");$(".div_WidgetColumnConvType").addClass("hidden");$("#li_columnId").val("0");r.CreateWidgetPreview()}bindReportColumn(){var h=this,c=$("#ddlReport option:selected").text(),t=$("#ddlColumns option:selected").text(),n,f,r,o;t=="Select Column"&&(MessageHelper.Instance().showError("Please select the Value","bizgaze_ValidationSummary"),event.stopPropagation());n=$("#txt_Label").val();f=$("#txt_LinkURL").val();let i="";r="";o=$("#txt_WidgetName").val();$("#hf-widget-title").text(o);let s=$("#li_columnId").val();if($("#ddlColumnConv").val()!=0?(i=$("#ddlColumnConv option:selected").html(),r=$("#ddlColumnConvType").val().toString()):i=$("#ddlColumnConv option:selected").html(),c=="")return!1;let e=0;e=$("#detailpropertyid").val()=="0"?0:Number($("#detailpropertyid").val());let l=$("#propertyindex").val().toString();if($("#ulcolumns").find(".column-item").each(function(){$(this).find("#row5").text()==l}),u.Instance().refreshReportColumn(),u.Instance().rowNum=$(".sortable li").length,u.Instance().rowNum++,t!=""){if($("#li_columnId").val()==0)$(".sortable").append('<li class="list-group-item border-0 column-item ui-sortable-handle bg-light my-2 p-2 d-flex justify-content-between" id="columnId_'+u.Instance().rowNum+'"> <span class="font-15">'+n+'<\/span> <span class="pull-left media-xs mr-30 hidden"> <i class="fa fa-sort text-muted fa mr-10"><\/i> <span id="row5" class="text-dark rowNum">'+u.Instance().rowNum+'<\/span> <\/span><div class="d-flex flex-row"> <span id="edit_row " class="px-2 my-auto fa fa-pencil text-dark" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().EditReportColumnRow(this)"><\/span> <span id="delete_row" class="px-2 my-auto fa fa-times fa-lg text-danger border-left border-2 text dark" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().deleteReportColumnRow(this)"><\/span><\/div><div class="clear hidden"><div class="stageheading"> <input type="hidden" id="row0" value='+e+'> <input type="hidden" id="row6" value='+r+'> <input type="hidden" id="ConverterType" value="'+$("#ddlColumnConv").val()+'" /><label class="col-sm-2" id="row1">'+t+'<\/label> <label class="col-sm-2 mr-10" id="row2">'+i+'<\/label> <label class="col-sm-3" id="row3">'+n+'<\/label> <label class="col-sm-2" id="row4">'+f+"<\/label><div><\/div><\/li>");else{let u=$("#"+s).find("#row5").text();$("#ulcolumns").find("#"+s).html(' <span class="font-15">'+n+'<\/span> <span class="pull-left media-xs mr-30 hidden"> <i class="fa fa-sort text-muted fa mr-10"><\/i> <span id="row5" class="text-dark rowNum">'+u+'<\/span> <\/span> <div class="d-flex flex-row "> <span id="edit_row " class="px-2 my-auto fa fa-pencil text-dark"  onclick="Unibase.Platform.Widgets.Components.Widget.Instance().EditReportColumnRow(this)"><\/span> <span id="delete_row" class="px-2 my-auto fa fa-times fa-lg text-danger border-left border-2 text dark" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().deleteReportColumnRow(this)"><\/span><\/div><div class="clear hidden"> <div class="stageheading"> <input type="hidden" id="row0" value='+e+'> <input type="hidden" id="row6" value='+r+'> <input type="hidden" id="ConverterType" value="'+$("#ddlColumnConv").val()+'"/><label class="col-sm-2" id="row1">'+t+'<\/label> <label class="col-sm-2 mr-10" id="row2">'+i+'<\/label> <label class="col-sm-3" id="row3">'+n+'<\/label> <label class="col-sm-2" id="row4">'+f+"<\/label> <div><\/div>")}$("#propertyindex").val(0);$("#detailpropertyid").val(0);$("#txt_Label").val("")}this.saveReportColumn++;$(".formColumnWidgetBuilder").trigger("reset");$(".div_WidgetColumnConvType").addClass("hidden");$("#li_columnId").val("0");h.CreateWidgetPreview()}bindReportClose(){$(".formColumnWidgetBuilder").trigger("reset");$("#li_columnId").val("0")}bindParameterRow(){var f=this;u.Instance().rowNum=$(".parametersortable .bindParamterRow").length;u.Instance().rowNum++;let t=$("#txt_Parameters").val(),n,i="",r="string";if($("#Operator").val()!=0&&(i=$("#ddlOperator option:selected").text()),$("#ddlparametertype").val()==1?($("#ddlParameterValue").val()!=""&&(n=$("#ddlParameterValue option:selected").text()),r=$("#ddlParameterValue option:selected").attr("data-table")):(n=$("#txtParameterValue").val(),r=$.isNumeric(n)==!0?"number":typeof n),n!=""&&i!=""&&t!=""){let e='<li class="bindParamterRow row-item-li" id="rowId_'+u.Instance().rowNum+'" data-rowid="rowId_'+u.Instance().rowNum+'"> <div class="row font-14 box-shadow row-item ui-sortable-handle" id="rowId_'+u.Instance().rowNum+'"> <div class="col-md-1 hidden col-1 border p-2 text-center"> <span id="row5" class="text-dark rowNum">'+u.Instance().rowNum+'<\/span> <\/div><div class="col-md-12 col-12"> <div class="parameterrowheading font-14 row text-center"> <input type="hidden" id="row0" value="0"> <div class="col-sm-5 col-5 p-2 border"> <label id="row1">'+t+'<\/label><\/div><div class="col-sm-2 col-2 p-2 border"> <label id="row2">'+i+'<\/label><\/div><div class="col-sm-5 col-5 p-2 border d-flex flex-row"> <span id="row3">'+n+'<\/span> <span id="delete_row " class="btn fa fa-times fa-lg text-danger ml-auto" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().deleteParameterRow(this)"><\/span> <\/div><input type="hidden" id="row4" value='+r+'> <input type="hidden" id="row6" value='+$("#ddlparametertype").val()+"> <\/div><\/div><\/div><\/li>",o='<li class="d-flex flex-column bg-light my-3 p-2 rounded-2 rowId_'+u.Instance().rowNum+'" data-rowId="rowId_'+u.Instance().rowNum+'"> <div class="d-flex flex-row text-dark"> <span class="border-bottom border-dashed border-dark p-1">'+t+'<\/span> <a href="javascript:void(0);" class=" my-auto ml-auto px-2" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().deleteParameterRow(this);" > <i class="fa p-1 fa-trash text-danger"><\/i> <\/a> <\/div><\/li>';$("#bindParameterList").append(o);$("#ulparamers").append(e);f.DataListTypeId==4&&f.getDataListColumns()}$(".parametersForm").trigger("reset")}deleteParameterRow(n){var t=confirm("Do you want to delete the row");if($(".parametersForm").trigger("reset"),t==!0){let t=$(n.closest("li")).attr("data-rowid");return $("#bindParameterList").find("."+t).remove(),$("#ulparamers").find("#"+t).remove(),u.Instance().refreshParameterRow(),u.Instance().refreshParameterRowli(),!0}}deleteParameterRow_(n){var t=confirm("Do you want to delete the row");return $(".parametersForm").trigger("reset"),t==!0?($("#rowId_"+n).remove(),u.Instance().refreshParameterRow(),!0):void 0}refreshParameterRow(){var t=$(".row-item").length,n=1;$("#ulparamers").find(".row-item-li").each(function(){n<=t&&($(this).attr("id","rowId_"+n),$(this).attr("data-rowid","rowId_"+n),$(this).find(".rowNum").text(n),n+=1)})}refreshParameterRowli(){var t=$("#bindParameterList").children.length,n=1;$("#bindParameterList").find("li").each(function(){n<=t&&($(this).attr("data-rowid","rowId_"+n),$(this).attr("class","d-flex flex-column bg-light my-3 p-2 rounded-2 rowId_"+n),n+=1)})}DeleteAppParameters(n){$("#bindParameterList").find("#IdParameterli_"+n).remove();this.deleteParameterRow_(n)}deleteReportColumnRow(n){var t=confirm("Do you want to delete the row");if(t==!0){n.closest("li").remove();let t=$(n.closest("li")).attr("id");return $("."+t).remove(),u.Instance().refreshReportColumn(),u.Instance().refreshPreviewReportColumn(),$("#DetailDoubleColumn").find("."+t).remove(),!0}}EditReportColumnRow(n){$("#addColumn-detailWidget").click();let t=n.closest("li");$("#ddlColumnConv").val($(t).find("#ConverterType").val()).trigger("change");$("#ddlColumnConvType").val($(t).find("#row6").val());$("#ddlColumns").val($(`#ddlColumns [data-table="${$(t).find("#row1").text()}"]`).val());$("#txt_Label").val($(t).find("#row3").text());$("#txt_LinkURL").val($(t).find("#row4").text());$("#detailpropertyid").val($(t).find("#row0").val());$("#propertyindex").val($(t).find("#row5").text());$("#li_columnId").val($(n.closest("li")).attr("id"))}refreshReportColumn(){var t=$(".column-item").length,n=1;$("#ulcolumns").find(".column-item").each(function(){n<=t&&($(this).attr("id","columnId_"+n),$(this).find(".rowNum").text(n),n+=1)})}refreshPreviewReportColumn(){var t=$(".detailProperty").length,n=1;$("#DetailColumns ").find(".detailProperty ").each(function(){n<=t&&($(this).attr("class","d-flex justify-content-between m-2 p-2 detailProperty columnId_"+n),n+=1)})}javaScript(t,i,r){var u=this,f;if(u.formproperties=[],n.Platform.Forms.Managers.FormManager.Instance().getFormProperties(t).then(function(n){for(let t=0;t<n.result.length;t++)u.formproperties.push(n.result[t].FormPropertyName+"-PropertyName")}),n.Platform.Forms.Managers.FormManager.Instance().getSections(t).then(function(n){for(let t=0;t<n.result.length;t++)u.formproperties.push(n.result[t].SectionName+"-SectionName")}),f=n.Themes.Providers.Detail_Settings.Instance().InputParameters,f.length>0)for(let n=0;n<f.length;n++){let t=f[n].Key.split("_");u.formproperties.push(t[2]+"-HiddenFieldName")}$("#appconfiguration_javascript_"+t+"_"+i+"_"+r).summernote({height:200,placeholder:"text",disableDragAndDrop:!0,codemirror:{mode:"text/html",lineNumbers:!0},toolbar:[["view",["help"]],],hint:{match:/\B[@!](\w*)$/,search:function(n,t){t($.grep(u.formproperties,function(t){var i=t;return i.indexOf(n)===0}))},content:function(n){var t=n;return $("<span>@"+t+"<\/span>")[0]}}})}loadrolesdata(n,t,i,r,u,f,e){var o=this.defautSettings.filter(function(n){return n.widgetdesignid===20210628});if(o[0].mode=="Create_Mode")return`<div class="formroles `+i+`_duplicate" id="li_`+n+`_`+i+`_`+f+`"><input type="hidden" value="`+n+`" id="hidden_li_`+n+`_`+i+`_`+f+`_formid" value="`+n+`" class='formid'>
<input type="hidden" value="`+e+`" id="hidden_li_`+n+`_`+i+`_`+f+`_formroleid" value="`+e+`" class='formroleid'><input type="hidden"  id="hidden_li_`+n+`_`+i+`_`+f+`_roleid" value="`+i+`" class='formid'><div class="card"><div class="card-body"><div class="row">                            
                            <div class="col-sm-6"><h6>FormRoles</h6></div>
                            <div class="col-sm-6 div_delete"><a class="ml-auto pull-right"  id ="li_`+n+`_`+i+`_`+f+`__delete__`+e+`" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().deleteConfig(event,`+f+`)"; title="Remove row"><i class="text-white bg-danger p-1 fa fa-trash remove-icon_1"></i></a></div>
                            </div><br>
                           <div class="row">
                           <div class="col-sm-4"><span id="spform_`+n+`_`+f+`" class="sp_form" data-text=`+n+`>`+t+`</span></div>
                            <div class="col-sm-4"><span id="sprole_`+i+`_`+f+`" class="sp_role" data-text=`+i+`>`+r+`</span></div>
                            <input type="hidden" class="form-control floating-label-control txtformrole" data-isdynamic="false" value="`+u+`">
                            </div><br>
                            <div class="row"><div class="col-sm-12"><div class="value-control" style="display: block;" id="appconfiguration_javascript_`+n+`_`+i+`_`+f+`"></div></div></div>
                            </div>
                            </div></div>`}EditAppConfiguration(n,t){let i='<a href = "javascript:;" class="btn btn-theme ml-auto py-0 btn-adj-drawer-close" onclick = "Unibase.Platform.Widgets.Components.Widget.Instance().appendconfigSaveNames_('+n+')"> Save <\/a>';$(".AppConfig-row.column-appconfigitem").addClass(["hidden"]);$(".btnAddNewConfiguration").click();$(".AppConfig-row.active.column-appconfigitem").last().remove();$(".appendconfigSaveNamesClass").html(i);$(".AppConfig-row.column-appconfigitem.AppConfig_"+t).addClass("active").removeClass("hidden")}DeleteAppConfiguration(n,t){u.Instance().DeleteConfigurationIds=u.Instance().DeleteConfigurationIds+","+$(".AppConfig-row.AppConfig_"+t).find("#hf_AppConfigurationId_"+t).val();$("#AppConfigNames").find("#li_"+t).remove();$("#appConfigColumns").find(".AppConfig-row.column-appconfigitem.AppConfig_"+t).remove();u.Instance().refreshConfugarationsList();u.Instance().refreshAppConfiglist();$(".AppConfig-row.AppConfig_"+t+".column-appconfigitem").find(".RoleSetting").on("input",function(){u.Instance().loadAppPermissions(t,n)})}addAppConfiguration(t){var l=this.defautSettings.filter(function(n){return n.widgetdesignid===20210628}),i,o,s,e,f,r,h,c;if(l[0].mode=="Create_Mode"){for(i=$(".AppConfig-row").length,u.Instance().len=$(".AppConfig-row").length,u.Instance().rowNum=$(".appConfigSortable .column-appconfigitem").length,u.Instance().rowNum++,o="",o=' <div class="AppConfig-row active AppConfig_'+i+' column-appconfigitem" id="divAppConfig_'+i+'" data-length="'+i+'"> <div class="card border-0" style="box-shadow:none"> <div class="card-body pt-0"> <input type="hidden" class="hf_AppConfigurationId" id="hf_AppConfigurationId_'+i+'" value="0"/> <input type="hidden" class="hf_AppConfigurationUniqueId" id="hf_AppConfigurationUniqueId_'+i+'" value=""/> <div class="b-b deleteAppConfigRow media"> <span class="h5 text-dark pull-left media-xs hidden"> <i class="fa fa-sort text-muted fa mr-10"><\/i> <span id="row5" class="text-dark rowNum">'+u.Instance().rowNum+'<\/span> <\/span> <div class="col-sm-6 pr-4 pl-0"> <div class="d-flex flex-column floating-label-form-group-with-value" id="div_WidgetAppConfigSettingName"> <label class="font-weight-600">Configuration name<\/label> <input type="text" id="txt_SettingName_'+i+'" class="form-control required SettingName border-light-20" data-isdynamic="false" placeholder="Setting Name *" data-placeholder="Enter Setting Name" style="box-shadow:none" data-label="Setting Name *" autocomplete="off"/> <\/div><\/div><a class="ml-auto btn-xs btn hidden btn-danger delete remove-icon_'+i+'" href="javascript:;" title="Remove row"> <i class="fa fa-times remove-icon_'+i+'"><\/i> <\/a> <span class="btn pull- right hidden col-sm-1 pb-0 pt- 0"> <i class="pull-right chevron_'+i+' fa fa-chevron-down"><\/i> <\/span> <\/div> <div class="AppConfigRow'+i+'"> <ul class="d-flex flex-column"> <li class="w-100 py-2"> <ul class="d-flex flex-row"> <li class="w-50 pr-4"> <div class="floating-label-form-group-with-value" id="div_WidgetAppConfigFormInstallApp" style="border-bottom:0;"> <label for="ddlFormInstallAppId" id="lblFormInstallAppId" class="font-weight-500">InstalledApp<\/label> <select id="ddlFormInstallAppId_'+i+'" style="width:100%" class="b-a form-control floating-label-control FormInstallAppId required" placeholder="Form InstalledApp" data-placeholder="Select Form InstalledApp" data-label="Form InstalledApp"><\/select> <\/div><\/li><li class="w-50 roleSettingDiv"> <div class="floating-label-form-group-with-value" id="div_WidgetAppConfigRoleSetting" style="border-bottom:0;"> <label for="txt_RoleSetting" id="lblRoleSetting" class="font-bold">Role Setting <span class="text-danger"> *<\/span> <\/label> <input type="hidden" id="hfRoleSettingValue_'+i+'" value=""/> <input type="hidden" id="hfRoleSettingAutoComplete_'+i+'" value=""/> <select style="width:100%" class="b-a form-control floating-label-control required RoleSetting" id="txt_RoleSetting_'+i+'" data-isdynamic="false" placeholder="Role Setting *" data-placeholder="Select Role Setting" data-label="Role Setting *"><\/select> <\/div><\/li><\/ul> <\/li><li class="w-100 py-2"> <ul class="d-flex flex-row"> <li class="w-50 pr-4"> <div class="d-flex flex-column floating-label-form-group-with-value" id="div_WidgetAppConfigPermission" style="border-bottom:0;"> <label for="ddlPermission" id="lblPermission" class="font-bold">Permission <span class="text-danger"> *<\/span> <\/label> <select id="ddlPermission_'+i+'" class="w-100 form-control floating-label-control required Permission" data-isdynamic="false" placeholder="Permission *" data-placeholder="Select Permission" data-label="Permission *"><\/select> <input type="hidden" id="hfPermission_'+i+'" value=""/> <\/div><\/li><li class="w-50 roleSettingDiv"> <div class="floating-label-form-group-with-value" id="div_WidgetAppConfigType" style="border-bottom:0;"> <label for="ddlAppConfigType" id="lblAppConfigType" class="font-bold">AppConfig Type <span class="text-danger">*<\/span> <\/label> <select id="ddlAppConfigType_'+i+'" class="form-control floating-label-control required AppConfigType" placeholder="AppConfig Type *" data-placeholder="Select AppConfig Type" data-label="AppConfig Type *" style="width:100%"><\/select> <input type="hidden" class="hfAppConfigType" id="hfAppConfigType_'+i+'" value=""/> <\/div><\/li><\/ul> <\/li><li class="w-100 py-2"> <ul class="d-flex flex-row"> <li class="w-50 pr-4"> <div class="d-flex flex-column floating-label-form-group-with-value" id="div_WidgetAppConfigIcon" style="border-bottom:0;"> <label for="ddlAppConfigIcon" id="lblAppConfigIcon" class="font-bold">Icon<\/label> <select id="ddlAppConfigIcon_'+i+'" class="w-100 form-control floating-label-control AppConfigIcon" placeholder="Icon" data-placeholder="Select Icon" data-label="Icon"><\/select> <input type="hidden" id="hfAppConfigIcon_'+i+'" value=""/> <\/div><\/li><li class="w-50 roleSettingDiv"> <div class="floating-label-form-group-with-value" id="div_WidgetAppConfigSettingUrlType" style="border-bottom:0;"> <label for="ddlSettingUrlType" id="lbl_SettingUrlType" class="font-bold"> Setting URL Type <span class="text-danger">* <\/span> <\/label> <select id="ddlSettingUrlType_'+i+'" class="form-control floating-label-control required AppConfigISettingUrlType" data - isdynamic="false" placeholder="Setting URL Type *" data - placeholder="Select Setting URL Type" data - label="Setting URL Type *" style="width:100%"><\/select> <input type="hidden" id="hfSettingUrlType_'+i+'" value=""> <label for="Validation" id="lblValidation_SettingUrlType"><\/label> <input type="hidden" id="hfFormPropertyId" value=""> <\/div><\/li><\/ul> <\/li><li class="w-100 floating-label-form-group-with-value"> <div class="w-50 div_formsize_'+i+' hidden"> <label for="lblFormSize" class="font-bold" id="lblWidth">Select Form Size<\/label> <select id="ddlFormSize_'+i+'" class="form-control ddlFormSize text-control" style="width:100%" placeholder="Form" data-placeholder="Form Size"> <option value=0>Select size<\/option> <option value=1>Mini<\/option> <option value=2>Medium<\/option> <option value=3>Large<\/option> <option value=4>ExtraLarge<\/option> <option value=5>Auto<\/option> <option value=6>DockRight<\/option> <option value=7 selected>DockLeft<\/option> <\/select> <input type="hidden" id="hfAutocomplete_FormSize_'+i+'" class="hfFormSize_'+i+' form-control value-control" data - isdynamic="true"/> <\/div><\/li><li class="w-50 div_dashboard_'+i+' hidden"> <div class="floating-label-form-group-with-value" id="div_dashboard" style="border-bottom:0;"> <label for="ddlDashboard" id="lblDashboard" class="font-bold">DashBoards<\/label> <select id="ddlDashboard_'+i+'" class="form-control floating-label-control required Dashboard" placeholder="DashBoards" data-placeholder="Select Dashboard " data-label="DashBoards" style="width:100%"><\/select> <input type="hidden" class="hfDashBoard_'+i+'" id="hfDashBoard_'+i+'" value=""/> <\/div><\/li><li class="w-50 div_dashboardgroup_'+i+' hidden"> <div class="floating-label-form-group-with-value" id="div_dashboardgroup" style="border-bottom:0;"> <label for="ddlDashboardGroup" id="lblDashboardGroup" class="font-bold">DashBoard Groups<\/label> <select id="ddlDashboardGroup_'+i+'" class="form-control floating-label-control required DashboardGroups" placeholder="DashBoard Groups" data-placeholder="Select Dashboard group " data-label="DashBoard Groups" style="width:100%"><\/select> <input type="hidden" class="hfDashBoardGroup_'+i+'" id="hfDashBoardGroup_'+i+'" value=""/> <\/div><\/li><li class="w-50 widgetsetingdiv_'+i+' hidden"> <div class="floating-label-form-group-with-value" id="div_LoadWidgetAppConfigForm_'+i+'" style="border-bottom:0;"> <label for="ddlFormUniqueKey" id="lblFormUniqueKey" class="font-bold">Widgets<\/label> <input type="hidden" id="hfWidgetsAutoComplete_'+i+'" value=""/> <input type="hidden" id="hfWidgetsAutoComplete_'+i+'" value=""/> <select id="ddlWidgets_'+i+'" style="width:100%" class="b-a form-control floating-label-control FormUniqueKey" placeholder="Widgets" data-placeholder=" Select Widget" data-label="Form"><\/select> <\/div><\/div><\/li><li class="w-100 py-2"> <ul class="d-flex flex-row"> <li class="w-30 pr-4"> <label for="chkIsDefault" class="w-100"> <b>IsDefault <\/b> <\/label> <label id="lblIsDefault" class="switch"> <input id="chkIsDefault_'+i+'" class="IsDefault" data - group="IsDefault" type="checkbox" data - controlpropertyname="IsDefault"> <span><\/span> <\/label> <\/li><li class="w-30 roleSettingDiv"> <label for="chkUngrouped" class="w-100"> <b>Ungrouped<\/b> <\/label> <label id="lblUngrouped" class="switch"> <input id="chkUngrouped_'+i+'" data-group="Ungrouped" class="Ungrouped" type="checkbox" data-controlpropertyname="Ungrouped"> <span><\/span> <\/label> <\/li><li class="w-30 pr-4"> <label for="chkExcludeFromLock" class="w-100"> <b>Exclude From Lock <\/b> <\/label> <label id="lblExcludeFromLock" class="switch"> <input id="chkExcludeFromLock_'+i+'" class="ExcludeFromLock" data - group="ExcludeFromLock" type="checkbox" data - controlpropertyname="ExcludeFromLock"> <span><\/span> <\/label> <\/li><\/ul> <\/li><li class="hidden py-2"> <div class="floating-label-form-group-with-value" id="div_WidgetAppConfigForm" style="border-bottom:0;"> <label for="ddlFormUniqueKey" id="lblFormUniqueKey" class="font-bold"> Form < /label> <input type="hidden" class="hfFormUniqueIdAutoComplete" id="hfFormUniqueIdAutoComplete_'+i+'" value=""/> <input type="hidden" id="hfFormUniqueKeyAutoComplete_'+i+'" value=""/> <select id="ddlFormUniqueKey_'+i+'" class="b-a w-100 form-control floating-label-control FormUniqueKey" placeholder="Form" data - placeholder="Select Form" data - label="Form"><\/select> <\/div><\/li><li class="py-2"> <div class="col-sm-12 p-0 hidden WidgetAppConfigSettingURL"> <div class="floating-label-form-group" id="div_WidgetAppConfigSettingURL"> <label for="txt_SettingURL" id="lblSettingURL" class="font-bold">Setting URL<\/label> <input type="text" class="form-control floating-label-control SettingURL" id="txt_SettingURL_'+i+'" data - isdynamic="false" placeholder="Setting URL" data - placeholder="Enter Setting URL" data - label="Setting URL" autocomplete="off"/> <\/div><\/div><\/li><li class="py-2"> <div class="floating-label-form-group-with-value" id="summernoteDiv_AppConfigJsFunction"> <label for="Validation" id="lblValidation">Jsfunction<\/label> <textarea class="w-100 p-2 summernote_JsFunction border" id="summernote_JsFunction_'+i+'" data - propdoctypename="JsFunction" placeholder="Enter JsFunction" data - placeholder="Enter JsFunction" data - label="JsFunction" rows="3"><\/textarea> <\/div><\/li><li class="py-2"> <div class="col-sm-12 p-0 floating-label-form-group-with-value hidden" id="Div_SettingDesignhtml_'+i+'"> <label for="Validation" id="lblValidation">SettingDesignhtml<\/label> <textarea class="txt_SettingDesignhtml" style="width:inherit;" id="txt_SettingDesignhtml_'+i+'" data - propdoctypename="SettingDesignhtml" placeholder="Enter SettingDesignhtml" data - placeholder="Enter SettingDesignhtml" data - label="SettingDesignhtml" rows="3" cols="112"><\/textarea> <\/div><\/li><li class="py-2"> <div class="col-sm-12 p-0 floating-label-form-group-with-value hidden" id="Div_DynamicJs_'+i+'"> <label for="Validation" id="lblValidation">DynamicJs<\/label> <textarea class="txt_DynamicJs" style="width:inherit;" id="txt_DynamicJs_'+i+'" data - propdoctypename="DynamicJs" placeholder="Method" data - placeholder="Method Description" data - label="Method" rows="3" cols="112"><\/textarea> <\/div><\/li><\/ul>  <\/div> <\/div><\/div> <\/div>',s='<a href="javascript:;" class="btn btn-light py-0 btn-adj-drawer-close"onclick="Unibase.Platform.Widgets.Components.Widget.Instance().appModalconfigClose()">Close<\/a> <a href = "javascript:;" class="btn btn-theme py-0 btn-adj-drawer-close" onclick = "Unibase.Platform.Widgets.Components.Widget.Instance().appendconfigSaveNames('+t+')" > Save <\/a>',$(".appendconfigSaveNamesClass").html(s),e=1;e<i;e++)$("#appConfigColumns").find(".AppConfig-row").removeClass("active"),$("#appConfigColumns").find("#divAppConfig_"+e+"").addClass("hidden"),$("#appConfigColumns").find("#AppConfigId_"+e+"").addClass("hidden");return $(".AppConfig-row:last").after(o),f=$(".AppConfig-row:last"),u.Instance().bindList(f,i,t),r=_appsettings.server_url()+"/apis/v4/unibase/platform/apps/getpermissions",AutoCompleteHelper.getHelper().Create("#ddlPermission_"+i,"#hfPermission_"+i,r,function(n){var t=n}),r=_appsettings.server_url()+"/apis/v4/unibase/platform/apps/getappconfigtypes",AutoCompleteHelper.getHelper().Create("#ddlAppConfigType_"+i,"#hfAppConfigType_"+i,r,function(n){var t=n}),r=_appsettings.server_url()+"/apis/v4/unibase/platform/apps/icons",AutoCompleteHelper.getHelper().Create("#ddlAppConfigIcon_"+i,"#hfAppConfigIcon_"+i,r,function(n){var t=n},!0),r=_appsettings.server_url()+"/apis/v4/unibase/platform/widgets/widgetautocomplete",AutoCompleteHelper.getHelper().Create("#ddlWidgets_"+i,"#hfWidgetsAutoComplete_"+i,r,function(n){var t=n}),$("#ddlSettingUrlType_"+i).empty().trigger("change"),r=_appsettings.server_url()+"/apis/v4/unibase/platform/apps/getsettingurl",AutoCompleteHelper.getHelper().Create("#ddlSettingUrlType_"+i,"#hfSettingUrlType_"+i,r,function(n){var t=n}),u.Instance().loadForms(i,0,""),u.Instance().loadFormInstalledApps(i),n.Platform.Apps.Managers.AppManager.Instance().getInstallApp(t).then(function(n){n.result!=null&&($("#ddlFormInstallAppId_"+i+"").append('<option value="'+n.result.InstalledAppId+'">'+n.result.AppTitle+"<\/option>"),$("#ddlFormInstallAppId_"+i+"").val(n.result.InstalledAppId))}),h=$("#ddlWidgetType").children("option:selected").text(),c=h.toLowerCase(),RegExp("dashboard").test(c)?$(".FormInstallAppId").prop("disabled",!1):$(".FormInstallAppId").prop("disabled",!0),$("#txt_KPIImageFile").change(function(){u.Instance().Singledoc_array=[];let n=document.getElementById("txt_KPIImageFile"),t=n.files[0];var i={Files:t};u.Instance().Singledoc_array.push(i)}),$("#ddlAppConfigType_"+i).change(function(){$("#ddlAppConfigType_"+i).val()==6||$("#ddlAppConfigType_"+i).val()==3?$("#Div_SettingDesignhtml_"+i).removeClass("hidden"):$("#Div_SettingDesignhtml_"+i).addClass("hidden")}),$("#ddlSettingUrlType_"+i).change(function(t){var e=t.currentTarget.id,o=e.match(/\d+/),u,r;$("#ddlSettingUrlType_"+i+" option:selected").text()=="Form"&&(u=`<div class="card"><input type="hidden" value="" id='deleteconfig_`+i+`' class='deleteconfig_config'><div class="card-body div_formroles"><div class="row"><div class="col-sm-5"><select id="autocomplete_Form_`+i+`" class="form-control text-control" style="width:100%;" placeholder = "Form" data-placeholder="Form"></select><input type = "hidden" id = "hfAutocomplete_Form_`+i+`" class="hfAutocomplete_Form form-control value-control" data - isdynamic="true" /></div><div class="col-sm-5"><select id = "autocomplete_role_`+i+`" class="form-control text-control" style = "width:100%;" placeholder = "Roles" data - placeholder="Roles" ><option value=-1>Select Role</option> </select><input type = "hidden" id = "hf_autocomplete_role_`+i+`" class="hf_autocomplete_role form-control value-control" data - isdynamic="true"/></div><div class="col-sm-1 my-auto"><a href="javascript:;" class="Addformrole_`+i+` formroles_class" onclick=""><i class="fa fa-plus text-primary"></i></a></div></div><br/><div id="ul_errmsg_`+i+`"></div><div class="div_formrole_`+i+`"></div></div></div></div></div></div></div>`,$("#summernote_JsFunction_"+o+"").after(u),$(".div_formsize_"+i+"").removeClass("hidden"),$(".div_dashboard_"+i+"").addClass("hidden"),$(".div_dashboardgroup_"+i+"").addClass("hidden"),$(".widgetsetingdiv_"+i+"").addClass("hidden"),$(".Addformrole_"+i+"").unbind().click(function(){var r=Number($("#autocomplete_Form_"+i+"").val()),t=Number($("#autocomplete_role_"+i+"").val()),f=$("#autocomplete_Form_"+i+" option:selected").text(),e=$("#autocomplete_role_"+i+" option:selected").text(),u;if($(".div_formrole_"+i+"").find("."+t+"_duplicate").length>0)return MessageHelper.Instance().showError("aleady existed","ul_errmsg_"+i+""),!1;u=n.Platform.Widgets.Components.Widget.Instance().loadrolesdata(r,f,t,e,0,i,0);$(".div_formrole_"+i+"").append(u);n.Platform.Widgets.Components.Widget.Instance().javaScript(r,t,i,"")}),r=_appsettings.server_url()+"/apis/v4/unibase/platform/forms/getformsautocomplete",AutoCompleteHelper.getHelper().Create("#autocomplete_Form_"+i,"hfAutocomplete_Form_"+i,r,function(n){var t=n}),r=_appsettings.server_url()+"/apis/v4/unibase/platform/roles/getroles",AutoCompleteHelper.getHelper().Create("#autocomplete_role_"+i+"","#hf_autocomplete_role_"+i+"",r,function(){}));$("#ddlSettingUrlType_"+i+" option:selected").text()=="Html"&&($("#Div_DynamicJs_"+i).addClass("hidden"),$("#summernote_JsFunction_"+i).next().remove(),f.find(".WidgetAppConfigSettingURL").addClass("hidden"),$(".div_formsize_"+i+"").addClass("hidden"),$(".div_dashboard_"+i+"").addClass("hidden"),$(".widgetsetingdiv_"+i+"").addClass("hidden"),$(".div_dashboardgroup_"+i+"").addClass("hidden"));$("#ddlSettingUrlType_"+i+" option:selected").text()=="JsFunction"&&($("#Div_DynamicJs_"+i).removeClass("hidden"),$("#summernote_JsFunction_"+i).next().remove(),f.find(".WidgetAppConfigSettingURL").removeClass("hidden"),$(".div_formsize_"+i+"").addClass("hidden"),$(".div_dashboard_"+i+"").addClass("hidden"),$(".widgetsetingdiv_"+i+"").addClass("hidden"),$(".div_dashboardgroup_"+i+"").addClass("hidden"));$("#ddlSettingUrlType_"+i+" option:selected").text()=="Widget"&&($(".widgetsetingdiv_"+i+"").removeClass("hidden"),$("#Div_DynamicJs_"+i).addClass("hidden"),$("#summernote_JsFunction_"+i).next().remove(),f.find(".WidgetAppConfigSettingURL").addClass("hidden"),$(".div_formsize_"+i+"").addClass("hidden"),$(".div_dashboard_"+i+"").addClass("hidden"),$(".div_dashboardgroup_"+i+"").addClass("hidden"));($("#ddlSettingUrlType_"+i+" option:selected").text()=="App"||$("#ddlSettingUrlType_"+i+" option:selected").text()=="Report"||$("#ddlSettingUrlType_"+i+" option:selected").text()=="Component"||$("#ddlSettingUrlType_"+i+" option:selected").text()=="Delete"||$("#ddlSettingUrlType_"+i+" option:selected").text()=="Status")&&($(".widgetsetingdiv_"+i+"").addClass("hidden"),$("#Div_DynamicJs_"+i).addClass("hidden"),f.find(".WidgetAppConfigSettingURL").addClass("hidden"),$(".div_formsize_"+i+"").addClass("hidden"),$(".div_dashboard_"+i+"").addClass("hidden"),$(".div_dashboardgroup_"+i+"").addClass("hidden"));$("#ddlSettingUrlType_"+i+" option:selected").text()=="Dashboard"&&(r=_appsettings.server_url()+"/apis/v4/unibase/platform/dashboards/dashboardsautocomplete",AutoCompleteHelper.getHelper().Create("#ddlDashboard_"+i,"#hfDashBoard_"+i,r,function(n){var t=n}),$(".widgetsetingdiv_"+i+"").addClass("hidden"),$("#Div_DynamicJs_"+i).addClass("hidden"),$("#summernote_JsFunction_"+i).next().remove(),f.find(".WidgetAppConfigSettingURL").addClass("hidden"),$(".div_formsize_"+i+"").addClass("hidden"),$(".div_dashboard_"+i+"").removeClass("hidden"),$(".div_dashboardgroup_"+i+"").addClass("hidden"));$("#ddlSettingUrlType_"+i+" option:selected").text()=="Dashboardgroup"&&(r=_appsettings.server_url()+"/apis/v4/unibase/platform/dashboards/dashboardgroupsautocomplete",AutoCompleteHelper.getHelper().Create("#ddlDashboardGroup_"+i,"#hfDashBoardGroup_"+i,r,function(n){var t=n}),$(".widgetsetingdiv_"+i+"").addClass("hidden"),$("#Div_DynamicJs_"+i).addClass("hidden"),$("#summernote_JsFunction_"+i).next().remove(),f.find(".WidgetAppConfigSettingURL").addClass("hidden"),$(".div_formsize_"+i+"").addClass("hidden"),$(".div_dashboard_"+i+"").addClass("hidden"),$(".div_dashboardgroup_"+i+"").removeClass("hidden"))}),$("#ddlFormInstallAppId_"+i).change(function(){u.Instance().loadAppPermissions(i,Number($("#ddlFormInstallAppId_"+i+"").val()))}),$(".chevron_"+i).click(function(){var n=$(".AppConfigRow"+i).hasClass("collapse");n?($(".chevron_"+i).removeClass("fa-chevron-down"),$(".chevron_"+i).addClass(" fa-chevron-up"),$(".AppConfigRow"+i).removeClass("collapse")):($(".AppConfigRow"+i).addClass("collapse"),$(".chevron_"+i).removeClass("fa-chevron-up"),$(".chevron_"+i).addClass("fa-chevron-down"))}),t!=0&&u.Instance().loadAppPermissions(i,t),i}}loadAppPermissions(n,t){var i=_appsettings.server_url()+"/apis/v4/unibase/platform/apps/apppermissionautocomplete/installedappid/"+t;AutoCompleteHelper.getHelper().Create("#txt_RoleSetting_"+n,"hfRoleSettingAutoComplete_"+n,i,function(n){var t=n})}bindList(n,t,i){n.find(".delete").on("click",function(){u.Instance().DeleteConfigurationIds=u.Instance().DeleteConfigurationIds+","+$(this).parents(".AppConfig-row").find(".hf_AppConfigurationId").val();$(this).parents(".AppConfig-row").remove();u.Instance().refreshConfugarationsList;u.Instance().refreshAppConfiglist()});n.find(".RoleSetting").on("select2:select",function(){u.Instance().loadAppPermissions(t,i)})}bindList_New(n,t,i){n.find(".delete").unbind().on("click",function(){u.Instance().DeleteConfigurationIds=u.Instance().DeleteConfigurationIds+","+$(".AppConfig_"+t).find(".hf_AppConfigurationId").val();$(".AppConfig_"+t).remove();$("#li_"+t).remove();u.Instance().refreshConfugarationsList();u.Instance().refreshAppConfiglist()});n.find(".RoleSetting").on("select2:select",function(){u.Instance().loadAppPermissions(t,i)})}loadForms(n,t,i){var r=_appsettings.server_url()+"/apis/v4/unibase/platform/forms/getformsautocomplete";AutoCompleteHelper.getHelper().Create("#ddlFormUniqueKey_"+n,"hfFormUniqueKeyAutoComplete_"+n,r,function(n){var t=n});t!=0&&($("#ddlFormUniqueKey_"+n+"").append('<option value="'+t+'">'+i+"<\/option>"),$("#ddlFormUniqueKey_"+n+"").val(t).trigger("change"))}loadFormInstalledApps(n){var t=_appsettings.server_url()+"/apis/v4/unibase/platform/apps/installedappautocomplete";AutoCompleteHelper.getHelper().Create("#ddlFormInstallAppId_"+n,"hfFormInstalledappAutocomplete_"+n,t,function(n){var t=n})}loadJsFunction(){$(".summernote_JsFunction").summernote({height:150,minHeight:null,maxHeight:null,focus:!0,placeholder:"Enter JsFunction",codemirror:{mode:"text/html",htmlNode:!0,lineNumbers:!0},toolbar:[["font",["bold","italic","underline"]],["color",["color"]],["view",["fullscreen","codeview","help"]],]})}refreshConfugarationsList(){var t=$(".AppConfig-row").length,n=1;$(".AppConfigurations").find(".AppConfig-row.column-appconfigitem").each(function(){if(n<=t){$(this).find(".AppConfig-row").attr("class","AppConfig_"+n);$(this).find(".SettingName").attr("id","txt_SettingName_"+n);$(this).find(".SettingURL").attr("id","txt_SettingURL_"+n);$(this).find(".RoleSetting").attr("id","txt_RoleSetting_"+n);$(this).find(".Dashboard").attr("id","ddlDashboard_"+n);$(this).find(".DashboardGroups").attr("id","ddlDashboardGroup_"+n);$(this).find(".Permission").attr("id","ddlPermission_"+n);$(this).find(".AppConfigType").attr("id","ddlAppConfigType_"+n);$(this).find(".AppConfigIcon").attr("id","ddlAppConfigIcon_"+n);$(this).find(".AppConfigISettingUrlType").attr("id","ddlSettingUrlType_"+n);$(this).find(".FormInstallAppId").attr("id","ddlFormInstallAppId_"+n);$(this).find(".summernote_JsFunction").attr("id","summernote_JsFunction_"+n);$(this).find(".txt_SettingDesignhtml").attr("id","txt_SettingDesignhtml_"+n);$(this).find(".IsDefault").attr("id","chkIsDefault_"+n);$(this).find(".Ungrouped").attr("id","chkUngrouped_"+n);$(this).find(".ExcludeFromLock").attr("id","chkExcludeFromLock_1"+n);$(this).find(".FormUniqueKey").attr("id","ddlFormUniqueKey_"+n);$(this).find(".hfAppConfigType").attr("id","hfAppConfigType_"+n);$(this).find(".ddlFormSize").attr("id","ddlFormSize_"+n);$(this).attr("id","AppConfigId_"+n);$(this).attr("class","AppConfig-row AppConfig_"+n+" column-appconfigitem");$(this).find(".hfFormUniqueIdAutoComplete").attr("id","hfFormUniqueIdAutoComplete_"+n);$(this).attr("data-length",n);$(this).find(".rowNum").text(n);n+=1;var i=$(this)}})}refreshAppConfiglist(){var i=$(".liclassId").length;let t=1;$("#AppConfigNames").find(".liclassId").each(function(){if(t<=i){var r=n.Themes.Providers.DetailHelper.installedAppId;$(this).attr("id","li_"+t);$(this).find(".EditAppConfiguration").attr("data-lengthEdit",+t);$(this).find(".EditAppConfiguration").attr("onclick","Unibase.Platform.Widgets.Components.Widget.Instance().EditAppConfiguration("+r+","+t+")");$(this).find(".DeleteAppConfiguration").attr("onclick","Unibase.Platform.Widgets.Components.Widget.Instance().DeleteAppConfiguration("+r+","+t+")");t+=1}})}hideKPILabel(){var r=this,f,e;$("#lblKPIImage2").addClass("hidden");$("#txt_KPIImageFile").css({color:"",height:"",width:""});u.Instance().Singledoc_array=[];let o=document.getElementById("txt_KPIImageFile"),i=o.files[0];f={Files:i};u.Instance().Singledoc_array.push(f);$(".logo-change .progress-wrap").removeClass("d-none");$(".logo-change .progress-wrap").addClass("d-flex");e=$("#txt_KPIImageFile").val();$("#lblKPIFileName").html('<span class="d-flex justify-content-between"><span>'+e.replace("C:\\fakepath\\","")+'<\/span><a href="javascript:;" class="ml-2 delete-icon-kpi text-danger"><i class="las la-times"><\/i><\/a><\/span>');$(".delete-icon-kpi").unbind().on("click",function(){$(this).parent().addClass("invisible");n.Platform.Widgets.Components.Widget.Instance().ImageData=undefined});$("#lblKPIFileName").siblings("a").removeClass("hidden");const t=new FileReader;t.onload=function(){console.log(`${t.result}`);r.imageSrc=`${t.result}`;$(".imageUpload").attr("src",r.imageSrc)};i&&t.readAsDataURL(i)}getBase64(n){return __awaiter(this,void 0,void 0,function*(){var t="";t=n.Files.DocumentFileName;t==undefined&&(t=n.Files.name);let r=n.Files,i=n.Files.name.split(".");return new Promise((t,r)=>{const u=new FileReader;u.readAsDataURL(n.Files);u.onloadend=function(){var n=u.result.toString().replace(/^data:.+;base64,/,""),r={FileData:n,FileName:i[0],FileType:i[1],ByteData:null};t(r)};u.onerror=function(n){r(n)}})})}saveWidget(t){var e=this,i;let r=!0,f=0;if($.each(["frmUnibase_widgetBuilderDetailsLeftNav","txt_WidgetName","frmUnibase_widgetBuilderAppearance"],function(t,i){let u=n.Platform.Forms.Components.FormViewer.Instance().requiredFieldValidation(i);u==!1&&(r=!1,f+=i=="frmUnibase_widgetBuilderDetailsLeftNav"?$("#"+i).find(".form-group-required").length:$("#"+i+".form-group-required").length)}),r){let r="";t!=0?e.fileCacheHelper.loadJsFile("platform/apps/managers/appmanager.js",function(){n.Platform.Apps.Managers.AppManager.Instance().getInstallApp(t).then(function(n){n.result!=null&&(r=n.result.UniqueId,u.Instance()._saveWidget(r,n.result.InstalledAppId))})}):u.Instance()._saveWidget(r,t);i=n.Platform.Helpers.NavigationHelper.ModalContainerIds.findIndex(n=>n=="designsPreviewAppend");i!=-1&&n.Platform.Helpers.NavigationHelper.ModalContainerIds.splice(i,1)}else{let n=$(".form-group-required").data("validatename");return MessageHelper.Instance().showError(n+" Mandatory fields are missing","bizgaze_ValidationSummary"),!1}}_saveWidget(t,i){return __awaiter(this,void 0,void 0,function*(){var f=this,y,s,p,tt,v,it,w,r,rt,ut,pt,b,e,ft,et,ot,d,g,nt;let c="";$("#ulparamers").find(".row-item-li").each(function(){c!=""&&(c+="|");c+=$(this).find("#row1").text()+":"+$(this).find("#row2").text()+":"+$(this).find("#row3").text()+":"+$(this).find("#row6").val()+":"+$(this).find("#row4").val()});let l=0;l=Number($("#hf_WidgetId").val());y=!1;y=$("#chkIsMandatory").is(":checked")==!0?!0:!1;let o=0;s=[];p=[];let a=Number($("#ddlWidgetLayout option:selected").val());if(tt=$("#ddlWidgetLayout option:selected").text(),v=tt.toLowerCase(),RegExp("detail").test(v)){if($("#ulcolumns li").length<=0)return MessageHelper.Instance().showError("Details widget should contain atleast one column","bizgaze_ValidationSummary"),!1;for(o=a,it=document.getElementById("ulcolumns").getElementsByTagName("li").length,w="",$("#ddlDetailIcon option:selected").val()!=0&&(w="fa fa-"+$("#ddlDetailIcon option:selected").text()),s[0]={Icon:w,LinkUrl:$("#txt_DetaillinkURL").val()},r=1;r<=it;r++)rt="{{"+$("#columnId_"+r).find("#row1").text().trim()+"}}",ut=parseInt($("#columnId_"+r).find("#row5").text()),p[r-1]={HyperLink:$("#columnId_"+r).find("#row4").text(),Label:$("#columnId_"+r).find("#row3").text(),PropertyIndex:ut-1,Value:rt,DetailsWidgetPropertyId:Number($("#columnId_"+r).find("#row0").val()),ConverterValue:$("#columnId_"+r).find("#row6").val().toString(),ConverterType:Number($("#columnId_"+r).find("#ConverterType").val())}}else if(RegExp("kpi").test(v)){pt="";u.Instance().Singledoc_array.length>0;o=a;b="";e="";let t="";if($("#ddlKPIColor option:selected").val()!=0&&(b=$("#ddlKPIColor option:selected").text()),!$("#lblKPIImage2").hasClass("hidden"))let n=$("#hf_KPIIconPath").val();if($("#ddlWidgetDesign option:selected").text()=="KPI_Default"||$("#ddlWidgetDesign option:selected").text()=="KPI_Icon"||$("#ddlWidgetDesign option:selected").text()=="KPI_Icon_Color"||$("#ddlWidgetDesign option:selected").text()=="KPI_Icon_Bg_Color"||$("#ddlWidgetDesign option:selected").text()=="KPI_Left_Bar_color_Icon"||$("#ddlWidgetDesign option:selected").text()=="KPI_KPISingleValueWithborder"?(e=$("#ddlSelectedValue_1 option:selected").text(),t=$("#ddlSelectedLabelValue_1").val()):$("#ddlWidgetDesign option:selected").text()=="KPI_TwoValue"||$("#ddlWidgetDesign option:selected").text()=="KPI_TwoValue_BottomBar_color"||$("#ddlWidgetDesign option:selected").text()=="KPI_KPISingleValueWithPercentage"||$("#ddlWidgetDesign option:selected").text()=="KPI_KPISingleValueWithPercentage_ProgressBar"||$("#ddlWidgetDesign option:selected").text()=="KPI_KPISingleValueWithPercentage_BgColor"||$("#ddlWidgetDesign option:selected").text()=="KPI_TwoValue_BgColor"||$("#ddlWidgetDesign option:selected").text()=="KPI_TwoValue_PieIcon"||$("#ddlWidgetDesign option:selected").text()=="KPI_TwoValue_LineCenter"||$("#ddlWidgetDesign option:selected").text()=="KPI_KPISingleValueWithPie_Icon"?(e=$("#ddlSelectedValue_1 option:selected").text()+","+$("#ddlSelectedValue_2 option:selected").text(),t=$("#ddlSelectedLabelValue_1").val()+","+$("#ddlSelectedLabelValue_2").val()):($("#ddlWidgetDesign option:selected").text()=="KPI_Comparison"||$("#ddlWidgetDesign option:selected").text()=="Kpi_fulfillment"||$("#ddlWidgetDesign option:selected").text()=="KPI_ComparisonRightBar_color"||$("#ddlWidgetDesign option:selected").text()=="KPI_ComparisonBottomBar_Color")&&($("#ddlSelectedValue_3 option:selected").text()=="Select Column"?(e=$("#ddlSelectedValue_1 option:selected").text()+","+$("#ddlSelectedValue_2 option:selected").text(),t=$("#ddlSelectedLabelValue_1").val()+","+$("#ddlSelectedLabelValue_2").val()+","+$("#ddlSelectedLabelValue_3").val()):(e=$("#ddlSelectedValue_1 option:selected").text()+","+$("#ddlSelectedValue_2 option:selected").text()+","+$("#ddlSelectedValue_3 option:selected").text(),t=$("#ddlSelectedLabelValue_1").val()+","+$("#ddlSelectedLabelValue_2").val()+","+$("#ddlSelectedLabelValue_3").val())),ft=$("#ddlSelectedValue_1 option:selected").text(),et=$("#ddlSelectedValue_2 option:selected").text(),ft=="Select Column"&&et=="Select Column")return MessageHelper.Instance().showError("Need to select any one of the select value columns ","bizgaze_ValidationSummary"),!1;var wt=$("#txt_KPIImageFile").get(0),k=wt.files,ni=$("#ddlheight").val();k.length==1?(f.ImageData=new n.Platform.Helpers.File,k.length!=0&&(ot={Files:k[0]},yield f.getBase64(ot).then(function(n){f.ImageData=n}))):f.ImageData;let i=[];i[0]={DataType:$("#kpidataType_1 option:selected").val()+","+$("#kpidataType_2 option:selected").val()+","+$("#kpidataType_3 option:selected").val(),IsRoundOff:$("#kpi_isroundoff_1[type=checkbox]").is(":checked")+","+$("#kpi_isroundoff_2[type=checkbox]").is(":checked")+","+$("#kpi_isroundoff_3[type=checkbox]").is(":checked")};s[0]={Color:b,Icon:"",File:f.ImageData,LinkUrl:$("#txt_KPIlinkURL").val(),Selected_Columns:e,Selected_Columns_Labels:t,LinkReportId:Number($("#ddlLinkReportId").val()),KpiHeight:String($("#ddlheight").val()),KpiSetting:JSON.stringify(i)}}else if(RegExp("list").test(v)){o=a;var st=0,ht=0,ct=0;st=$("#chkIsSearchable").is(":checked")==!0?1:0;ht=$("#chkIsSortable").is(":checked")==!0?1:0;ct=$("#chkIsPagination").is(":checked")==!0?1:0;d="";$("#ddlListIcon").val()!=0&&(d="fa fa-"+$("#ddlListIcon").children("option:selected").text());s[0]={LinkUrl:$("#txt_ListlinkURL").val(),Icon:d,IsSearchable:st,IsSortable:ht,IsPagination:ct,HeaderText:$("#summernote_ListHeaderTxt").summernote("code"),TemplateText:$("#summernote_ListTemplateTxt").summernote("code"),JS:$("#summernote_ListJS").summernote("code")}}else o=a;g="";$("#ddlColorCode option:selected").val()!=0&&(g=$("#ddlColorCode option:selected").text());nt="";$("#ddlIcon option:selected").val()!=0&&(nt="fa fa-"+$("#ddlIcon option:selected").text());let bt=$("#txt_WidgetUniqueName").val().toString(),lt="";$("#ddlAppProviders").val()!=0&&(lt=$("#ddlAppProviders").val().toString());let kt=$("#Layout option:selected").val(),h=$("#ddlReport option:selected").val();h=h==undefined?0:Number(h);kt=="0"&&(h=0);let dt=u.Instance().getConfigurations(t,i),at=[];at[0]={BorderWidth:$("#border-width").val(),BorderColor:$("#border-color").val(),BorderType:$("#border-type").val(),BorderRadius:$("#border-radius").val(),FontSize:$("#font-size").val(),FontFamily:$("#font-style").val(),BackgroundColor:$("#backgroundcolor").attr("data-backgroundcolor"),FontColor:"",ListStyleType:$("#list-style-type").val(),DetailsBorderType:$("#border-type-details").val(),DetailsBorderWidth:$("#border-width-details").val(),DetailsBorderColor:$("#border-color-details").val(),DetailsBorderRadius:$("#border-radius-details").val(),IsDetailsHeader:$("#DetailHeader_collapase").prop("checked"),Height:$("#ddlheight").val()+"px",Width:$("#ddlWidth").val(),ReportCollapase:$("#report_collapase").prop("checked"),KPI_LinkReportLabelName:$("#txt_LinkReportLabelName").val(),KPI_ValueHidden:$("#value_1_hidden[type='checkbox']").is(":checked")+","+$("#value_2_hidden[type='checkbox']").is(":checked")+","+$("#value_3_hidden[type='checkbox']").is(":checked")};let vt=!0;l!=0&&$("#hf_viewallstages").val()=="false"&&(vt=!1);let yt="";yt=$("#designsPreviewAppend textarea").length!=0?$("#designsPreviewAppend textarea").val().toString():f.customHtml;let gt={WidgetId:l,PortletWidgetId:Number($("#portlewidgetid").val()),PortletWidgetHeight:Number($("#ddlheight").val()),IsCollapse:$("#report_collapase").prop("checked"),WidgetName:$("#txt_WidgetName").val().toString(),WidgetTypeId:Number($("#ddlWidgetType option:selected").val()),WidgetFormatId:Number($("#ddlWidgetFormat option:selected").val()),Width:Number($("#ddlWidth option:selected").val()),IsMandatory:Boolean(y),Data:s,CssProperty:JSON.stringify(at),DetailWidgetData:p,ImageUrl:$("#txt_ImageFile").text(),WidgetUrl:$("#txt_WidgetUrlFile").val().toString(),WidgetLayoutId:Number(o),WidgetDesignId:Number($("#ddlWidgetDesign").val()),Parameters:c,IconName:nt,ReportId:Number(h),Highlighter:g,AppProviders:"",AppProviderIds:lt,UniqueId:bt,AppConfigurationData:dt,Height:Number(0),X:Number(0),Y:Number(0),ViewAllStages:vt,StaticJsPath:$(".summernote_StaticJsFunction").val().toString(),DeleteConfigurationIds:u.Instance().DeleteConfigurationIds,CustomHtml:yt};$.when(n.Platform.Widgets.Managers.WidgetManager.Instance().saveWidget(gt)).then(function(n){if(n.status==0){let n=$("#txt_WidgetName").val().toString()+" Widget Updated Successfully";l==0&&(n=$("#txt_WidgetName").val().toString()+" Widget Saved Successfully");MessageHelper.Instance().showSuccess(n,"bizgaze_ValidationSummary");$("#btn-widget-close").trigger("click");$(".biz-pg-wrapper.biz-secondary-color").find("._bizgaze_detail_container.bg-cyan-light-5-removed").last().removeClass("hidden");f.loadNewWidgets("PageWidgets",!0,i);f.loadNewWidgets("CommonWidgets",!0,i);f.loadNewWidgets("AddedWidgets",!0,i)}else MessageHelper.Instance().showError(n.message,"bizgaze_ValidationSummary")})})}getConfigurations(t){var f=[],i=0,r=0,u=0;let e=Number($("#hf_WidgetId").val());return $(".AppConfigurations").find(".AppConfig-row").each(function(){var h,c,e,l,o,s,v;let a=$(this).find(".SettingName");if(a.length!=0){h=[];$(this).find(".formroles").each(function(){var n=$(this).attr("id"),t=Number($("#hidden_"+n+"_formid").val()),i=Number($("#hidden_"+n+"_roleid").val()),r=Number($("#hidden_"+n+"_formroleid").val()),u={FormId:t,RoleId:i,FormRoleId:r,DefaultSaveSetting:1,AppConfigurationId:0,IsDuplicateForm:!1,JsText:$(this).find(".note-editable").text()};h.push(u)});let p=a[0].id.split("_"),y=p[2];if($(this).find("#txt_SettingName_"+y+"").val()!=undefined){i=$("#chkIsDefault_"+y+"").is(":checked")==!0?1:0;r=$("#chkUngrouped_"+y+"").is(":checked")==!0?1:0;u=$("#chkExcludeFromLock_"+y+"").is(":checked")==!0?1:0;let k=$(this).find("#txt_SettingName_"+y+"").val().toString(),it=$(this).find("#txt_SettingURL_"+y+"").val().toString(),w=$(this).find("#ddlSettingUrlType_"+y+"").val(),d=0;$(this).find("#txt_RoleSetting_"+y+" option:selected").val()!=undefined&&(d=Number($(this).find("#txt_RoleSetting_"+y+" option:selected").val()));let rt=$(this).find("#ddlPermission_"+y+" option:selected").val(),a=$(this).find("#ddlAppConfigType_"+y+" option:selected").val(),g="";$("#ddlAppConfigIcon_"+y).val()!="0"&&$("#ddlAppConfigIcon_"+y).val()!=null&&(g=$(this).find("#ddlAppConfigIcon_"+y+" option:selected").val().toString());let ut=i,p;p=Number($(this).find("#ddlFormInstallAppId_"+y).val());p==undefined&&(p=0);let ft=r,b=$(this).find("#ddlFormUniqueKey_"+y+" option:selected").val();b==undefined&&(b=0);let et=$(this).find("#hfFormUniqueIdAutoComplete_"+y+"").val(),ot=HtmlHelper.getHelper().encode($("#summernote_JsFunction_"+y+"").val()),st=$(this).find("#row5").text(),ht=t+"_AppConfiguration_"+k,nt="",tt="";(Number(a)==6||Number(a)==3)&&(nt=HtmlHelper.getHelper().encode($("#txt_SettingDesignhtml_"+y).val().toString()));w=="3"&&(tt=HtmlHelper.getHelper().encode($("#txt_DynamicJs_"+y).val().toString()));c="";(JSON.parse(a.toString())==3||$(this).find(".AppConfigType option:selected").val()==5)&&$("#ddlSettingUrlType_"+y+" option:selected").val()==1&&(c=$(this).find(".deleteconfig_config").val().toString());e=$("#ddlWidgets_"+y+"").val();(e==undefined||e=="")&&(e=0);l=$(this).find("#ddlFormSize_"+y+" option:selected").val();Number(w)!=1&&(l=n.Platform.Helpers.Size.None);o=$(this).find("#ddlDashboard_"+y+" option:selected").val();o==undefined&&(o=0);s=$(this).find("#ddlDashboardGroup_"+y+" option:selected").val();s==undefined&&(s=0);$(this).find("#txt_SettingName_"+y+"").val()!=""&&(v={AppConfigurationId:Number($(this).find(".hf_AppConfigurationId").val()),SettingName:k,DeleteConfigurationIds:c,SettingUrl:it.toString(),SettingUrlType:JSON.parse(w.toString()),Permission:JSON.parse(rt.toString()),AppConfigType:JSON.parse(a.toString()),FormId:Number(b),Icon:g,LinkWidgetId:Number(e),UniqueKey:"",Ungrouped:Boolean(ft),InstalledAppId:Number(p),IsDefault:Boolean(ut),FormInstalledAppId:0,FormUniqueId:et.toString(),JsFunction:ot.toString(),PropertyIndex:Number(st),FormRoles:h,UniqueId:$(this).find(".hf_AppConfigurationUniqueId").val().toString(),InstalledAppGuid:"",SettingDesignHtml:nt,DynamicJs:tt,AppPermissionId:Number(d),FormSize:JSON.parse(l.toString()),DashboardId:Number(o),DashboardGroupId:Number(s),ExcludeFromLock:Boolean(u)},f.push(v))}}}),f}loadWidgetData(i,r,f,e){var o=this,s=o.defautSettings.filter(function(n){return n.widgetdesignid===20210628});s[0].mode="Edit_Mode";s[0].defaultMode="editing";this.navigationHelper.popup(r,"",u.Instance(),function(){$("#portlewidgetid").val(e);(e==undefined||e==null)&&(e=0);n.Platform.Widgets.Managers.WidgetManager.Instance().getWidget(i).then(function(t){$("#hd_WidgetName").text("Edit Widget");$("#hf_viewallstages").val(String(t.result.ViewAllStages));var s=t.result,h,f;o.widgetDesignNameRes=s.WidgetDesignName;o.backOption=s.WidgetDesignId==0?"Mode-1":"Mode-2";n.Platform.Widgets.Managers.WidgetManager.Instance().getPortletWidget(e).then(function(c){var k,g,d,nt,tt,it,rt,w,v,y,p,ft,et,ot,l,b;if(c.result.PortletWidgetCss!=null&&c.result.PortletWidgetCss!="")f=JSON.parse(c.result.PortletWidgetCss),h=c.result.PortletWidgetHeight;else{if(s.CssProperty==null)return MessageHelper.Instance().showError("CssProperty is  null","bizgaze_ValidationSummary"),!1;f=JSON.parse(s.CssProperty);h=""}let st=[{BorderWidth:f[0].BorderWidth,BorderColor:f[0].BorderColor,BorderType:f[0].BorderType,BorderRadius:f[0].BorderRadius,FontSize:f[0].FontSize,FontFamily:f[0].FontStyle,BackgroundColor:f[0].BackgroundColor,ListStyleType:f[0].ListStyleType,DetailsBorderType:f[0].DetailsBorderType,DetailsBorderWidth:f[0].DetailsBorderWidth,DetailsBorderColor:f[0].DetailsBorderColor,DetailsBorderRadius:f[0].DetailsBorderRadius}];k=[];g={WidgetId:i,PortletWidgetId:2250,InstalledAppId:0,InputParameters:[],FromDate:"",ToDate:""};$("#font-size").val(f[0].FontSize);$("#font-style").val(f[0].FontStyle);$("#border-type").val(f[0].BorderType);$("#border-width").val(f[0].BorderWidth);$("#border-color").val(f[0].BorderColor).trigger("change");$("#backgroundcolor-color-picker").val(f[0].BackgroundColor).trigger("change");$("#border-radius").val(f[0].BorderRadius);$("#backgroundcolor").css({"background-color":f[0].BackgroundColor});$("#backgroundcolor").attr("data-backgroundcolor",f[0].BackgroundColor);$("#ddlWidth").val(s.Width);$("#list-style-type").val(f[0].ListStyleType);$("#border-type-details").val(f[0].DetailsBorderType);$("#border-width-details").val(f[0].DetailsBorderWidth);$("#border-color-details").val(f[0].DetailsBorderColor);$("#border-radius-details").val(f[0].DetailsBorderRadius);f[0].IsDetailsHeader==!0&&$("#DetailHeader_collapase").attr("checked","true");let a=[];f[0].KPI_ValueHidden!=""&&f[0].KPI_ValueHidden!=null&&(a=f[0].KPI_ValueHidden.split(","));f[0].KPI_LinkReportLabelName!=undefined&&f[0].KPI_LinkReportLabelName!=null&&f[0].KPI_LinkReportLabelName!=""&&$("#txt_LinkReportLabelName").val(f[0].KPI_LinkReportLabelName);$("#ddlheight").val(h);c.result.PortletWidgetCss!=""&&c.result.PortletWidgetCss!=undefined?(c.result.IsCollapse!=!0?$("#report_collapase").removeAttr("checked"):$("#report_collapase").attr("checked","true"),a[0]=="true"&&a[0]!=""&&a[0]!=null&&a[0].length!=0?$("#value_1_hidden ").attr("checked","true"):$("#value_1_hidden ").removeAttr("checked"),a[1]=="true"&&a[1]!=""&&a[1]!=null&&a[1].length!=0?$("#value_2_hidden ").attr("checked","true"):$("#value_2_hidden ").removeAttr("checked"),a[2]=="true"&&a[2]!=""&&a[2]!=null&&a[2].length!=0?$("#value_3_hidden ").attr("checked","true"):$("#value_3_hidden ").removeAttr("checked")):(f[0].ReportCollapase==!0&&$("#report_collapase").attr("checked","true"),a[0]=="true"&&a[0]!=""&&a[0]!=null&&a[0].length!=0?$("#value_1_hidden ").attr("checked","true"):$("#value_1_hidden ").removeAttr("checked"),a[1]=="true"&&a[1]!=""&&a[1]!=null&&a[1].length!=0?$("#value_2_hidden ").attr("checked","true"):$("#value_2_hidden ").removeAttr("checked"),a[2]=="true"&&a[2]!=""&&a[2]!=null&&a[2].length!=0?$("#value_3_hidden ").attr("checked","true"):$("#value_3_hidden ").removeAttr("checked"));s.ImageUrl!=""&&s.ImageUrl!=null&&($("#txt_ImageFile").css({color:"transparent",height:"40px",width:"100px"}),$("#lblImage2").removeClass("hidden"),$("#div_WidgetImageFile").addClass("floating-label-form-group-with-value"),d=s.ImageUrl.split("\\"),nt=d[d.length-1],$("#lblImage2").text(nt));$("#txt_WidgetName").val(s.WidgetName);$("#txt_WidgetUniqueName").val(s.UniqueId);$("#hf_WidgetId").val(i);$(".summernote_StaticJsFunction").val(s.StaticJsPath);$("#btn-widget-builder-reset").attr("onClick","Unibase.Platform.Widgets.Components.Widget.Instance().resetWidget("+i+")");let ht="10px solid "+f[0].BorderColor;if(jQuery("#ddlWidgetType").val(s.WidgetTypeId).trigger("change"),jQuery("#ddlWidgetLayout").val(s.WidgetLayoutId),u.Instance().bindWidgetDesigns(s.WidgetDesignId,s.WidgetLayoutId),n.Platform.Widgets.Managers.WidgetManager.Instance().getAppWidgetProviderById(i).then(function(n){n.result!=null&&u.Instance().InstalledAppInfo(n.result,r)}),jQuery("#ddlWidth").val(s.Width).trigger("change"),$("#chkIsMandatory").prop("checked",s.IsMandatory),s.Highlighter!=null&&(tt=$("#ddlColorCode").find("option:contains('"+s.Highlighter+"')").val(),$("#ddlColorCode").append('<option value="'+tt+'">'+s.Highlighter+"<\/option>")),jQuery("#ddlWidgetFormat").val(s.WidgetFormatId).trigger("change"),s.IconName!=null&&(it=s.IconName.substring(6),rt=$("#ddlIcon").find("option:contains('"+it+"')").val(),$("#ddlIcon").val(rt).trigger("change.select2")),s.Parameter!=""&&s.Parameter!=null){$("#ulparamers").empty();$("#bindParameterList").empty();for($("#ulparamers").append('<li class="bindParamterRow"> <div class="row font-14 box-shadow row-item ui-sortable-handle"> <div class="col-md-1 col-1 hidden border p-2 text-center"> <span class="text-dark font-weight-500">Index<\/span> <\/div><div class="col-md-12 col-12"> <div class="parameterrowheading font-14 row text-center font-weight-500"> <div class="col-sm-5 col-5 p-2 border"> Parameter Name<\/div><div class="col-sm-2 col-2 p-2 border"> Operator<\/div><div class="col-sm-5 col-5 p-2 border"> <span id="row3">Value<\/span> <\/div><\/div><\/div><\/div><\/li>'),w=[],v=[],w=s.Parameter.split("|"),y=1;y<=w.length;y++)v=w[y-1].split(":"),$("#ulparamers").append('<li class="bindParamterRow row-item-li" id="rowId_'+y+'"> <div class="row font-14 box-shadow row-item ui-sortable-handle"> <div class="col-md-1 hidden col-1 border p-2 text-center"> <span id="row5" class="text-dark rowNum">'+y+'<\/span> <\/div><div class="col-md-12 col-12"> <div class="parameterrowheading font-14 row text-center"> <input type="hidden" id="row0" value="0"> <div class="col-sm-5 col-5 p-2 border"> <label id="row1">'+v[0]+'<\/label><\/div><div class="col-sm-2 col-2 p-2 border"> <label id="row2">'+v[1]+'<\/label><\/div><div class="col-sm-5 col-5 p-2 border d-flex flex-row"> <span id="row3">'+v[2]+'<\/span> <span id="delete_row" class="btn fa fa-times ml-auto fa-lg text-danger" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().deleteParameterRow(this)"><\/span> <\/div><input type="hidden" id="row4" value='+v[4]+'> <input type="hidden" id="row6" value='+v[3]+"> <\/div><\/div><\/div><\/li>"),$("#bindParameterList").append('<li class="d-flex flex-column bg-light my-3 p-2 rounded-2 rowId_'+y+'" data-rowId="rowId_'+y+'"> <div class="d-flex flex-row text-dark"> <span class="border-bottom border-dashed border-dark p-1">'+v[0]+'<\/span> <a href="javascript:void(0);" class=" my-auto ml-auto px-2" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().deleteParameterRow(this);" > <i class="fa p-1 fa-trash text-danger"><\/i> <\/a> <\/div><\/li>')}let ut="user";if(ut=s.WidgetLayoutId==0?"user":s.WidgetLayoutName,p=ut.toLowerCase(),$("#userDefinedDiv, #DetailDiv, #KPIDiv, #ListDiv").addClass("hidden"),RegExp("user").test(p)){$("#txt_WidgetUrlFile").val(s.WidgetUrl);$("#option-back").removeClass("hidden");$(".ReportDiv").addClass("hidden").find("#ddlReport").removeClass("required");$('#bldrHeaderNavTabs .nav-link[href!="tab_preview"]').addClass("hidden");$("#Preview-Designs").removeClass("hidden");$(".userDesignedURL").removeClass("hidden");$("#ddlheight").removeClass("required");$("#frmUnibase_widgetBuilderAppearance").find(".card-header").addClass("d-none").removeClass("d-flex");$("#editFontSection").addClass("d-none").removeClass("d-flex");r==0&&($("#ddlwidthOnEdit").children().addClass("d-none"),$("#ddlwidthOnEdit").addClass("d-none").removeClass("d-flex flex-column"));r!=0&&$("#kpiheight").children().addClass("d-none");$("#ddlWidgetDesign").removeClass("required");let n=[];n=s.WidgetUrl.toString().split(",");ft=n[1]+".init('designsPreviewAppend');";b=o.defautSettings.filter(function(n){return n.widgetdesignid===20210628});b[0].mode="Create_Mode";o.fileCacheHelper.loadJsFile(n[0],function(){eval(ft)})}RegExp("detail").test(p)&&($("#DetailDiv").removeClass("hidden"),$("#ddlheight").removeClass("required"),r==0&&($("#ddlwidthOnEdit").children().addClass("d-none"),$("#ddlwidthOnEdit").addClass("d-none").removeClass("d-flex flex-column")),r!=0&&$("#kpiheight").children().addClass("d-none"),n.Platform.Widgets.Managers.WidgetManager.Instance().getDetailWidget(i).then(function(i){var r=i.result,b=JSON.parse(i.result.CssProperty),s,h,u,c,l,a,v,y;for($("#ddlColumns").empty(),$(".sortable").empty(),r.ReportId!=0&&$("#ddlReport").append('<option value="'+r.ReportId+'">'+r.ReportName+"<\/option>"),jQuery("#ddlReport").val(r.ReportId).trigger("change"),$.when(n.Platform.Analytics.Managers.ReportManager.Instance().getColumns(r.ReportId)).done(function(t){if(t.result!=null){let e="<option value=''>Select Column<\/option>";for(let o=0;o<t.result.length;o++){var i=t.result[o],r=n.Widgets.Widget_Template.Instance().loadReportColumnDropdownTemplate(),u=Handlebars.compile(r),f={ReportColumnId:i.ReportColumnId,ReportColumnName:i.ReportColumnName};e+=u(f)}$("#ddlColumns").html(e)}}),$("#txt_DetaillinkURL").val(r.LinkUrl),r.Icon!=null&&(s=r.Icon.substring(6),h=$("#ddlDetailIcon").find("option:contains('"+s+"')").val(),$("#ddlDetailIcon").val(h).trigger("change.select2")),u=0;u<r.DetailsWidgetProperties.length;u++)c=r.DetailsWidgetProperties[u].ConverterType==1?"Round Number":r.DetailsWidgetProperties[u].ConverterType==2?"Local Date":"None",l=r.DetailsWidgetProperties[u].Value.match("{{(.*)}}"),$(".sortable").append('<li class="list-group-item border-0 column-item ui-sortable-handle bg-light my-2 p-2 d-flex justify-content-between" id="columnId_'+(u+1)+'"> <span class="font-15 d-flex align-items-center text-dark "> <i class="fa fa-sort mr-2"><\/i> '+r.DetailsWidgetProperties[u].Label+'<\/span> <span class="pull-left media-xs mr-30 hidden"> <i class="fa fa-sort text-muted fa mr-10"><\/i> <span id="row5" class="text-dark rowNum">'+(u+1)+'<\/span> <\/span><div class="d-flex flex-row"> <span id="edit_row " class="px-2 my-auto fa fa-pencil text-dark" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().EditReportColumnRow(this)"><\/span> <span id="delete_row" class="px-2 my-auto fa fa-times fa-lg text-danger border-left border-2 text dark" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().deleteReportColumnRow(this)"><\/span><\/div><div class="clear hidden"><div class="stageheading"> <input type="hidden" id="row0" value="'+r.DetailsWidgetProperties[u].DetailsWidgetPropertyId+'" /> <input type="hidden" id="ConverterType" value="'+r.DetailsWidgetProperties[u].ConverterType+'" /> <input type="hidden" id="row6" value="'+r.DetailsWidgetProperties[u].ConverterValue+'"> <label class="col-sm-2" id="row1">'+l[1]+'<\/label> <label class="col-sm-2 mr-10" id="row2">'+c+'<\/label> <label class="col-sm-3" id="row3">'+r.DetailsWidgetProperties[u].Label+'<\/label> <label class="col-sm-2" id="row4">'+r.DetailsWidgetProperties[u].HyperLink+"<\/label><div><\/div><\/li>");k.push({WidgetName:$("#txt_WidgetName").val(),PortletWidgetId:2250});var p=o.defautSettings.filter(function(n){return n.WidgetDesignName===o.widgetDesignNameRes}),w=JSON.parse(p[0].defaultsettings).classname,f=new n.Themes.Compact.DetailWidgets[w];if(o.widgetDesignNameRes=="Details_Custom"){let n=[];n.push({DetailContainerId:"",InstalledAppId:0,PortletWidgetId:2250,ReportId:t.result.ReportId,StaticJsPath:t.result.StaticJsPath,WidgetId:0,WidgetName:i.result.WidgetName,WidgetParameters:t.result.Parameter});a=f.html(n,"containerId",null);$("#designsPreviewAppend").html(a);f.loadData(n,"containerId",null)}else v=f.html(k,0),$("#designsPreviewAppend").html(v),f.loadResponseData(2250,"designsPreviewAppend",g,e);$(`${"li.KPIDesigns"}[data-designs="${o.widgetDesignNameRes}"]`).append('<div class="d-flex justify-content-end"><span class="bg-success rounded-circle p-1 position-absolute mr-2" style="margin-top:-40px;"><i class="la la-check font-24 text-white"><\/i><\/span><\/div>');$("#layoutDetails").append('<span class="bg-success mt-180 rounded-circle p-1 position-absolute"><i class="la la-check font-24 text-white"><\/i><\/span>');y=o.defautSettings.filter(function(n){return n.widgetdesignid===20210628});y[0].mode="Create_Mode"}));RegExp("kpi").test(p)&&($("#KPIDiv").removeClass("hidden"),r==0&&($("#ddlwidthOnEdit").children().addClass("d-none"),$("#ddlwidthOnEdit").addClass("d-none").removeClass("d-flex flex-column")),$(".font-Family-section").addClass("d-none").removeClass("d-flex flex-column"),n.Platform.Widgets.Managers.WidgetManager.Instance().getKPIWidget(i).then(function(t){var r=t.result,d=[],u=[],v,g,s,y,f,a,w,k;if(d=r.Selected_Columns.split(","),r.Selected_Columns_Labels==null||r.Selected_Columns_Labels==undefined)u.push(["Label-1","Label-2","Label-3"]);else u=r.Selected_Columns_Labels.split(",");if(r.KpiSetting!=""&&r.KpiSetting!=""&&r.KpiSetting!=undefined){let t=[],n=[],i=1;t=JSON.parse(r.KpiSetting)[0].DataType.split(",");n=JSON.parse(r.KpiSetting)[0].IsRoundOff.split(",");for(let r=0;r<n.length;r++)t[r]!=""&&t[r]!=null&&t[r]!=undefined&&$("#kpidataType_"+(r+i)).val(t[r]),n[r]!=""&&n[r]!=null&&n[r]!=undefined&&n[r]=="true"&&$("#kpi_isroundoff_"+(r+i)+'[type="checkbox"]').attr("checked","true")}if($("#txt_KPIlinkURL").val(r.LinkUrl),r.Color!=null&&r.Color!=""&&(v=$("#ddlKPIColor").find("option:contains('"+r.Color+"')").val(),$("#ddlKPIColor").append('<option value="'+v+'">'+r.Color+"<\/option>")),r.Icon!=null&&r.Icon!=""){$("#hf_KPIIconPath").val(r.Icon);g=new n.Platform.Helpers.File;o.ImageData={FileName:r.FileName,FileType:r.FileType,FileData:r.FileData,FilePath:r.Icon};$("#txt_KPIImageFile").css({color:"transparent",height:"40px",width:"100px"});$("#lblKPIImage2").removeClass("hidden");$("#div_WidgetKPIImageFile").addClass("floating-label-form-group-with-value");s=r.Icon.split("/");y=s[s.length-1];let t='<span class="d-flex justify-content-between"><span>'+y+'<\/span><a href="javascript:;" class="ml-2 delete-icon-kpi text-danger"><i class="las la-times"><\/i><\/a><\/span>';$("#lblKPIImage2").html(t);$(".delete-icon-kpi").on("click",function(){$(this).parent().addClass("invisible");n.Platform.Widgets.Components.Widget.Instance().ImageData=undefined})}if(h==undefined||h==0?(h=r.KpiHeight,$("#ddlheight").val(h.replace(/px/g,""))):$("#ddlheight").val(h),r.LinkReportId!=0&&r.LinkReportId!=null&&($("#ddlLinkReportId").append('<option value="'+r.LinkReportId+'">'+r.LinkReportName+"<\/option>"),jQuery("#ddlLinkReportId").val(r.LinkReportId)),r.ReportId!=0&&($("#ddlReport").append('<option value="'+r.ReportId+'">'+r.ReportName+"<\/option>"),jQuery("#ddlReport").val(r.ReportId).trigger("change")),f=r.Selected_Columns,f!=null||f!="")var c=f.split(","),l=c[0],p=c[1],nt=c[2];$.when(n.Platform.Analytics.Managers.ReportManager.Instance().getColumns(r.ReportId)).done(function(t){if(t.result!=null){let u="<option value=''>Select Column<\/option>";for(let o=0;o<t.result.length;o++){var i=t.result[o],r=n.Widgets.Widget_Template.Instance().loadReportColumnDropdownTemplate(),f=Handlebars.compile(r),e={ReportColumnId:i.ReportColumnId,ReportColumnName:i.ReportColumnName};u+=f(e)}$("#ddlColumns").html(u);$("#ddlSelectedValue_1").html(u);$("#ddlSelectedValue_2").html(u);$("#ddlSelectedValue_3").html(u)}$("#ddlWidgetDesign option:selected").text()=="KPI_Default"||$("#ddlWidgetDesign option:selected").text()=="KPI_Icon"||$("#ddlWidgetDesign option:selected").text()=="KPI_KPISingleValueWithborder"||$("#ddlWidgetDesign option:selected").text()=="KPI_Left_Bar_color_Icon"||$("#ddlWidgetDesign option:selected").text()=="KPI_Icon_Bg_Color"?($("#div_Value1").removeClass("hidden"),$("#div_Value2").addClass("hidden"),$("#div_Value3").addClass("hidden"),$("#ddlSelectedLabelValue_1").parent().addClass("hidden"),$("#ddlSelectedValue_1 option").removeAttr("selected"),$("#ddlSelectedValue_1").val($("#ddlSelectedValue_1 option[data-table="+l+"]").attr("value"))):$("#ddlWidgetDesign option:selected").text()=="KPI_TwoValue"||$("#ddlWidgetDesign option:selected").text()=="KPI_KPISingleValueWithPercentage"||$("#ddlWidgetDesign option:selected").text()=="KPI_TwoValue_BottomBar_color"||$("#ddlWidgetDesign option:selected").text()=="KPI_TwoValue_BgColor"||$("#ddlWidgetDesign option:selected").text()=="KPI_TwoValue_LineCenter"||$("#ddlWidgetDesign option:selected").text()=="KPI_TwoValue_PieIcon"||$("#ddlWidgetDesign option:selected").text()=="KPI_KPISingleValueWithPercentage_ProgressBar"||$("#ddlWidgetDesign option:selected").text()=="KPI_KPISingleValueWithPercentage_BgColor"||$("#ddlWidgetDesign option:selected").text()=="KPI_KPISingleValueWithPie_Icon"?($("#div_Value1").removeClass("hidden"),$("#div_Value2").removeClass("hidden"),$("#div_Value3").addClass("hidden"),$("#ddlWidgetDesign option:selected").text()=="KPI_TwoValue_BgColor"&&$("#ddlSelectedLabelValue_2").parent().addClass("hidden"),$("#ddlWidgetDesign option:selected").text()=="KPI_TwoValue_BottomBar_color"&&$("#ddlSelectedLabelValue_2").parent().addClass("hidden"),($("#ddlWidgetDesign option:selected").text()=="KPI_KPISingleValueWithPercentage_ProgressBar"||$("#ddlWidgetDesign option:selected").text()=="KPI_KPISingleValueWithPercentage_BgColor")&&($("#ddlSelectedLabelValue_1").parent().addClass("hidden"),$("#ddlSelectedLabelValue_2").parent().addClass("hidden")),$("#ddlSelectedValue_1 option").removeAttr("selected"),$("#ddlSelectedValue_1").val($("#ddlSelectedValue_1 option[data-table="+l+"]").attr("value")),$("#ddlSelectedValue_2 option").removeAttr("selected"),$("#ddlSelectedValue_2").val($("#ddlSelectedValue_2 option[data-table="+p+"]").attr("value"))):$("#ddlWidgetDesign option:selected").text()=="KPI_Comparison"||$("#ddlWidgetDesign option:selected").text()=="KPI_ComparisonRightBar_color"||$("#ddlWidgetDesign option:selected").text()=="KPI_ComparisonBottomBar_Color"||$("#ddlWidgetDesign option:selected").text()=="Kpi_fulfillment"?($("#div_Value1").removeClass("hidden"),$("#div_Value2").removeClass("hidden"),$("#div_Value3").removeClass("hidden"),$("#ddlWidgetDesign option:selected").text()=="Kpi_fulfillment"?($("#ddlSelectedLabelValue_1").parent().removeClass("hidden"),$("#ddlSelectedLabelValue_2").parent().removeClass("hidden"),$("#ddlSelectedLabelValue_3").parent().removeClass("hidden")):($("#ddlSelectedLabelValue_2").parent().addClass("hidden"),$("#ddlSelectedLabelValue_3").parent().addClass("hidden")),$("#ddlSelectedValue_1 option").removeAttr("selected"),$("#ddlSelectedValue_1").val($("#ddlSelectedValue_1 option[data-table="+l+"]").attr("value")),$("#ddlSelectedValue_2 option").removeAttr("selected"),$("#ddlSelectedValue_2").val($("#ddlSelectedValue_2 option[data-table="+p+"]").attr("value")),$("#ddlSelectedValue_3 option").removeAttr("selected"),$("#ddlSelectedValue_3").val($("#ddlSelectedValue_3 option[data-table="+nt+"]").attr("value"))):($("#div_Value1").addClass("hidden"),$("#div_Value2").addClass("hidden"),$("#div_Value3").addClass("hidden"),$("#ddlSelectedLabelValue_1").parent().addClass("hidden"),$("#ddlSelectedLabelValue_2").parent().addClass("hidden"),$("#ddlSelectedLabelValue_3").parent().addClass("hidden"));$("#ddlSelectedLabelValue_1").val(u[0]);$("#ddlSelectedLabelValue_2").val(u[1]);$("#ddlSelectedLabelValue_3").val(u[2])});a=[];w={WidgetId:i,PortletWidgetId:2250,InstalledAppId:0,InputParameters:[],FromDate:n.Platform.Helpers.NavigationHelper.commonFilter_FromDate,ToDate:n.Platform.Helpers.NavigationHelper.commonFilter_ToDate};a.push({WidgetName:$("#txt_WidgetName").val(),PortletWidgetId:2250});var tt=o.defautSettings.filter(function(n){return n.WidgetDesignName===o.widgetDesignNameRes}),it=JSON.parse(tt[0].defaultsettings).classname,b=new n.Themes.Compact.KpiWidgets[it],rt=b.html(a,0);$("#designsPreviewAppend").html(rt);b.loadResponseData(2250,"designsPreviewAppend",w,e);n.Platform.Widgets.Components._Widget.Instance().KpiCode();$(`${"li.KPIDesigns"}[data-designs="${o.widgetDesignNameRes}"]`).append('<div class="d-flex justify-content-end"><span class="bg-success rounded-circle p-1 position-absolute mr-2" style="margin-top:-40px;"><i class="la la-check font-24 text-white"><\/i><\/span><\/div>');$("#layoutKPI").append('<span class="bg-success mt-180 rounded-circle p-1 position-absolute"><i class="la la-check font-24 text-white"><\/i><\/span>');k=o.defautSettings.filter(function(n){return n.widgetdesignid===20210628});k[0].mode="Create_Mode"}));RegExp("report").test(p)&&(r==0&&($("#ddlwidthOnEdit").children().addClass("d-none"),$("#ddlwidthOnEdit").addClass("d-none").removeClass("d-flex flex-column"),$("#frmUnibase_widgetBuilderAppearance").find(".card-header").addClass("d-none").removeClass("d-flex"),$("#editFontSection").addClass("d-none").removeClass("d-flex"),$("#kpiheight").removeClass("hidden")),r!=0&&$("#kpiheight").children().addClass("d-none"),$("#frmUnibase_widgetBuilderAppearance").find(".card-header").addClass("d-none").removeClass("d-flex"),$("#editFontSection").addClass("d-none").removeClass("d-flex"),$("#ddlReport").append('<option value="'+s.ReportId+'">'+s.ReportName+"<\/option>"),jQuery("#ddlReport").val(s.ReportId).trigger("change"),$(`${"li.KPIDesigns"}[data-designs="${o.widgetDesignNameRes}"]`).append('<div class="d-flex justify-content-end"><span class="bg-green-dark-2 mr-2 p-1 position-absolute rounded-circle" style="margin-top: -74px;"><i class="la la-check font-24 text-white"><\/i><\/span><\/div>'),$("#layoutChartReport").append('<span class="bg-success mt-180 rounded-circle p-1 position-absolute"><i class="la la-check font-24 text-white"><\/i><\/span>'),et=n.Platform.Analytics.Components.ReportViewer.Instance(),setTimeout(function(){o.navigationHelper.popin(Number(s.ReportId),"designsPreviewAppend",et,null)},200));(RegExp("detail").test(p)||RegExp("kpi").test(p)||RegExp("report").test(p))&&(ot="",n.Platform.Widgets.Managers.WidgetManager.Instance().getAppConfigurationsByWidgetId(i,r).then(function(t){var i,f,e,s,h,c,a,v;for(l=t.result,$(".configsortable").empty(),i=0;i<l.length;i++){$("#AppConfigurationDiv").removeClass("hidden");let t=u.Instance().addAppConfiguration(r);$("#hf_AppConfigurationUniqueId_"+t+"").val(l[i].UniqueId);$("#hf_AppConfigurationId_"+t+"").val(l[i].AppConfigurationId);$("#txt_SettingName_"+t+"").val(l[i].SettingName);$("#txt_SettingURL_"+t+"").val(l[i].SettingUrl);f=new Option(n.Platform.Permissions.Enums.PermissionLevel[l[i].Permission],l[i].Permission.toString(),!0);$("#ddlPermission_"+t+"").append(f);$("#ddlPermission_"+t+"").val(l[i].Permission.toString()).trigger("change.select2");e=new Option(n.Platform.Apps.Enums.AppConfigeType[l[i].AppConfigType],l[i].AppConfigType.toString(),!0);$("#ddlAppConfigType_"+t+"").append(e);$("#ddlAppConfigType_"+t+"").val(l[i].AppConfigType.toString()).trigger("change");l[i].Icon!=null&&($("#ddlAppConfigIcon_"+t+"").append('<option value="'+l[i].Icon+'">'+l[i].Icon+"<\/option>"),$("#ddlAppConfigIcon_"+t+"").val(l[i].Icon).trigger("change.select2"));s=new Option(n.Platform.Apps.Enums.SettingUrlType[l[i].SettingUrlType],l[i].SettingUrlType.toString(),!0);l[i].LinkDashboardId!=0&&(h=new Option(l[i].DashboardName,l[i].LinkDashboardId.toString(),!0),$("#ddlDashboard_"+t+"").append(h));l[i].LinkDashboardGroupId!=0&&(c=new Option(l[i].DashboardGroupName,l[i].LinkDashboardGroupId.toString(),!0),$("#ddlDashboardGroup_"+t+"").append(c));$("#ddlSettingUrlType_"+t+"").append(s);$("#ddlSettingUrlType_"+t+"").trigger("change");$("#ddlFormSize_"+t+" option:nth("+l[i].FormSize+")").prop("selected","selected");$("#chkIsDefault_"+t+"").prop("checked",l[i].IsDefault);$("#chkUngrouped_"+t+"").prop("checked",l[i].Ungrouped);$("#chkExcludeFromLock_"+t+"").prop("checked",l[i].ExcludeFromLock);$("#summernote_JsFunction_"+t+"").val(HtmlHelper.getHelper().decode(l[i].JsFunction));$("#Index_"+t+"").text(l[i].PropertyIndex);l[i].LinkWidgetId!=0&&l[i].LinkWidgetId!=null&&n.Platform.Widgets.Managers.WidgetManager.Instance().getWidget(l[i].LinkWidgetId).then(function(n){$("#hfWidgetsAutoComplete_"+t).val(n.result.WidgetId);$("#ddlWidgets_"+t).append('<option value="'+n.result.WidgetId+'">'+n.result.WidgetName+"<\/option>").val(l[i].LinkWidgetId).trigger("change")});a=$("#ddlAppConfigType_"+t+" option:selected").text();o.fileCacheHelper.loadJsFile("platform/forms/managers/formmanager.js",function(){n.Platform.Forms.Managers.FormManager.Instance().getFormRoles(l[i].AppConfigurationId).then(function(i){var r,e;if(i.result.length>0)for(r=0;r<i.result.length;r++){e=i.result[r];$("#autocomplete_Form_"+t+"").append('<option value="'+i.result[r].FormId+'">'+i.result[r].FormName+"<\/option>");$("#autocomplete_role_"+t+"").append('<option value="'+i.result[r].RoleId+'">'+e.RoleName+"<\/option>");$("#autocomplete_Form_"+t+"").val(i.result[r].FormId).trigger("change");$("#autocomplete_role_"+t+"").val(i.result[r].RoleId).trigger("change");var u=Number($("#autocomplete_Form_"+t+"").val()),f=Number($("#autocomplete_role_"+t+"").val()),o=$("#autocomplete_Form_"+t+" option:selected").text(),s=$("#autocomplete_role_"+t+" option:selected").text(),h=n.Platform.Widgets.Components.Widget.Instance().loadrolesdata(u,o,f,s,0,t,i.result[r].FormRoleId);$(".div_formrole_"+t+"").append(h);n.Platform.Widgets.Components.Widget.Instance().javaScript(u,f,t,i.result[r].JsText);$("#appconfiguration_javascript_"+u+"_"+f+"_"+t+"").summernote("code",i.result[r].JsText)}})});v=$("#ddlFormUniqueKey_"+t+" option:selected").text();n.Platform.Apps.Managers.AppManager.Instance().getInstallApp(l[i].InstalledAppId).then(function(n){$("#ddlFormInstallAppId_"+t+"").append('<option value="'+n.result.InstalledAppId+'">'+n.result.AppTitle+"<\/option>");$("#ddlFormInstallAppId_"+t+"").val(n.result.InstalledAppId)});o.fileCacheHelper.loadJsFile("platform/apps/managers/appmanager.js",function(){n.Platform.Apps.Managers.AppManager.Instance().getAppPermission(l[i].AppPermissionId).then(function(n){n.result!=null&&$("#txt_RoleSetting_"+t+"").append('<option value="'+n.result.AppPermissionId+'">'+n.result.SettingName+"<\/option>")})});$("#txt_SettingDesignhtml_"+t).val(HtmlHelper.getHelper().decode(l[i].SettingDesignHtml));$("#txt_DynamicJs_"+t).val(HtmlHelper.getHelper().decode(l[i].DynamicJs));$(".AppConfig_"+t+"").find(".roleSettingDiv").find("#hfRoleSettingValue_"+t+"").val(l[i].RoleSetting);$(".configsortable").append('<li class="list-group-item box-shadow column-configitem ui-sortable-handle" id="AppConfigId_'+t+'"><span class="pull-left media-xs mr-30"><i class="fa fa-sort text-muted fa mr-10"><\/i><span id="Index_'+t+'" class="text-dark rowNum">'+t+'<\/span><\/span><div class="clear"><div class="stageheading"><input type="hidden" id="row0" value="0" /> <label class="col-sm-4" id="row1">'+l[i].SettingName+'<\/label><label class="col-sm-3" id="row2">'+a+'<\/label><label class="col-sm-3" id="row3">'+v+'<\/label><span class="col-sm-1"><span id="delete_AppConfigrow" class="btn fa fa-times fa-lg text-danger"><\/span><\/span><\/li>');$("#AppConfigNames").append('<li class="d-flex flex-column bg-light my-3 p-2 rounded-2 liclassId" id="li_'+t+'"> <div class="d-flex flex-row text-dark biz-adj-drawer-wrap w-100"> <span class="border-bottom border-dashed border-dark w-70 text-truncate p-1">'+l[i].SettingName+'<\/span> <a href="javascript:void(0);" data-target="adj_drawer_configuration" data-clickevent="parameter" class="ml-auto my-auto px-2 EditAppConfiguration" data-lengthedit="3" id="edit_icon_3" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().EditAppConfiguration('+r+","+t+');"> <i class="fa p-1 fa-edit text-dark"><\/i> <\/a> <a href="javascript:void(0);" class=" my-auto border-left px-2 DeleteAppConfiguration" onclick="Unibase.Platform.Widgets.Components.Widget.Instance().DeleteAppConfiguration('+r+","+t+');"> <i class="fa p-1 fa-trash text-danger"><\/i> <\/a> <\/div><\/li>')}}));o.backOption=="Mode-2"&&(b=o.defautSettings.filter(function(n){return n.widgetdesignid===20210628}),b[0].mode="Create_Mode",$("#layout-tab").addClass("hidden"),$("#kpi-design-tab").addClass("hidden"),$("#Preview-Designs").removeClass("hidden").click(),$("#option-back").removeClass("hidden"))})})},t.Helpers.Size.ExtraLarge)}InstalledAppInfo(t){var i,r;let u=[],f=[],e=[];if(u.length>0)for(i=0;i<u.length;i++)f.push(u[i].id);if(t!=null&&t!=""){if(t.length>0)for(i=0;i<t.length;i++)f.push({text:t[i].AppTitle,id:t[i].InstalledAppId}),e.push(t[i].InstalledAppId);u=f}r=n.Platform.Membership.Infos.Identity.getCurrentUser();let o=_appsettings.server_url()+"/apis/v4/unibase/platform/apps/installedappautocomplete/";$("#ddlAppProviders").select2({placeholder:"Select ",data:u,tags:!0,multiple:!0,ajax:{url:function(n){var i=o,t=n.term;return t==undefined||t==""?i+"term/"+t+"/authtoken/"+r.sessionId:i+"term/"+t+"/authtoken/"+r.sessionId},dataType:"json",delay:250,data:function(n){return{term:n.term,type:"GET"}},beforeSend:function(n){r!==undefined&&r!==null&&(n.setRequestHeader("Authorization","Basic "+r.sessionId),n.setRequestHeader("geoposition",r.latd+":"+r.lgId))},processResults:function(n){return{results:jQuery.map(JSON.parse(n.result),function(n){return{id:n.Value,text:n.SelectText,addlInfo:n.addlData}})}}},templateSelection:function(n){return $("<span>"+n.text+'<\/span> <input type="hidden" id="hf_AutocompleteId" value="'+n.id+'">')}});jQuery("#ddlAppProviders").val(e).trigger("change")}AppConfig_InstalledAppInfo(t,i){var r,u;let f=[],e=[],o=[];if(f.length>0)for(r=0;r<f.length;r++)e.push(f[r].id);if(t!=null&&t!=""){if(t.length>0)for(r=0;r<t.length;r++)e.push({text:t[r].AppTitle,id:t[r].InstalledAppId}),o.push(t[r].InstalledAppId);f=e}u=n.Platform.Membership.Infos.Identity.getCurrentUser();let s=_appsettings.server_url()+"/apis/v4/unibase/platform/apps/installedappautocomplete/";$("#ddlFormInstallAppId_"+i).select2({placeholder:"Select ",data:f,tags:!1,multiple:!1,ajax:{url:function(n){var i=s,t=n.term;return t==undefined||t==""?i+"term/"+t+"/authtoken/"+u.sessionId:i+"term/"+t+"/authtoken/"+u.sessionId},dataType:"json",delay:250,data:function(n){return{term:n.term,type:"GET"}},beforeSend:function(n){u!==undefined&&u!==null&&(n.setRequestHeader("Authorization","Basic "+u.sessionId),n.setRequestHeader("geoposition",u.latd+":"+u.lgId))},processResults:function(n){return{results:jQuery.map(JSON.parse(n.result),function(n){return{id:n.Value,text:n.SelectText,addlInfo:n.addlData}})}}},templateSelection:function(n){return $("<span>"+n.text+'<\/span> <input type="hidden" id="hfFormInstalledappAutocomplete_'+i+'" value="'+n.id+'">')}});jQuery("#ddlFormInstallAppId_"+i).val(o).trigger("change")}exportWidgetByWidgetId(t){var i=this;n.Platform.Helpers.NavigationHelper.Instance().showLoading();n.Platform.Widgets.Managers.WidgetManager.Instance().getWidget(t).then(function(r){n.Platform.Widgets.Managers.WidgetManager.Instance().exportWidgetByWidgetId(t).then(function(t){if(t.status==n.Data.Status.Error){n.Themes.Providers.DetailHelper.installedAppId!=0?$("#div_message").html(`<div id="Bizgaze-messageInfo" class="Bizgaze-messageInfo alert alert-danger m-1 mb-0 ml-auto position-absolute w"><strong>Error! </strong>${t.message}</div>`):$("#bizgaze_message").html(`<div id="Bizgaze-messageInfo" class="Bizgaze-messageInfo alert alert-danger m-1 mb-0 ml-auto position-absolute w" style="z-index: 1011;left: 240px; right: 0;"><strong>Error! </strong>${t.message}</div>`);i.navigationHelper.hideLoading();$(".Bizgaze-messageInfo").on("click",function(){$(this).remove()})}else if(r.result!=null&&r.result!=undefined&&t.result!=null&&t.result!=undefined){var f=r.result.WidgetName+" - Widget.xml",e=t.result,u=document.createElement("a"),o=new Blob([e],{type:"text/plain"});u.setAttribute("href",window.URL.createObjectURL(o));u.setAttribute("download",f);u.dataset.downloadurl=["text/plain",u.download,u.href].join(":");u.draggable=!0;u.classList.add("dragout");u.click()}n.Platform.Helpers.NavigationHelper.Instance().hideLoading()})})}importWidget(i,r){var f=this,u=_appsettings.server_url()+"/apis/v4/unibase/platform/Widgets/importwidget/np";t.Helpers.FileHelper.Instance().upload(u,r).then(function(t){t.status==n.Data.Status.Error?MessageHelper.Instance().showError(t.message,"div_importmessage"):(MessageHelper.Instance().showSuccess(t.message,"div_importmessage"),$("#"+i).modal("hide"),$("#"+i).remove());n.Platform.Helpers.NavigationHelper.Instance().hideLoading()})}static Instance(){return this._instance===undefined&&(this._instance=new n.Platform.Widgets.Components.Widget),this._instance}}u.formroles=[];r.Widget=u})(r=i.Components||(i.Components={}))})(i=t.Widgets||(t.Widgets={}))})(t=n.Platform||(n.Platform={}))})(Unibase||(Unibase={}));