You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
570 lines
33 KiB
570 lines
33 KiB
<?xml version="1.0" encoding="UTF-8" ?>
|
|
<templates xml:space="preserve">
|
|
<t t-name="backend_theme_infinito.theme_editor">
|
|
<header class="main_header backend_theme_studio_menu theme_editor"/>
|
|
<section class="main_bodY backend_theme_studio_sidebar theme_editor">
|
|
<div class="wrapper">
|
|
<div class="container-fluid">
|
|
<div class="row backend_theme_studio_editor">
|
|
<div class="col-12 sidebar-here">
|
|
<div class="dash_main marg_main" id="main">
|
|
<div class="wrapper">
|
|
<div class="main_h">
|
|
<h3 id="view-name"/>
|
|
<p id="view-para"/>
|
|
</div>
|
|
<div class="preview_area items">
|
|
</div>
|
|
<p class="b_p">
|
|
Preview
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</t>
|
|
<t t-name="backend_theme_infinito.theme_editor_sidebar">
|
|
<div id="theme_editor_sidebar" class="main_sidebar">
|
|
<div class="toggle-btn">
|
|
<div class="img_wrapper">
|
|
<img src="/backend_theme_infinito/static/src/img/infinito/arrow,-direction,-down,-navigate.svg"
|
|
alt=""/>
|
|
</div>
|
|
</div>
|
|
<div class="sidebar_wrapper">
|
|
<div class="sidebar_content">
|
|
<div class="button_properties">
|
|
<p>
|
|
<a class="btn btn-primary_style">
|
|
<span id="elem_name"/>
|
|
<i class="fa fa-plus js_add_tool"/>
|
|
</a>
|
|
</p>
|
|
<div class="infinito-tools">
|
|
<div class="card card-body">
|
|
<div class="button_cutomise">
|
|
<h6>Presets</h6>
|
|
<div class="optss">
|
|
<div class="form-group infinito-preset d-none">
|
|
<select class="form-control"
|
|
id="presets">
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<h6>Text-alignment</h6>
|
|
<div class="optss">
|
|
<ul class="t_align">
|
|
<li>
|
|
<a data-align="left"
|
|
data-type="text-align">
|
|
<img src="backend_theme_infinito/static/src/img/infinito/3.svg"
|
|
alt=""/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a data-align="center"
|
|
data-type="text-align">
|
|
<img src="backend_theme_infinito/static/src/img/infinito/2.svg"
|
|
alt=""/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a data-align="right"
|
|
data-type="text-align">
|
|
<img src="backend_theme_infinito/static/src/img/infinito/4.svg"
|
|
alt=""/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a data-align="middle"
|
|
data-type="vertical-align">
|
|
<img src="backend_theme_infinito/static/src/img/infinito/align-center.svg"
|
|
alt=""/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a data-align="text-top"
|
|
data-type="vertical-align">
|
|
<img src="backend_theme_infinito/static/src/img/alignment/top-alignment.svg"
|
|
alt=""/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a data-align="text-bottom"
|
|
data-type="vertical-align">
|
|
<img src="backend_theme_infinito/static/src/img/alignment/align-right.svg"
|
|
alt=""/>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="sidebar_footer">
|
|
<a href="#" class="btn btn-reset js_reset_changes">Reset</a>
|
|
<a href="#" class="btn btn-submit js_save_changes"
|
|
t-on-click="_SaveChanges">Save Change
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
<t t-name="backend_theme_infinito.theme_advance" owl="1">
|
|
<div id="tp-wrap" class="d-none">
|
|
<div id="tp-box">
|
|
<div class="tp-cell" id="tp-hr">
|
|
<div class="tp-up">︿</div>
|
|
<div id="gop" class="tp-val">0</div>
|
|
<div class="tp-down">﹀</div>
|
|
</div>
|
|
<div class="tp-cell" id="tp-min">
|
|
<div class="tp-up">︿</div>
|
|
<div class="tp-val">0</div>
|
|
<div class="tp-down">﹀</div>
|
|
</div>
|
|
<div class="tp-cell" id="tp-ap">
|
|
<div class="tp-up">︿</div>
|
|
<div class="tp-val">AM</div>
|
|
<div class="tp-down">﹀</div>
|
|
</div>
|
|
|
|
<button id="tp-close" t-on-click="close">Close</button>
|
|
<button id="tp-set" t-on-click="set">Set</button>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
|
|
<t t-name="backend_theme_infinito.theme_editor_sidebar_advanced">
|
|
<link rel="stylesheet"
|
|
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css"/>
|
|
<div id="theme_editor_sidebar" class="main_sidebar">
|
|
<div class="sidebar_wrapper">
|
|
<div class="sidebar_content">
|
|
<div class="button_properties">
|
|
<p>
|
|
<a class="btn btn-primary_style"
|
|
data-bs-toggle="collapse" href="#advanced"
|
|
role="button"
|
|
aria-expanded="false" aria-controls="advanced">
|
|
Advanced
|
|
</a>
|
|
</p>
|
|
<div class="collapse" id="advanced">
|
|
<div class="card card-body">
|
|
<div class="sidebar_left">
|
|
<div class="wrapper">
|
|
<div class="sub_style">
|
|
<div class=" t_settings info-infinito"
|
|
data-bs-toggle="popover"
|
|
data-placement="right"
|
|
data-content="All internal users can edit their Advanced features for themself"
|
|
title=""
|
|
data-original-title="Help">
|
|
User edit
|
|
</div>
|
|
<label class="switch">
|
|
<input type="checkbox"
|
|
id="userEditToggler"
|
|
checked=""/>
|
|
<span class="slider round"/>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<h6 class="info-infinito"
|
|
data-bs-toggle="popover"
|
|
data-placement="right"
|
|
data-content="All internal users can edit their Advanced features for themself"
|
|
title=""
|
|
data-original-title="Help">
|
|
Loaders
|
|
</h6>
|
|
<div class="sub_style">
|
|
<!-- <div class="font custom">-->
|
|
<!-- <div class="d-flex">-->
|
|
<!-- </div>-->
|
|
<select class="form-select infinito-form-select"
|
|
id="loader"/>
|
|
</div>
|
|
</div>
|
|
<div class="sub_style">
|
|
<div class="t_settings info-infinito"
|
|
data-bs-toggle="popover"
|
|
data-placement="right"
|
|
data-content="Theme Color will change into a random colors every 10 minutes. Edited colors won't be changing"
|
|
title=""
|
|
data-original-title="Help">
|
|
Chameleon Mode
|
|
</div>
|
|
<label class="switch">
|
|
<input type="checkbox"
|
|
id="chameleonToggler"
|
|
checked=""/>
|
|
<span class="slider round"/>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="button_properties">
|
|
<p>
|
|
<a class="btn btn-primary_style"
|
|
data-bs-toggle="collapse" href="#sidebar"
|
|
role="button"
|
|
aria-expanded="false" aria-controls="sidebar">
|
|
Sidebar
|
|
</a>
|
|
</p>
|
|
<div class="collapse" id="sidebar">
|
|
<div class="card card-body">
|
|
<div class="sidebar_left">
|
|
<div class="wrapper">
|
|
<div class="sub_style">
|
|
<div class=" t_settings info-infinito"
|
|
data-bs-toggle="popover"
|
|
data-placement="right"
|
|
data-content="Enables sidebar apps menu"
|
|
title=""
|
|
data-original-title="Help">
|
|
Sidebar
|
|
</div>
|
|
<label class="switch">
|
|
<input type="checkbox"
|
|
id="sidebarToggler"
|
|
checked=""/>
|
|
<span class="slider round"/>
|
|
</label>
|
|
</div>
|
|
<div class="sub_style">
|
|
<div class=" t_settings info-infinito"
|
|
data-bs-toggle="popover"
|
|
data-placement="right"
|
|
data-content="Show App icon in sidebar"
|
|
title=""
|
|
data-original-title="Help">
|
|
Show Icon
|
|
</div>
|
|
<label class="switch">
|
|
<input type="checkbox"
|
|
id="sidebarIconToggler"
|
|
checked=""/>
|
|
<span class="slider round"/>
|
|
</label>
|
|
</div>
|
|
<div class="sub_style">
|
|
<div class=" t_settings info-infinito"
|
|
data-bs-toggle="popover"
|
|
data-placement="right"
|
|
data-content="Show App name in sidebar"
|
|
title=""
|
|
data-original-title="Help">
|
|
Show Name
|
|
</div>
|
|
<label class="switch">
|
|
<input type="checkbox"
|
|
id="sidebarNameToggler"
|
|
checked=""/>
|
|
<span class="slider round"/>
|
|
</label>
|
|
</div>
|
|
<div class="sub_style">
|
|
<div class=" t_settings info-infinito"
|
|
data-bs-toggle="popover"
|
|
data-placement="right"
|
|
data-content="Show company logo in top of app sidebar"
|
|
title=""
|
|
data-original-title="Help">
|
|
Company Logo
|
|
</div>
|
|
<label class="switch">
|
|
<input type="checkbox"
|
|
id="sidebarCompanyToggler"
|
|
checked=""/>
|
|
<span class="slider round"/>
|
|
</label>
|
|
</div>
|
|
<div class="sub_style">
|
|
<div class="t_settings info-infinito"
|
|
data-bs-toggle="popover"
|
|
data-placement="right"
|
|
data-content="Show User Menu in top of app sidebar"
|
|
title=""
|
|
data-original-title="Help">
|
|
User Menu
|
|
</div>
|
|
<label class="switch">
|
|
<input type="checkbox"
|
|
id="sidebarUserToggler"
|
|
checked=""/>
|
|
<span class="slider round"/>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="button_properties">
|
|
<p>
|
|
<a class="btn btn-primary_style"
|
|
data-bs-toggle="collapse" href="#navbar"
|
|
role="button"
|
|
aria-expanded="false" aria-controls="navbar">
|
|
Navbar
|
|
</a>
|
|
</p>
|
|
<div class="collapse" id="navbar">
|
|
<div class="card card-body">
|
|
<div class="sidebar_left">
|
|
<div class="wrapper">
|
|
<div class="sub_style">
|
|
<div class="t_settings info-infinito"
|
|
data-bs-toggle="popover"
|
|
data-bs-placement="right"
|
|
data-bs-content="Only show navbar while hover top section of browser"
|
|
title=""
|
|
data-original-title="Help">
|
|
Navbar on Hover
|
|
</div>
|
|
<label class="switch">
|
|
<input type="checkbox"
|
|
id="navbarHoverToggler"
|
|
checked=""/>
|
|
<span class="slider round"/>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="button_properties">
|
|
<p>
|
|
<a class="btn btn-primary_style"
|
|
data-bs-toggle="collapse" href="#dark"
|
|
role="button"
|
|
aria-expanded="false" aria-controls="dark">
|
|
Dark mode
|
|
</a>
|
|
</p>
|
|
<div class="collapse" id="dark">
|
|
<div class="card card-body">
|
|
<div class="sidebar_left">
|
|
<div class="wrapper">
|
|
<div class="sub_style">
|
|
<div class=" t_settings info-infinito"
|
|
data-bs-toggle="popover"
|
|
data-placement="right"
|
|
data-content="Turn On Dark mode"
|
|
title=""
|
|
data-original-title="Help">
|
|
Dark Mode
|
|
</div>
|
|
<label class="switch">
|
|
<input type="checkbox"
|
|
id="navbarDarkToggler"
|
|
checked=""
|
|
t-on-change="_OnChangeDark"/>
|
|
<span class="slider round"/>
|
|
</label>
|
|
</div>
|
|
<div class="dark_mode">
|
|
<ul class="mode dark-switch">
|
|
<li>
|
|
<a data-mode="all">
|
|
<i class="bi bi-brightness-high-fill"/>
|
|
<span>
|
|
All time
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a data-mode="schedule">
|
|
<i class="bi bi-clock"/>
|
|
<span>
|
|
Schedule
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a data-mode="auto">
|
|
<i class="bi bi-arrow-repeat"/>
|
|
<span>
|
|
Automatic
|
|
</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="on_off dark-schedule">
|
|
<ul>
|
|
<li class="d-flex">
|
|
<div class="left">Turn
|
|
On&nbsp;
|
|
</div>
|
|
<div class="right d-flex">
|
|
<span id="startSchedule"/>
|
|
<i class="fa fa-caret-right schedule-input"
|
|
t-on-change="onClickSchedule"/>
|
|
<input type="text"
|
|
style="display: none"
|
|
id="time1"/>
|
|
</div>
|
|
</li>
|
|
<li class="d-flex">
|
|
<div class="left">Turn
|
|
Off&nbsp;
|
|
</div>
|
|
<div class="right d-flex">
|
|
<span id="endSchedule"/>
|
|
<i class="fa fa-caret-right schedule-input"
|
|
t-on-change="onClickSchedule"/>
|
|
<input type="text"
|
|
style="display: none"
|
|
id="time2"/>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="button_properties">
|
|
<p>
|
|
<a class="btn btn-primary_style"
|
|
data-bs-toggle="collapse" href="#other"
|
|
role="button"
|
|
aria-expanded="false" aria-controls="other">
|
|
Other
|
|
</a>
|
|
</p>
|
|
<div class="collapse" id="other">
|
|
<div class="card card-body">
|
|
<div class="sidebar_left">
|
|
<div class="wrapper">
|
|
<div class="sub_style">
|
|
<div class="t_settings info-infinito"
|
|
data-bs-toggle="popover"
|
|
data-placement="right"
|
|
data-content="Shows recent used apps on bottom of browser while hovering"
|
|
title=""
|
|
data-original-title="Help">
|
|
Recent Apps
|
|
</div>
|
|
<label class="switch">
|
|
<input type="checkbox"
|
|
id="navbarRecentToggler"
|
|
checked=""/>
|
|
<span class="slider round"/>
|
|
</label>
|
|
</div>
|
|
<div class="sub_style">
|
|
<div class=" t_settings info-infinito"
|
|
data-bs-toggle="popover"
|
|
data-placement="right"
|
|
data-content="Enable Enterprise Like App menu"
|
|
title=""
|
|
data-original-title="Help">
|
|
Full Screen App menu
|
|
</div>
|
|
<label class="switch">
|
|
<input type="checkbox"
|
|
id="navbarFullScreenAppToggler"
|
|
checked=""/>
|
|
<span class="slider round"/>
|
|
</label>
|
|
</div>
|
|
<div class="sub_style">
|
|
<div class="t_settings info-infinito"
|
|
data-bs-toggle="popover"
|
|
data-placement="right"
|
|
data-content="Can save menu as favorite and use it from Right side of browser while hovering"
|
|
title=""
|
|
data-original-title="Help">
|
|
Menu Bookmark
|
|
</div>
|
|
<label class="switch">
|
|
<input type="checkbox"
|
|
id="navbarMenuBookmarkToggler"
|
|
checked=""/>
|
|
<span class="slider round"/>
|
|
</label>
|
|
</div>
|
|
<div class="sub_style">
|
|
<div class=" t_settings info-infinito"
|
|
data-bs-toggle="popover"
|
|
data-placement="right"
|
|
data-content="Enable RTL"
|
|
title=""
|
|
data-original-title="Help">
|
|
RTL
|
|
</div>
|
|
<label class="switch">
|
|
<input type="checkbox"
|
|
id="navbarRTLToggler"
|
|
checked=""/>
|
|
<span class="slider round"/>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="sidebar_footer">
|
|
<a href="#" class="btn btn-submit js_save_changes"
|
|
t-on-click="_SaveChanges">Save Change
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
<t t-name="backend_theme_infinito.saveChanges">
|
|
<Dialog size="'md'" title="'Save Changes'">
|
|
<div class="sidebar_left">
|
|
<div class="wrapper">
|
|
<div class="sub_style">
|
|
<div class=" t_settings info-infinito"
|
|
data-bs-toggle="popover" data-placement="right"
|
|
data-content="All internal users can edit their Advanced features for themself"
|
|
title="" data-original-title="Help">
|
|
Style
|
|
</div>
|
|
<label class="switch">
|
|
<input type="checkbox" name="style" checked=""/>
|
|
<span class="slider round"/>
|
|
</label>
|
|
</div>
|
|
<div class="sub_style">
|
|
<div class=" t_settings info-infinito"
|
|
data-bs-toggle="popover" data-placement="right"
|
|
data-content="All internal users can edit their Advanced features for themself"
|
|
title="" data-original-title="Help">
|
|
Hover
|
|
</div>
|
|
<label class="switch">
|
|
<input type="checkbox" name="hover" checked="false"/>
|
|
<span class="slider round"/>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<t t-set-slot="footer">
|
|
<button class="btn" t-att-class="props.confirmClass"
|
|
t-esc="props.confirmLabel" t-on-click="_onClickApply"/>
|
|
<button class="btn btn-secondary"
|
|
t-esc="props.cancelLabel" t-on-click="handleCloseDialog"/>
|
|
</t>
|
|
</Dialog>
|
|
</t>
|
|
</templates>
|