Iniit
This commit is contained in:
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+113
File diff suppressed because one or more lines are too long
@@ -0,0 +1,281 @@
|
||||
var Unibase;
|
||||
(function (Unibase) {
|
||||
let Platform;
|
||||
(function (Platform) {
|
||||
let Layouts;
|
||||
(function (Layouts) {
|
||||
let Components;
|
||||
(function (Components) {
|
||||
class LayoutBuilder_Template {
|
||||
loadTemplate() {
|
||||
let instance = this;
|
||||
let html = `
|
||||
<div class="biz-wrapper biz-wrapper2 layout-builder d-none drawer-small drawer-right biz-drawer-push biz-drawer-pushright ">
|
||||
<!-- Drawer Push -->
|
||||
<div id="drawer_push" class="biz-drawer drawer-wthout-footer drawer-small drawer-right biz-drawer-toggle">
|
||||
<div class="drawer-header">
|
||||
<div class="drawer-text"> Settings </div>
|
||||
<button type="button" class="drawer-close close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="drawer-body">
|
||||
<div data-simplebar class="simple-scroll-bar pb-15">
|
||||
<div class="drawer-content-wrap">
|
||||
<div class="collapse-simple">
|
||||
<div class="card dipsplay-modes">
|
||||
<div class="card-header">
|
||||
<a href="javascript:;" class="no-collapse">Display Modes</a>
|
||||
</div>
|
||||
<div class="title-devider"></div>
|
||||
<div id="dipsplay-modes-section">
|
||||
<div class="card-body buttons-wrap">
|
||||
</div>
|
||||
<div class="custom-mode-section">
|
||||
<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>
|
||||
<div class="custom-mode-input-section d-none">
|
||||
<input type="text" class="form-control custom-mode-input shadow-none" placeholder="Enter mode name">
|
||||
<a href="javascript:;" class="btn btn-theme px-2 ml-2" type="button" onclick="Unibase.Platform.Layouts.Components.LayoutBuilder.Instance().addDisplayMode()">Add</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card background-colors d-none">
|
||||
<div class="card-header d-flex justify-content-between align-items-center">
|
||||
<a href="javascript:;" class="no-collapse">Background Colors</a>
|
||||
<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>
|
||||
</div>
|
||||
<div class="title-devider"></div>
|
||||
<div>
|
||||
<div class="color-pickr-container" data-name="PrimaryColor">
|
||||
<span>Primary</span>
|
||||
<input id="color-picker-PrimaryColor" value='#276cb8' />
|
||||
</div>
|
||||
<div class="color-pickr-container" data-name="SecondaryColor">
|
||||
<span>Secondary</span>
|
||||
<input id="color-picker-SecondaryColor" value='#276cb8' />
|
||||
</div>
|
||||
<div class="color-pickr-container" data-name="HighlightColor">
|
||||
<span>Highlight </span>
|
||||
<input id="color-picker-HighlightColor" value='' />
|
||||
</div>
|
||||
<div class="color-pickr-container" data-name="TransparentPrimaryColor">
|
||||
<span>Transparent</span>
|
||||
<input id="color-picker-TransparentPrimaryColor" value='' />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card text-colors d-none">
|
||||
<div class="card-header">
|
||||
<a href="javascript:;" class="no-collapse">Text Colors</a>
|
||||
</div>
|
||||
<div class="title-devider"></div>
|
||||
<div>
|
||||
<div class="color-pickr-container" data-name="PrimaryTextColor">
|
||||
<span>Primary</span>
|
||||
<input id="color-picker-PrimaryTextColor" value='' />
|
||||
</div>
|
||||
<div class="color-pickr-container" data-name="SecondaryTextColor">
|
||||
<span>Secondary</span>
|
||||
<input id="color-picker-SecondaryTextColor" value='' />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card color-palettes">
|
||||
<div class="card-header">
|
||||
<a href="javascript:;" class="no-collapse">Palettes</a>
|
||||
</div>
|
||||
<div class="title-devider"></div>
|
||||
<div>
|
||||
<select class="form-control" id="palettesSelect"><option></option></select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card logo-settings">
|
||||
<div class="card-header">
|
||||
<a href="javascript:;" class="no-collapse">Logo Settings</a>
|
||||
</div>
|
||||
<div class="title-devider"></div>
|
||||
<div class="card-body logo-setting-body pa-0" id="logoSettingsBody">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card collapse-simple toggle-nav-parent-group-options pb-0">
|
||||
<div class="card-header">
|
||||
<a role="button" data-toggle="collapse" href="#layoutSettings" aria-expanded="true">Layout Nav Settings</a>
|
||||
</div>
|
||||
<div class="title-devider"></div>
|
||||
<div class="collapse show" id="layoutSettings">
|
||||
<ul class="nav-parent-groups-list" id="navParentGroupsList">
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Drawer Push -->
|
||||
|
||||
<!-- Main Content -->
|
||||
<div class="biz-pg-wrapper py-0 layout-builder">
|
||||
<div class="biz-pg-body">
|
||||
<div class="biz-bldr-wrap bldr__aside__left form-bldr-wrap">
|
||||
<header class="bldr-head">
|
||||
<div class="d-flex align-items-center">
|
||||
<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
|
||||
</div>
|
||||
<div class="bldr-options-wrap">
|
||||
<a href="javascript:;" class="btn btn-theme px-4" type="button" onclick="Unibase.Platform.Layouts.Components.LayoutBuilder.Instance().saveTheme()">Save</a>
|
||||
<a class="btn btn-layout-builder-close btn-outline-danger px-4 ml-3" href="javascript:;" id="">Close</a>
|
||||
</div>
|
||||
<div class="form-error-message ml-0 l-0" id="layoutBuilderErrMsg"></div>
|
||||
</header>
|
||||
<div class="bldr-aside-left">
|
||||
<ul class="nav nav-light nav-tabs d-none">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" data-toggle="tab" href="#tab_outline">
|
||||
<span class="nav-link-text">Components</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-toggle="tab" href="#tab_column">
|
||||
<span class="nav-link-text">Fileld</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
${instance.getLeftHtml()}
|
||||
</div>
|
||||
<div class="bldr-body">
|
||||
<header class="bldr-sec-head justify-content-center">
|
||||
<ul class="nav nav-line nav-tabs nav-light">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" data-toggle="tab" href="#dashboard">
|
||||
<span class="nav-link-text">Preview</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- <li class="nav-item">
|
||||
<a class="nav-link" data-toggle="tab" href="#tab_builder">
|
||||
<span class="nav-link-text">Code Builder</span>
|
||||
</a>
|
||||
</li> -->
|
||||
</ul>
|
||||
<div class="left-aside-togglable"></div>
|
||||
<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>
|
||||
</header>
|
||||
<div data-simplebar class="simple-scroll-bar custom-scollable-container layoutbuilder-simple-scroll-bar" style="overflow:hidden;">
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane fade show active layout-builder-dashboard p-relative" id="dashboardpo">
|
||||
|
||||
<div id="bizgaze_body" style="margin-topx: 60px;">
|
||||
|
||||
<div class="biz-wrapper biz__icon__menu biz__fullheight__menu biz__submenu biz__bottom__nav__menu">
|
||||
|
||||
|
||||
|
||||
<div class="biz-pg-wrapper SecondaryColor SecondaryTextColor" style="min-height: 937px;margin-right: 0px;position: fixed;top: 0;left: 410px;width: 100%;">
|
||||
|
||||
<!-- Container -->
|
||||
<div class="_bizgaze_detail_container col-sm SecondaryColor" id="_modal_bizgaze_edit_1620714971">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Container -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
return html;
|
||||
}
|
||||
getLeftHtml() {
|
||||
let html = `<div data-simplebar class="simple-scroll-bar" style="overflow-x: hidden;">
|
||||
<div class="tab-content" style="padding-bottom : 5rem;">
|
||||
<div class="tab-pane fade show active" id="tab_outline">
|
||||
<div class="collapse-simple">
|
||||
<div class="card layout pb-0">
|
||||
<div class="card-header">
|
||||
<a href="javascript:;" class="no-collapse biz-primary-text-color-removed pt-0">Layout</a>
|
||||
</div>
|
||||
<div class="title-devider biz-border-color"></div>
|
||||
<p class="biz-primary-text-color-removed">Choose your preferred layout</p>
|
||||
<div id="menu-layouts">
|
||||
<div class="card-body pb-0">
|
||||
<div class="row layout-row checkbox-container">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card detail pb-0">
|
||||
<div class="card-header">
|
||||
<a href="javascript:;" class="no-collapse biz-primary-text-color-removed">Details</a>
|
||||
</div>
|
||||
<div class="title-devider biz-border-color"></div>
|
||||
<p class="biz-primary-text-color-removed">Choose your preferred view</p>
|
||||
<div id="detail-list-view">
|
||||
<div class="card-body pb-0">
|
||||
<div class="row detail-row checkbox-container">
|
||||
|
||||
</div>
|
||||
<div class="align-items-center d-flex justify-content-between mb-10 pl-0">
|
||||
<span class="text-capitalize mb-0">Enable Structures</span>
|
||||
<label class="switch mb-0" for="isStructSettingsEnableChk"><input id="isStructSettingsEnableChk" class="isStructSettingsEnableChk" type="checkbox" ><span></span></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card background-change">
|
||||
<div class="card-header">
|
||||
<a href="javascript:;" class="no-collapse biz-primary-text-color-removed">Background Image</a>
|
||||
</div>
|
||||
<div class="title-devider biz-border-color"></div>
|
||||
<div id="background-image-view">
|
||||
<div class="card-body">
|
||||
<div class="row dropdown-menu-scrollbar checkbox-container">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body thumbnail-input-card p-2 py-3 d-flex flex-column align-items-center font-14 p-relative">
|
||||
<input type="file" class="imagepickerThumbnail" id="imagepickerThumbnail" accept="image/*" required>
|
||||
<span>Upload from Computer</span>
|
||||
<img src="tenants/themes/compact/imgs/cloud.svg" alt="folder icon" class="w-15 h-15">
|
||||
|
||||
<div class="progress-wrap w-100 d-none">
|
||||
<div class="progress mt-2">
|
||||
<div class="progress-bar" role="progressbar" style="width: 0%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
<h6 class="text-dark progress-text ml-20 font-13">0%</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="tab_column">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>`;
|
||||
return html;
|
||||
}
|
||||
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 = {}));
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"layoutbuilder.template.js","sourceRoot":"","sources":["layoutbuilder.template.ts"],"names":[],"mappings":"AAAA,IAAU,OAAO,CA0RhB;AA1RD,WAAU,OAAO;IACb,IAAiB,QAAQ,CAwRxB;IAxRD,WAAiB,QAAQ;QACrB,IAAiB,OAAO,CAsRvB;QAtRD,WAAiB,OAAO;YACpB,IAAiB,UAAU,CAoR1B;YApRD,WAAiB,UAAU;gBACvB,MAAa,sBAAsB;oBAE/B,YAAY;wBAC1B,IAAI,QAAQ,GAAG,IAAI,CAAC;wBACF,IAAI,IAAI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA0I3B,QAAQ,CAAC,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAgDL,CAAC;wBAEF,OAAO,IAAI,CAAC;oBAC/B,CAAC;oBAED,WAAW;wBAEV,IAAI,IAAI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAoED,CAAC;wBAEX,OAAO,IAAI,CAAA;oBACG,CAAC;oBAGD,MAAM,CAAC,QAAQ;wBACX,OAAO,IAAI,sBAAsB,EAAE,CAAC;oBACxC,CAAC;iBACJ;gBAlRY,iCAAsB,yBAkRlC,CAAA;YACL,CAAC,EApRgB,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAoR1B;QACL,CAAC,EAtRgB,OAAO,GAAP,gBAAO,KAAP,gBAAO,QAsRvB;IACL,CAAC,EAxRgB,QAAQ,GAAR,gBAAQ,KAAR,gBAAQ,QAwRxB;AACL,CAAC,EA1RS,OAAO,KAAP,OAAO,QA0RhB"}
|
||||
+255
@@ -0,0 +1,255 @@
|
||||
var Unibase;(function(n){let t;(function(n){let t;(function(n){let t;(function(n){class t{loadTemplate(){let n=this;return`
|
||||
<div class="biz-wrapper biz-wrapper2 layout-builder d-none drawer-small drawer-right biz-drawer-push biz-drawer-pushright ">
|
||||
<!-- Drawer Push -->
|
||||
<div id="drawer_push" class="biz-drawer drawer-wthout-footer drawer-small drawer-right biz-drawer-toggle">
|
||||
<div class="drawer-header">
|
||||
<div class="drawer-text"> Settings </div>
|
||||
<button type="button" class="drawer-close close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="drawer-body">
|
||||
<div data-simplebar class="simple-scroll-bar pb-15">
|
||||
<div class="drawer-content-wrap">
|
||||
<div class="collapse-simple">
|
||||
<div class="card dipsplay-modes">
|
||||
<div class="card-header">
|
||||
<a href="javascript:;" class="no-collapse">Display Modes</a>
|
||||
</div>
|
||||
<div class="title-devider"></div>
|
||||
<div id="dipsplay-modes-section">
|
||||
<div class="card-body buttons-wrap">
|
||||
</div>
|
||||
<div class="custom-mode-section">
|
||||
<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>
|
||||
<div class="custom-mode-input-section d-none">
|
||||
<input type="text" class="form-control custom-mode-input shadow-none" placeholder="Enter mode name">
|
||||
<a href="javascript:;" class="btn btn-theme px-2 ml-2" type="button" onclick="Unibase.Platform.Layouts.Components.LayoutBuilder.Instance().addDisplayMode()">Add</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card background-colors d-none">
|
||||
<div class="card-header d-flex justify-content-between align-items-center">
|
||||
<a href="javascript:;" class="no-collapse">Background Colors</a>
|
||||
<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>
|
||||
</div>
|
||||
<div class="title-devider"></div>
|
||||
<div>
|
||||
<div class="color-pickr-container" data-name="PrimaryColor">
|
||||
<span>Primary</span>
|
||||
<input id="color-picker-PrimaryColor" value='#276cb8' />
|
||||
</div>
|
||||
<div class="color-pickr-container" data-name="SecondaryColor">
|
||||
<span>Secondary</span>
|
||||
<input id="color-picker-SecondaryColor" value='#276cb8' />
|
||||
</div>
|
||||
<div class="color-pickr-container" data-name="HighlightColor">
|
||||
<span>Highlight </span>
|
||||
<input id="color-picker-HighlightColor" value='' />
|
||||
</div>
|
||||
<div class="color-pickr-container" data-name="TransparentPrimaryColor">
|
||||
<span>Transparent</span>
|
||||
<input id="color-picker-TransparentPrimaryColor" value='' />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card text-colors d-none">
|
||||
<div class="card-header">
|
||||
<a href="javascript:;" class="no-collapse">Text Colors</a>
|
||||
</div>
|
||||
<div class="title-devider"></div>
|
||||
<div>
|
||||
<div class="color-pickr-container" data-name="PrimaryTextColor">
|
||||
<span>Primary</span>
|
||||
<input id="color-picker-PrimaryTextColor" value='' />
|
||||
</div>
|
||||
<div class="color-pickr-container" data-name="SecondaryTextColor">
|
||||
<span>Secondary</span>
|
||||
<input id="color-picker-SecondaryTextColor" value='' />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card color-palettes">
|
||||
<div class="card-header">
|
||||
<a href="javascript:;" class="no-collapse">Palettes</a>
|
||||
</div>
|
||||
<div class="title-devider"></div>
|
||||
<div>
|
||||
<select class="form-control" id="palettesSelect"><option></option></select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card logo-settings">
|
||||
<div class="card-header">
|
||||
<a href="javascript:;" class="no-collapse">Logo Settings</a>
|
||||
</div>
|
||||
<div class="title-devider"></div>
|
||||
<div class="card-body logo-setting-body pa-0" id="logoSettingsBody">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card collapse-simple toggle-nav-parent-group-options pb-0">
|
||||
<div class="card-header">
|
||||
<a role="button" data-toggle="collapse" href="#layoutSettings" aria-expanded="true">Layout Nav Settings</a>
|
||||
</div>
|
||||
<div class="title-devider"></div>
|
||||
<div class="collapse show" id="layoutSettings">
|
||||
<ul class="nav-parent-groups-list" id="navParentGroupsList">
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Drawer Push -->
|
||||
|
||||
<!-- Main Content -->
|
||||
<div class="biz-pg-wrapper py-0 layout-builder">
|
||||
<div class="biz-pg-body">
|
||||
<div class="biz-bldr-wrap bldr__aside__left form-bldr-wrap">
|
||||
<header class="bldr-head">
|
||||
<div class="d-flex align-items-center">
|
||||
<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
|
||||
</div>
|
||||
<div class="bldr-options-wrap">
|
||||
<a href="javascript:;" class="btn btn-theme px-4" type="button" onclick="Unibase.Platform.Layouts.Components.LayoutBuilder.Instance().saveTheme()">Save</a>
|
||||
<a class="btn btn-layout-builder-close btn-outline-danger px-4 ml-3" href="javascript:;" id="">Close</a>
|
||||
</div>
|
||||
<div class="form-error-message ml-0 l-0" id="layoutBuilderErrMsg"></div>
|
||||
</header>
|
||||
<div class="bldr-aside-left">
|
||||
<ul class="nav nav-light nav-tabs d-none">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" data-toggle="tab" href="#tab_outline">
|
||||
<span class="nav-link-text">Components</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-toggle="tab" href="#tab_column">
|
||||
<span class="nav-link-text">Fileld</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
${n.getLeftHtml()}
|
||||
</div>
|
||||
<div class="bldr-body">
|
||||
<header class="bldr-sec-head justify-content-center">
|
||||
<ul class="nav nav-line nav-tabs nav-light">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" data-toggle="tab" href="#dashboard">
|
||||
<span class="nav-link-text">Preview</span>
|
||||
</a>
|
||||
</li>
|
||||
<!-- <li class="nav-item">
|
||||
<a class="nav-link" data-toggle="tab" href="#tab_builder">
|
||||
<span class="nav-link-text">Code Builder</span>
|
||||
</a>
|
||||
</li> -->
|
||||
</ul>
|
||||
<div class="left-aside-togglable"></div>
|
||||
<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>
|
||||
</header>
|
||||
<div data-simplebar class="simple-scroll-bar custom-scollable-container layoutbuilder-simple-scroll-bar" style="overflow:hidden;">
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane fade show active layout-builder-dashboard p-relative" id="dashboardpo">
|
||||
|
||||
<div id="bizgaze_body" style="margin-topx: 60px;">
|
||||
|
||||
<div class="biz-wrapper biz__icon__menu biz__fullheight__menu biz__submenu biz__bottom__nav__menu">
|
||||
|
||||
|
||||
|
||||
<div class="biz-pg-wrapper SecondaryColor SecondaryTextColor" style="min-height: 937px;margin-right: 0px;position: fixed;top: 0;left: 410px;width: 100%;">
|
||||
|
||||
<!-- Container -->
|
||||
<div class="_bizgaze_detail_container col-sm SecondaryColor" id="_modal_bizgaze_edit_1620714971">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Container -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`}getLeftHtml(){return`<div data-simplebar class="simple-scroll-bar" style="overflow-x: hidden;">
|
||||
<div class="tab-content" style="padding-bottom : 5rem;">
|
||||
<div class="tab-pane fade show active" id="tab_outline">
|
||||
<div class="collapse-simple">
|
||||
<div class="card layout pb-0">
|
||||
<div class="card-header">
|
||||
<a href="javascript:;" class="no-collapse biz-primary-text-color-removed pt-0">Layout</a>
|
||||
</div>
|
||||
<div class="title-devider biz-border-color"></div>
|
||||
<p class="biz-primary-text-color-removed">Choose your preferred layout</p>
|
||||
<div id="menu-layouts">
|
||||
<div class="card-body pb-0">
|
||||
<div class="row layout-row checkbox-container">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card detail pb-0">
|
||||
<div class="card-header">
|
||||
<a href="javascript:;" class="no-collapse biz-primary-text-color-removed">Details</a>
|
||||
</div>
|
||||
<div class="title-devider biz-border-color"></div>
|
||||
<p class="biz-primary-text-color-removed">Choose your preferred view</p>
|
||||
<div id="detail-list-view">
|
||||
<div class="card-body pb-0">
|
||||
<div class="row detail-row checkbox-container">
|
||||
|
||||
</div>
|
||||
<div class="align-items-center d-flex justify-content-between mb-10 pl-0">
|
||||
<span class="text-capitalize mb-0">Enable Structures</span>
|
||||
<label class="switch mb-0" for="isStructSettingsEnableChk"><input id="isStructSettingsEnableChk" class="isStructSettingsEnableChk" type="checkbox" ><span></span></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card background-change">
|
||||
<div class="card-header">
|
||||
<a href="javascript:;" class="no-collapse biz-primary-text-color-removed">Background Image</a>
|
||||
</div>
|
||||
<div class="title-devider biz-border-color"></div>
|
||||
<div id="background-image-view">
|
||||
<div class="card-body">
|
||||
<div class="row dropdown-menu-scrollbar checkbox-container">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body thumbnail-input-card p-2 py-3 d-flex flex-column align-items-center font-14 p-relative">
|
||||
<input type="file" class="imagepickerThumbnail" id="imagepickerThumbnail" accept="image/*" required>
|
||||
<span>Upload from Computer</span>
|
||||
<img src="tenants/themes/compact/imgs/cloud.svg" alt="folder icon" class="w-15 h-15">
|
||||
|
||||
<div class="progress-wrap w-100 d-none">
|
||||
<div class="progress mt-2">
|
||||
<div class="progress-bar" role="progressbar" style="width: 0%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
<h6 class="text-dark progress-text ml-20 font-13">0%</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="tab_column">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>`}static Instance(){return new t}}n.LayoutBuilder_Template=t})(t=n.Components||(n.Components={}))})(t=n.Layouts||(n.Layouts={}))})(t=n.Platform||(n.Platform={}))})(Unibase||(Unibase={}));
|
||||
@@ -0,0 +1,550 @@
|
||||
.layout-builder .collapse-simple > .card > .card-header > a.no-collapse {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.layout-builder .collapse-simple > .card > .card-header > a.no-collapse::before {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.p-relative {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.no-wrap {
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
.layout-builder .title-devider {
|
||||
height: 10px;
|
||||
border-top: 1px solid #DADDE1;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
/* .layout-builder .biz-bldr-wrap .bldr-aside-left{
|
||||
width: 350px;
|
||||
} */
|
||||
/* .layout-builder .biz-bldr-wrap.bldr__aside__left .bldr-body{
|
||||
margin-left: 350px;
|
||||
margin-right: 60px;
|
||||
|
||||
} */
|
||||
/* .layout-builder.biz-wrapper .biz-drawer{
|
||||
width: 350px;
|
||||
} */
|
||||
}
|
||||
|
||||
|
||||
/* Logo */
|
||||
.layout-builder .background-change #background-image-view .card-body .row {
|
||||
max-height: 250px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
.layout-builder .background-change #background-image-view .card-body a img {
|
||||
height: 65px;
|
||||
object-fit: cover;
|
||||
}
|
||||
.layout-builder .background-change #background-image-view .card-body a.active img {
|
||||
border: 3px solid #1a73e8;
|
||||
}
|
||||
|
||||
.background-change .thumbnail-input-card {
|
||||
border: 1px dotted #DADDE1;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.background-change #background-image-view .card-body a .delete, .layout-logo-wrap .delete {
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: white;
|
||||
background: rgba(0,0,0,0);
|
||||
color: white;
|
||||
height: 33px;
|
||||
-webkit-transition: background 218ms ease,height 218ms ease,opacity 218ms ease;
|
||||
transition: background 218ms ease,height 218ms ease,opacity 218ms ease;
|
||||
opacity: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.background-change #background-image-view .card-body a:not(.active):not(.default):hover .delete, .layout-logo-wrap:hover .delete {
|
||||
background: rgba(0,0,0,0.6);
|
||||
height: 30px;
|
||||
opacity: 1;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.background-change #background-image-view .card-body a:not(.active):not(.default):hover .delete:hover, .layout-logo-wrap .delete:hover {
|
||||
background: rgb(162 0 0 / 60%);
|
||||
}
|
||||
|
||||
.progress {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
height: 0.25rem;
|
||||
overflow: hidden;
|
||||
font-size: .75rem;
|
||||
background-color: #e9ecef;
|
||||
border-radius: .25rem;
|
||||
border: 1px solid #DADDE1;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
background-color: black !important;
|
||||
transition: width .6s ease;
|
||||
}
|
||||
|
||||
.layout-builder .background-change #imagepickerThumbnail {
|
||||
font-size: 65px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Logo End */
|
||||
|
||||
/* Colors Start */
|
||||
/* .hk-wrapper .hk-settings-panel .settings-panel-wrap .layout-img-wrap a i { */
|
||||
.checkbox-container a i, #dipsplay-modes-section .mode-btn i.delete {
|
||||
font-size: 15px;
|
||||
position: absolute;
|
||||
/* right: 25px;
|
||||
top: 10px; */
|
||||
right: 2px;
|
||||
top: 0px;
|
||||
opacity: 0;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
background: green;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
padding-top: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#background-image-view .checkbox-container a i.zmdi-check {
|
||||
right: 12px;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
#background-image-view .checkbox-container a i.fa-trash {
|
||||
top: auto;
|
||||
right: auto;
|
||||
opacity: 1;
|
||||
background: none;
|
||||
}
|
||||
.checkbox-container a.active i {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
||||
.layout-builder .colors-wrap {
|
||||
border: 1px solid #DADDE1;
|
||||
}
|
||||
|
||||
.layout-builder .color-tabs .nav-item .nav-link.active {
|
||||
/*background-color: #007D88;*/
|
||||
color: black;
|
||||
}
|
||||
|
||||
.layout-builder .background-colors .color-tabs .nav-item .nav-link.active {
|
||||
border: 1px solid lightgrey;
|
||||
}
|
||||
.layout-builder .color-tabs .nav-item .nav-link {
|
||||
/*background-color: #9e9e9e;*/
|
||||
color: #9e9e9e;
|
||||
}
|
||||
.layout-builder .color-tabs .nav-item .nav-link.active .dot {
|
||||
position: absolute;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
right: 4px;
|
||||
top: 19px;
|
||||
background-color: #007D88;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.dipsplay-modes .buttons-wrap button, .dipsplay-modes .custom-mode-section button {
|
||||
border: 1px solid #DADDE1;
|
||||
padding-left: 0.5rem !important;
|
||||
padding-right: 0.5rem !important;
|
||||
}
|
||||
.dipsplay-modes .custom-mode-section .custom-mode-input-section {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.dipsplay-modes .buttons-wrap button.btn.btn-wth-icon.icon-left .btn-text {
|
||||
padding-left: 6px !important;
|
||||
}
|
||||
|
||||
.dipsplay-modes .buttons-wrap button.active {
|
||||
border: 1px solid #00B0FF;
|
||||
}
|
||||
|
||||
#dipsplay-modes-section .mode-btn:not(.active):not([data-name="Default"]):hover i.delete {
|
||||
background: rgba(0,0,0,0.6);
|
||||
opacity: 1;
|
||||
}
|
||||
#dipsplay-modes-section .mode-btn:not(.active):not([data-name="Default"]):hover i.delete:hover {
|
||||
background: rgb(239 6 6);
|
||||
}
|
||||
#dipsplay-modes-section .mode-btn i.delete {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
right: -7px;
|
||||
top: -6px;
|
||||
padding-top: 1px;
|
||||
}
|
||||
|
||||
/* Colors End */
|
||||
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.layout-builder-dashboard .biz-wrapper.biz__icon__menu.biz__fullheight__menu .biz-submenu {
|
||||
position: absolute !important;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.layout-builder-dashboard .biz-wrapper.biz__icon__menu.biz__fullheight__menu .biz-submenu {
|
||||
left: 0px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.layout-builder-dashboard .biz-wrapper.biz__icon__menu .biz-main-menu {
|
||||
position: relative !important;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.layout-builder-dashboard .biz-pg-wrapper {
|
||||
position: absolute !important;
|
||||
left: 300px !important;
|
||||
margin-left: 0 !important;
|
||||
height: 100% !important;
|
||||
min-height: 0px !important;
|
||||
/*max-width: 786px !important;*/
|
||||
padding: 0 !important;
|
||||
/* left: auto !important;
|
||||
margin-left: auto !important; */
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.layout-builder-dashboard .biz-pg-wrapper {
|
||||
left: 240px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*.layout-builder-dashboard #layout-nav.d-none + .biz-pg-wrapper {
|
||||
left: auto !important;
|
||||
}*/
|
||||
.layout-builder-dashboard .layoutpreviewhtml.d-none + .biz-pg-wrapper {
|
||||
left: auto !important;
|
||||
}
|
||||
|
||||
.layout-builder .layout-builder-dashboard .top-navbar {
|
||||
/*left: 300px !important;*/
|
||||
/*max-width: 788px;*/
|
||||
/*left: 50px !important*/
|
||||
}
|
||||
|
||||
|
||||
.layout-builder-dashboard .layoutpreviewhtml.d-none + .biz-pg-wrapper ._bizgaze_detail_container {
|
||||
/*max-width: 788px !important;*/
|
||||
}
|
||||
.layout-builder .layout-builder-dashboard ._bizgaze_detail_container {
|
||||
/*max-width: 698px;*/
|
||||
}
|
||||
|
||||
.biz-wrapper.layout-builder {
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.layout-builder #dipsplay-modes-section button {
|
||||
background: none
|
||||
}
|
||||
|
||||
.layout-builder .biz-bldr-wrap .bldr-aside-left > .simple-scroll-bar {
|
||||
height: 100% !important
|
||||
}
|
||||
|
||||
.layout-builder .layout-builder-dashboard #bizgaze_body {
|
||||
overflow: inherit;
|
||||
}
|
||||
|
||||
.layout-builder .layout-builder-dashboard nav.navbar.hk-navbar {
|
||||
top: -60px !important;
|
||||
/*left: -313px !important;
|
||||
max-width : 710px;*/
|
||||
}
|
||||
|
||||
.layout-builder .layout-builder-dashboard.background-image .biz-main-menu,
|
||||
.layout-builder .layout-builder-dashboard.background-image .biz-submenu,
|
||||
.layout-builder .layout-builder-dashboard.background-image .biz-pg-wrapper {
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
|
||||
.layout-builder .layout-builder-dashboard .biz-submenu {
|
||||
/*background-color: inherit !important;*/
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
.layout-builder-dashboard .biz-wrapper.biz__icon__menu .biz-menu.bg-dark .biz-main-menu {
|
||||
min-height: 650px;
|
||||
}
|
||||
}
|
||||
|
||||
/*.layout-builder .color-pickr-container,*/
|
||||
.layout-builder .color-pickr-container .sp-replacer {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.layout-builder .color-pickr-container .sp-replacer .sp-dd{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.layout-builder .color-pickr-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 0.75rem;
|
||||
/*color: #76606C;*/
|
||||
}
|
||||
|
||||
.layout-builder .color-pickr-container span{
|
||||
flex: 0.65;
|
||||
}
|
||||
|
||||
.layout-builder .background-colors .color-pickr-container:last-child,
|
||||
.layout-builder .text-colors .color-pickr-container:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.layout-builder .pickr button {
|
||||
width : 100%;
|
||||
}
|
||||
|
||||
.layout-builder.biz-wrapper .biz-drawer .drawer-body .drawer-content-wrap {
|
||||
padding: .5rem 1rem !important;
|
||||
}
|
||||
|
||||
.layout-builder .layout-builder-dashboard.biz-layout-3-preview .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav li {
|
||||
width: 240px !important;
|
||||
}
|
||||
.layout-builder .layout-builder-dashboard.biz-layout-3-preview .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .nav-item .nav-link[data-toggle="collapse"]::after {
|
||||
margin-left : auto !important;
|
||||
}
|
||||
.layout-builder .layout-builder-dashboard.biz-layout-3-preview section.dashboard-layout {
|
||||
margin-left: 240px !important;
|
||||
}
|
||||
|
||||
.layout-builder .collapse-simple > .card {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.layout-builder .collapse-simple > .card > div > .card-body .row{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.layout-builder .layout-builder-dashboard .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .nav-item ul.collapse-level-1,
|
||||
.layout-builder .layout-builder-dashboard .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .nav-item ul.collapse-level-2 {
|
||||
border-radius: .25rem !important;
|
||||
}
|
||||
|
||||
.layout-builder .layout-builder-dashboard .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .nav-item ul.collapse-level-1 .nav-item .nav-link {
|
||||
padding: .25rem 1.5rem ;
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width: 1199px) {
|
||||
.layout-builder .layout-builder-dashboard .top-navbar.hk-wrapper .hk-navbar .navbar-nav {
|
||||
flex-direction: row !important;
|
||||
}
|
||||
|
||||
.layout-builder .layout-builder-dashboard .top-navbar.hk-wrapper .hk-navbar .navbar-nav .nav-item .nav-link {
|
||||
padding: .5rem !important
|
||||
}
|
||||
|
||||
.layout-builder .layout-builder-dashboard .top-navbar.hk-wrapper.hk-horizontal-nav .hk-nav {
|
||||
/*left: 155px !important;
|
||||
top: 138px !important;*/
|
||||
position : static !important;
|
||||
}
|
||||
|
||||
.layout-builder .layout-builder-dashboard #bizgaze_body .top-navbar.hk-wrapper.hk-vertical-nav .hk-navbar.biz-primary-color nav.hk-nav ul.navbar-nav {
|
||||
flex-direction: column !important;
|
||||
}
|
||||
|
||||
.layout-builder .layout-builder-dashboard .biz-wrapper.biz__icon__menu .biz-menu {
|
||||
min-height : 568px;
|
||||
}
|
||||
|
||||
.layout-builder .layout-builder-dashboard .nicescroll-bar {
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
.layout-builder .layout-builder-dashboard .top-navbar.hk-wrapper.hk-horizontal-nav nav.navbar.hk-navbar nav.hk-nav .navbar-nav-wrap {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.layout-builder .layout-builder-dashboard .top-navbar.hk-wrapper.hk-horizontal-nav nav.navbar.hk-navbar nav.hk-nav{
|
||||
height: 45px !important;
|
||||
}
|
||||
/* Responsive */
|
||||
|
||||
#menu-layouts .layout-row a {
|
||||
height : 117px;
|
||||
}
|
||||
.user-themes #menu-layouts .layout-row a{
|
||||
/*.user-themes #detail-list-view .detail-row a {*/
|
||||
height: 117px;
|
||||
}
|
||||
|
||||
/*User Themes Start */
|
||||
/*.biz-right-side-menu #right-side-layout-builder-btn .dropdown-menu-float-right-side {
|
||||
padding: 0;
|
||||
}*/
|
||||
.user-themes .tab-content{
|
||||
padding-top: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
.user-themes .tab-content,
|
||||
/*.user-themes-header,*/
|
||||
.user-themes-footer {
|
||||
/*padding: 1.25rem;*/
|
||||
padding: 0;
|
||||
/*padding-top: 1.25rem;*/
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
|
||||
/*.user-themes-body{
|
||||
height : 85vh;
|
||||
}*/
|
||||
|
||||
.user-themes-footer {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
/*.user-themes .checkbox-container {
|
||||
display: flex !important;
|
||||
flex-wrap: nowrap;
|
||||
}*/
|
||||
.user-themes #menu-layouts .layout-row a,
|
||||
.user-themes #detail-list-view .detail-row a {
|
||||
width: 117px;
|
||||
flex: unset;
|
||||
}
|
||||
|
||||
.user-themes .collapse-simple > .card > div > .card-body .row {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.user-themes .collapse-simple > .card > .card-header > a.no-collapse::before {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.user-themes .title-devider {
|
||||
height: 10px;
|
||||
border-top: 1px solid #DADDE1;
|
||||
}
|
||||
|
||||
.user-themes .collapse-simple > .card {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.user-themes .background-change .thumbnail-input-card {
|
||||
display: none !important;
|
||||
}
|
||||
.user-themes #theme-switcher-colors .checkbox-container,
|
||||
.user-themes #background-image-view .checkbox-container {
|
||||
flex-wrap: wrap !important;
|
||||
}
|
||||
|
||||
.user-themes .background-change #background-image-view .card-body a.solid-color .color-box {
|
||||
height: 65px;
|
||||
}
|
||||
|
||||
.user-themes .background-change #background-image-view .card-body a img {
|
||||
height: 150px;
|
||||
height: 65px;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.user-themes .background-change #background-image-view .card-body a.active img {
|
||||
border: 3px solid #1a73e8;
|
||||
}
|
||||
|
||||
.user-themes #theme-switcher-colors .color-box {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.user-themes #theme-switcher-colors a i {
|
||||
right: -6px;
|
||||
top: -6px;
|
||||
}
|
||||
|
||||
.user-themes .background-change #background-image-view .card-body a:not(.active):not(.default):hover .delete {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/*User Themes End */
|
||||
|
||||
.layout-builder .custom-control-label.nav-group-label::before, .layout-builder .custom-control-label.nav-group-label::after{
|
||||
right: 0;
|
||||
left: unset;
|
||||
}
|
||||
|
||||
.layout-builder .drawer-content-wrap .switch span {
|
||||
width: 45px;
|
||||
height: 25px;
|
||||
}
|
||||
|
||||
.layout-builder .drawer-content-wrap .switch input:checked + span:after {
|
||||
left: 20px;
|
||||
}
|
||||
|
||||
.layout-builder-bootbox {
|
||||
background-color: #1f232780;
|
||||
}
|
||||
|
||||
.biz-wrapper.layout-builder .biz-drawer .drawer-header {
|
||||
padding: 1.25rem 1.25rem;
|
||||
border-bottom: 1px solid #DADDE1;
|
||||
}
|
||||
|
||||
.layout-builder .logo-setting-body .layout-logo-wrap {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.layout-builder .logo-setting-body .layout-logo-preview {
|
||||
height: 70px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
var Unibase;
|
||||
(function (Unibase) {
|
||||
let Platform;
|
||||
(function (Platform) {
|
||||
let Layouts;
|
||||
(function (Layouts) {
|
||||
let Enums;
|
||||
(function (Enums) {
|
||||
let LayoutType;
|
||||
(function (LayoutType) {
|
||||
LayoutType[LayoutType["Left"] = 1] = "Left";
|
||||
LayoutType[LayoutType["Top"] = 2] = "Top";
|
||||
LayoutType[LayoutType["TopLeft"] = 3] = "TopLeft";
|
||||
})(LayoutType = Enums.LayoutType || (Enums.LayoutType = {}));
|
||||
})(Enums = Layouts.Enums || (Layouts.Enums = {}));
|
||||
})(Layouts = Platform.Layouts || (Platform.Layouts = {}));
|
||||
})(Platform = Unibase.Platform || (Unibase.Platform = {}));
|
||||
})(Unibase || (Unibase = {}));
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"layouttype.js","sourceRoot":"","sources":["layouttype.ts"],"names":[],"mappings":"AAAA,IAAU,OAAO,CAUhB;AAVD,WAAU,OAAO;IACb,IAAiB,QAAQ,CAQxB;IARD,WAAiB,QAAQ;QACrB,IAAiB,OAAO,CAMvB;QAND,WAAiB,OAAO;YACpB,IAAiB,KAAK,CAIrB;YAJD,WAAiB,KAAK;gBAClB,IAAY,UAEX;gBAFD,WAAY,UAAU;oBAClB,2CAAQ,CAAA;oBAAC,yCAAG,CAAA;oBAAC,iDAAO,CAAA;gBACxB,CAAC,EAFW,UAAU,GAAV,gBAAU,KAAV,gBAAU,QAErB;YACL,CAAC,EAJgB,KAAK,GAAL,aAAK,KAAL,aAAK,QAIrB;QACL,CAAC,EANgB,OAAO,GAAP,gBAAO,KAAP,gBAAO,QAMvB;IACL,CAAC,EARgB,QAAQ,GAAR,gBAAQ,KAAR,gBAAQ,QAQxB;AACL,CAAC,EAVS,OAAO,KAAP,OAAO,QAUhB"}
|
||||
+1
@@ -0,0 +1 @@
|
||||
var Unibase;(function(n){let t;(function(n){let t;(function(n){let t;(function(n){let t;(function(n){n[n.Left=1]="Left";n[n.Top=2]="Top";n[n.TopLeft=3]="TopLeft"})(t=n.LayoutType||(n.LayoutType={}))})(t=n.Enums||(n.Enums={}))})(t=n.Layouts||(n.Layouts={}))})(t=n.Platform||(n.Platform={}))})(Unibase||(Unibase={}));
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"ithemelayoutmanager.js","sourceRoot":"","sources":["ithemelayoutmanager.ts"],"names":[],"mappings":""}
|
||||
@@ -0,0 +1,109 @@
|
||||
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());
|
||||
});
|
||||
};
|
||||
var Unibase;
|
||||
(function (Unibase) {
|
||||
let Platform;
|
||||
(function (Platform) {
|
||||
let Layouts;
|
||||
(function (Layouts) {
|
||||
let Managers;
|
||||
(function (Managers) {
|
||||
class ThemeLayoutManager extends Platform.Core.BaseManager {
|
||||
getLayoutBuilderInfo(userId, roleId) {
|
||||
return __awaiter(this, void 0, void 0, function* () {
|
||||
const url = 'apis/v4/unibase/platform/themes/getlayoutbuilderinfo/companyid/' + userId + '/roleid/' + roleId;
|
||||
return yield this.dataHelper().getAsync(url).then(function (response) {
|
||||
if (response.result !== null)
|
||||
response.result = JSON.parse(response.result);
|
||||
return response;
|
||||
});
|
||||
});
|
||||
}
|
||||
saveBackgroundImage(obj) {
|
||||
return __awaiter(this, void 0, void 0, function* () {
|
||||
const url = 'apis/v4/unibase/platform/themes/savebackgroundimage';
|
||||
return yield this.dataHelper().postAsync(url, obj).then(function (response) {
|
||||
if (response.result !== null)
|
||||
response.result = JSON.parse(response.result);
|
||||
return response;
|
||||
});
|
||||
});
|
||||
}
|
||||
deleteBackgroundImage(obj) {
|
||||
return __awaiter(this, void 0, void 0, function* () {
|
||||
const url = 'apis/v4/unibase/platform/themes/deletebackgroundimage';
|
||||
return yield this.dataHelper().postAsync(url, obj).then(function (response) {
|
||||
if (response.result !== null)
|
||||
response.result = JSON.parse(response.result);
|
||||
return response;
|
||||
});
|
||||
});
|
||||
}
|
||||
deleteDisplayMode(obj) {
|
||||
return __awaiter(this, void 0, void 0, function* () {
|
||||
const url = 'apis/v4/unibase/platform/themes/deletedisplaymode';
|
||||
return yield this.dataHelper().postAsync(url, obj).then(function (response) {
|
||||
if (response.result !== null)
|
||||
response.result = JSON.parse(response.result);
|
||||
return response;
|
||||
});
|
||||
});
|
||||
}
|
||||
saveDisplayMode(obj) {
|
||||
return __awaiter(this, void 0, void 0, function* () {
|
||||
const url = 'apis/v4/unibase/platform/themes/savedisplaymode';
|
||||
return yield this.dataHelper().postAsync(url, obj).then(function (response) {
|
||||
if (response.result !== null)
|
||||
response.result = JSON.parse(response.result);
|
||||
return response;
|
||||
});
|
||||
});
|
||||
}
|
||||
saveTheme(obj) {
|
||||
return __awaiter(this, void 0, void 0, function* () {
|
||||
const url = 'apis/v4/unibase/platform/themes/savetheme';
|
||||
return yield this.dataHelper().postAsync(url, obj).then(function (response) {
|
||||
if (response.result !== null)
|
||||
response.result = JSON.parse(response.result);
|
||||
return response;
|
||||
});
|
||||
});
|
||||
}
|
||||
getTheme() {
|
||||
return __awaiter(this, void 0, void 0, function* () {
|
||||
const url = 'apis/v4/unibase/platform/themes/gettheme';
|
||||
return yield this.dataHelper().getAsync(url).then(function (response) {
|
||||
if (response.result !== null && response.result !== "")
|
||||
response.result = JSON.parse(response.result);
|
||||
return response;
|
||||
});
|
||||
});
|
||||
}
|
||||
saveUserTheme(obj) {
|
||||
return __awaiter(this, void 0, void 0, function* () {
|
||||
const url = 'apis/v4/unibase/platform/themes/saveusertheme';
|
||||
return yield this.dataHelper().postAsync(url, obj).then(function (response) {
|
||||
if (response.result !== null && response.result !== "")
|
||||
response.result = JSON.parse(response.result);
|
||||
return response;
|
||||
});
|
||||
});
|
||||
}
|
||||
static Instance() {
|
||||
if (this._instance === undefined)
|
||||
this._instance = new ThemeLayoutManager();
|
||||
return this._instance;
|
||||
}
|
||||
}
|
||||
Managers.ThemeLayoutManager = ThemeLayoutManager;
|
||||
})(Managers = Layouts.Managers || (Layouts.Managers = {}));
|
||||
})(Layouts = Platform.Layouts || (Platform.Layouts = {}));
|
||||
})(Platform = Unibase.Platform || (Unibase.Platform = {}));
|
||||
})(Unibase || (Unibase = {}));
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"themelayoutmanager.js","sourceRoot":"","sources":["themelayoutmanager.ts"],"names":[],"mappings":"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"}
|
||||
+1
@@ -0,0 +1 @@
|
||||
var __awaiter=this&&this.__awaiter||function(n,t,i,r){function u(n){return n instanceof i?n:new i(function(t){t(n)})}return new(i||(i=Promise))(function(i,f){function o(n){try{e(r.next(n))}catch(t){f(t)}}function s(n){try{e(r["throw"](n))}catch(t){f(t)}}function e(n){n.done?i(n.value):u(n.value).then(o,s)}e((r=r.apply(n,t||[])).next())})},Unibase;(function(n){let t;(function(n){let t;(function(t){let i;(function(t){class i extends n.Core.BaseManager{getLayoutBuilderInfo(n,t){return __awaiter(this,void 0,void 0,function*(){const i="apis/v4/unibase/platform/themes/getlayoutbuilderinfo/companyid/"+n+"/roleid/"+t;return yield this.dataHelper().getAsync(i).then(function(n){return n.result!==null&&(n.result=JSON.parse(n.result)),n})})}saveBackgroundImage(n){return __awaiter(this,void 0,void 0,function*(){return yield this.dataHelper().postAsync("apis/v4/unibase/platform/themes/savebackgroundimage",n).then(function(n){return n.result!==null&&(n.result=JSON.parse(n.result)),n})})}deleteBackgroundImage(n){return __awaiter(this,void 0,void 0,function*(){return yield this.dataHelper().postAsync("apis/v4/unibase/platform/themes/deletebackgroundimage",n).then(function(n){return n.result!==null&&(n.result=JSON.parse(n.result)),n})})}deleteDisplayMode(n){return __awaiter(this,void 0,void 0,function*(){return yield this.dataHelper().postAsync("apis/v4/unibase/platform/themes/deletedisplaymode",n).then(function(n){return n.result!==null&&(n.result=JSON.parse(n.result)),n})})}saveDisplayMode(n){return __awaiter(this,void 0,void 0,function*(){return yield this.dataHelper().postAsync("apis/v4/unibase/platform/themes/savedisplaymode",n).then(function(n){return n.result!==null&&(n.result=JSON.parse(n.result)),n})})}saveTheme(n){return __awaiter(this,void 0,void 0,function*(){return yield this.dataHelper().postAsync("apis/v4/unibase/platform/themes/savetheme",n).then(function(n){return n.result!==null&&(n.result=JSON.parse(n.result)),n})})}getTheme(){return __awaiter(this,void 0,void 0,function*(){return yield this.dataHelper().getAsync("apis/v4/unibase/platform/themes/gettheme").then(function(n){return n.result!==null&&n.result!==""&&(n.result=JSON.parse(n.result)),n})})}saveUserTheme(n){return __awaiter(this,void 0,void 0,function*(){return yield this.dataHelper().postAsync("apis/v4/unibase/platform/themes/saveusertheme",n).then(function(n){return n.result!==null&&n.result!==""&&(n.result=JSON.parse(n.result)),n})})}static Instance(){return this._instance===undefined&&(this._instance=new i),this._instance}}t.ThemeLayoutManager=i})(i=t.Managers||(t.Managers={}))})(t=n.Layouts||(n.Layouts={}))})(t=n.Platform||(n.Platform={}))})(Unibase||(Unibase={}));
|
||||
Reference in New Issue
Block a user