sriramphanib
/
WebBuild
Suivre 1
Favoriser 0
Bifurcation 0
Code Tickets 0 Demandes d'ajout 0 Versions 0 Wiki Activité
Built files from Bizgaze WebServer
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
2 Révisions
1 Branche
Aborescence: 0da601e691
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de '0da601e691'
${ noResults }
WebBuild/wwwroot/platform/bundle/index.themes.builder.min.js

index.themes.builder.min.js 72KB
Historique Brut

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={}));