sriramphanib
/
WebBuild
關注 1
收藏 0
複製 0
程式碼 問題 0 合併請求 0 版本發佈 0 Wiki 活動
Built files from Bizgaze WebServer
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
7 提交
1 分支
分支: master
分支列表 標籤
${ item.name }
建立分支 ${ searchTerm }
從 'master'
${ noResults }
WebBuild/wwwroot/platform/bundle/index.themes.builder.min.js

index.themes.builder.min.js 72KB
永久連結 歷史記錄 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454 
  1. var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator["throw"](value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})},Unibase;(function(Unibase){let Platform;(function(Platform){let Layouts;(function(Layouts){let Components;(function(Components){class LayoutBuilder extends Unibase.Platform.Core.BaseComponent{constructor(){super(...arguments);this.ThemeId=0;this.activeMode="";this.Thumbnail="";this.BackgroundImageId=0;this.modes=[];this.layoutSettings=[];this.isLayoutSettingsModified=!1;this.Logo=Unibase.Themes.Compact.Components.Index.Instance().Logo;this.isModeButtonClicked=!1;this.backgroundImageSimplebar=".layoutbuilder-simple-scroll-bar .simplebar-content-wrapper";this.primaryItem="#myColorTabContent #primary .colors-wrap .color-box";this.secondaryItem="#myColorTabContent #secondary .colors-wrap .color-box";this.highLightItem="#myColorTabContent #highlight .colors-wrap .color-box";this.primaryTextItem="#myTextColorTabContent #primaryText .colors-wrap .color-box";this.secondaryTextItem="#myTextColorTabContent #secondaryText .colors-wrap .color-box";this.buttonMode="#dipsplay-modes-section .buttons-wrap button.mode-btn";this.customModeInputSection="#dipsplay-modes-section .custom-mode-section .custom-mode-input-section";this.customModeInput="#dipsplay-modes-section .custom-mode-section input.custom-mode-input";this.layoutElement=".layout-builder #menu-layouts .card-body .row.layout-row a";this.detailsViewElement=".layout-builder #detail-list-view .card-body .row.detail-row a";this.backgroundImageElement=".layout-builder #background-image-view .card-body .row a";this.logoElementLeft=".layout-builder-dashboard .biz-submenu .brand-img";this.logoElementTop=".layout-builder-dashboard .top-navbar .brand-img";this.defaultDisplayModes=[];this.instance=this}cssFiles(){return["libs/dragula/dist/style.css","platform/layout/components/layoutbuilder/style.layoutbuilder.css","libs/spectrum-2.0.8/dist/spectrum.css"]}jsFiles(){return["platform/layout/managers/themelayoutmanager.js","libs/dragula/dist/dragula.min.js","libs/dragula/dist/init.js","libs/spectrum-2.0.8/dist/spectrum.js",]}html(){var instance=this;return Unibase.Platform.Layouts.Components.LayoutBuilder_Template.Instance().loadTemplate()}load(formId,containerid,callback){$(".color-pickr-container").each((index,picker)=>{let colorType=$(picker).attr("data-name");$(`.sp-container.${colorType}`).remove()});let instance=this;instance.isLayoutSettingsModified=!1;instance.isModeButtonClicked=!1;$(".btn-layout-builder-close").click(function(){$(".biz-wrapper").removeClass(".biz-drawer-push biz-drawer-pushright");$("#"+containerid).modal("hide");$("#"+containerid).remove()});instance.addDefaultDisplayModes();instance.fileCacheHelper.loadJsFile("platform/core/infos/status.js",function(){});Layouts.Managers.ThemeLayoutManager.Instance().getLayoutBuilderInfo(0,0).then(function(response){var i,elementId,divHtml;$(".preloader-it").delay(1e3).fadeIn("slow");let result=response.result;if(result!=null){instance.currentTheme=response.result.CurrentTheme;let result=response.result.LayoutInfo;for(i=0;i<result.length;i++){let curLayout=result[i],layoutId=curLayout.LayoutId;curLayout.Thumbnail=curLayout.Thumbnail.replace(".png",".svg");$(".layout-builder #menu-layouts .layout-row").append(`<a href="javascript:;" class="col-6 p-0 mb-2 pr-2 p-relative" data-id="${layoutId}" data-index="${curLayout.LayoutIndex}">

  2.                                         <img src="${curLayout.Thumbnail}" class="rounded w-100 h-100" data-dynamic="1" onerror="ReloadImage(event)" title="${curLayout.LayoutName}" />

  3. 	                                    <i class="zmdi zmdi-check"></i>

  4.                                     </a>`);let elementId="layoutPreviewHtml_"+layoutId,divHtml="<div id='"+elementId+"' class='d-none layoutpreviewhtml'> <\/div>";$(curLayout.AppendTo).prepend(divHtml);curLayout.PreviewHtml.includes("%3")?$("#"+elementId).append(HtmlHelper.getHelper().decode(curLayout.PreviewHtml)):$("#"+elementId).append(curLayout.PreviewHtml)}if(result=response.result.LayoutSettings,result){instance.layoutSettings=[];for(let i=0;i<result.length;i++){let layoutSetting=result[i],layoutSettingObj={LayoutId:layoutSetting.LayoutId,SettingValue:layoutSetting.SettingValue,logoImgUrl:layoutSetting.LogoImageUrl,IsOverrideLogo:layoutSetting.IsOverrideLogo};instance.layoutSettings.push(layoutSettingObj)}}for($(instance.layoutElement).click(function(){$(instance.layoutElement).removeClass("active");$(this).addClass("active");let id=Number($(this).attr("data-id"));instance.LayoutId=id;let elementId="layoutPreviewHtml_"+id;$(".layoutpreviewhtml").addClass("d-none");$("#"+elementId).removeClass("d-none");$(".layout-builder-dashboard").removeClass("biz-layout-3-preview");let layoutIndex=Number($(this).attr("data-index"));layoutIndex==3&&$(".layout-builder-dashboard").addClass("biz-layout-3-preview");instance.isLayoutSettingsModified?bootbox.confirm({message:"Do you want to save previous layout settings?",className:"layout-builder-bootbox",callback:function(result){result?(instance.getLayoutSettings(),MessageHelper.Instance().showSuccess("Layout Settings Saved!",""),instance.appendLayoutSettings(id)):(instance.logoFileData=null,instance.appendLayoutSettings(id));instance.isLayoutSettingsModified=!1}}):instance.appendLayoutSettings(id)}),result=response.result.DetailViewInfo,i=0;i<result.length;i++){let viewLayout=result[i],id=viewLayout.DetailsViewId;$(".layout-builder #detail-list-view .detail-row").append(`<a href="javascript:;" class="col-6 p-0 mb-2 pr-2 p-relative" data-id="${id}">	                                    

  5.                                         <img src="${viewLayout.Thumbnail}" class="rounded w-100 h-100" data-dynamic="1" onerror="ReloadImage(event)" title="${viewLayout.DetailsViewName}" />

  6. 	                                    <i class="zmdi zmdi-check"></i>

  7.                                     </a>`);elementId="detailsViewPreviewHtml_"+id;divHtml="<div id='"+elementId+"' class='d-none detailsviewpreviewhtml'> <\/div>";$(".layout-builder-dashboard #bizgaze_body .biz-wrapper .biz-pg-wrapper ._bizgaze_detail_container").append(divHtml);$("#"+elementId).append(viewLayout.PreviewHtml)}$(instance.detailsViewElement).click(function(){$(instance.detailsViewElement).removeClass("active");$(this).addClass("active");let id=Number($(this).attr("data-id"));instance.viewId=id;let elementId="detailsViewPreviewHtml_"+id;$(".detailsviewpreviewhtml").addClass("d-none");$("#"+elementId).removeClass("d-none")});$(".isStructSettingsEnableChk").on("click",function(){var msg,enable;enable=!$(".isStructSettingsEnableChk").prop("checked");msg=$(".isStructSettingsEnableChk").prop("checked")?"Are you sure enable structures in apps or details page ?":"Are you sure? Do you want to disable structures? <br><br> All structures and layouts of widgets will be missing.You need to reconfigure.";bootbox.confirm({message:msg,closeButton:!1,buttons:{confirm:{label:"OK",className:"btn-success"},cancel:{label:"Cancel",className:"btn-danger"}},callback:function(result){return __awaiter(this,void 0,void 0,function*(){result?$(".isStructSettingsEnableChk").prop("checked",$(".isStructSettingsEnableChk").prop("checked")):$(".isStructSettingsEnableChk").prop("checked",enable)})}})});$(".isStructSettingsEnableChk").prop("checked",Unibase.Themes.Compact.Components.Index.Instance().currentTheme.isstructenable);instance.loadColorPalettes();result=response.result.DisplayModesInfo;for(let i=0;i<result.length;i++){let DisplayMode=result[i],DisplayModeName=result[i].DisplayModeName;if(DisplayModeName!=null)if(DisplayModeName.toLowerCase()=="light"||DisplayModeName.toLowerCase()=="dark"){let iconClass=DisplayModeName.toLowerCase()=="light"?"fa-sun-o text-warning":"fa-moon-o";instance.appendDisplayMode(iconClass,DisplayMode)}else instance.appendDisplayMode("",DisplayMode)}instance.enableButtonModeClick();let themeobj=Unibase.Platform.Membership.Infos.Identity.currentUser.settings.find(x=>x.settingName=="themeobj").settingValue;if(themeobj!=null&&themeobj!=""&&themeobj!=undefined){instance.currentTheme=themeobj;let currentTheme=themeobj;if(instance.ThemeId=currentTheme.themeId,instance.Thumbnail=currentTheme.thumbnail,instance.BackgroundImageId=currentTheme.backgroundImageId,instance.LayoutId=currentTheme.layoutId,instance.viewId=currentTheme.detailsViewId,$(`${instance.layoutElement}[data-id="${currentTheme.layoutId}"]`).click(),$(`${instance.detailsViewElement}[data-id="${currentTheme.detailsViewId}"]`).click(),$(`${instance.buttonMode}[data-id="${currentTheme.displayModeId}"]`).click(),currentTheme!=null&&currentTheme.thumbnail!=""&&currentTheme.thumbnail!=null)if(currentTheme.thumbnail.includes("tenants\\default\\layoutbuilder\\backgroundimages")){let imageUrl=`'${instance.currentTheme.thumbnail.replace(/\\/g,"/")}'`;instance.applyBackgroundImage(imageUrl)}else Unibase.Themes.Compact.Components.Index.Instance().getImageUrl(currentTheme.thumbnail).then(function(imageUrl){instance.applyBackgroundImage(imageUrl)});$("#imagepickerThumbnail").change(function(e){let file=e;var t=file.target.files[0].type.split("/").pop().toLowerCase();if(t!="jpeg"&&t!="jpg"&&t!="png"&&t!="bmp"&&t!="gif")return MessageHelper.Instance().showError("Please select a valid image file","layoutBuilderErrMsg"),$("#imagepickerThumbnail").val(""),!1;Unibase.Platform.Helpers.FileHelper.Instance().getBase64(e).then(function(response){instance.imageUploadEffect(response);$("#imagepickerThumbnail").val("")})})}$(instance.logoElementLeft).attr("src",instance.Logo);$(instance.logoElementTop).attr("src",instance.Logo);instance.appendBackgroundImages(response.result.BackgroundImages)}$(".preloader-it").delay(1e3).fadeOut("slow");let el=$(".custom-scollable-container .simplebar-content-wrapper")[0];instance.addScrollOnDrag(el);$(".layout-builder").removeClass("d-none")});$("#dipsplay-modes-section .custom-mode-section button.custom-mode-btn").click(function(){$(instance.customModeInputSection).toggleClass("d-none");$(instance.customModeInputSection).hasClass("d-none")||$($(instance.customModeInput)[0]).focus()});$(instance.customModeInput).on("keypress",function(e){e.which==13&&instance.addDisplayMode()});callback!==null&&callback()}addDisplayMode(){let instance=this,DisplayModeName=$(instance.customModeInput).val().toString();if(DisplayModeName!=""){let isExists=!1;for(let key in instance.modes){let text=instance.modes[key].DisplayModeName.toLowerCase();if(text==DisplayModeName.toLowerCase()){isExists=!0;break}}if(!isExists){let postData={DisplayModeId:0,DisplayModeName:DisplayModeName,PrimaryColor:"black",SecondaryColor:"black",HighlightColor:"#7b6464",PrimaryTextColor:"white",SecondaryTextColor:"black"};Unibase.Platform.Layouts.Managers.ThemeLayoutManager.Instance().saveDisplayMode(postData).then(function(response){response.result!=null&&response.status==Unibase.Data.Status.Success&&(MessageHelper.Instance().showSuccess(response.message,""),instance.appendDisplayMode("",response.result),$(instance.customModeInput).val(""),$(instance.customModeInputSection).addClass("d-none"))})}}}addDefaultDisplayModes(){const instance=this;instance.defaultDisplayModes.Default={PrimaryColor:"rgb(42, 46, 51)",SecondaryColor:"rgb(232, 252, 253)",HighlightColor:"rgb(0, 176, 255)",PrimaryTextColor:"rgb(242, 231, 231)",SecondaryTextColor:'"rgb(15, 15, 15)',TransparentPrimaryColor:"rgb(42, 46, 51)"};instance.defaultDisplayModes["Pine Green"]={PrimaryColor:"rgb(0, 109, 119)",SecondaryColor:"rgb(131, 197, 190)",HighlightColor:"rgb(2, 82, 89)",PrimaryTextColor:"rgb(255, 255, 255)",SecondaryTextColor:"rgb(0, 0, 0)",TransparentPrimaryColor:"rgb(0, 109, 119)"};instance.defaultDisplayModes.Blue={PrimaryColor:"rgb(55, 80, 217)",SecondaryColor:"rgb(232, 252, 253)",HighlightColor:"rgb(26, 43, 130)",PrimaryTextColor:"rgb(255, 255, 255)",SecondaryTextColor:"rgb(0, 0, 0)",TransparentPrimaryColor:"rgb(55, 80, 217)"};instance.defaultDisplayModes["Dark Grey"]={PrimaryColor:"rgb(25, 63, 100)",SecondaryColor:"rgb(232, 252, 253)",HighlightColor:"rgb(11, 41, 70)",PrimaryTextColor:"rgb(255, 255, 255)",SecondaryTextColor:"rgb(0, 0, 0)",TransparentPrimaryColor:"rgb(25, 63, 100)"};instance.defaultDisplayModes["Light Blue"]={PrimaryColor:"rgb(47, 114, 190)",SecondaryColor:"rgb(195, 233, 248)",HighlightColor:"rgb(25, 88, 159)",PrimaryTextColor:"rgb(255, 255, 255)",SecondaryTextColor:"rgb(0, 0, 0)",TransparentPrimaryColor:"rgb(47, 114, 190)"};instance.defaultDisplayModes.Pink={PrimaryColor:"rgb(243, 39, 110)",SecondaryColor:"rgb(246, 248, 249)",HighlightColor:"rgb(206, 16, 82)",PrimaryTextColor:"rgb(255, 255, 255)",SecondaryTextColor:"rgb(0, 0, 0)",TransparentPrimaryColor:"rgb(0, 0, 0)"}}resetDisplayMode(){const instance=this,displayModeName=$("#dipsplay-modes-section .mode-btn.active").attr("data-name"),displayModeSettings=instance.defaultDisplayModes[displayModeName];for(const property in displayModeSettings){$(`#color-picker-${property}`).val(displayModeSettings[property]);const elem=$(`#color-picker-${property}`);elem.spectrum("set",displayModeSettings[property]).trigger("change")}MessageHelper.Instance().showSuccess("Display Mode reset successful.","");$(`#displayModeResetBtn`).blur()}enableColorPicker(){let instance=this;$(".color-pickr-container").each((index,picker)=>{let colorType=$(picker).attr("data-name"),activeColor=instance.modes[instance.activeMode][colorType],element=$(`.color-pickr-container[data-name="${colorType}"] #color-picker-${colorType}`);if($(`.sp-container.${colorType}`).length){(activeColor=="none"||activeColor=="")&&(activeColor="black");element.val(activeColor).trigger("change");return}element.spectrum({color:activeColor,type:"color",showInput:!0,maxSelectionSize:1,showInitial:!0,allowEmpty:!1,showAlpha:!0,disabled:!1,localStorageKey:!1,showPaletteOnly:!1,togglePaletteOnly:!1,clickoutFiresChange:!0,containerClassName:colorType,replacerClassName:colorType,showPalette:!0,palette:[["#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"]],showSelectionPalette:!0,selectionPalette:["red","green","blue"],locale:"fr",togglePaletteMoreText:"More",togglePaletteLessText:"Less",clearText:"",noColorSelectedText:"",showButtons:!0,chooseText:"Choose",cancelText:"Cancel",move:function(color){let convertedColor=color.toRgbString();instance.modes[instance.activeMode][colorType]=convertedColor;let colorList=convertedColor.match(/\((.*?)\)/)[1].split(","),opacity=0,opacityElement=$(`.sp-container.${colorType} .sp-picker-container .sp-input-container input.opacity`);colorList.length>3?(opacity=Number(colorList[3])*100,opacityElement.val(opacity.toFixed(2)+" %"),opacityElement.removeClass("d-none")):opacityElement.addClass("d-none");instance.isModeButtonClicked==!1&&instance.appendOrRemoveCss(instance.modes[instance.activeMode])},hide:function(){$(this).trigger("change")}});let colorPickerContainer=$(`.sp-container.${colorType} .sp-picker-container .sp-input-container`);colorPickerContainer.addClass("d-flex").append(`<input type="text" class="opacity" title="Opacity" value="0%" disabled/>`);colorPickerContainer.find(".sp-input").trigger("change")});instance.isModeButtonClicked=!1}enableButtonModeClick(){$("body style.colorClasses").remove();let instance=this;$(instance.buttonMode).unbind("click");$(instance.buttonMode).click(function(){$(instance.buttonMode).removeClass("active");$(this).addClass("active");let modeName=$(this).attr("data-class");modeName=="custom"&&instance.unhideDisplayModes();instance.activeMode=$(this).find(".btn-text").html();instance.activeDisplayModeId=Number($(this).attr("data-id"));instance.isModeButtonClicked=!0;instance.appendOrRemoveCss(instance.modes[instance.activeMode]);instance.enableColorPicker();let paletteId=instance.modes[instance.activeMode].PaletteId;paletteId===0&&(paletteId="");$("#palettesSelect").val(paletteId).trigger("change");instance.defaultDisplayModes[instance.activeMode]?$("#displayModeResetBtn").removeClass("d-none"):$("#displayModeResetBtn").addClass("d-none")})}appendBackgroundImages(backgroundImages){let instance=this,backGroundImagescrollBar=`#background-image-view .dropdown-menu-scrollbar`;backgroundImages.forEach(backgroundImage=>{let IsDefaultClass=backgroundImage.IsDefault?"default":"";$(".layout-builder #background-image-view .row").append(`<a href="javascript:;" class="col-6 p-relative px-1 ${IsDefaultClass}" data-url="${backgroundImage.Thumbnail}" data-id="${backgroundImage.BackgroundImageId}">

  8.                                         <div class="p-relative">

  9.                                             <img src="${backgroundImage.Thumbnail}" class="rounded w-100" data-dynamic="1" onerror = "ReloadImage(event)" />

  10.                                             <div class="delete" data-id="${backgroundImage.BackgroundImageId}">

  11.                                                 <i class="fa fa-trash"></i> 

  12.                                             </div>

  13.                                         </div>

  14.                                         <i class="zmdi zmdi-check"></i>

  15.                                 </a>`);$(backGroundImagescrollBar).animate({scrollTop:$(backGroundImagescrollBar).prop("scrollHeight")});$(`${instance.backgroundImageElement}[data-id="${backgroundImage.BackgroundImageId}"]`).click(function(){if($(this).hasClass("active"))$(this).removeClass("active"),$($(instance.backgroundImageSimplebar)[0]).css("background-image","").removeClass("background-image"),instance.Thumbnail="",instance.BackgroundImageId=0,instance.unhideDisplayModes(),instance.appendOrRemoveCss(instance.modes[instance.activeMode]);else{$(instance.backgroundImageElement).removeClass("active");$(this).addClass("active");let img=$(this).find("img").attr("src");if(instance.Thumbnail=$(this).attr("data-url"),instance.BackgroundImageId=Number($(this).attr("data-id")),img.includes("tenants\\default\\layoutbuilder\\backgroundimages")){let imageUrl=`'${img.replace(/\\/g,"/")}'`;instance.applyBackgroundImage(imageUrl)}else instance.applyBackgroundImage(img)}});$(`${instance.backgroundImageElement}[data-id="${backgroundImage.BackgroundImageId}"] .delete`).click(function(e){e.stopPropagation();let imageId=Number($(this).attr("data-id")),postData={BackgroundImageId:imageId};Unibase.Platform.Layouts.Managers.ThemeLayoutManager.Instance().deleteBackgroundImage(postData).then(function(response){response.status==Unibase.Data.Status.Success&&$(`${instance.backgroundImageElement}[data-id="${imageId}"]`).remove()})});backgroundImage.Thumbnail==instance.Thumbnail&&$(`${instance.backgroundImageElement}[data-id="${backgroundImage.BackgroundImageId}"]`).addClass("active")})}appendOrRemoveCss(defaultColors){let instance=this;instance.Thumbnail!=""?instance.unhideTransperentPrimaryTab():instance.hideTransperentPrimaryTab();let colors=Object.create(defaultColors);$("body style#layoutBuilderColorStyles").remove();let layoutBuilderColors=`<style id="layoutBuilderColorStyles">

  16. 

  17.                         /* First Left Layout Start */

  18. 

  19.                             .layout-builder-dashboard .biz-wrapper.biz__icon__menu .biz-menu.biz-primary-color .biz-submenu {

  20. 	                            background: ${colors.PrimaryColor} !important; /* Transperent Color*/

  21.                                 opacity: 0.95;

  22.                             }

  23.                             

  24. 

  25.                             .layout-builder-dashboard .biz-wrapper.biz__icon__menu .biz-menu.biz-primary-color .biz-main-menu,

  26.                             .layout-builder-dashboard .top-navbar nav.navbar {

  27. 	                            background: ${colors.PrimaryColor} !important;

  28.                             }

  29. 

  30.                             @media (max-width: 1199px) {

  31.                                 body.background-image .layout-builder-dashboard .biz-wrapper.biz__icon__menu .biz-menu.biz-primary-color .biz-main-menu,

  32.                                 body.background-image .layout-builder-dashboard .biz-wrapper.biz__icon__menu .biz-menu.biz-primary-color .biz-submenu {

  33. 	                                background: ${colors.PrimaryColor} !important;

  34.                                 }

  35.                             }

  36. 

  37.                             .layout-builder-dashboard ._bizgaze_detail_container,

  38.                             .layout-builder-dashboard .biz-pg-wrapper{

  39.                                 background: ${colors.SecondaryColor} !important;

  40.                             }

  41. 

  42.                             .layout-builder-dashboard .biz-wrapper.biz__icon__menu .biz-menu.biz-primary-text-color .biz-main-menu .menu-content-wrap > .navbar-nav > .nav-item.sunbnav-active > .nav-link .nav-icon-wrap,

  43.                             .layout-builder-dashboard .biz-wrapper.biz__icon__menu .biz-menu.biz-highlight-color .navbar-nav li.active-item {

  44. 	                            background-color: ${colors.HighlightColor} !important;

  45.                             }

  46.                             .layout-builder-dashboard .biz-wrapper.biz__icon__menu .biz-menu.biz-primary-text-color .biz-main-menu .menu-content-wrap > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap,

  47.                             .layout-builder-dashboard .biz-wrapper.biz__icon__menu .biz-menu.biz-primary-text-color .biz-submenu .nav-header span,

  48.                             .layout-builder-dashboard .biz-wrapper.biz__icon__menu .biz-menu.biz-primary-text-color .biz-submenu .nav-header a,

  49.                             .layout-builder-dashboard .biz-wrapper.biz__icon__menu .biz-menu.biz-primary-text-color .biz-submenu .nav-options-container ul li a {

  50. 	                            color: ${colors.PrimaryTextColor} !important

  51.                             }

  52.                             

  53.                             .layout-builder-dashboard .biz-pg-wrapper {

  54.                                 color: ${colors.SecondaryTextColor} !important;

  55.                             }

  56. 

  57.                             /* Second Top Layout Start*/

  58. 

  59.                             .layout-builder-dashboard #bizgaze_body .top-navbar.hk-wrapper.hk-horizontal-nav nav.navbar.biz-primary-color,

  60.                             .layout-builder-dashboard #bizgaze_body .top-navbar.hk-wrapper.hk-horizontal-nav .hk-navbar.biz-primary-color nav.hk-nav .navbar-nav-wrap ul.collapsing,

  61.                             .layout-builder-dashboard #bizgaze_body .top-navbar.hk-wrapper.hk-horizontal-nav .hk-navbar.biz-primary-color nav.hk-nav .navbar-nav-wrap ul.collapse {

  62. 	                            background: ${colors.PrimaryColor} !important;

  63.                             }

  64. 

  65.                             .simplebar-content-wrapper.background-image .layout-builder-dashboard #bizgaze_body .top-navbar.hk-wrapper.hk-horizontal-nav .hk-navbar.biz-primary-color nav.hk-nav .navbar-nav-wrap ul.collapsing,

  66.                             .simplebar-content-wrapper.background-image .layout-builder-dashboard #bizgaze_body .top-navbar.hk-wrapper.hk-horizontal-nav .hk-navbar.biz-primary-color nav.hk-nav .navbar-nav-wrap ul.collapse {

  67.                                 background: ${colors.TransparentPrimaryColor} !important;

  68.                             } 

  69.                             .layout-builder-dashboard #bizgaze_body .top-navbar .hk-navbar.biz-primary-text-color .navbar-nav-wrap ul li a,

  70.                             .layout-builder-dashboard #bizgaze_body .top-navbar .hk-navbar.biz-primary-text-color ul.navbar-nav.hk-navbar-content li.nav-item a.nav-link span {

  71. 	                            color: ${colors.PrimaryTextColor} !important

  72.                             }

  73. 

  74.                             /* Third Left Layout Start */

  75.                             .layout-builder-dashboard #bizgaze_body .top-navbar.hk-wrapper.hk-vertical-nav .hk-navbar.biz-primary-color nav.hk-nav {

  76.                                 background: ${colors.PrimaryColor} !important;

  77.                             }

  78. 

  79.                             /* .simplebar-content-wrapper.background-image .layout-builder-dashboard #bizgaze_body .top-navbar.hk-wrapper.hk-vertical-nav.biz-layout-3-top-navbar-preview .hk-navbar.biz-primary-color nav.hk-nav {

  80.                                 background: ${colors.TransparentPrimaryColor} !important;

  81.                             } */

  82. 

  83.                             .layout-builder-dashboard #bizgaze_body .top-navbar .hk-navbar.biz-primary-text-color .navbar-toggle-btn {

  84.                                 color: ${colors.PrimaryTextColor} !important

  85.                             }`;layoutBuilderColors+=`

  86.                                 

  87.                 

  88.                         </style>`;$("body").prepend(layoutBuilderColors)}appendDisplayMode(iconClass,displayMode){let instance=this,DisplayModeName=displayMode.DisplayModeName,DisplayModeId=displayMode.DisplayModeId,button="";button=iconClass!=""?`<button class="btn mode-btn btn-outline btn-wth-icon icon-left mb-15 mr-2 p-relative" data-class="${DisplayModeName}" data-id="${DisplayModeId}"><span><span class="icon-label"><span class="fa ${iconClass}"></span></span><span class="btn-text">${DisplayModeName}</span></span></button>`:`<button class="btn mode-btn btn-outline text-dark mb-15 mr-2 p-relative" data-class="custom" data-id="${DisplayModeId}" data-name="${DisplayModeName}"><span class="btn-text">${DisplayModeName}</span><i class="zmdi zmdi-close delete" data-id="${DisplayModeId}" data-name="${DisplayModeName}"></i></button>`;$("#dipsplay-modes-section .buttons-wrap").append(button);let mode={DisplayModeId:DisplayModeId,DisplayModeName:DisplayModeName,PrimaryColor:displayMode.PrimaryColor,TransparentPrimaryColor:displayMode.TransparentPrimaryColor,SecondaryColor:displayMode.SecondaryColor,HighlightColor:displayMode.HighlightColor,PrimaryTextColor:displayMode.PrimaryTextColor,SecondaryTextColor:displayMode.SecondaryTextColor,PaletteId:displayMode.PaletteId};instance.modes[DisplayModeName]=mode;instance.enableButtonModeClick();$(`${instance.buttonMode} .delete[data-id="${DisplayModeId}"]`).click(function(e){e.stopPropagation();let element=$(this);bootbox.confirm("Are you sure you want to delete?",function(result){if(result){let displayModeId=Number(element.attr("data-id")),DisplayModeName=element.attr("data-name");if(DisplayModeName=="Default")return;let postData={DisplayModeId:displayModeId};Unibase.Platform.Layouts.Managers.ThemeLayoutManager.Instance().deleteDisplayMode(postData).then(function(response){response.status==Unibase.Data.Status.Success?(delete instance.modes[DisplayModeName],$(`${instance.buttonMode}[data-id="${displayModeId}"]`).remove(),MessageHelper.Instance().showSuccess(response.message,"")):response.status==Unibase.Data.Status.Error&&MessageHelper.Instance().showError(response.message,"layoutBuilderErrMsg")})}})})}loadColorPalettes(){const instance=this;instance.fileCacheHelper.loadJsFile("apps/crm/palettes/managers/palettemanager.js",function(){const palettemanager=Bizgaze.Apps.Crm.Palettes.Managers.PaletteManager.Instance();palettemanager.getPallettes().then(function(pallresponse){const palettedata=[];if(pallresponse.result)for(const palette of pallresponse.result)palettedata.push({id:palette.paletteid,text:palette.name});$("#palettesSelect").select2({placeholder:"Select Palette",data:palettedata,allowClear:!0}).on("select2:select select2:clear",function(){const selectedPalette=+$(this).val();instance.modes[instance.activeMode].PaletteId=selectedPalette});const paletteId=instance.modes[instance.activeMode].PaletteId;paletteId!=0&&$("#palettesSelect").val(paletteId).trigger("change")})})}appendLayoutSettings(layoutId){const instance=this;let layoutNavHtml="";["dashboards","apps","reports","isStructures"].map(navGroup=>{layoutNavHtml+=`<li class="nav-group-item">

  89.                                         <div class="enable-settings-control d-flex justify-content-between align-items-center mb-10 pl-0">

  90.                                           <label class="nav-group-label font-weight-500 text-capitalize mb-0" for="${navGroup}SettingsEnableChk" data-group="${navGroup}">${navGroup}</label>

  91.                                           <input type="checkbox" class="nav-settings-input" id="${navGroup}SettingsEnableChk" onchange="Unibase.Platform.Layouts.Components.LayoutBuilder.Instance().toggleLayoutNavSettings('${navGroup}')">

  92.                                         </div>

  93. 										<div class="group-options-wrap d-none" id="${navGroup}SettingsWrap">

  94. 											<div class="nav-group-option d-flex justify-content-between mb-10">

  95. 												<span>Icon</span>

  96. 												<label class="switch mb-0" for="${navGroup}IconChk"><input id="${navGroup}IconChk" type="checkbox" onchange="Unibase.Platform.Layouts.Components.LayoutBuilder.Instance().onChangeLayoutNavSetting('${navGroup}','icon')"><span></span></label>

  97. 											</div>

  98. 											<div class="nav-group-option d-flex justify-content-between mb-10">

  99. 												<span>Title</span>

  100. 												<label class="switch mb-0" for="${navGroup}TitleChk"><input id="${navGroup}TitleChk" type="checkbox" onchange="Unibase.Platform.Layouts.Components.LayoutBuilder.Instance().onChangeLayoutNavSetting('${navGroup}','title')"><span></span></label>

  101. 											</div>

  102. 										</div>

  103. 									</li>`}).join("");$("#navParentGroupsList").html(layoutNavHtml).attr("data-layoutid",layoutId);$("#isStructuresSettingsWrap").siblings(".enable-settings-control").addClass("hidden");$("#isStructuresSettingsWrap").remove();let layoutLogoHtml=`<input type="file" class="logo-upload-input mt-15" id="logoUploadInput" accept="image/*" onchange="Unibase.Platform.Layouts.Components.LayoutBuilder.Instance().layoutLogoUpload(event);">

  104. 									<div id="layoutLogoWrap" class="layout-logo-wrap mt-15 d-none">

  105. 										<img id="layoutLogoPreview" src="" alt="your image" class="img-fluid layout-logo-preview" data-dynamic="1" onerror="ReloadImage(event)"/>

  106.                                         <a href="javascript:;" class="delete" id="layoutLogoDeleteBtn" onclick="Unibase.Platform.Layouts.Components.LayoutBuilder.Instance().deleteLayoutLogo(${layoutId});">

  107.                                             <i class="fa fa-trash"></i>

  108.                                         </a>

  109. 									</div>

  110. 									<div class="logo-override-chk-wrap d-flex justify-content-between mt-15">

  111. 										<span class="font-weight-500 text-capitalize">Override Company Logo</span>

  112. 										<label class="switch mb-0" for="logoOverrideChk"><input type="checkbox" class="logo-override-chk" id="logoOverrideChk" onchange="Unibase.Platform.Layouts.Components.LayoutBuilder.Instance().onChangeOverrideLogoSetting()"><span></span></label>

  113. 									</div>`;$("#logoSettingsBody").html(layoutLogoHtml).attr("data-layoutid",layoutId);instance.bindLayoutSettings(layoutId)}bindLayoutSettings(layoutId){const instance=this;if(instance.layoutSettings.length!=0){let layoutArrIndex=instance.layoutSettings.findIndex(x=>x.LayoutId==layoutId);if(layoutArrIndex!=-1){const settingValues=JSON.parse(instance.layoutSettings[layoutArrIndex].SettingValue);$.each(settingValues,function(key,obj){let navGroup=key.toString();obj.IsEnabled&&($(`#${navGroup}SettingsEnableChk`).prop("checked",!0),$(`#${navGroup}SettingsWrap`).removeClass("d-none"));obj.Icon&&$(`#${navGroup}IconChk`).prop("checked",!0);obj.Title&&$(`#${navGroup}TitleChk`).prop("checked",!0)});let logoImageUrl=instance.layoutSettings[layoutArrIndex].logoImgUrl;if(logoImageUrl==""){const logoData=instance.layoutSettings[layoutArrIndex].LogoData;logoData&&(logoImageUrl=`data:image/${logoData.FileType};base64,${logoData.FileData}`)}const isOverrideLogo=instance.layoutSettings[layoutArrIndex].IsOverrideLogo;logoImageUrl?($("#layoutLogoPreview").attr("src",logoImageUrl).parent().removeClass("d-none"),$("#logoOverrideChk").prop({disabled:!1,checked:isOverrideLogo})):$("#logoOverrideChk").prop("disabled",!0)}else $(`#navParentGroupsList`).find(".nav-settings-input").prop("checked",!0).trigger("change"),instance.isLayoutSettingsModified=!1}else $(`#navParentGroupsList`).find(".nav-settings-input").not("#isStructuresSettingsEnableChk").prop("checked",!0).trigger("change"),instance.isLayoutSettingsModified=!1}toggleLayoutNavSettings(navGroup){const instance=this;instance.isLayoutSettingsModified=!0;$(`#${navGroup}SettingsEnableChk`).is(":checked")?($(`#${navGroup}SettingsWrap`).removeClass("d-none"),$(`#${navGroup}SettingsWrap`).find("input:checkbox").prop("checked",!0)):($(`#${navGroup}SettingsWrap`).addClass("d-none"),$(`#${navGroup}SettingsWrap`).find("input:checkbox").prop("checked",!1))}onChangeLayoutNavSetting(navGroup){const instance=this;instance.isLayoutSettingsModified=!0;let isAllSettingsChecked=!1;$(`#${navGroup}SettingsWrap input:checkbox`).each(function(i,e){$(e).is(":checked")&&(isAllSettingsChecked=!0)});isAllSettingsChecked&&$(`#${navGroup}SettingsEnableChk`).prop("checked",!0)}getLayoutSettings(){const instance=this;let layoutSettingObj={};const selectedLayoutId=Number($("#navParentGroupsList").attr("data-layoutid"));if(selectedLayoutId){$("#navParentGroupsList .nav-group-label").each(function(i,e){let navGroup=$(e).attr("data-group");layoutSettingObj[navGroup]={IsEnabled:$(`#${navGroup}SettingsEnableChk`).is(":checked"),Icon:$(`#${navGroup}IconChk`).is(":checked"),Title:$(`#${navGroup}TitleChk`).is(":checked")}});let layoutsettings={LayoutId:selectedLayoutId,SettingValue:JSON.stringify(layoutSettingObj),LogoData:instance.logoFileData,IsOverrideLogo:$("#logoOverrideChk").is(":checked")},layoutArrIndex=instance.layoutSettings.findIndex(x=>x.LayoutId==selectedLayoutId);layoutArrIndex!=-1?(instance.layoutSettings[layoutArrIndex].SettingValue=layoutsettings.SettingValue,instance.layoutSettings[layoutArrIndex].LogoData=layoutsettings.LogoData,instance.layoutSettings[layoutArrIndex].IsOverrideLogo=layoutsettings.IsOverrideLogo,instance.layoutSettings[layoutArrIndex].logoImgUrl=""):instance.layoutSettings.push(layoutsettings);instance.logoFileData=null}}layoutLogoUpload(e){const instance=this,layoutId=Number($("#logoSettingsBody").attr("data-layoutid")),inputEl=document.getElementById("logoUploadInput"),fileType=inputEl.files[0].type.split("/").pop().toLowerCase();if(fileType!="jpeg"&&fileType!="jpg"&&fileType!="png"&&fileType!="bmp"&&fileType!="gif")return MessageHelper.Instance().showError("Please select a valid image file","layoutBuilderErrMsg"),$("#logoUploadInput").val(""),!1;const[file]=inputEl.files;if(file){const reader=new FileReader;reader.onload=function(){$("#layoutLogoPreview").attr("src",`${reader.result}`).parent().removeClass("d-none")};file&&reader.readAsDataURL(file);Unibase.Platform.Helpers.FileHelper.Instance().getBase64(e).then(function(response){instance.logoFileData=response;let layoutArrIndex=instance.layoutSettings.findIndex(x=>x.LayoutId==layoutId);layoutArrIndex!=-1&&(instance.layoutSettings[layoutArrIndex].LogoData=instance.logoFileData,instance.layoutSettings[layoutArrIndex].isLogoDelete=!1)});$("#logoOverrideChk").prop("disabled",!1);instance.isLayoutSettingsModified=!0}}onChangeOverrideLogoSetting(){const instance=this;instance.isLayoutSettingsModified=!0}deleteLayoutLogo(layoutId){const instance=this;$("#layoutLogoPreview").attr("src","").parent().addClass("d-none");$("#logoOverrideChk").prop("checked",!1).attr("disabled","true");let layoutArrIndex=instance.layoutSettings.findIndex(x=>x.LayoutId==layoutId);layoutArrIndex!=-1&&(instance.layoutSettings[layoutArrIndex].isLogoDelete=!0);instance.isLayoutSettingsModified=!0}saveTheme(){let instance=this,modes=[];for(let key in this.modes){let displayMode=this.modes[key],mode={DisplayModeId:displayMode.DisplayModeId,DisplayModeName:displayMode.DisplayModeName,PrimaryColor:displayMode.PrimaryColor,TransparentPrimaryColor:displayMode.TransparentPrimaryColor,SecondaryColor:displayMode.SecondaryColor,HighlightColor:displayMode.HighlightColor,PrimaryTextColor:displayMode.PrimaryTextColor,SecondaryTextColor:displayMode.SecondaryTextColor,PaletteId:displayMode.PaletteId};modes.push(mode)}this.instance.getLayoutSettings();let postData={ThemeId:this.ThemeId,LayoutId:this.LayoutId,DetailsViewId:this.viewId,DisplayModeId:this.activeDisplayModeId,BackgroundImageId:this.BackgroundImageId,DisplayModes:modes,LayoutSettings:this.layoutSettings,isStructEnable:$(".isStructSettingsEnableChk").prop("checked")};Unibase.Platform.Layouts.Managers.ThemeLayoutManager.Instance().saveTheme(postData).then(function(response){response.status==Unibase.Data.Status.Success&&(MessageHelper.Instance().showSuccess(response.message,""),instance.refrshLayout(response))})}refrshLayout(response){var themeobj,isAppStructureEnable,newobj;let result=response.result;themeobj=Unibase.Platform.Membership.Infos.Identity.getCurrentUser().settings.find(x=>x.settingName=="themeobj").settingValue;let layoutSettingsObj={settingValue:result.LayoutSettings,isOverrideLogo:result.IsOverrideLogo,logoImageUrl:result.LogoImageUrl};if(isAppStructureEnable=Unibase.Themes.Compact.Components.Index.Instance().isAppStructureEnable,result.IsStructEnable!=undefined&&(isAppStructureEnable=result.IsStructEnable),themeobj!=null&&themeobj!=""&&themeobj!=undefined){let resultObj={layoutId:result.LayoutId,layoutIndex:result.LayoutIndex,layoutName:result.LayoutName,layoutHtmlPath:result.LayoutHtmlPath,detailsViewId:result.DetailsViewId,detailsViewIndex:result.DetailsViewIndex,thumbnail:result.Thumbnail,primaryColor:result.PrimaryColor,secondaryColor:result.SecondaryColor,highlightColor:result.HighlightColor,primaryTextColor:result.PrimaryTextColor,secondaryTextColor:result.SecondaryTextColor,transparentPrimaryColor:result.TransparentPrimaryColor,displayModeId:result.DisplayModeId,backgroundImageId:result.BackgroundImageId,themeId:result.ThemeId,layoutSettings:layoutSettingsObj,isstructenable:isAppStructureEnable,paletteId:result.PaletteId};newobj=Unibase.Platform.Membership.Infos.Identity.getCurrentUser();newobj.settings.find(x=>x.settingName=="themeobj").settingValue=resultObj;Unibase.Platform.Membership.Infos.Identity.setCurrentUser(newobj);isMobileApp()?Unibase.Platform.Helpers.MobileHelper.Instance().redirectToLogin():(window.location.href="#/welcome",window.location.reload())}}applyBackgroundImage(imageURL){let instance=this;instance.appendOrRemoveCss(instance.modes[instance.activeMode]);$($(instance.backgroundImageSimplebar)[0]).css("background-image","url("+imageURL+")").addClass("background-image")}imageUploadEffect(imageFile){let instance=this;$(".layout-builder .background-change .progress-wrap").removeClass("d-none");$(".layout-builder .background-change .progress-wrap").addClass("d-flex");let i=0,isUploadCompleted=!1,uploadTimer=setInterval(()=>{isUploadCompleted==!0?(clearInterval(uploadTimer),$(".layout-builder .background-change .progress-wrap .progress .progress-bar").width("0%"),$(".layout-builder .background-change .progress-wrap .progress-text").html("0%"),$(".layout-builder .background-change .progress-wrap").removeClass("d-flex"),$(".layout-builder .background-change .progress-wrap").addClass("d-none")):($(".layout-builder .background-change .progress-wrap .progress .progress-bar").width(i+"%"),$(".layout-builder .background-change .progress-wrap .progress-text").html(i+"%"),i<99&&i++)},100),postData={BackgroundImageId:0,FileData:imageFile};Unibase.Platform.Layouts.Managers.ThemeLayoutManager.Instance().saveBackgroundImage(postData).then(function(response){if(response.status==Unibase.Data.Status.Success&&response.result!=null){isUploadCompleted=!0;let imageItem=response.result;instance.Thumbnail=imageItem.Thumbnail;instance.BackgroundImageId=imageItem.BackgroundImageId;$(`${instance.backgroundImageElement}`).removeClass("active");instance.appendBackgroundImages([imageItem]);Unibase.Themes.Compact.Components.Index.Instance().getImageUrl(instance.Thumbnail).then(function(imageUrl){instance.applyBackgroundImage(imageUrl)})}})}hideTransperentPrimaryTab(){$(".background-colors ul.nav-tabs li[title='Transparent Primary']").addClass("d-none")}unhideTransperentPrimaryTab(){$(".background-colors ul.nav-tabs li[title='Transparent Primary']").removeClass("d-none")}hideDisplayModes(){$(".layout-builder .drawer-body .background-colors").addClass("d-none");$(".layout-builder .drawer-body .text-colors").addClass("d-none")}unhideDisplayModes(){$(".layout-builder .drawer-body .background-colors").removeClass("d-none");$(".layout-builder .drawer-body .text-colors").removeClass("d-none")}addScrollOnDrag(el){let x=0,y=0,top=0,left=0,draggingFunction=e=>{document.addEventListener("mouseup",()=>{document.removeEventListener("mousemove",draggingFunction)}),el.scrollLeft=left-e.pageX+x,el.scrollTop=top-e.pageY+y,el.style.cursor="grab",el.style.removeProperty("user-select")};el.addEventListener("mousedown",e=>{e.preventDefault(),el.style.cursor="grabbing",el.style.userSelect="none",y=e.pageY,x=e.pageX,top=el.scrollTop,left=el.scrollLeft,document.addEventListener("mousemove",draggingFunction)})}loadBuilder(){var formbuilderinstance=LayoutBuilder.Instance();formbuilderinstance.init()}init(){var instance=this;instance.render()}render(){var layoutBuilder=Unibase.Platform.Layouts.Components.LayoutBuilder.Instance();this.navigationHelper.popup(0,"",layoutBuilder,function(){},Platform.Helpers.Size.ExtraLarge)}static Instance(){return this.instance===undefined&&(this.instance=new LayoutBuilder),this.instance}}Components.LayoutBuilder=LayoutBuilder})(Components=Layouts.Components||(Layouts.Components={}))})(Layouts=Platform.Layouts||(Platform.Layouts={}))})(Platform=Unibase.Platform||(Unibase.Platform={}))})(Unibase||(Unibase={})),function(Unibase){let Platform;(function(Platform){let Layouts;(function(Layouts){let Components;(function(Components){class LayoutBuilder_Template{loadTemplate(){let instance=this;return`

  114.                             <div class="biz-wrapper biz-wrapper2 layout-builder d-none drawer-small drawer-right biz-drawer-push biz-drawer-pushright ">

  115. 		<!-- Drawer Push -->

  116.         <div id="drawer_push" class="biz-drawer drawer-wthout-footer drawer-small drawer-right biz-drawer-toggle">

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

  118. 				<div class="drawer-text"> Settings </div>

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

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

  121. 				</button>

  122. 			</div>

  123. 			<div class="drawer-body">

  124. 				<div data-simplebar class="simple-scroll-bar pb-15">

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

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

  127. 							<div class="card dipsplay-modes">

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

  129. 									<a href="javascript:;" class="no-collapse">Display Modes</a>

  130. 								</div>

  131. 								<div class="title-devider"></div>

  132. 								<div id="dipsplay-modes-section">

  133. 									<div class="card-body buttons-wrap">

  134. 									</div>

  135. 									<div class="custom-mode-section">

  136. 										<button class="btn custom-mode-btn btn-outline text-dark btn-wth-icon icon-left mb-15 mr-2 w-100"><span><span class="icon-label"><span class="fa fa-plus"></span></span><span class="btn-text">Custom Mode</span></span></button>

  137. 										<div class="custom-mode-input-section d-none">

  138. 											<input type="text" class="form-control custom-mode-input shadow-none" placeholder="Enter mode name">

  139. 											<a href="javascript:;" class="btn btn-theme px-2 ml-2" type="button" onclick="Unibase.Platform.Layouts.Components.LayoutBuilder.Instance().addDisplayMode()">Add</a>

  140. 										</div>

  141. 									</div> 

  142. 								</div>

  143. 							</div>

  144. 

  145. 							<div class="card background-colors d-none">

  146. 								<div class="card-header d-flex justify-content-between align-items-center">

  147. 									<a href="javascript:;" class="no-collapse">Background Colors</a>

  148. 									<button class="btn btn-outline-danger btn-xs font-12 display-mode-reset-btn" id="displayModeResetBtn" onclick="Unibase.Platform.Layouts.Components.LayoutBuilder.Instance().resetDisplayMode()" title="Reset Display Mode">Reset</button>

  149. 								</div>

  150. 								<div class="title-devider"></div>

  151. 								<div>

  152. 									<div class="color-pickr-container" data-name="PrimaryColor">

  153. 										<span>Primary</span>

  154. 										<input id="color-picker-PrimaryColor" value='#276cb8' />

  155. 									</div>

  156. 									<div class="color-pickr-container" data-name="SecondaryColor">

  157. 										<span>Secondary</span>

  158. 										<input id="color-picker-SecondaryColor" value='#276cb8' />

  159. 									</div>

  160. 									<div class="color-pickr-container" data-name="HighlightColor">

  161. 										<span>Highlight </span>

  162. 										<input id="color-picker-HighlightColor" value='' />

  163. 									</div>

  164. 									<div class="color-pickr-container" data-name="TransparentPrimaryColor">

  165. 										<span>Transparent</span>

  166. 										<input id="color-picker-TransparentPrimaryColor" value='' />

  167. 									</div>

  168. 								</div>

  169. 							</div>

  170. 

  171. 							<div class="card text-colors d-none">

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

  173. 									<a href="javascript:;" class="no-collapse">Text Colors</a>

  174. 								</div>

  175. 								<div class="title-devider"></div>

  176. 								<div>

  177. 									<div class="color-pickr-container" data-name="PrimaryTextColor">

  178. 										<span>Primary</span>

  179. 										<input id="color-picker-PrimaryTextColor" value='' />

  180. 									</div>

  181. 									<div class="color-pickr-container" data-name="SecondaryTextColor">

  182. 										<span>Secondary</span>

  183. 										<input id="color-picker-SecondaryTextColor" value='' />

  184. 									</div>

  185. 								</div>

  186. 							</div>

  187. 

  188. 							<div class="card color-palettes">

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

  190. 									<a href="javascript:;" class="no-collapse">Palettes</a>

  191. 								</div>

  192. 								<div class="title-devider"></div>

  193. 								<div>

  194. 									<select class="form-control" id="palettesSelect"><option></option></select>

  195. 								</div>

  196. 							</div>

  197. 

  198. 							<div class="card logo-settings">

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

  200. 									<a href="javascript:;" class="no-collapse">Logo Settings</a>

  201. 								</div>

  202. 								<div class="title-devider"></div>

  203. 								<div class="card-body logo-setting-body pa-0" id="logoSettingsBody">

  204. 								</div>

  205. 							</div>

  206. 

  207. 							<div class="card collapse-simple toggle-nav-parent-group-options pb-0">

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

  209. 									<a role="button" data-toggle="collapse" href="#layoutSettings" aria-expanded="true">Layout Nav Settings</a>

  210. 								</div>

  211. 								<div class="title-devider"></div>

  212. 								<div class="collapse show" id="layoutSettings">

  213. 								<ul class="nav-parent-groups-list" id="navParentGroupsList">

  214. 								</ul>

  215. 						       </div>

  216. 							</div>

  217. 						</div>

  218. 					</div>

  219. 				</div>

  220. 			</div>

  221. 		</div>

  222.         <!-- /Drawer Push -->

  223. 		

  224.         <!-- Main Content -->

  225.         <div class="biz-pg-wrapper py-0 layout-builder">

  226. 			<div class="biz-pg-body">

  227. 				<div class="biz-bldr-wrap bldr__aside__left form-bldr-wrap">

  228. 					<header class="bldr-head">

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

  230. 							<a class="btn btn-icon btn-flush-theme mr-1" data-target="#drawer_push"  data-drawer="push-normal" href="javascript:;"><span class="btn-icon-wrap"><i class="la la-fill-drip font-25"></i></span></a>Settings

  231. 						</div>

  232. 						<div class="bldr-options-wrap">	

  233. 							<a href="javascript:;" class="btn btn-theme px-4" type="button" onclick="Unibase.Platform.Layouts.Components.LayoutBuilder.Instance().saveTheme()">Save</a>

  234. 							<a class="btn btn-layout-builder-close btn-outline-danger px-4 ml-3" href="javascript:;" id="">Close</a>

  235. 						</div>

  236. 						<div class="form-error-message ml-0 l-0" id="layoutBuilderErrMsg"></div>

  237. 					</header>

  238. 					<div class="bldr-aside-left">

  239. 						<ul class="nav nav-light nav-tabs d-none">

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

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

  242. 									<span class="nav-link-text">Components</span>

  243. 								</a>

  244. 							</li>

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

  246. 								<a class="nav-link" data-toggle="tab" href="#tab_column">

  247. 									<span class="nav-link-text">Fileld</span>

  248. 								</a>

  249. 							</li>

  250. 						</ul>

  251. 						${instance.getLeftHtml()}

  252. 					</div>

  253. 					<div class="bldr-body">

  254. 						<header class="bldr-sec-head justify-content-center">

  255. 							<ul class="nav nav-line nav-tabs nav-light">

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

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

  258. 										<span class="nav-link-text">Preview</span>

  259. 									</a>

  260. 								</li>

  261. 								<!-- <li class="nav-item">

  262. 									<a class="nav-link" data-toggle="tab" href="#tab_builder">

  263. 										<span class="nav-link-text">Code Builder</span>

  264. 									</a>

  265. 								</li> -->

  266. 							</ul>

  267. 							<div class="left-aside-togglable"></div>

  268. 							<a class="btn btn-icon btn-flush-theme flush-soft-hover active drawer-toggle-link" data-target="#drawer_push"  data-drawer="push-normal" href="#"><span class="btn-icon-wrap"><span class="fa fa-cog"></span></span></a>

  269. 						</header>

  270. 						<div data-simplebar class="simple-scroll-bar custom-scollable-container layoutbuilder-simple-scroll-bar" style="overflow:hidden;">

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

  272. 								<div class="tab-pane fade show active layout-builder-dashboard p-relative" id="dashboardpo">

  273. 

  274. 									<div id="bizgaze_body" style="margin-topx: 60px;">

  275. 										

  276. 										<div class="biz-wrapper biz__icon__menu biz__fullheight__menu biz__submenu biz__bottom__nav__menu">

  277. 											

  278. 											

  279. 											

  280. 											<div class="biz-pg-wrapper SecondaryColor SecondaryTextColor" style="min-height: 937px;margin-right: 0px;position: fixed;top: 0;left: 410px;width: 100%;">

  281. 												

  282. 												<!-- Container -->

  283. 												<div class="_bizgaze_detail_container col-sm SecondaryColor" id="_modal_bizgaze_edit_1620714971">

  284. 

  285. 												</div>

  286. 											</div>

  287. 											<!-- /Container -->

  288. 										</div>

  289. 									</div>

  290. 								

  291. 								</div>

  292. 							</div>

  293. 						</div>

  294. 					</div>

  295. 				</div>

  296. 			</div>	

  297. 		</div>

  298.     </div>

  299.                         `}getLeftHtml(){return`<div data-simplebar class="simple-scroll-bar" style="overflow-x: hidden;">

  300. 										<div class="tab-content" style="padding-bottom : 5rem;">

  301. 											<div class="tab-pane fade show active" id="tab_outline">

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

  303. 													<div class="card layout pb-0">

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

  305. 															<a href="javascript:;" class="no-collapse biz-primary-text-color-removed pt-0">Layout</a>

  306. 														</div>

  307. 														<div class="title-devider biz-border-color"></div>

  308. 														<p class="biz-primary-text-color-removed">Choose your preferred layout</p>

  309. 														<div id="menu-layouts">

  310. 															<div class="card-body pb-0">

  311. 																<div class="row layout-row checkbox-container">

  312. 														

  313. 																</div>

  314. 															</div>

  315. 														</div>

  316. 													</div>

  317. 

  318. 													<div class="card detail pb-0">

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

  320. 															<a href="javascript:;" class="no-collapse biz-primary-text-color-removed">Details</a>

  321. 														</div>

  322. 														<div class="title-devider biz-border-color"></div>

  323. 														<p class="biz-primary-text-color-removed">Choose your preferred view</p>

  324. 														<div id="detail-list-view">

  325. 															<div class="card-body pb-0">

  326. 																<div class="row detail-row checkbox-container">

  327. 														

  328. 																</div>

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

  330. 																<span class="text-capitalize mb-0">Enable Structures</span>

  331. 																<label class="switch mb-0" for="isStructSettingsEnableChk"><input id="isStructSettingsEnableChk" class="isStructSettingsEnableChk" type="checkbox" ><span></span></label>

  332.                                         </div>

  333. 															</div>

  334. 														</div>

  335. 													</div>

  336. 

  337. 													<div class="card background-change">

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

  339. 															<a href="javascript:;" class="no-collapse biz-primary-text-color-removed">Background Image</a>

  340. 														</div>

  341. 														<div class="title-devider biz-border-color"></div>

  342. 														<div id="background-image-view">

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

  344. 																<div class="row dropdown-menu-scrollbar checkbox-container">

  345. 																</div>

  346. 															</div>

  347. 														</div>

  348. 														<div class="card-body thumbnail-input-card p-2 py-3 d-flex flex-column align-items-center font-14 p-relative">

  349. 															<input type="file" class="imagepickerThumbnail" id="imagepickerThumbnail" accept="image/*" required>

  350. 															<span>Upload from Computer</span>

  351. 															<img src="tenants/themes/compact/imgs/cloud.svg" alt="folder icon" class="w-15 h-15">

  352. 												

  353. 															<div class="progress-wrap w-100 d-none">

  354. 																<div class="progress mt-2">

  355. 																	<div class="progress-bar" role="progressbar" style="width: 0%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>	

  356. 																</div>

  357. 																<h6 class="text-dark progress-text ml-20 font-13">0%</h6>

  358. 															</div>

  359. 														</div>

  360. 													</div>

  361. 												</div>

  362. 											</div>

  363. 											<div class="tab-pane fade" id="tab_column">

  364. 									

  365. 											</div>

  366. 										</div>

  367. 									</div>`}static Instance(){return new LayoutBuilder_Template}}Components.LayoutBuilder_Template=LayoutBuilder_Template})(Components=Layouts.Components||(Layouts.Components={}))})(Layouts=Platform.Layouts||(Platform.Layouts={}))})(Platform=Unibase.Platform||(Unibase.Platform={}))}(Unibase||(Unibase={})),function(Unibase){let Themes;(function(Themes){let Compact;(function(Compact){let Components;(function(Components){class UserTheme extends Unibase.Platform.Core.BaseComponent{constructor(){super(...arguments);this.layoutElement="#user-themes #menu-layouts .card-body .row.layout-row a";this.detailsViewElement="#user-themes #detail-list-view .card-body .row.detail-row a";this.backgroundImageElement="#user-themes #background-image-view .card-body .row a";this.displayModeElement="#user-themes #theme-switcher-colors .card-body .row a";this.currentUserTheme={LayoutId:0,DetailsViewId:0,DisplayModeId:0,BackgroundImageId:0,ThemeId:0,IsCompanyTheme:!1}}userTheme(isCompany,companyId,roleId,isRole){let instance=this;var _fileCacheHelper=Unibase.Platform.Helpers.FileCacheHelper.Instance();Unibase.Platform.Helpers.FileCacheHelper.Instance().loadCssFiles(["platform/layout/components/layoutbuilder/style.layoutbuilder.css"],function(){(companyId==undefined||companyId==""||companyId==null)&&(companyId=0);(roleId==undefined||roleId==""||roleId==null)&&(roleId=0);Unibase.Platform.Layouts.Managers.ThemeLayoutManager.Instance().getLayoutBuilderInfo(companyId,roleId).then(function(response){$(".biz-wrapper").addClass("biz-settings-toggle");$(".hk-wrapper").addClass("biz-settings-toggle");/ Plain Html /;let leftHtml=Unibase.Platform.Layouts.Components.LayoutBuilder_Template.Instance().getLeftHtml(),onclick="Unibase.Themes.Compact.Components.UserTheme.Instance().saveUserTheme()";(isCompany||isRole)&&(onclick="Unibase.Themes.Compact.Components.UserTheme.Instance().saveCompanyTheme()");let html=` 

  368.                                         <div class="user-themes" id="user-themes">

  369.                                             <div class="user-themes-header"></div>

  370.                                                 <div class="user-themes-body">

  371.                                                     ${leftHtml}

  372.                                                 </div>

  373.                                                 <div class="user-themes-footer">

  374.                                                 <a href="javascript:;" class="btn btn-theme px-4 w-100" type="button" onclick="`+onclick+`">Apply</a>

  375.                                                 </div>

  376.                                         </div>`;$("#settings-panel-body").html(html);$("#settings-panel-head-title").html("Themes");let themeSwitchHtml=` <div class="card theme-switcher">

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

  378.                                                         <a href="javascript:;" class="no-collapse biz-primary-text-color-removed" > Theme Switcher </a>

  379.                                                         </div>

  380.                                                     <div class="title-devider biz-border-color-removed"> </div>

  381.                                                         <div id="theme-switcher-colors">

  382.                                                             <div class="card-body pb-0" >

  383.                                                                 <div class="row dropdown-menu-scrollbar checkbox-container">

  384.                                                                 </div>

  385.                                                             </div>

  386.                                                         </div>

  387.                                                     </div>`;$("#user-themes .background-change").before(themeSwitchHtml);response.result.LayoutInfo.forEach(layout=>{let curLayout=layout,layoutId=curLayout.LayoutId;curLayout.Thumbnail=curLayout.Thumbnail.replace(".png",".svg");$("#user-themes #menu-layouts .layout-row").append(`<a href="javascript:;" class="col-6 p-0 pr-2 p-relative" data-id="${layoutId}" data-index="${curLayout.LayoutIndex}">	                                    

  388.                                             <img src="${curLayout.Thumbnail}" class="rounded w-100 h-100" data-dynamic="1" onerror="ReloadImage(event)" title="${curLayout.LayoutName}" />

  389. 	                                        <i class="zmdi zmdi-check"></i>

  390.                                         </a>`)});$(instance.layoutElement).click(function(){$(instance.layoutElement).removeClass("active");$(this).addClass("active");let id=Number($(this).attr("data-id"));instance.currentUserTheme.LayoutId=id});response.result.DetailViewInfo.forEach(viewLayout=>{if(viewLayout.DetailsViewName!="Popup"){let id=viewLayout.DetailsViewId;$("#user-themes #detail-list-view .detail-row").append(`<a href="javascript:;" class="col-6 p-0 mb-2 pr-2 p-relative" data-id="${id}">	                                    

  391.                                     <img src="${viewLayout.Thumbnail}" class="rounded w-100 h-100" data-dynamic="1" onerror="ReloadImage(event)" title="${viewLayout.DetailsViewName}" />

  392. 	                                <i class="zmdi zmdi-check"></i>

  393.                                 </a>`)}});$(".isStructSettingsEnableChk").parent().siblings().remove();$('[for="isStructSettingsEnableChk"]').remove();$(instance.detailsViewElement).click(function(){$(instance.detailsViewElement).removeClass("active");$(this).addClass("active");let id=Number($(this).attr("data-id"));instance.currentUserTheme.DetailsViewId=id});response.result.DisplayModesInfo.forEach(displayMode=>{$("#user-themes #theme-switcher-colors .row").append(`<a href="javascript:;" class="p-relative mr-2 mb-2" data-id="${displayMode.DisplayModeId}" title="${displayMode.DisplayModeName}">

  394.                                             <div class="p-relative color-box border biz-border-color-removed" style="background-color:${displayMode.PrimaryColor}">

  395.                                         

  396.                                             </div>

  397.                                             <i class="zmdi zmdi-check"></i>

  398.                                     </a>`)});$(instance.displayModeElement).click(function(){$(instance.displayModeElement).removeClass("active");$(this).addClass("active");$(`${instance.backgroundImageElement}.solid-color .color-box`).css("background-color",$(this).find(".color-box").css("background-color"));$(`${instance.backgroundImageElement}.solid-color color-box`).addClass("active");let id=Number($(this).attr("data-id"));instance.currentUserTheme.DisplayModeId=id});let solidColorImage=`<a href="javascript:;" class="col-4 p-relative px-1 solid-color active" data-id="0">

  399.                                                             <div class="p-relative color-box border biz-border-color-removed" style="height:65px">

  400.                                                                     

  401.                                                             </div>

  402.                                                             <i class="zmdi zmdi-check"></i>

  403.                                                         </a>`;$("#user-themes #background-image-view .row").append(solidColorImage);response.result.BackgroundImages.forEach(backgroundImage=>{let IsDefaultClass=backgroundImage.IsDefault?"default":"";$("#user-themes #background-image-view .row").append(`<a href="javascript:;" class="col-4 p-relative px-1 ${IsDefaultClass}" data-url="${backgroundImage.Thumbnail}" data-id="${backgroundImage.BackgroundImageId}">

  404.                                             <div class="p-relative">

  405.                                                 <img src="${backgroundImage.Thumbnail}" class="rounded w-100" data-dynamic="1" onerror = "ReloadImage(event)" />

  406.                                                 <div class="delete" data-id="${backgroundImage.BackgroundImageId}">

  407.                                                     <i class="fa fa-trash"></i> 

  408.                                                 </div>

  409.                                             </div>

  410.                                             <i class="zmdi zmdi-check"></i>

  411.                                         </a>`)});$(instance.backgroundImageElement).click(function(){$(instance.backgroundImageElement).removeClass("active");$(this).addClass("active");instance.currentUserTheme.BackgroundImageId=Number($(this).attr("data-id"))});let currentTheme=Unibase.Themes.Compact.Components.Index.Instance().currentTheme;if((isCompany||isRole)&&(currentTheme=response.result.CompanyTheme,currentTheme===""&&(instance.currentUserTheme.LayoutId=0,instance.currentUserTheme.DetailsViewId=0,instance.currentUserTheme.DisplayModeId=0,instance.currentUserTheme.BackgroundImageId=0,instance.currentUserTheme.ThemeId=0),isRole&&$(".hdn_themeid").length===0&&$("._bizgaze_popup_container").last().find(".section_Hidden").append(`<input type="hidden" class="hdn_themeid" value="0"><input type="hidden" class="hdn_displaymodeid" value="0">`),currentTheme===""&&$(".hdn_themeid").val()!="0")){instance.bindSelectedUserThemeSettings();return}$(`${instance.layoutElement}[data-id="${currentTheme.layoutId}"]`).click();$(`${instance.detailsViewElement}[data-id="${currentTheme.detailsViewId}"]`).click();$(`${instance.displayModeElement}[data-id="${currentTheme.displayModeId}"]`).click();$(`${instance.backgroundImageElement}[data-id="${currentTheme.backgroundImageId}"]`).click();instance.currentUserTheme.ThemeId=currentTheme.themeId;instance.currentUserTheme.IsCompanyTheme=currentTheme.isCompanyTheme})})}bindSelectedUserThemeSettings(){const instance=this,currentTheme=JSON.parse($(".hdn_themeid").val().toString()),{LayoutId,DetailsViewId,DisplayModeId,BackgroundImageId}=currentTheme;$(`${instance.layoutElement}[data-id="${LayoutId}"]`).trigger("click");$(`${instance.detailsViewElement}[data-id="${DetailsViewId}"]`).trigger("click");$(`${instance.displayModeElement}[data-id="${DisplayModeId}"]`).trigger("click");$(`${instance.backgroundImageElement}[data-id="${BackgroundImageId}"]`).trigger("click")}init(isCompany,companyId){let instance=this;var _fileCacheHelper=Unibase.Platform.Helpers.FileCacheHelper.Instance();Unibase.Platform.Helpers.FileCacheHelper.Instance().loadCssFiles(["platform/layout/components/layoutbuilder/style.layoutbuilder.css"],function(){Unibase.Platform.Helpers.FileCacheHelper.Instance().loadJsFiles(["platform/core/infos/status.js","platform/layout/managers/themelayoutmanager.js"],function(){(companyId==undefined||companyId==""||companyId==null)&&(companyId=0);Unibase.Platform.Layouts.Managers.ThemeLayoutManager.Instance().getLayoutBuilderInfo(companyId,0).then(function(response){$(".biz-wrapper").addClass("biz-settings-toggle");$(".hk-wrapper").addClass("biz-settings-toggle");let leftHtml=Unibase.Platform.Layouts.Components.LayoutBuilder_Template.Instance().getLeftHtml(),onclick="Unibase.Themes.Compact.Components.UserTheme.Instance().saveUserTheme()";isCompany&&(onclick="Unibase.Themes.Compact.Components.UserTheme.Instance().saveCompanyTheme()");let html=`<div class="user-themes" id="user-themes">

  412.                                                 <div class="user-themes-header"></div>

  413.                                                     <div class="user-themes-body">

  414.                                                         ${leftHtml}

  415.                                                     </div>

  416.                                                  <div class="user-themes-footer">

  417.                                                     <a href="javascript:;" class="btn btn-theme px-4 w-100" type="button" onclick="`+onclick+`">Apply</a>

  418.                                                  </div>

  419.                                             </div>`;$("#settings-panel-body").html(html);$("#settings-panel-head-title").html("Themes");let themeSwitchHtml=`<div class="card theme-switcher">

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

  421.                                                             <a href="javascript:;" class="no-collapse biz-primary-text-color-removed" > Theme Switcher </a>

  422.                                                          </div>

  423.                                                         <div class="title-devider biz-border-color-removed"> </div>

  424.                                                             <div id="theme-switcher-colors">

  425.                                                                 <div class="card-body pb-0" >

  426.                                                                     <div class="row dropdown-menu-scrollbar checkbox-container">

  427.                                                                     </div>

  428.                                                              </div>

  429.                                                          </div>

  430.                                                       </div>`;$("#user-themes .background-change").before(themeSwitchHtml);response.result.LayoutInfo.forEach(layout=>{let curLayout=layout,layoutId=curLayout.LayoutId;curLayout.Thumbnail=curLayout.Thumbnail.replace(".png",".svg");$("#user-themes #menu-layouts .layout-row").append(`<a href="javascript:;" class="col-6 p-0 pr-2 p-relative" data-id="${layoutId}" data-index="${curLayout.LayoutIndex}">	                                    

  431.                                                 <img src="${curLayout.Thumbnail}" class="rounded w-100 h-100" data-dynamic="1" onerror="ReloadImage(event)" title="${curLayout.LayoutName}" />

  432. 	                                            <i class="zmdi zmdi-check"></i>

  433.                                             </a>`)});$(instance.layoutElement).click(function(){$(instance.layoutElement).removeClass("active");$(this).addClass("active");let id=Number($(this).attr("data-id"));instance.currentUserTheme.LayoutId=id});response.result.DetailViewInfo.forEach(viewLayout=>{if(viewLayout.DetailsViewName!="Popup"){let id=viewLayout.DetailsViewId;$("#user-themes #detail-list-view .detail-row").append(`<a href="javascript:;" class="col-6 p-0 mb-2 pr-2 p-relative" data-id="${id}">	                                    

  434.                                         <img src="${viewLayout.Thumbnail}" class="rounded w-100 h-100" data-dynamic="1" onerror="ReloadImage(event)" title="${viewLayout.DetailsViewName}" />

  435. 	                                    <i class="zmdi zmdi-check"></i>

  436.                                     </a>`)}});$(instance.detailsViewElement).click(function(){$(instance.detailsViewElement).removeClass("active");$(this).addClass("active");let id=Number($(this).attr("data-id"));instance.currentUserTheme.DetailsViewId=id});response.result.DisplayModesInfo.forEach(displayMode=>{$("#user-themes #theme-switcher-colors .row").append(`<a href="javascript:;" class="p-relative mr-2 mb-2" data-id="${displayMode.DisplayModeId}" title="${displayMode.DisplayModeName}">

  437.                                                 <div class="p-relative color-box border biz-border-color-removed" style="background-color:${displayMode.PrimaryColor}">

  438.                                         

  439.                                                 </div>

  440.                                                 <i class="zmdi zmdi-check"></i>

  441.                                         </a>`)});$(instance.displayModeElement).click(function(){$(instance.displayModeElement).removeClass("active");$(this).addClass("active");$(`${instance.backgroundImageElement}.solid-color .color-box`).css("background-color",$(this).find(".color-box").css("background-color"));$(`${instance.backgroundImageElement}.solid-color color-box`).addClass("active");let id=Number($(this).attr("data-id"));instance.currentUserTheme.DisplayModeId=id});let solidColorImage=`<a href="javascript:;" class="col-4 p-relative px-1 solid-color active" data-id="0">

  442.                                                                 <div class="p-relative color-box border biz-border-color-removed" style="height:65px">

  443.                                                                     

  444.                                                                 </div>

  445.                                                                 <i class="zmdi zmdi-check"></i>

  446.                                                             </a>`;$("#user-themes #background-image-view .row").append(solidColorImage);response.result.BackgroundImages.forEach(backgroundImage=>{let IsDefaultClass=backgroundImage.IsDefault?"default":"";$("#user-themes #background-image-view .row").append(`<a href="javascript:;" class="col-4 p-relative px-1 ${IsDefaultClass}" data-url="${backgroundImage.Thumbnail}" data-id="${backgroundImage.BackgroundImageId}">

  447.                                                 <div class="p-relative">

  448.                                                     <img src="${backgroundImage.Thumbnail}" class="rounded w-100" data-dynamic="1" onerror = "ReloadImage(event)" />

  449.                                                     <div class="delete" data-id="${backgroundImage.BackgroundImageId}">

  450.                                                         <i class="fa fa-trash"></i> 

  451.                                                     </div>

  452.                                                 </div>

  453.                                                 <i class="zmdi zmdi-check"></i>

  454.                                             </a>`)});$(instance.backgroundImageElement).click(function(){$(instance.backgroundImageElement).removeClass("active");$(this).addClass("active");instance.currentUserTheme.BackgroundImageId=Number($(this).attr("data-id"))});let currentTheme=Unibase.Themes.Compact.Components.Index.Instance().currentTheme;isCompany&&(currentTheme=response.result.CompanyTheme);$(`${instance.layoutElement}[data-id="${currentTheme.layoutId}"]`).click();$(`${instance.detailsViewElement}[data-id="${currentTheme.detailsViewId}"]`).click();$(`${instance.displayModeElement}[data-id="${currentTheme.displayModeId}"]`).click();$(`${instance.backgroundImageElement}[data-id="${currentTheme.backgroundImageId}"]`).click();instance.currentUserTheme.ThemeId=currentTheme.themeId;instance.currentUserTheme.IsCompanyTheme=currentTheme.isCompanyTheme})})})}saveCompanyTheme(){let instance=this,postData={LayoutId:instance.currentUserTheme.LayoutId,ThemeId:instance.currentUserTheme.ThemeId||0,DetailsViewId:instance.currentUserTheme.DetailsViewId,DisplayModeId:instance.currentUserTheme.DisplayModeId,BackgroundImageId:instance.currentUserTheme.BackgroundImageId};const placeholder=$("._bizgaze_popup_container").last().find(".form-error-message").first().attr("id");if(!postData.LayoutId&&!postData.DetailsViewId&&!postData.DisplayModeId){MessageHelper.Instance().showError("Select Theme.",placeholder);return}if(postData.LayoutId)if(postData.DetailsViewId){if(!postData.DisplayModeId){MessageHelper.Instance().showError("Select Theme Switcher.",placeholder);return}}else{MessageHelper.Instance().showError("Select Preferred Details View in Theme.",placeholder);return}else{MessageHelper.Instance().showError("Select Preferred Layout in Theme.",placeholder);return}$(".hdn_themeid").val(JSON.stringify(postData));$(".hdn_displaymodeid").val(instance.currentUserTheme.DisplayModeId);$(".biz-wrapper,.hk-wrapper").removeClass("biz-settings-toggle")}saveUserTheme(){let instance=this,postData={LayoutId:instance.currentUserTheme.LayoutId,ThemeId:instance.currentUserTheme.IsCompanyTheme?0:instance.currentUserTheme.ThemeId,DetailsViewId:instance.currentUserTheme.DetailsViewId,DisplayModeId:instance.currentUserTheme.DisplayModeId,BackgroundImageId:instance.currentUserTheme.BackgroundImageId};Unibase.Platform.Layouts.Managers.ThemeLayoutManager.Instance().saveUserTheme(postData).then(function(response){response.status==Unibase.Data.Status.Success&&(MessageHelper.Instance().showSuccess(response.message,""),Unibase.Platform.Layouts.Components.LayoutBuilder.Instance().refrshLayout(response))})}static Instance(){return this.instance===undefined&&(this.instance=new UserTheme),this.instance}}Components.UserTheme=UserTheme})(Components=Compact.Components||(Compact.Components={}))})(Compact=Themes.Compact||(Themes.Compact={}))})(Themes=Unibase.Themes||(Unibase.Themes={}))}(Unibase||(Unibase={}));