thirdparty
/
CybroAddons
mirror of https://github.com/CybroOdoo/CybroAddons.git
5
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Dec 27 : [UPDT] Index Updated 'code_backend_theme'

pull/313/head
AjmalCybro 1 year ago
parent
ae7339868b
commit
42d390d810
3 changed files with 154 additions and 241 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 393
      code_backend_theme/static/description/index.html
  2. BIN
      code_backend_theme/static/description/screenshots/Cybrosys-R.png
  3. BIN
      code_backend_theme/static/description/screenshots/Form view.png

393
code_backend_theme/static/description/index.html
View File

@ -13,6 +13,7 @@
<title>Document</title>
<style>
@media screen and (max-width: 1200px) {
@ -27,7 +28,7 @@
</head>
<body class="" style="background-color:#f9fafb;">
<body class="">
<div id="wrapwrap" class="loempia_themes_page o_footer_effect_enable">
<main style="padding-top: 95.8px;">
@ -37,130 +38,41 @@
<div class="container loempia_srt_container">
<div class="container">
<div class="oe_styling_v8">
<div class="container" style="background-color:#fff;">
<!-- <div class="row"
style="padding: 4rem 2.5rem 0; background-color: #f8f9fa; text-align: center; border-radius: 15px;margin-bottom: 4rem;">
<div class="col-lg-12">
<h1
style="font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 2.5rem; color: #2c3e50;">
<sup style="color: #000">Code Backend Theme</sup>
</h1>
<p style="color: #7f8c8d; font-size: 1.2rem;">
Elevate your Odoo 17 experience with our Minimalist and Elegant
Backend Theme.
</p>
<div class="col-lg-12"
style="margin: 2rem 0; display: flex; justify-content: center;">
<div
style="max-width: 800px; overflow: hidden; border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);margin-bottom: 2rem;">
<img src="//apps.odoocdn.com/apps/assets/17.0/code_backend_theme/assets/hero.png?de2526f"
alt="Theme Image" style="width: 100%; height: auto;">
<div class="container">
<div class="supports">
<div class="row justify-content-between">
<div class="col-4">
<div class="my-3">
<img src="images/Cybrosys R.png" style="width:auto !important; height:40px !important">
</div>
</div>
<div class="col-6">
<div class="row" style="margin-top:10px;">
<div class="col">
<span><b>Supports: </b></span>
</div>
<div class="text-center col" style="background-color:#714b67 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:0px !important; min-width:120px !important">
Community
</div>
</div>
<div class="row" style="margin-top:10px;">
<div class="col">
<span><b>Availability: </b></span>
</div>
<div class="text-center col" style="border: 1px solid #017E84; font-size:0.8rem !important; color:#017E84 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:0px !important; min-width:120px !important">
<i class="fa fa-times" style="color: red;"></i> Odoo Online
</div>
<div class="text-center col" style="font-size:0.8rem !important; border:1px solid #714b67; color:#714b67 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:0px !important; min-width:120px !important">
<i class="fa fa-times" style="color: red;"></i> Odoo.sh
</div>
<div class="text-center col" style="font-size:0.8rem !important; color:#5B899E !important; border:1px solid #5B899E; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:0px !important; min-width:120px !important">
<i class="fa fa-check" style="color: green;"></i> On Premise
</div>
</div>
</div>
</div>
</div>-->
<div class="container">
<div class="row mb-4">
<div class="col-sm-12 col-md-12 col-lg-12 d-flex flex-wrap align-items-sm-center" style="border-bottom:1px solid rgba(0, 0, 0, 0.22)">
<div class="my-3">
<img src="screenshots/Cybrosys-R.png" style="width:auto !important; height:40px !important">
</div>
<div style="width:80%; display:flex; justify-content:right;" class="supports-enterprise">
<div class="my-3 mr-3 d-flex align-items-center">
<span> <b>Supports:</b> </span>
</div>
<div class="my-3 d-flex align-items-center">
<div class="text-center" style="background-color:#017E84 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:0px !important; min-width:120px !important">
Enterprise
</div>
</div>
<div class="my-3 d-flex align-items-center">
<div class="text-center" style="background-color:#714b67 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:0px !important; min-width:120px !important">
Community
</div>
</div>
<!-- <div class="my-3 d-flex align-items-center">
<div class="text-center" style="background-color:#5B899E !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:0px !important; min-width:120px !important">
Odoo.sh
</div>
</div> -->
</div>
<div style="width:99%; margin-top:-22px; display:flex; justify-content:right; ">
<div class="my-3 mr-3 d-flex align-items-center">
<span> <b>Availability:</b> </span>
</div>
<div class="my-3 d-flex align-items-center">
<div class="text-center" style=" border: 1px solid #017E84; font-size:0.8rem !important; color:#017E84 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:0px !important; min-width:120px !important">
<i class="fa fa-times" style="color: red;"></i> Odoo Online
</div>
</div>
<div class="my-3 d-flex align-items-center">
<div class="text-center" style=" font-size:0.8rem !important; border:1px solid #714b67; color:#714b67 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:0px !important; min-width:120px !important">
<i class="fa fa-times" style="color: red;"></i> Odoo.sh
</div>
</div>
<div class="my-3 d-flex align-items-center">
<div class="text-center" style=" font-size:0.8rem !important; color:#5B899E !important; border:1px solid #5B899E; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:0px !important; min-width:120px !important">
<i class="fa fa-check" style="color: green;"></i> On Premise
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<hr/>
<div class="container">
<div>
<img src="images/baaner.jpg" alt="" width="100%">
@ -190,7 +102,7 @@
Kanban, List, and Form Views to A Fully Modified View.
</p>
<div class="mt-2">
<div class="alert " role="alert "
<div class="alert " role="alert"
style="width: 100%; text-align: center; background-color: #ffeca79a;font-size: 0.87rem !important;padding: 0.7rem !important;">
<i class="fa fa-exclamation-triangle mr-2"
aria-hidden="true"></i>
@ -200,11 +112,10 @@
</div>
<div style="text-align: center;">
<div class="col-lg-12 text-center mt-5">
<a href="https://apps.odoo.com/apps/themes/14.0/code_backend_theme_enterprise/"
<a href="https://apps.odoo.com/apps/themes/17.0/code_backend_theme_enterprise/"
style="background-color:#556EE6 !important;border: 1px solid #556EE6; color:#fff ; font-weight: 600; padding: 16px 24px; margin: 0 5px; border-radius: 5px; text-decoration: none; display: inline-block; transition: background-color 0.3s ease-in-out;">
<i class="fa fa-download mr-1"></i> Download Code
Backend Theme for
Enterprise
Backend Theme for Enterprise
</a>
<br>
</div>
@ -222,13 +133,13 @@
Code
Backend Theme V17 is an Attractive Theme for Your Odoo
17.
This Theme Will Change Improve Your Experience With
This Theme Will Improve Your Experience With
Odoo.
This is a Minimalist and Elegant Backend Theme for Odoo
17
And Can Offer a Perfect Choice for Your Odoo Backend.
</p>
<ul class="p-0 my-3" style="list-style: none!important; ">
<ul class="p-0 my-3 list-unstyled" style="list-style: none!important; ">
<li class="mb-3"><span
style="font-size: 1.1rem;font-weight: 500;max-width: 80%;color: #212529 !important; margin-bottom: 1rem !important;"><i
class="fa fa-check-circle"
@ -338,13 +249,13 @@
</div>
</div>
<div class="container p-0">
<img src="screenshots/all_screens.png" class="img-responsive"
width="100% !important" height="auto !important">
<img src="screenshots/all_screens.png" class="img-responsive" width="100% !important"
height="auto !important">
</div>
<div class="container mb-5 p-0"
style="background-color: #f1f3fff8 !important;border-radius: 0px 0px 12px 12px;">
<ul class="nav nav-tabs d-flex justify-content-around"
<ul class="nav nav-tabs d-flex justify-content-around list-unstyled"
style="list-style:none !important; ">
<li class="col text-center p-1 py-2"
style="border-bottom: 1px solid #556EE6 !important;"><a
@ -354,8 +265,8 @@
<li class="col text-center p-1 py-2"
style="border-bottom: 1px solid #556EE6 !important;"><a
data-toggle="tab" href="#tab2"
style="color: #000;font-weight: 600; text-decoration: none !important;font-size: 1.4rem;"><img
width="16px">
style="color: #000;font-weight: 600; text-decoration: none !important;font-size: 1.4rem;">
Screenshots</a></li>
</ul>
@ -386,7 +297,7 @@
using, be it smartphones, tablet or any other
portables, our theme adjusts itself to fit the
screen size.</p>
<ul class="p-0 d-flex gap-3 flex-wrap justify-content-between mt-4"
<ul class="p-0 d-flex gap-3 flex-wrap justify-content-between mt-4 list-unstyled"
style="list-style: none !important;">
<li class="w-50">
<span style=" font-size: 1.3rem;
@ -436,19 +347,10 @@
</div>
<div
class="row align-items-center py-4 position-relative m-0 my-5">
<img src="//apps.odoocdn.com/apps/assets/17.0/code_backend_theme/screenshots/listview.png?720ba0a"
width="100%" height="auto"
class="img-responsive position-absolute" style="box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)!important;top: 0px !important;
width: 873px !important;
left: -520px !important;" />
<div class="col-lg-5">
</div>
<div class="col-7">
<div class="col-12">
<h2 class="mb-2">List View</h2>
<div
style="width: 20% !important;height: 4px !important;background-color: #556EE6 !important;border-radius: 0px 6px 6px 0px!important; margin-bottom: 0.4rem !important;">
style="width: 7% !important;height: 4px !important;background-color: #556EE6 !important;border-radius: 0px 6px 6px 0px!important; margin-bottom: 0.4rem !important;">
</div>
<p
style=" font-size: 1rem;line-height: 1.7; margin-top: 0.5rem;">
@ -457,9 +359,9 @@
List View. This Table Design Gives You More
Beauty for Your Odoo Backend. It will Give You a
Clean Layout with the New Color Combination and
a Modified Font..</p>
a Modified Font.</p>
<ul class="p-0 d-flex gap-3 flex-wrap mt-4"
<ul class="p-0 d-flex gap-3 flex-wrap mt-4 list-unstyled"
style="list-style: none !important;">
<li class="w-50">
<span style=" font-size: 1.3rem;
@ -515,6 +417,14 @@
</ul>
</div>
<div class="col-lg-12">
<img src="screenshots/listview.png?720ba0a"
width="100%" height="auto"
class="img-responsive position-relative"
style="box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)!important;" />
</div>
</div>
@ -522,11 +432,11 @@
class="row align-items-center py-4 position-relative m-0 my-5">
<div class="col-lg-7">
<div class="col-lg-12">
<h2 class="mb-2">Kanban Group View</h2>
<div
style="width: 20% !important;height: 4px !important;background-color: #556EE6 !important;border-radius: 0px 6px 6px 0px!important; margin-bottom: 0.4rem;">
style="width: 8% !important;height: 4px !important;background-color: #556EE6 !important;border-radius: 0px 6px 6px 0px!important; margin-bottom: 0.4rem;">
</div>
<p
style=" font-size: 1rem;line-height: 1.7; margin-top: 0.5rem;">
@ -538,7 +448,7 @@
Content Tiles, Making The Tiles Look Great. It
will Give You a Clean Layout with the New Color
Combination and a Modified Font.</p>
<ul class="p-0 d-flex gap-3 flex-wrap mt-4"
<ul class="p-0 d-flex gap-3 flex-wrap mt-4 list-unstyled"
style="list-style: none !important;">
<li class="w-50">
<span style=" font-size: 1.3rem;
@ -595,101 +505,100 @@
</ul>
</div>
<div class="col-lg-5">
<div class="col-lg-12">
<img class="" src="screenshots/kanbangroupview.png" width="100%"
height="auto" class="img-responsive"
style="box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;">
</div>
<img class="position-absolute" src="screenshots/kanbangroupview.png"
width="1000px" height="auto" class="img-responsive"
style="box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;top:0px !important;right: -606px !important;">
</div>
</div>
<div
class="row align-items-center py-4 position-relative m-0 my-5">
<img src="screenshots/Form view.png" width="100%" height="auto"
class="img-responsive position-absolute" style="box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)!important; left: -158px !important;
top: 0px !important;
width: 491px !important;">
<div class="col-lg-5">
<div class="col-12">
<h2 class="mb-2">Form View</h2>
<div
style="width: 8% !important;height: 4px !important;background-color: #556EE6 !important;border-radius: 0px 6px 6px 0px!important; margin-bottom: 0.4rem;">
</div>
<p
style=" font-size: 1rem;line-height: 1.7 !important; margin-top: 0.5rem;">
Code
Backend Theme Gives You The Fully Modified Form
View with a Full Screen Experience. It will Give
You a Clean Layout with the New Color
Combination and a Modified Font.</p>
<ul class="p-0 d-flex gap-3 flex-wrap mt-4 list-unstyled"
style="list-style: none !important;">
<li class="w-50">
<span style=" font-size: 1.3rem;
font-weight: 400;
color: #f3003f;">01</span>
<p
style="font-size: 1.2rem;font-weight: 400;max-width: 90%;color: #212529 !important; margin-bottom: 1rem !important;">
Modified Form Style
</p>
</li>
<li class="w-50">
<span style=" font-size: 1.3rem;
font-weight: 400;
color: #f3003f;">02</span>
<p
style="font-size: 1.2rem;font-weight: 400;max-width: 90%;color: #212529 !important; margin-bottom: 1rem !important;">
New Style for Required Field
</p>
</li>
<li class="w-50">
<span style=" font-size: 1.3rem;
font-weight: 400;
color: #f3003f;">03</span>
<p
style="font-size: 1.2rem;font-weight: 400;max-width: 90%;color: #212529 !important; margin-bottom: 1rem !important;">
Full Screen Form View</p>
</li>
<li class="w-50">
<span style=" font-size: 1.3rem;
font-weight: 400;
color: #f3003f;">04</span>
<p
style="font-size: 1.2rem;font-weight: 400;max-width: 90%;color: #212529 !important; margin-bottom: 1rem !important;">
New Chatter Style Under Form View</p>
</li>
<li class="w-50">
<span style=" font-size: 1.3rem;
font-weight: 400;
color: #f3003f;">05</span>
<p
style="font-size: 1.2rem;font-weight: 400;max-width: 90%;color: #212529 !important; margin-bottom: 1rem !important;">
New Looks for Tabs</p>
</li>
<li class="w-50">
<span style=" font-size: 1.3rem;
font-weight: 400;
color: #f3003f;">06</span>
<p
style="font-size: 1.2rem;font-weight: 400;max-width: 90%;color: #212529 !important; margin-bottom: 1rem !important;">
New Looks for Status Button</p>
</li>
</div>
<div class="col-7">
<h2 class="mb-2">Form View</h2>
<div
style="width: 20% !important;height: 4px !important;background-color: #556EE6 !important;border-radius: 0px 6px 6px 0px!important; margin-bottom: 0.4rem;">
</div>
<p
style=" font-size: 1rem;line-height: 1.7 !important; margin-top: 0.5rem;">
Code
Backend Theme Gives You The Fully Modified Form
View with a Full Screen Experience. It will Give
You a Clean Layout with the New Color
Combination and a Modified Font.</p>
<ul class="p-0 d-flex gap-3 flex-wrap mt-4"
style="list-style: none !important;">
<li class="w-50">
<span style=" font-size: 1.3rem;
font-weight: 400;
color: #f3003f;">01</span>
<p
style="font-size: 1.2rem;font-weight: 400;max-width: 90%;color: #212529 !important; margin-bottom: 1rem !important;">
Modified Form Style
</p>
</li>
<li class="w-50">
<span style=" font-size: 1.3rem;
font-weight: 400;
color: #f3003f;">02</span>
<p
style="font-size: 1.2rem;font-weight: 400;max-width: 90%;color: #212529 !important; margin-bottom: 1rem !important;">
New Style for Required Field
</p>
</li>
<li class="w-50">
<span style=" font-size: 1.3rem;
font-weight: 400;
color: #f3003f;">03</span>
<p
style="font-size: 1.2rem;font-weight: 400;max-width: 90%;color: #212529 !important; margin-bottom: 1rem !important;">
</ul>
</div>
<div class="col-lg-12">
Full Screen Form View</p>
</li>
<li class="w-50">
<span style=" font-size: 1.3rem;
font-weight: 400;
color: #f3003f;">04</span>
<p
style="font-size: 1.2rem;font-weight: 400;max-width: 90%;color: #212529 !important; margin-bottom: 1rem !important;">
New Chatter Style Under Form View</p>
</li>
<li class="w-50">
<span style=" font-size: 1.3rem;
font-weight: 400;
color: #f3003f;">05</span>
<p
style="font-size: 1.2rem;font-weight: 400;max-width: 90%;color: #212529 !important; margin-bottom: 1rem !important;">
New Looks for Tabs</p>
</li>
<li class="w-50">
<span style=" font-size: 1.3rem;
font-weight: 400;
color: #f3003f;">06</span>
<p
style="font-size: 1.2rem;font-weight: 400;max-width: 90%;color: #212529 !important; margin-bottom: 1rem !important;">
New Looks for Status Button</p>
</li>
<div
class="row align-items-center py-4 position-relative m-0 my-5">
<img src="screenshots/Form view.png" width="100%" height="auto"
class="img-responsive " style="box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)!important;
">
</ul>
</div>
</div>
</div>
</div>
@ -703,7 +612,8 @@
font-weight: 400;
color: #f3003f;">01</span>
<p class="m-0 bold"
style="font-weight: 500 !important;color: #212529 !important;">Login page</p>
style="font-weight: 500 !important;color: #212529 !important;">
Login page</p>
</div>
<img src="screenshots/login.png" width="100%" height="auto"
class="img-responsive"
@ -715,7 +625,8 @@
font-weight: 400;
color: #f3003f;">02</span>
<p class="m-0 bold"
style="font-weight: 500 !important;color: #212529 !important; ">Group View</p>
style="font-weight: 500 !important;color: #212529 !important; ">
Group View</p>
</div>
<img src="screenshots/2.groupbyview.png" width="100%" height="auto"
class="img-responsive">
@ -726,7 +637,8 @@
font-weight: 400;
color: #f3003f;">03</span>
<p class="m-0 bold"
style="font-weight: 500 !important;color: #212529 !important;">Settings View
style="font-weight: 500 !important;color: #212529 !important;">
Settings View
</p>
</div>
<img src="screenshots/3.settings page.png" width="100%" height="auto"
@ -740,7 +652,8 @@
font-weight: 400;
color: #f3003f;">04</span>
<p class="m-0 bold"
style="font-weight: 500 !important;color: #212529 !important; ">Discuss Page
style="font-weight: 500 !important;color: #212529 !important; ">
Discuss Page
</p>
</div>
<img src="screenshots/4.discusspage.png" width="100%" height="auto"
@ -1119,7 +1032,7 @@
<div class="container">
<div class="row m-0 my-5 py-4">
<div class="col-md-3 col-sm-6 p-0">
<div class="d-flex flex-column h-100 "
<div class="d-flex flex-column h-100"
style="border-right: 1px solid rgb(209, 209, 209) !important; border-bottom: 1px solid rgb(209, 209, 209) !important; padding: 30px; box-shadow: 6px 0 10px rgba(228, 227, 227, 0.373) !important;">
<img src="images/trading-black.png" width="42px" height="auto"
alt="">
@ -1204,7 +1117,8 @@
<div
class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-5">
<p class="m-0"
style="font-weight: 600; font-size: 24px; color:#000 !important;">Support
style="font-weight: 600; font-size: 24px; color:#000 !important;">
Support
</p>
</div>
@ -1228,7 +1142,7 @@
<div style="font-weight: 400;"><span><img
src="images/support-email.svg" alt=""
width="18px"
style="filter: invert(1);margin-right: 0.8rem;"></span>odoo@cybrosys.com
style="filter: invert(1) !important;margin-right: 0.8rem;"></span>odoo@cybrosys.com
</div>
</div>
</div>
@ -1249,7 +1163,7 @@
WhatsApp!</p>
<div style="font-weight: 400; font-size: 16px;"><span><img
src="images/phone.svg" alt="" width="14px"
style="filter: invert(1); margin-right: 0.8rem;"></span>+91
style="filter: invert(1) !important; margin-right: 0.8rem;"></span>+91
99456767686</div>
</div>
@ -1271,7 +1185,7 @@
</div>
</div>
</div>
</div>
</main>
@ -1282,5 +1196,4 @@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>

BIN
code_backend_theme/static/description/screenshots/Cybrosys-R.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 80 KiB

BIN
code_backend_theme/static/description/screenshots/Form view.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 72 KiB

After

Width:  |  Height:  |  Size: 142 KiB

Write Preview
Loading…
Cancel
Save