feat(v3): restructure project + add complete frontend
- Restructure: move backend from new_project/ to backend/ - Add full React/TypeScript frontend (37 pages, 17 services, 16 type defs, 11 query hooks) - Add docs/ with SRS specs, user stories, and workflow documentation - Update .gitignore for new directory layout Workflows implemented: WF1 User Signup, WF2 Placement Test, WF3 Exam Configuration, WF4 General English Exam, WF5 Course Generation, WF6 Entity Student Onboarding, AI Course Generation, Adaptive Learning Engine UI, White-Label Branding, Score Release Made-with: Cursor
This commit is contained in:
Yamen Ahmad
BIN
custom_addons/clarity_backend_theme_bits/static/description/icon.png
Executable file
BIN
custom_addons/clarity_backend_theme_bits/static/description/icon.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
BIN
custom_addons/clarity_backend_theme_bits/static/description/images/1.png
Executable file
BIN
custom_addons/clarity_backend_theme_bits/static/description/images/1.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 903 KiB |
BIN
custom_addons/clarity_backend_theme_bits/static/description/images/2.png
Executable file
BIN
custom_addons/clarity_backend_theme_bits/static/description/images/2.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
BIN
custom_addons/clarity_backend_theme_bits/static/description/images/3.png
Executable file
BIN
custom_addons/clarity_backend_theme_bits/static/description/images/3.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 147 KiB |
BIN
custom_addons/clarity_backend_theme_bits/static/description/images/4.png
Executable file
BIN
custom_addons/clarity_backend_theme_bits/static/description/images/4.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 76 KiB |
BIN
custom_addons/clarity_backend_theme_bits/static/description/images/5.png
Executable file
BIN
custom_addons/clarity_backend_theme_bits/static/description/images/5.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 109 KiB |
BIN
custom_addons/clarity_backend_theme_bits/static/description/images/6.png
Executable file
BIN
custom_addons/clarity_backend_theme_bits/static/description/images/6.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 298 KiB |
BIN
custom_addons/clarity_backend_theme_bits/static/description/images/7.png
Executable file
BIN
custom_addons/clarity_backend_theme_bits/static/description/images/7.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 312 KiB |
BIN
custom_addons/clarity_backend_theme_bits/static/description/images/8.png
Executable file
BIN
custom_addons/clarity_backend_theme_bits/static/description/images/8.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 251 KiB |
BIN
custom_addons/clarity_backend_theme_bits/static/description/images/9.png
Executable file
BIN
custom_addons/clarity_backend_theme_bits/static/description/images/9.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 680 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 207 KiB |
BIN
custom_addons/clarity_backend_theme_bits/static/description/images/banner.png
Executable file
BIN
custom_addons/clarity_backend_theme_bits/static/description/images/banner.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 107 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 726 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 746 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 129 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 489 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 525 B |
BIN
custom_addons/clarity_backend_theme_bits/static/description/images/icon_img.png
Executable file
BIN
custom_addons/clarity_backend_theme_bits/static/description/images/icon_img.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 392 B |
BIN
custom_addons/clarity_backend_theme_bits/static/description/images/main-b.png
Executable file
BIN
custom_addons/clarity_backend_theme_bits/static/description/images/main-b.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 780 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.8 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 420 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 860 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 217 KiB |
757
custom_addons/clarity_backend_theme_bits/static/description/index.html
Executable file
757
custom_addons/clarity_backend_theme_bits/static/description/index.html
Executable file
@@ -0,0 +1,757 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" data-website-id="1" data-oe-company-name="Odoo S.A.">
|
||||
|
||||
<head>
|
||||
|
||||
<link type="text/css" rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" />
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.6.0.js"
|
||||
integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
||||
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||||
|
||||
<link href="https://fonts.googleapis.com/css2?family=Halant:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||||
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
|
||||
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
|
||||
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
|
||||
crossorigin="anonymous"></script>
|
||||
|
||||
<link type="text/css" rel="stylesheet" href="/assets/assets.css" />
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id="module-description">
|
||||
<!-- Keep From Here -->
|
||||
<div class="container">
|
||||
<div class="oe_styling_v8">
|
||||
<img class="img img-responsive center-block" style="border-top-left-radius:10px; border-top-right-radius:10px" src="https://www.terabits.xyz/index/img/clarity_backend_theme_bits/19.0/img.png">
|
||||
<!-- blog post starts -->
|
||||
|
||||
<section class="blog_post_01">
|
||||
<div class="position-relative w-100" style="display: inline-grid;">
|
||||
<img src="images/blog_post_bg_01.png" class="img-responsive w-100 h-100 img img-fluid position-absolute left-0"/>
|
||||
|
||||
<div class="position-relative row justify-content-center align-items-center" style="padding: 20px 10px 20px 10px;">
|
||||
<div class="col-12 my-3 px-5">
|
||||
<div class="header-img">
|
||||
<img src="images/blogpost_header_img.png" class="img img-fluid w-100" style="width: 100% !important;"/>
|
||||
</div>
|
||||
|
||||
<div class="blg-01-content text-center" style="margin-top: 65px;">
|
||||
<h1 style="font-family: 'Inter', sans-serif; font-size: 55px; font-weight: 700;line-height: 61px;color: #151765;margin-bottom: 0 !important;">
|
||||
Clarity Backend Theme
|
||||
</h1>
|
||||
<h1 style="font-family: 'Inter', sans-serif; font-size: 28px; font-weight: 600;line-height: 41px;color: #4267C8;">
|
||||
Odoo community backend theme
|
||||
</h1>
|
||||
<p style="font-family: 'Inter', sans-serif; font-size: 18px; font-weight: 500;line-height: 27px; color: #000000; margin-top: 20px;">
|
||||
The clarity backend theme have amazing appearance on any device and is easy to <br/>
|
||||
switch between all screen sizes. Clicking on any menu is made simple with an <br/>
|
||||
contemporary and modern sidebar. You can browse across different apps using <br/>
|
||||
elegant sidebar menu.The theme is designed, keeping in mind the delivery of <br/>
|
||||
great user experience and user-friendly interface to your users.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="features px-5 mx-5" style="margin-top: 70px;">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xl-6 d-flex justify-content-end my-1">
|
||||
<div class="box" style="background-color: #151765; border-radius: 10px; padding: 10px 20px; width: 420px;">
|
||||
<h4 style="font-family: 'Inter', sans-serif; font-size: 18px; font-weight: 500;line-height: 27px;color: #fff;margin-bottom: 0 !important;">
|
||||
App Drawer design for Community Addition
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-6 d-flex justify-content-start my-1">
|
||||
<div class="box" style="background-color: #151765; border-radius: 10px; padding: 10px 20px; width: 420px;">
|
||||
<h4 style="font-family: 'Inter', sans-serif; font-size: 18px; font-weight: 500;line-height: 27px;color: #fff;margin-bottom: 0 !important;">
|
||||
Login & Signup Redesign
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-6 d-flex justify-content-end my-1">
|
||||
<div class="box" style="background-color: #151765; border-radius: 10px; padding: 10px 20px; width: 420px;">
|
||||
<h4 style="font-family: 'Inter', sans-serif; font-size: 18px; font-weight: 500;line-height: 27px;color: #fff;margin-bottom: 0 !important;">
|
||||
Customized Discuss view design
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-6 d-flex justify-content-start my-1">
|
||||
<div class="box" style="background-color: #151765; border-radius: 10px; padding: 10px 20px; width: 420px;">
|
||||
<h4 style="font-family: 'Inter', sans-serif; font-size: 18px; font-weight: 500;line-height: 27px;color: #fff;margin-bottom: 0 !important;">
|
||||
Show brand's logo in menu
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-6 d-flex justify-content-end my-1">
|
||||
<div class="box" style="background-color: #151765; border-radius: 10px; padding: 10px 20px; width: 420px;">
|
||||
<h4 style="font-family: 'Inter', sans-serif; font-size: 18px; font-weight: 500;line-height: 27px;color: #fff;margin-bottom: 0 !important;">
|
||||
Customzed List, Form, Kanban view design
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-6 d-flex justify-content-start my-1">
|
||||
<div class="box" style="background-color: #151765; border-radius: 10px; padding: 10px 20px; width: 420px;">
|
||||
<h4 style="font-family: 'Inter', sans-serif; font-size: 18px; font-weight: 500;line-height: 27px;color: #fff;margin-bottom: 0 !important;">
|
||||
Responsive sidebar design
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="before_after_img px-5 pb-3" style="margin-top: 70px;">
|
||||
<img src="images/main-b.png" class="img img-fluid w-100" style="width: 100% !important;"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- blog post ends -->
|
||||
|
||||
<!-- features highlight -->
|
||||
|
||||
<section class="blog_post_01">
|
||||
<div class="position-relative w-100" style="display: inline-grid;">
|
||||
<img src="images/blog_ss_bg_03.png" class="img-responsive w-100 h-100 img img-fluid position-absolute left-0"/>
|
||||
|
||||
<div class="position-relative row justify-content-center align-items-center" style="padding: 40px 20px 40px 20px;">
|
||||
<div class="col-12 my-3 px-5">
|
||||
|
||||
<div class="mt-2">
|
||||
<div class="content-note d-flex ">
|
||||
<div class="icon-img">
|
||||
<img src="images/icon_img.png" class="img img-fluid"/>
|
||||
</div>
|
||||
<div class="content" style="margin-left: 15px !important;">
|
||||
<p style="font-family: 'Inter', sans-serif; font-size: 25px; font-weight: 600;line-height: 26px;color: #151765;">
|
||||
Custom discuss view
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content-img text-center mt-3 mx-5">
|
||||
<img src="images/1.png" class="img img-fluid img-responsive"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<div class="content-note d-flex ">
|
||||
<div class="icon-img">
|
||||
<img src="images/icon_img.png" class="img img-fluid"/>
|
||||
</div>
|
||||
<div class="content" style="margin-left: 15px !important;">
|
||||
<p style="font-family: 'Inter', sans-serif; font-size: 25px; font-weight: 600;line-height: 26px;color: #151765;">
|
||||
Interactive and clean design
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content-img text-center mt-3 mx-5">
|
||||
<img src="images/2.png" class="img img-fluid img-responsive"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<div class="content-note d-flex ">
|
||||
<div class="icon-img">
|
||||
<img src="images/icon_img.png" class="img img-fluid"/>
|
||||
</div>
|
||||
<div class="content" style="margin-left: 15px !important;">
|
||||
<p style="font-family: 'Inter', sans-serif; font-size: 25px; font-weight: 600;line-height: 26px;color: #151765;">
|
||||
Custom list view design
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content-img text-center mt-3 mx-5">
|
||||
<img src="images/3.png" class="img img-fluid img-responsive"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<div class="content-note d-flex ">
|
||||
<div class="icon-img">
|
||||
<img src="images/icon_img.png" class="img img-fluid"/>
|
||||
</div>
|
||||
<div class="content" style="margin-left: 15px !important;">
|
||||
<p style="font-family: 'Inter', sans-serif; font-size: 25px; font-weight: 600;line-height: 26px;color: #151765;">
|
||||
Custom kanban view design
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content-img text-center mt-3 mx-5">
|
||||
<img src="images/4.png" class="img img-fluid img-responsive"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<div class="content-note d-flex ">
|
||||
<div class="icon-img">
|
||||
<img src="images/icon_img.png" class="img img-fluid"/>
|
||||
</div>
|
||||
<div class="content" style="margin-left: 15px !important;">
|
||||
<p style="font-family: 'Inter', sans-serif; font-size: 25px; font-weight: 600;line-height: 26px;color: #151765;">
|
||||
Custom form view design
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content-img text-center mt-3 mx-5">
|
||||
<img src="images/5.png" class="img img-fluid img-responsive"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<div class="content-note d-flex ">
|
||||
<div class="icon-img">
|
||||
<img src="images/icon_img.png" class="img img-fluid"/>
|
||||
</div>
|
||||
<div class="content" style="margin-left: 15px !important;">
|
||||
<p style="font-family: 'Inter', sans-serif; font-size: 25px; font-weight: 600;line-height: 26px;color: #151765;">
|
||||
Custom sign up design
|
||||
</p>
|
||||
<h6 class="text-danger font-size-xl"><b>(The login/signup design will appear only the backend login/signup view.
|
||||
It will not appear in the website login/signup view.)</b>
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="content-img text-center mt-3 mx-5">
|
||||
<img src="images/6.png" class="img img-fluid img-responsive"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<div class="content-note d-flex ">
|
||||
<div class="icon-img">
|
||||
<img src="images/icon_img.png" class="img img-fluid"/>
|
||||
</div>
|
||||
<div class="content" style="margin-left: 15px !important;">
|
||||
<p style="font-family: 'Inter', sans-serif; font-size: 25px; font-weight: 600;line-height: 26px;color: #151765;">
|
||||
Custom login design
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content-img text-center mt-3 mx-5">
|
||||
<img src="images/7.png" class="img img-fluid img-responsive"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<div class="content-note d-flex ">
|
||||
<div class="icon-img">
|
||||
<img src="images/icon_img.png" class="img img-fluid"/>
|
||||
</div>
|
||||
<div class="content" style="margin-left: 15px !important;">
|
||||
<p style="font-family: 'Inter', sans-serif; font-size: 25px; font-weight: 600;line-height: 26px;color: #151765;">
|
||||
Custom reset form design
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content-img text-center mt-3 mx-5">
|
||||
<img src="images/8.png" class="img img-fluid img-responsive"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<div class="content-note d-flex ">
|
||||
<div class="icon-img">
|
||||
<img src="images/icon_img.png" class="img img-fluid"/>
|
||||
</div>
|
||||
<div class="content" style="margin-left: 15px !important;">
|
||||
<p style="font-family: 'Inter', sans-serif; font-size: 25px; font-weight: 600;line-height: 26px;color: #151765;">
|
||||
Set company logo
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content-img text-center mt-3 mx-5">
|
||||
<img src="images/9.png" class="img img-fluid img-responsive"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- features highlight -->
|
||||
|
||||
<!-- simplify_banner -->
|
||||
|
||||
<!-- <section class="dashboard_01">
|
||||
<h1 style="font-family: 'Inter', sans-serif;font-size: 40px;font-weight: 700;line-height: 45px;color: #151765;text-align: center;margin: 40px 0;">
|
||||
Suggested Apps
|
||||
</h1>
|
||||
<div class="position-relative" style="display: inline-grid;">
|
||||
<img src="images/simplify_banner_bg.png"
|
||||
class="w-100 h-100 position-absolute left_0 img img-fluid" />
|
||||
|
||||
<div class="position-relative col-12 my-3" style="padding: 40px;">
|
||||
|
||||
<div class="row align-items-center">
|
||||
|
||||
<div class="col-xl-6">
|
||||
<h2
|
||||
style="font-family: 'Inter', sans-serif; font-size: 30px;font-weight: 700;line-height: 69px;color: #151756;">
|
||||
Simplify access management</h2>
|
||||
<p
|
||||
style="font-family: 'Inter', sans-serif; font-size: 18px;font-weight: 500;line-height: 29px;color: #151756;">
|
||||
"Simplify Access Management can Control permissions for all aspects of your
|
||||
Odoo
|
||||
system easily from one place. Save up to 80% of customization time!"
|
||||
</p>
|
||||
|
||||
<div class="d-flex mt-4">
|
||||
<span
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Hide menu/sub menu</span>
|
||||
|
||||
<span
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Models access rights</span>
|
||||
|
||||
<span
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Fields access right</span>
|
||||
</div>
|
||||
|
||||
<div class="d-flex">
|
||||
<span
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Buttons/tab access rights</span>
|
||||
|
||||
<span
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Disable developer mode</span>
|
||||
|
||||
<span
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Hide chatter</span>
|
||||
</div>
|
||||
|
||||
<div class="d-flex">
|
||||
<span
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Domain access right</span>
|
||||
|
||||
<span
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Hide filter and groups</span>
|
||||
|
||||
<span
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Readonly users</span>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-4">
|
||||
<a href="https://apps.odoo.com/apps/modules/18.0/simplify_access_management/"
|
||||
style="text-decoration: none; background-color: #151765;font-size: 16px;font-family: 'Inter',sans-serif; font-weight: 500; color: #fff;padding: 10px 15px;
|
||||
line-height: 24px;border-radius: 5px;">
|
||||
Live demo available
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-6">
|
||||
<img src="images/banner.png" class="img w-100 img-fluid" />
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<a href="https://apps.odoo.com/apps/modules/browse?author=Terabits%20Technolab"
|
||||
style="text-decoration: none; border: 2px solid #151756 ;font-size: 16px; font-weight: 600; font-family: 'Inter',sans-serif;color: #151765;padding: 8px 15px;
|
||||
line-height: 24px;border-radius: 5px;">
|
||||
View more
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section> -->
|
||||
|
||||
<!-- simplify_banner -->
|
||||
|
||||
<!-- clarity_pro_banner -->
|
||||
|
||||
<section class="dashboard_01 my-2">
|
||||
<div class="position-relative" style="display: inline-grid;">
|
||||
<img src="images/simplify_banner_bg.png"
|
||||
class="w-100 h-100 position-absolute left-0 img img-fluid" />
|
||||
|
||||
<div class="position-relative row align-items-center justify-content-between col-12 " style="padding: 40px 10px 50px 50px">
|
||||
|
||||
<div class="row align-items-center mb-4">
|
||||
|
||||
<div class="col-xl-6">
|
||||
<h2
|
||||
style="font-family: 'Inter', sans-serif; font-size: 40px;font-weight: 700;line-height: 69px;color: #151756;">
|
||||
Clarity Pro Backend Theme</h2>
|
||||
<p
|
||||
style="font-family: 'Inter', sans-serif; font-size: 18px;font-weight: 500;line-height: 29px;color: #151756;">
|
||||
The clarity backend theme have amazing appearance on any device and is easy to switch between all screen sizes.
|
||||
The theme is designed, keeping in mind the delivery of great user experience and user-friendly interface to your users.
|
||||
</p>
|
||||
|
||||
<div class="d-flex mt-4">
|
||||
<span class="w-100"
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Main menu for community</span>
|
||||
|
||||
<span class="w-100"
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Sidebar menu/top menu</span>
|
||||
|
||||
<span class="w-100"
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Multi tabs management</span>
|
||||
</div>
|
||||
|
||||
<div class="d-flex">
|
||||
<span class="w-100"
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 12px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Global search</span>
|
||||
|
||||
<span class="w-100"
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 12px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Global search in record</span>
|
||||
|
||||
<span class="w-100"
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 12px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Global search in menu</span>
|
||||
</div>
|
||||
|
||||
<div class="d-flex">
|
||||
<span class="w-100"
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Multi font style</span>
|
||||
|
||||
<span class="w-100"
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Multi icon style</span>
|
||||
|
||||
<span class="w-100"
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Custom color schemes</span>
|
||||
</div>
|
||||
|
||||
<div class="d-flex">
|
||||
<span class="w-100"
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Full-screen switch</span>
|
||||
|
||||
<span class="w-100"
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Bookmark management</span>
|
||||
|
||||
<span class="w-100"
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Attractive dark mode</span>
|
||||
</div>
|
||||
|
||||
<div class="d-flex">
|
||||
<span class="w-100"
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Kanban & list view style</span>
|
||||
|
||||
<span class="w-100"
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Checkbox & radio style</span>
|
||||
|
||||
<span class="w-100"
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
RTL support</span>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-4">
|
||||
<a href="https://apps.odoo.com/apps/themes/19.0/clarity_backend_theme_pro_bits/"
|
||||
style="text-decoration: none; background-color: #151765;font-size: 16px;font-family: 'Inter',sans-serif; font-weight: 500; color: #fff;padding: 10px 15px;
|
||||
line-height: 24px;border-radius: 5px;">
|
||||
Live demo available
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-6 mt-5">
|
||||
<img src="images/clarity_pro_banner.png" class="img img-fluid" />
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<a href="https://apps.odoo.com/apps/modules/browse?author=Terabits%20Technolab"
|
||||
style="text-decoration: none; border: 2px solid #151756 ;font-size: 16px; font-weight: 600; font-family: 'Inter',sans-serif;color: #151765;padding: 8px 15px;
|
||||
line-height: 24px;border-radius: 5px;">
|
||||
View more
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- clarity_pro_banner -->
|
||||
|
||||
<!-- analytiX_banner -->
|
||||
|
||||
<!-- <section class="dashboard_01 my-2">
|
||||
<div class="position-relative" style="display: inline-grid;">
|
||||
<img src="images/simplify_banner_bg.png"
|
||||
class="w-100 h-100 position-absolute left_0 img img-fluid" />
|
||||
|
||||
<div class="position-relative row align-items-center justify-content-between col-12 " style="padding: 40px 10px 40px 50px">
|
||||
|
||||
<div class="row align-items-center">
|
||||
|
||||
<div class="col-xl-6">
|
||||
<h2
|
||||
style="font-family: 'Inter', sans-serif; font-size: 40px;font-weight: 700;line-height: 69px;color: #151756;">
|
||||
AnalytiX Dashboard</h2>
|
||||
<p
|
||||
style="font-family: 'Inter', sans-serif; font-size: 18px;font-weight: 500;line-height: 29px;color: #151756;">
|
||||
"Unlock the true potential of your data with AnalytiX Dashboard, a cutting-edge Odoo
|
||||
dashboard module designed to revolutionizethe way you visualize & analyze information."
|
||||
</p>
|
||||
|
||||
<div class="d-flex mt-4">
|
||||
<span
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Predefined date filter</span>
|
||||
|
||||
<span
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Real-time Analytics</span>
|
||||
|
||||
<span
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Customizable Dashboards</span>
|
||||
</div>
|
||||
|
||||
<div class="d-flex">
|
||||
<span
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 12px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Smart Data Visualization</span>
|
||||
|
||||
<span
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 12px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
User-Friendly Interface</span>
|
||||
|
||||
<span
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 12px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Import/Export dashboard</span>
|
||||
</div>
|
||||
|
||||
<div class="d-flex">
|
||||
<span
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Group access control</span>
|
||||
|
||||
<span
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Share your findings</span>
|
||||
|
||||
<span
|
||||
style="background-color: #fff; padding: 5px 10px; border-radius: 20px; margin: 6px 4px;
|
||||
font-family: 'Inter', sans-serif; font-size: 13px;font-weight: 500;line-height: 25px;color: #151756;">
|
||||
Fully responsive layout</span>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-4">
|
||||
<a href="https://apps.odoo.com/apps/modules/18.0/analytix_dashboard_bits/"
|
||||
style="text-decoration: none; background-color: #151765;font-size: 16px;font-family: 'Inter',sans-serif; font-weight: 500; color: #fff;padding: 10px 15px;
|
||||
line-height: 24px;border-radius: 5px;">
|
||||
Live demo available
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-6 mt-5">
|
||||
<img src="images/analytix_banner.png" class="img img-fluid" />
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<a href="https://apps.odoo.com/apps/modules/browse?author=Terabits%20Technolab"
|
||||
style="text-decoration: none; border: 2px solid #151756 ;font-size: 16px; font-weight: 600; font-family: 'Inter',sans-serif;color: #151765;padding: 8px 15px;
|
||||
line-height: 24px;border-radius: 5px;">
|
||||
View more
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section> -->
|
||||
|
||||
<!-- analytix_banner -->
|
||||
|
||||
<!-- Suggested apps Starts -->
|
||||
<section class="sugg-apps mt-4">
|
||||
<div class="position-relative w-100" style="display: inline-grid;">
|
||||
<img src="images/suggest-app-bg.png" class="w-100 h-100 position-absolute left-0 img img-fluid"/>
|
||||
|
||||
<div class="position-relative row justify-content-center align-items-center" style="padding: 20px 25px 30px 25px;">
|
||||
<div class="col-12 px-5 py-4">
|
||||
<div class="text-center">
|
||||
<h2 style="font-family: 'Inter', sans-serif;color: #151765;font-size: 45px;font-weight: 600;line-height: 55px;margin-bottom: 35px;">Recommended Apps</h2>
|
||||
</div>
|
||||
<!-- -->
|
||||
<div class="suggest-apps my-4">
|
||||
<div class="row align-items-center">
|
||||
<!-- 01 -->
|
||||
<div class="col-xl-4 col-md-2 col-sm-12 ">
|
||||
<a href="https://apps.odoo.com/apps/modules/19.0/simplify_access_management"
|
||||
target="_blank">
|
||||
<div style="border-radius:10px; background-color:white"
|
||||
class="shadow-sm">
|
||||
<img class="img img-fluid img-responsive center-block"
|
||||
style="width:100%; border-radius:10px !important"
|
||||
src="modules/app-1.png">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<!-- 02 -->
|
||||
<div class="col-xl-4 col-md-2 col-sm-12">
|
||||
<a href="https://apps.odoo.com/apps/modules/19.0/law_firm_bits"
|
||||
target="_blank">
|
||||
<div style="border-radius:10px; background-color:white"
|
||||
class="shadow-sm">
|
||||
<img class="img img-fluid img-responsive center-block"
|
||||
style="width:100%; border-radius:10px !important"
|
||||
src="modules/app-2.png">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<!-- 03 -->
|
||||
<div class="col-xl-4 col-md-2 col-sm-12">
|
||||
<a href="https://apps.odoo.com/apps/modules/19.0/all_in_one_access_management"
|
||||
target="_blank">
|
||||
<div style="border-radius:10px; background-color:white"
|
||||
class="shadow-sm">
|
||||
<img class="img img-fluid img-responsive center-block"
|
||||
style="width:100%; border-radius:10px !important"
|
||||
src="modules/app-3.png">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<!-- 04 -->
|
||||
<div class="col-xl-4 col-sm-12 mt-4">
|
||||
<a href="https://apps.odoo.com/apps/modules/19.0/simplify_pos_access_management"
|
||||
target="_blank">
|
||||
<div style="border-radius:10px; background-color:white"
|
||||
class="shadow-sm">
|
||||
<img class="img img-fluid img-responsive center-block"
|
||||
style="width:100%; border-radius:10px !important"
|
||||
src="modules/app-4.png">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<!-- 05 -->
|
||||
<div class="col-xl-4 col-sm-12 mt-4">
|
||||
<a href="https://apps.odoo.com/apps/modules/19.0/user_login_with_user_audit"
|
||||
target="_blank">
|
||||
<div style="border-radius:10px; background-color:white"
|
||||
class="shadow-sm">
|
||||
<img class="img img-fluid img-responsive center-block"
|
||||
style="width:100%; border-radius:10px !important"
|
||||
src="modules/app-5.png">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<!-- 06 -->
|
||||
<div class="col-xl-4 col-sm-12 mt-4">
|
||||
<a href="https://apps.odoo.com/apps/modules/19.0/real_estate_bits"
|
||||
target="_blank">
|
||||
<div style="border-radius:10px; background-color:white"
|
||||
class="shadow-sm">
|
||||
<img class="img img-fluid img-responsive center-block"
|
||||
style="width:100%; border-radius:10px !important"
|
||||
src="modules/app-6.png">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Suggested apps Ends -->
|
||||
|
||||
<!-- Help Start -->
|
||||
|
||||
<section class="container mt-4">
|
||||
<div class="row pb16 pt48 mb-5">
|
||||
<div class="col-12">
|
||||
<div class="shadow alert alert-warning text-center w-100" style="padding: 21px 51px;background-color: #151765;border: 1px solid #dee2e6;color: #414d5c;margin: auto;display: block;border-radius: 20px;min-width: 90%;border-top: 3px solid #E5202B;">
|
||||
<div>
|
||||
<div style="background-color: rgb(255 164 0 / 12%);color: #fff;" class="badge border-0 rounded-circle p-3">
|
||||
<i class="fa fa-question-circle fa-2x"></i>
|
||||
</div>
|
||||
</div>
|
||||
<h2 style="color: #fff;" class="mt-2 mb-4">
|
||||
Need any help for this module?
|
||||
</h2>
|
||||
<h4 style="color: #fff;font-weight: 400" class="mt-2 mb-4">
|
||||
Contact us
|
||||
<b style="color: #25282D;background-color: #e0f0ff;padding: 3px 10px;border-radius: 3px;">info@terabits.xyz</b>
|
||||
for your queries
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Help END -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
BIN
custom_addons/clarity_backend_theme_bits/static/description/logo.gif
Executable file
BIN
custom_addons/clarity_backend_theme_bits/static/description/logo.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 76 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 228 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 233 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 229 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 235 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 223 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 199 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 398 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 128 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.8 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.3 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 81 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.8 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
BIN
custom_addons/clarity_backend_theme_bits/static/description/new-sam-banner.gif
Executable file
BIN
custom_addons/clarity_backend_theme_bits/static/description/new-sam-banner.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.8 MiB |
BIN
custom_addons/clarity_backend_theme_bits/static/description/theme_screenshot.gif
Executable file
BIN
custom_addons/clarity_backend_theme_bits/static/description/theme_screenshot.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 MiB |
BIN
custom_addons/clarity_backend_theme_bits/static/img/logo.png
Executable file
BIN
custom_addons/clarity_backend_theme_bits/static/img/logo.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
193
custom_addons/clarity_backend_theme_bits/static/src/js/Headerbar.js
Executable file
193
custom_addons/clarity_backend_theme_bits/static/src/js/Headerbar.js
Executable file
@@ -0,0 +1,193 @@
|
||||
/** @odoo-module **/
|
||||
|
||||
import { Dropdown } from "@web/core/dropdown/dropdown";
|
||||
import { useService } from "@web/core/utils/hooks";
|
||||
import { registry } from "@web/core/registry";
|
||||
import { debounce } from "@web/core/utils/timing";
|
||||
import { ErrorHandler } from "@web/core/utils/components";
|
||||
import { NavBarDropdownItem,MenuDropdown } from '@web/static/src/webclient/navbar/navbar';
|
||||
import {
|
||||
Component,
|
||||
onWillDestroy,
|
||||
useExternalListener,
|
||||
useEffect,
|
||||
useRef,
|
||||
onWillUnmount,
|
||||
} from "@odoo/owl";
|
||||
const systrayRegistry = registry.category("systray");
|
||||
|
||||
const getBoundingClientRect = Element.prototype.getBoundingClientRect;
|
||||
|
||||
export class HeaderBar extends NavBar {
|
||||
setup() {
|
||||
this.currentAppSectionsExtra = [];
|
||||
this.actionService = useService("action");
|
||||
this.menuService = useService("menu");
|
||||
this.root = useRef("root");
|
||||
this.appSubMenus = useRef("appSubMenus");
|
||||
const debouncedAdapt = debounce(this.adapt.bind(this), 250);
|
||||
onWillDestroy(() => debouncedAdapt.cancel());
|
||||
useExternalListener(window, "resize", debouncedAdapt);
|
||||
|
||||
let adaptCounter = 0;
|
||||
const renderAndAdapt = () => {
|
||||
adaptCounter++;
|
||||
this.render();
|
||||
};
|
||||
|
||||
systrayRegistry.addEventListener("UPDATE", renderAndAdapt);
|
||||
this.env.bus.addEventListener("MENUS:APP-CHANGED", renderAndAdapt);
|
||||
|
||||
onWillUnmount(() => {
|
||||
systrayRegistry.removeEventListener("UPDATE", renderAndAdapt);
|
||||
this.env.bus.removeEventListener("MENUS:APP-CHANGED", renderAndAdapt);
|
||||
});
|
||||
|
||||
// We don't want to adapt every time we are patched
|
||||
// rather, we adapt only when menus or systrays have changed.
|
||||
useEffect(
|
||||
() => {
|
||||
this.adapt();
|
||||
},
|
||||
() => [adaptCounter]
|
||||
);
|
||||
}
|
||||
|
||||
handleItemError(error, item) {
|
||||
// remove the faulty component
|
||||
item.isDisplayed = () => false;
|
||||
Promise.resolve().then(() => {
|
||||
throw error;
|
||||
});
|
||||
}
|
||||
|
||||
get currentApp() {
|
||||
return this.menuService.getCurrentApp();
|
||||
}
|
||||
|
||||
get currentAppSections() {
|
||||
return (
|
||||
(this.currentApp && this.menuService.getMenuAsTree(this.currentApp.id).childrenTree) ||
|
||||
[]
|
||||
);
|
||||
}
|
||||
|
||||
// This dummy setter is only here to prevent conflicts between the
|
||||
// Enterprise NavBar extension and the Website NavBar patch.
|
||||
set currentAppSections(_) {}
|
||||
|
||||
get systrayItems() {
|
||||
return systrayRegistry
|
||||
.getEntries()
|
||||
.map(([key, value]) => ({ key, ...value }))
|
||||
.filter((item) => ("isDisplayed" in item ? item.isDisplayed(this.env) : true))
|
||||
.reverse();
|
||||
}
|
||||
|
||||
// This dummy setter is only here to prevent conflicts between the
|
||||
// Enterprise NavBar extension and the Website NavBar patch.
|
||||
set systrayItems(_) {}
|
||||
|
||||
/**
|
||||
* Adapt will check the available width for the app sections to get displayed.
|
||||
* If not enough space is available, it will replace by a "more" menu
|
||||
* the least amount of app sections needed trying to fit the width.
|
||||
*
|
||||
* NB: To compute the widths of the actual app sections, a render needs to be done upfront.
|
||||
* By the end of this method another render may occur depending on the adaptation result.
|
||||
*/
|
||||
async adapt() {
|
||||
if (!this.root.el) {
|
||||
/** @todo do we still need this check? */
|
||||
// currently, the promise returned by 'render' is resolved at the end of
|
||||
// the rendering even if the component has been destroyed meanwhile, so we
|
||||
// may get here and have this.el unset
|
||||
return;
|
||||
}
|
||||
|
||||
// ------- Initialize -------
|
||||
// Get the sectionsMenu
|
||||
const sectionsMenu = this.appSubMenus.el;
|
||||
if (!sectionsMenu) {
|
||||
// No need to continue adaptations if there is no sections menu.
|
||||
return;
|
||||
}
|
||||
|
||||
// Save initial state to further check if new render has to be done.
|
||||
const initialAppSectionsExtra = this.currentAppSectionsExtra;
|
||||
const firstInitialAppSectionExtra = [...initialAppSectionsExtra].shift();
|
||||
const initialAppId = firstInitialAppSectionExtra && firstInitialAppSectionExtra.appID;
|
||||
|
||||
// Restore (needed to get offset widths)
|
||||
const sections = [
|
||||
...sectionsMenu.querySelectorAll(":scope > *:not(.o_menu_sections_more)"),
|
||||
];
|
||||
for (const section of sections) {
|
||||
section.classList.remove("d-none");
|
||||
}
|
||||
this.currentAppSectionsExtra = [];
|
||||
|
||||
// ------- Check overflowing sections -------
|
||||
// use getBoundingClientRect to get unrounded values for width in order to avoid rounding problem
|
||||
// with offsetWidth.
|
||||
const sectionsAvailableWidth = getBoundingClientRect.call(sectionsMenu).width;
|
||||
const sectionsTotalWidth = sections.reduce(
|
||||
(sum, s) => sum + getBoundingClientRect.call(s).width,
|
||||
0
|
||||
);
|
||||
if (sectionsAvailableWidth < sectionsTotalWidth) {
|
||||
// Sections are overflowing
|
||||
// Initial width is harcoded to the width the more menu dropdown will take
|
||||
let width = 46;
|
||||
for (const section of sections) {
|
||||
if (sectionsAvailableWidth < width + section.offsetWidth) {
|
||||
// Last sections are overflowing
|
||||
const overflowingSections = sections.slice(sections.indexOf(section));
|
||||
overflowingSections.forEach((s) => {
|
||||
// Hide from normal menu
|
||||
s.classList.add("d-none");
|
||||
// Show inside "more" menu
|
||||
const sectionId =
|
||||
s.dataset.section ||
|
||||
s.querySelector("[data-section]").getAttribute("data-section");
|
||||
const currentAppSection = this.currentAppSections.find(
|
||||
(appSection) => appSection.id.toString() === sectionId
|
||||
);
|
||||
this.currentAppSectionsExtra.push(currentAppSection);
|
||||
});
|
||||
break;
|
||||
}
|
||||
width += section.offsetWidth;
|
||||
}
|
||||
}
|
||||
|
||||
// ------- Final rendering -------
|
||||
const firstCurrentAppSectionExtra = [...this.currentAppSectionsExtra].shift();
|
||||
const currentAppId = firstCurrentAppSectionExtra && firstCurrentAppSectionExtra.appID;
|
||||
if (
|
||||
initialAppSectionsExtra.length === this.currentAppSectionsExtra.length &&
|
||||
initialAppId === currentAppId
|
||||
) {
|
||||
// Do not render if more menu items stayed the same.
|
||||
return;
|
||||
}
|
||||
return this.render();
|
||||
}
|
||||
|
||||
onNavBarDropdownItemSelection(menu) {
|
||||
if (menu) {
|
||||
this.menuService.selectMenu(menu);
|
||||
}
|
||||
}
|
||||
|
||||
getMenuItemHref(payload) {
|
||||
const parts = [`menu_id=${payload.id}`];
|
||||
if (payload.actionID) {
|
||||
parts.push(`action=${payload.actionID}`);
|
||||
}
|
||||
return "#" + parts.join("&");
|
||||
}
|
||||
}
|
||||
HeaderBar.template = "web.NavBar";
|
||||
HeaderBar.components = { Dropdown, NavBarDropdownItem, MenuDropdown, ErrorHandler };
|
||||
HeaderBar.props = {};
|
||||
46
custom_addons/clarity_backend_theme_bits/static/src/js/SidebarBottom.js
Executable file
46
custom_addons/clarity_backend_theme_bits/static/src/js/SidebarBottom.js
Executable file
@@ -0,0 +1,46 @@
|
||||
/** @odoo-module **/
|
||||
|
||||
import { Dropdown } from "@web/core/dropdown/dropdown";
|
||||
import { DropdownItem } from "@web/core/dropdown/dropdown_item";
|
||||
import { CheckBox } from "@web/core/checkbox/checkbox";
|
||||
import { browser } from "@web/core/browser/browser";
|
||||
import { registry } from "@web/core/registry";
|
||||
import { Component } from "@odoo/owl";
|
||||
import { user } from "@web/core/user";
|
||||
import { session } from "@web/session";
|
||||
|
||||
|
||||
const userMenuRegistry = registry.category("user_menuitems");
|
||||
|
||||
export class SidebarBottom extends Component {
|
||||
setup() {
|
||||
this.user = user;
|
||||
this.dbName = session.db;
|
||||
if (!this.user.userId || !this.env) {
|
||||
return;
|
||||
}
|
||||
const { origin } = browser.location;
|
||||
this.source = `${origin}/web/image?model=res.users&field=avatar_128&id=${this.user.userId}`;
|
||||
}
|
||||
|
||||
getElements() {
|
||||
const sortedItems = userMenuRegistry
|
||||
.getAll()
|
||||
.map((element) => element(this.env))
|
||||
.sort((x, y) => {
|
||||
const xSeq = x.sequence ? x.sequence : 100;
|
||||
const ySeq = y.sequence ? y.sequence : 100;
|
||||
return xSeq - ySeq;
|
||||
});
|
||||
return sortedItems;
|
||||
}
|
||||
}
|
||||
|
||||
SidebarBottom.template = "SidebarBottom";
|
||||
SidebarBottom.components = { Dropdown, DropdownItem, CheckBox };
|
||||
SidebarBottom.props = {};
|
||||
|
||||
registry.category("systray").add("SidebarBottom", {
|
||||
Component: SidebarBottom,
|
||||
sequence: 100, // Increased to avoid conflicts with MessagingMenu
|
||||
});
|
||||
110
custom_addons/clarity_backend_theme_bits/static/src/js/WebClient.js
Executable file
110
custom_addons/clarity_backend_theme_bits/static/src/js/WebClient.js
Executable file
@@ -0,0 +1,110 @@
|
||||
/** @odoo-module **/
|
||||
|
||||
import { WebClient } from "@web/webclient/webclient";
|
||||
import { useService } from "@web/core/utils/hooks";
|
||||
import { useRef, onMounted } from "@odoo/owl";
|
||||
import { patch } from "@web/core/utils/patch";
|
||||
import { SidebarBottom } from "./SidebarBottom";
|
||||
import { rpc } from "@web/core/network/rpc";
|
||||
import { user } from "@web/core/user";
|
||||
|
||||
patch(WebClient.prototype, {
|
||||
setup() {
|
||||
super.setup();
|
||||
this.root = useRef("root");
|
||||
this.rpc = rpc;
|
||||
this.menuService = useService("menu");
|
||||
this.currentCompany = user.activeCompanies && user.activeCompanies.length ? user.activeCompanies[0] : {};
|
||||
onMounted(() => {
|
||||
this.fetchMenuData();
|
||||
});
|
||||
},
|
||||
|
||||
toggleSidebar(ev) {
|
||||
const toggleEl = ev.currentTarget;
|
||||
toggleEl.classList.toggle("visible");
|
||||
const navWrapper = document.querySelector(".nav-wrapper-bits");
|
||||
if (navWrapper) {
|
||||
navWrapper.classList.toggle("toggle-show");
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
async fetchMenuData() {
|
||||
try {
|
||||
const menuData = this.menuService.getApps();
|
||||
const menuIds = menuData.map((app) => app.id);
|
||||
const result = await this.rpc("/get/menu_data", { menu_ids: menuIds });
|
||||
for (const menu of menuData) {
|
||||
const targetElem = this.root.el?.querySelector(
|
||||
`.primary-nav a.main_link[data-menu="${menu.id}"] .app_icon`
|
||||
);
|
||||
if (!targetElem) continue;
|
||||
|
||||
targetElem.innerHTML = "";
|
||||
const prRecord = result[menu.id]?.[0];
|
||||
if (!prRecord) continue;
|
||||
|
||||
menu.id = prRecord.id;
|
||||
menu.use_icon = prRecord.use_icon;
|
||||
menu.icon_class_name = prRecord.icon_class_name;
|
||||
menu.icon_img = prRecord.icon_img;
|
||||
|
||||
let iconImage;
|
||||
if (prRecord.use_icon) {
|
||||
if (prRecord.icon_class_name) {
|
||||
iconImage = `<span class="ri ${prRecord.icon_class_name}"/>`;
|
||||
} else if (prRecord.icon_img) {
|
||||
iconImage = `<img class="img img-fluid" src="/web/image/ir.ui.menu/${prRecord.id}/icon_img" />`;
|
||||
} else if (prRecord.web_icon) {
|
||||
const [iconPath, iconExt] = prRecord.web_icon.split("/icon.");
|
||||
if (iconExt === "svg") {
|
||||
const webSvgIcon = prRecord.web_icon.replace(",", "/");
|
||||
iconImage = `<img class="img img-fluid" src="${webSvgIcon}" />`;
|
||||
} else {
|
||||
iconImage = `<img class="img img-fluid" src="data:image/${iconExt};base64,${prRecord.web_icon_data}" />`;
|
||||
}
|
||||
} else {
|
||||
iconImage = `<img class="img img-fluid" src="/clarity_backend_theme_bits/static/img/logo.png" />`;
|
||||
}
|
||||
} else {
|
||||
if (prRecord.icon_img) {
|
||||
iconImage = `<img class="img img-fluid" src="/web/image/ir.ui.menu/${prRecord.id}/icon_img" />`;
|
||||
} else if (prRecord.web_icon) {
|
||||
const [iconPath, iconExt] = prRecord.web_icon.split("/icon.");
|
||||
if (iconExt === "svg") {
|
||||
const webSvgIcon = prRecord.web_icon.replace(",", "/");
|
||||
iconImage = `<img class="img img-fluid" src="${webSvgIcon}" />`;
|
||||
} else {
|
||||
iconImage = `<img class="img img-fluid" src="data:image/${iconExt};base64,${prRecord.web_icon_data}" />`;
|
||||
}
|
||||
} else {
|
||||
iconImage = `<img class="img img-fluid" src="/clarity_backend_theme_bits/static/img/logo.png" />`;
|
||||
}
|
||||
}
|
||||
targetElem.innerHTML = iconImage;
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("Failed to fetch menu data:", error);
|
||||
}
|
||||
},
|
||||
|
||||
BackMenuToggle(ev) {
|
||||
const parent = ev.currentTarget.parentElement;
|
||||
if (parent) {
|
||||
parent.classList.remove("show");
|
||||
}
|
||||
},
|
||||
|
||||
get currentMenuId() {
|
||||
const actionParams = window.location.hash;
|
||||
const params = new URLSearchParams(actionParams.substring(1));
|
||||
return params.get("menu_id");
|
||||
},
|
||||
|
||||
});
|
||||
|
||||
patch(WebClient, {
|
||||
components: { ...WebClient.components, SidebarBottom },
|
||||
// components: { ...WebClient.components, SidebarBottom, Transition },
|
||||
});
|
||||
67
custom_addons/clarity_backend_theme_bits/static/src/js/navbar.js
Executable file
67
custom_addons/clarity_backend_theme_bits/static/src/js/navbar.js
Executable file
@@ -0,0 +1,67 @@
|
||||
/** @odoo-module **/
|
||||
|
||||
import { NavBar } from "@web/webclient/navbar/navbar";
|
||||
import { useService } from "@web/core/utils/hooks";
|
||||
import { patch } from "@web/core/utils/patch";
|
||||
import { useEnvDebugContext } from "@web/core/debug/debug_context";
|
||||
import { useState } from "@odoo/owl";
|
||||
import { rpc } from "@web/core/network/rpc";
|
||||
import { user } from "@web/core/user";
|
||||
|
||||
patch(NavBar.prototype, {
|
||||
setup() {
|
||||
super.setup();
|
||||
this.debugContext = useEnvDebugContext();
|
||||
this.rpc = rpc;
|
||||
this.currentCompany = user.activeCompanies && user.activeCompanies.length ? user.activeCompanies[0] : {};
|
||||
this.menuService = useService("menu");
|
||||
this.state = useState({
|
||||
...this.state,
|
||||
isSidebarOpen: false,
|
||||
});
|
||||
this.getMenuItemHref = this.getMenuItemHref.bind(this);
|
||||
},
|
||||
|
||||
onNavBarDropdownItemSelection(menu) {
|
||||
if (menu) {
|
||||
this.menuService.selectMenu(menu);
|
||||
}
|
||||
},
|
||||
|
||||
get currentApp() {
|
||||
return this.menuService.getCurrentApp();
|
||||
},
|
||||
|
||||
getMenuItemHref(payload) {
|
||||
if (!payload || (!payload.actionPath && !payload.actionID)) {
|
||||
return "#";
|
||||
}
|
||||
return `/odoo/${payload.actionPath || "action-" + (payload.actionID || "")}`;
|
||||
},
|
||||
|
||||
toggleSidebar(ev) {
|
||||
this.state.isSidebarOpen = !this.state.isSidebarOpen;
|
||||
const toggleEl = ev.currentTarget;
|
||||
toggleEl.classList.toggle("visible");
|
||||
toggleEl.classList.toggle("sidebar-open");
|
||||
const navWrapper = document.querySelector(".nav-wrapper-bits");
|
||||
if (navWrapper) {
|
||||
navWrapper.classList.toggle("toggle-show");
|
||||
}
|
||||
},
|
||||
|
||||
BackMenuToggle() {
|
||||
const subMenu = document.querySelector(".sub-menu-dropdown.show");
|
||||
if (subMenu) {
|
||||
subMenu.classList.remove("show");
|
||||
}
|
||||
},
|
||||
|
||||
get appsMenuProps() {
|
||||
return {
|
||||
getMenuItemHref: this.getMenuItemHref,
|
||||
onNavBarDropdownItemSelection: this.onNavBarDropdownItemSelection.bind(this),
|
||||
isSmall: this.state.isSmall,
|
||||
};
|
||||
},
|
||||
});
|
||||
680
custom_addons/clarity_backend_theme_bits/static/src/scss/layout.scss
Executable file
680
custom_addons/clarity_backend_theme_bits/static/src/scss/layout.scss
Executable file
@@ -0,0 +1,680 @@
|
||||
body.o_web_client{
|
||||
flex-flow: row !important;
|
||||
.wrapper-container-bits{
|
||||
display: flex;
|
||||
width: 100%;
|
||||
.content-wrapper-bits{
|
||||
width: 100%;
|
||||
overflow-x: clip;
|
||||
@media (max-width: 1540px) {
|
||||
height: 100%;
|
||||
// overflow: auto;
|
||||
}
|
||||
.btn-link{
|
||||
color: #282828 !important;
|
||||
}
|
||||
.btn.btn-primary{
|
||||
background-color: #282828 !important;
|
||||
color: #fff !important;
|
||||
border-color: #fff;
|
||||
border: 1px solid #282828;
|
||||
&:focus,&:active,&:hover{
|
||||
background-color: #fff !important;
|
||||
color: #282828 !important;
|
||||
border-color: #282828 !important;
|
||||
}
|
||||
}
|
||||
.btn.btn-secondary{
|
||||
background-color: #f1eef5 !important;
|
||||
color: #282828 !important;
|
||||
// border-color: #282828;
|
||||
// border: 1px solid #282828;
|
||||
&:focus,&:active,&:hover{
|
||||
background-color: #f1eef5 !important;
|
||||
// color: #fff !important;
|
||||
// border-color: #f1eef5 !important;
|
||||
}
|
||||
}
|
||||
.o_main_navbar{
|
||||
padding: 0 10px;
|
||||
.o_menu_systray{
|
||||
align-items: center;
|
||||
.o_user_menu{
|
||||
display: none !important;
|
||||
}
|
||||
button.dropdown-toggle{
|
||||
background-color: #282828;
|
||||
margin: 0px 4px;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
border-radius: 6px;
|
||||
i{
|
||||
color: #fff;
|
||||
font-size: 16px !important;
|
||||
}
|
||||
.badge.rounded-pill{
|
||||
position: absolute;
|
||||
right: -10px;
|
||||
top: 2px;
|
||||
background-color: #ffffff;
|
||||
border-color: #282828;
|
||||
border: 1px solid #282828;
|
||||
color: #282828;
|
||||
}
|
||||
&.o_mobile_menu_toggle{
|
||||
padding: 15px !important;
|
||||
}
|
||||
}
|
||||
.o_mobile_preview{
|
||||
a.o_nav_entry{
|
||||
|
||||
}
|
||||
}
|
||||
.o_website_switcher_container,.o_edit_website_container,.o_new_content_container,.o_mobile_preview{
|
||||
button.dropdown-toggle,a.o_nav_entry,.o_nav_entry,a.btn{
|
||||
width: auto !important;
|
||||
background-color: #282828 !important;
|
||||
margin: 0px 4px;
|
||||
height: 35px !important;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
border-radius: 6px !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
}
|
||||
.o_menu_systray_item{
|
||||
a{
|
||||
.d-none.d-md-block.ms-1{
|
||||
color: #282828 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
// header button popup
|
||||
.o-mail-DiscussSystray{
|
||||
box-shadow: 0px 1px 5px #abababed;
|
||||
border-radius: 16px;
|
||||
.o-mail-MessagingMenu-header{
|
||||
button.fw-bold{
|
||||
border-bottom: 1px solid #282828;
|
||||
}
|
||||
}
|
||||
}
|
||||
.o_mobile_menu_toggle{
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
.sidebar-toggler{
|
||||
cursor: pointer;
|
||||
.sidebar-toggle-bits{
|
||||
font-size: 12px;
|
||||
color: #282828;
|
||||
i.back-arrow{
|
||||
width: 0px !important;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
&:hover{
|
||||
.sidebar-toggle-bits{
|
||||
i.toggle{
|
||||
width: 0px !important;
|
||||
display: none !important;
|
||||
}
|
||||
i.back-arrow{
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
transition: all 0.2s;
|
||||
width: 100% !important;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
margin-top: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.o_action_manager{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
.o_control_panel{
|
||||
padding: 10px 14px !important;
|
||||
.o_control_panel_main{
|
||||
// create button
|
||||
.o_control_panel_breadcrumbs{
|
||||
.o_control_panel_main_buttons{
|
||||
.btn-outline-primary{
|
||||
color: #282828 !important;
|
||||
border-color: #282828 !important;
|
||||
&:hover,&:focus,&:active{
|
||||
color: #fff !important;
|
||||
background-color: #282828 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.breadcrumb{
|
||||
.breadcrumb-item{
|
||||
a{
|
||||
color: #282828 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// action button
|
||||
.o_control_panel_actions{
|
||||
.btn-outline-secondary{
|
||||
border-color: #282828 !important;
|
||||
i{
|
||||
color: #282828 !important;
|
||||
}
|
||||
span{
|
||||
color: #282828 !important;
|
||||
}
|
||||
}
|
||||
.o_cp_searchview .o_searchview{
|
||||
border-radius: 8px 1px 1px 8px;
|
||||
border-color: #282828;
|
||||
}
|
||||
.o-dropdown{
|
||||
button.o_searchview_dropdown_toggler{
|
||||
border-radius: 0px 8px 8px 0px;
|
||||
}
|
||||
}
|
||||
.o_search_bar_menu{
|
||||
i{
|
||||
color: #282828 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
// navigation
|
||||
.o_control_panel_navigation{
|
||||
.o_pager_counter{
|
||||
span{
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
button{
|
||||
font-size: 0.875rem;
|
||||
border-radius: 6px !important;
|
||||
border-color: #282828;
|
||||
background-color: #fff !important;
|
||||
color: #282828 !important;
|
||||
height: 35px;
|
||||
margin: 0px 3px;
|
||||
&.active{
|
||||
background-color: #2828282e !important;
|
||||
}
|
||||
// width: 35px;
|
||||
@media (max-width: 768px) {
|
||||
width:auto !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// Discuss module in community
|
||||
.o-mail-Discuss{
|
||||
width: 100%;
|
||||
}
|
||||
.o_content{
|
||||
overflow: auto !important;
|
||||
height: 100vh;
|
||||
margin-bottom: 60px;
|
||||
max-height: calc(100vh - 100px);
|
||||
}
|
||||
// config setting view
|
||||
.o-settings-form-view{
|
||||
.o_setting_container{
|
||||
.settings_tab{
|
||||
.app_name{
|
||||
font-size: 15px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// form view
|
||||
.o_form_view_container{
|
||||
.o_form_sheet_bg{
|
||||
.o_form_statusbar{
|
||||
// overflow: hidden;
|
||||
.o_statusbar_buttons{
|
||||
.btn-primary{
|
||||
background-color: #71639e !important;
|
||||
border-color: #71639e !important;
|
||||
&:hover{
|
||||
background-color: #fff !important;
|
||||
}
|
||||
}
|
||||
.btn-secondary{
|
||||
background-color: #fff !important;
|
||||
border-color: #71639e !important;
|
||||
&:hover{
|
||||
background-color: #71639e !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.o_arrow_button{
|
||||
border-color: #71639e !important;
|
||||
background-color: #fff;
|
||||
&:after{
|
||||
border-color: #fff;
|
||||
}
|
||||
}
|
||||
.o_statusbar_status{
|
||||
.o_arrow_button{
|
||||
border: none !important;
|
||||
}
|
||||
}
|
||||
////////////////////////////////////////////////////////////////
|
||||
.o_statusbar_status {
|
||||
.o_arrow_button {
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
cursor: default;
|
||||
margin: 0 3px;
|
||||
padding: 5px 25px;
|
||||
float: left;
|
||||
position: relative;
|
||||
background-color: #d9e3f7 !important;
|
||||
user-select: none;
|
||||
transition: background-color 0.2s ease;
|
||||
&:after,&:before{
|
||||
content: " ";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: -17px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 15px solid transparent;
|
||||
border-bottom: 15px solid transparent;
|
||||
border-left: 17px solid #d9e3f7;
|
||||
z-index: 2;
|
||||
transition: border-color 0.2s ease;
|
||||
}
|
||||
&:hover{
|
||||
color: #282828 !important;
|
||||
}
|
||||
&:before{
|
||||
right: auto;
|
||||
left: 0;
|
||||
border-left: 17px solid #f8f9fa;
|
||||
z-index: 0;
|
||||
}
|
||||
&:first-child{
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
&:before {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
&.o_arrow_button_current{
|
||||
color: #fff !important;
|
||||
span{
|
||||
color: #fff !important;
|
||||
}
|
||||
background-color: #71639e !important;
|
||||
&:after{
|
||||
border-left: 17px solid #71639e;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
////////////////////////////////////////////////////////////////
|
||||
.o_form_sheet{
|
||||
border-radius: 8px;
|
||||
box-shadow: 0px 0px 3px #919191;
|
||||
border: none;
|
||||
.o_cell{
|
||||
label,span,a{
|
||||
font-size: 15px !important;
|
||||
}
|
||||
}
|
||||
.o_form_uri{
|
||||
span:first-child{
|
||||
color: #282828 !important;
|
||||
}
|
||||
}
|
||||
.o_notebook{
|
||||
.o_notebook_headers{
|
||||
.nav.nav-tabs{
|
||||
border-top: 1px solid #dee2e6;
|
||||
padding: 0px !important;
|
||||
.nav-item .nav-link{
|
||||
color: #484848;
|
||||
display: block;
|
||||
border-right: 1px solid #2828286b !important;
|
||||
padding: 10px;
|
||||
font-weight: 500;
|
||||
&:after{
|
||||
height: 5px;
|
||||
background-color: #282828;
|
||||
}
|
||||
&:before{
|
||||
height: 5px;
|
||||
background-color: #282828;
|
||||
}
|
||||
&.active{
|
||||
border-bottom: 2px solid #31485e;
|
||||
background: #f9f9f9 !important;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.o_list_renderer{
|
||||
table{
|
||||
a{
|
||||
color: #000730 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// kanban view
|
||||
.o_kanban_view{
|
||||
.o_kanban_record{
|
||||
margin: 14px 5px 0px !important;
|
||||
border-radius: 15px;
|
||||
.oe_kanban_card,.oe_kanban_global_click{
|
||||
border-radius: 8px;
|
||||
border-color: #2828286e;
|
||||
border: 1px solid #28282812;
|
||||
box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
|
||||
padding: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
// list view
|
||||
.o_list_view.o_action{
|
||||
height: 100%;
|
||||
.o_content{
|
||||
padding: 10px 14px;
|
||||
}
|
||||
.o_list_renderer{
|
||||
border: 0px !important;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0px 0px 3px #919191;
|
||||
.o_list_table{
|
||||
table-layout: auto !important;
|
||||
thead{
|
||||
th{
|
||||
padding: 10px 12px;
|
||||
background-color: #282828;
|
||||
color: #fff !important;
|
||||
button{
|
||||
color: #fff !important;
|
||||
}
|
||||
.form-check-input{
|
||||
background-color: #fff !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
tbody{
|
||||
tr{
|
||||
border-color: #28282899;
|
||||
border: none ;
|
||||
td{
|
||||
border: none;
|
||||
padding: 14px 12px;
|
||||
color: #282828 !important;
|
||||
font-size: 15px !important;
|
||||
font-weight: 500;
|
||||
}
|
||||
&.o_data_row{
|
||||
border-bottom-width: 1px !important;
|
||||
border-bottom-style: dashed !important;
|
||||
}
|
||||
}
|
||||
box-shadow: 0px 1px 2px #e2e2e2;
|
||||
border-radius: 12px;
|
||||
}
|
||||
tfoot{
|
||||
tr{
|
||||
td{
|
||||
border: none;
|
||||
padding: 10px 12px;
|
||||
color: #282828 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.form-check{
|
||||
.form-check-input{
|
||||
&:checked{
|
||||
background-color: #282828 !important;
|
||||
border-color: #282828 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// graph view
|
||||
.o_graph_view {
|
||||
.o_content {
|
||||
height: calc(100vh - 100px);
|
||||
}
|
||||
}
|
||||
// discuss view
|
||||
.o-mail-Discuss{
|
||||
background: #fff !important;
|
||||
.o-mail-DiscussSidebar{
|
||||
margin: 7px;
|
||||
border: none !important;
|
||||
box-shadow: 0px 1px 4px #9191912e;
|
||||
border-radius: 14px;
|
||||
.o-mail-DiscussSidebar-item{
|
||||
background: #e3e3e39e;
|
||||
color: #282828 !important;
|
||||
border-radius: 7px !important;
|
||||
margin: 5px 10px;
|
||||
padding: 10px 0 !important;
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
}
|
||||
//changed name in odoo 19
|
||||
.o-mail-DiscussContent-core{
|
||||
height: calc(100vh - 90px) !important;
|
||||
overflow: scroll !important;
|
||||
.o-mail-Discuss-header{
|
||||
border-bottom: none !important;
|
||||
}
|
||||
.o-mail-Thread{
|
||||
overflow: scroll;
|
||||
margin: 7px;
|
||||
box-shadow: 0px 0px 6px #413d3d3b !important;
|
||||
border: 1px solid #28282800;
|
||||
border-radius: 14px;
|
||||
//msg section
|
||||
.o-mail-Message{
|
||||
margin-top: 16px !important;
|
||||
.o-mail-Message-core{
|
||||
//right content / msg content
|
||||
.o-min-width-0{
|
||||
.o-mail-Message-header{
|
||||
.o-mail-Message-author{
|
||||
font-size: 16px;
|
||||
margin: 8px 0px;
|
||||
}
|
||||
}
|
||||
.o-mail-Message-content{
|
||||
.o-mail-Message-bubble{
|
||||
border-radius: 0px 10px 6px 10px !important;
|
||||
.o-mail-Message-body{
|
||||
padding: 15px 25px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.o-mail-Composer{
|
||||
.o-mail-Composer-coreMain{
|
||||
.btn{
|
||||
color: #282828 !important;
|
||||
}
|
||||
.o-mail-Composer-send{
|
||||
background: #282828 !important;
|
||||
margin: 0 !important;
|
||||
opacity: 1;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#terabits-link{
|
||||
h2{
|
||||
padding: 12px 28px;
|
||||
background: #eee;
|
||||
font-size: 15px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.editor_has_snippets_hide_backend_navbar{
|
||||
.nav-wrapper-bits{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.menu {
|
||||
display: block;
|
||||
width: 250px;
|
||||
height: 100%;
|
||||
transition: all 0.45s cubic-bezier(0.77, 0, 0.175, 1);
|
||||
z-index: 999;
|
||||
.icon {
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
right: 10px;
|
||||
pointer-events: none;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
color: #fff;
|
||||
}
|
||||
a {
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
.menu,
|
||||
.menu a,
|
||||
.menu a:visited {
|
||||
color: #aaa;
|
||||
text-decoration: none!important;
|
||||
position: relative;
|
||||
}
|
||||
.new-wrapper {
|
||||
position: absolute;
|
||||
left: 50px;
|
||||
width: calc(100% - 50px);
|
||||
transition: transform .45s cubic-bezier(0.77, 0, 0.175, 1);
|
||||
}
|
||||
|
||||
#menu:checked + ul.menu-dropdown {
|
||||
left: 0;
|
||||
-webkit-animation: all .45s cubic-bezier(0.77, 0, 0.175, 1);
|
||||
animation: all .45s cubic-bezier(0.77, 0, 0.175, 1);
|
||||
}
|
||||
.sub-menu-checkbox:checked + ul.sub-menu-dropdown {
|
||||
display: block!important;
|
||||
-webkit-animation: grow .45s cubic-bezier(0.77, 0, 0.175, 1);
|
||||
animation: grow .45s cubic-bezier(0.77, 0, 0.175, 1);
|
||||
}
|
||||
.openNav .new-wrapper {
|
||||
position: absolute;
|
||||
transform: translate3d(200px, 0, 0);
|
||||
width: calc(100% - 250px);
|
||||
transition: transform .45s cubic-bezier(0.77, 0, 0.175, 1);
|
||||
}
|
||||
|
||||
.downarrow {
|
||||
background: transparent;
|
||||
position: absolute;
|
||||
right: 50px;
|
||||
top: 12px;
|
||||
color: #777;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
||||
.downarrow:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.menu-dropdown {
|
||||
top: 0;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.overflow-container {
|
||||
position: relative;
|
||||
height: 100% !important;
|
||||
overflow-y: auto;
|
||||
z-index: -1;
|
||||
display:block;
|
||||
}
|
||||
.sub-menu-dropdown {
|
||||
background-color: #333;
|
||||
}
|
||||
.openNav .menu {
|
||||
top: 73px;
|
||||
transform: translate3d(200px, 0, 0);
|
||||
transition: transform .45s cubic-bezier(0.77, 0, 0.175, 1);
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes grow {
|
||||
|
||||
0% {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
display: block;
|
||||
opacity: 0.5;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@keyframes grow {
|
||||
|
||||
0% {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
display: block;
|
||||
opacity: 0.5;
|
||||
}
|
||||
100% {
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
}
|
||||
.o_navbar_apps_menu{
|
||||
height: 100%;
|
||||
}
|
||||
//neutralized title fix ui in odoo
|
||||
#oe_neutralize_banner{
|
||||
position: fixed !important;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 99999 !important;
|
||||
width: auto;
|
||||
}
|
||||
70
custom_addons/clarity_backend_theme_bits/static/src/scss/login.scss
Executable file
70
custom_addons/clarity_backend_theme_bits/static/src/scss/login.scss
Executable file
@@ -0,0 +1,70 @@
|
||||
#wrapwrap{
|
||||
.login-view-bits{
|
||||
.oe_login_form,.oe_signup_form,.oe_reset_password_form{
|
||||
.input-group{
|
||||
a.btn{
|
||||
background-color: #282828;
|
||||
color: #fff !important;
|
||||
border-radius: 0px 8px 8px 0px !important;
|
||||
display: flex !important;
|
||||
align-items: center;
|
||||
i{
|
||||
color: #fff !important;
|
||||
padding-left: 5px;
|
||||
margin-top: -4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
input,.form-control{
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 0.775rem 1rem;
|
||||
font-size: 1.1rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.5;
|
||||
color: #4B5675;
|
||||
appearance: none;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid #DBDFE9;
|
||||
border-radius: 0.475rem;
|
||||
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
|
||||
&#db{
|
||||
border-radius: 8px 0px 0px 8px !important;
|
||||
}
|
||||
}
|
||||
.col-form-label,.form-label{
|
||||
font-size: 14px !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
}
|
||||
.card-body{
|
||||
|
||||
box-shadow: 0px 0px 10px #d2d1d1;
|
||||
border-radius: 30px;
|
||||
}
|
||||
.oe_login_buttons{
|
||||
.btn-primary[type=submit]{
|
||||
padding: 14px;
|
||||
border-radius: 8px;
|
||||
background: #282828;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
&:hover,&:active,&:focus{
|
||||
color: #282828;
|
||||
background: #fff;
|
||||
border: 1px solid #282828;
|
||||
}
|
||||
}
|
||||
a,button.btn{
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
div.small{
|
||||
a,button.btn{
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
301
custom_addons/clarity_backend_theme_bits/static/src/scss/navbar.scss
Executable file
301
custom_addons/clarity_backend_theme_bits/static/src/scss/navbar.scss
Executable file
@@ -0,0 +1,301 @@
|
||||
body.o_web_client{
|
||||
.nav-wrapper-bits{
|
||||
display: none ;
|
||||
&.toggle-show{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
background-color: #282828;
|
||||
height: 100%;
|
||||
z-index: 999;
|
||||
header{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.sytray-container-bits{
|
||||
margin: 5px 5px;
|
||||
background-color: none !important;
|
||||
button{
|
||||
width: 100%;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
background: #343434;
|
||||
border-radius: 10px;
|
||||
img{
|
||||
width: 35px;
|
||||
border-radius: 30px !important;
|
||||
}
|
||||
}
|
||||
mark{
|
||||
font-size: 14px;
|
||||
margin-top: 8px;
|
||||
background: #fff !important;
|
||||
padding: 7px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.o_user_menu{
|
||||
.o-dropdown--menu{
|
||||
min-width: 15rem !important;
|
||||
.dropdown-item{
|
||||
padding: 5px 20px !important;
|
||||
}
|
||||
// @media (max-width: 768px) {
|
||||
// width: 100%;
|
||||
// height: 100%;
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
|
||||
// }
|
||||
}
|
||||
}
|
||||
|
||||
.powered-by{
|
||||
display: none;
|
||||
}
|
||||
&:hover{
|
||||
.powered-by{
|
||||
display: block !important;
|
||||
color: #fff;
|
||||
a{
|
||||
color: #aab6ff !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.btm-user-menu{
|
||||
z-index: 999;
|
||||
width: 250px;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
height: 100%;
|
||||
z-index: 11;
|
||||
}
|
||||
}
|
||||
header.o_navbar{
|
||||
nav{
|
||||
background-color: transparent !important;
|
||||
border-bottom: none !important;
|
||||
height: 100%;
|
||||
}
|
||||
.o-mail-DiscussSystray-class{
|
||||
background-color: #282828 !important;
|
||||
margin: 0px 4px;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.o_company_logo{
|
||||
padding: 8px 20px !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background: #343434;
|
||||
border-radius: 10px;
|
||||
margin: 5px 5px;
|
||||
i{
|
||||
color: #fff !important;
|
||||
font-size: 20px;
|
||||
display: none;
|
||||
@media (max-width: 768px) {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
img{
|
||||
width: 150px;
|
||||
height: 70px;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
}
|
||||
.primary-nav{
|
||||
flex: 1 1 0 !important;
|
||||
overflow-y: auto;
|
||||
.overflow-container{
|
||||
.main_link{
|
||||
.app_icon{
|
||||
height: 25px !important;
|
||||
width: 25px !important;
|
||||
display: inline-flex;
|
||||
img{
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
ul#menu-dropdown{
|
||||
list-style-type: none !important;
|
||||
padding-left: 5px !important;
|
||||
li a.main_link{
|
||||
display: flex;
|
||||
align-items: center !important;
|
||||
padding: 1em;
|
||||
font-size: 14px;
|
||||
}
|
||||
ul.header-sub-menus.main{
|
||||
list-style-type: none !important;
|
||||
z-index: 3;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
background-color: #282828 !important;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
padding: 0px 12px;
|
||||
// &:not(.show){
|
||||
// left: 100% !important;
|
||||
// }
|
||||
&:not(.show){
|
||||
display: none;
|
||||
width: 0% ;
|
||||
}
|
||||
.back_main_menu{
|
||||
position: relative;
|
||||
margin-left: -18px;
|
||||
h3{
|
||||
color: #ffff !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
li{
|
||||
margin-left: 10px ;
|
||||
background: #282828;
|
||||
.header-sub-menus{
|
||||
list-style-type: none !important;
|
||||
border-left: 1px solid #717171;
|
||||
padding: 0;
|
||||
}
|
||||
.sub-main-menu{
|
||||
cursor: pointer !important;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
background: #282828;
|
||||
}
|
||||
}
|
||||
// @media (max-width: 768px) {
|
||||
// position: relative !important;
|
||||
// .back_main_menu{
|
||||
// display: none !important;
|
||||
// }
|
||||
// }
|
||||
// &.show{
|
||||
// li{
|
||||
// .collapse{
|
||||
// display: block;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
a{
|
||||
padding: 0.5rem !important;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
&.show{
|
||||
li{
|
||||
.sub-main-menu{
|
||||
background: #eeeeee14;
|
||||
padding: 5px 10px !important;
|
||||
border-radius: 8px;
|
||||
margin: 8px 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
::-webkit-scrollbar-track
|
||||
{
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar
|
||||
{
|
||||
width: 6px;
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb
|
||||
{
|
||||
background-color: #575757;
|
||||
}
|
||||
}
|
||||
}
|
||||
.button_bg_hover:hover {
|
||||
background-color: gray;
|
||||
color:black;
|
||||
}
|
||||
.menu-hasdropdown {
|
||||
.button_bg_hover {
|
||||
margin-right: 7%;
|
||||
}
|
||||
}
|
||||
|
||||
.header-sub-menus .button_bg_hover {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.sidebar-toggler {
|
||||
.sidebar-toggle-bits {
|
||||
.chevron-toggle {
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
&.sidebar-open .chevron-toggle {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
&:not(.sidebar-open) .chevron-toggle {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sub-main-menu {
|
||||
.chevron-toggle {
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
&[aria-expanded="true"] .chevron-toggle {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
&[aria-expanded="false"] .chevron-toggle {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
}
|
||||
.o_user_avatar{
|
||||
height: 15%;
|
||||
width: 15%;
|
||||
}
|
||||
.user-avtar-bits {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.3s ease;
|
||||
max-height: 100px;
|
||||
}
|
||||
|
||||
.user-avtar-bits:hover {
|
||||
max-height: 120px;
|
||||
}
|
||||
|
||||
.powered-by {
|
||||
opacity: 0;
|
||||
transform: translateY(10px);
|
||||
transition: opacity 0.3s ease, transform 0.3s ease;
|
||||
pointer-events: none;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.user-avtar-bits:hover .powered-by {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
pointer-events: auto;
|
||||
}
|
||||
33
custom_addons/clarity_backend_theme_bits/static/src/xml/WebClient.xml
Executable file
33
custom_addons/clarity_backend_theme_bits/static/src/xml/WebClient.xml
Executable file
@@ -0,0 +1,33 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<templates xml:space="preserve">
|
||||
<t t-inherit="web.WebClient" t-inherit-mode="extension" owl="1">
|
||||
<xpath expr="//t" position="replace">
|
||||
<div class="wrapper-container-bits">
|
||||
<div class="nav-wrapper-bits toggle-show">
|
||||
<header class="o_navbar" t-ref="root">
|
||||
<div class="o_company_logo p-3">
|
||||
<div class="d-flex justify-content-between w-100 align-items-center">
|
||||
<t t-if="currentCompany and currentCompany.id">
|
||||
<img class="img img-fluid company_logo" t-attf-src="/web/image?model=res.company&field=logo&id={{currentCompany.id}}"/>
|
||||
<img class="img img-fluid company_logo_icon d-none" t-attf-src="/web/image?model=res.company&field=logo_icon&id={{currentCompany.id}}"/>
|
||||
</t>
|
||||
<i class="fa fa-bars fa-2x" t-on-click="toggleSidebar"/>
|
||||
</div>
|
||||
</div>
|
||||
<t t-call="CustomAppsMenu"/>
|
||||
<div class="btm-user-menu d-block">
|
||||
<SidebarBottom/>
|
||||
</div>
|
||||
</header>
|
||||
</div>
|
||||
<div class="content-wrapper-bits">
|
||||
<t t-if="!state.fullscreen">
|
||||
<NavBar/>
|
||||
</t>
|
||||
<ActionContainer/>
|
||||
<MainComponentsContainer/>
|
||||
</div>
|
||||
</div>
|
||||
</xpath>
|
||||
</t>
|
||||
</templates>
|
||||
141
custom_addons/clarity_backend_theme_bits/static/src/xml/navbar/sidebar.xml
Executable file
141
custom_addons/clarity_backend_theme_bits/static/src/xml/navbar/sidebar.xml
Executable file
@@ -0,0 +1,141 @@
|
||||
<?xml version="1.0" encoding="UTF-8" ?>
|
||||
<templates xml:space="preserve">
|
||||
<!-- Extend web.NavBar -->
|
||||
<t t-inherit="web.NavBar" t-inherit-mode="extension" owl="1">
|
||||
<xpath expr="//DropdownItem[@t-if='!env.isSmall and currentApp']" position="before">
|
||||
<div class="sidebar-toggler d-flex align-items-center p-2 ms-2">
|
||||
<a href="javascript:;" class="sidebar-toggle-bits" t-on-click="toggleSidebar">
|
||||
<i class="toggle fa fa-bars fa-2x"/>
|
||||
<i class="back-arrow oi oi-chevron-left fa-2x chevron-toggle"/>
|
||||
</a>
|
||||
<t t-if="currentApp">
|
||||
<h4 class="ms-2 mb-0"><t t-out="currentApp.name"/></h4>
|
||||
</t>
|
||||
</div>
|
||||
</xpath>
|
||||
<xpath expr="//DropdownItem[@t-if='!env.isSmall and currentApp']" position="replace"/>
|
||||
<xpath expr="//t[t[@t-call='web.NavBar.SectionsMenu']]" position="replace"/>
|
||||
<xpath expr="//t[@t-call='web.NavBar.AppsMenu']" position="replace"/>
|
||||
</t>
|
||||
<t t-name="CustomAppsMenu" owl="1">
|
||||
<nav role="navigation" class="primary-nav menu o_main_navbar" data-command-category="disabled">
|
||||
<div class="overflow-container">
|
||||
<t t-set="curr_app" t-value="currentMenuId ? menuService.getMenuAsTree(currentMenuId) : null"/>
|
||||
<ul id="menu-dropdown">
|
||||
<t t-foreach="menuService.getApps()" t-as="main_menu" t-key="main_menu.name">
|
||||
<t t-if="!main_menu.children.length">
|
||||
<li>
|
||||
<a
|
||||
t-att-href="main_menu ? '/odoo/' + (main_menu.actionPath || 'action-' + (main_menu.actionID || '')) : '#'"
|
||||
t-att-data-menu-xmlid="main_menu.xmlid"
|
||||
t-att-data-section="main_menu.id"
|
||||
class="main_link"
|
||||
t-on-click="() => props.onNavBarDropdownItemSelection ? props.onNavBarDropdownItemSelection(main_menu) : null"
|
||||
>
|
||||
<span class="app_icon me-2"></span>
|
||||
<span><t t-out="main_menu.name" /></span>
|
||||
</a>
|
||||
</li>
|
||||
</t>
|
||||
<t t-else="">
|
||||
<li class="menu-hasdropdown d-flex align-items-center">
|
||||
<a t-att-href="main_menu ? '/odoo/' + (main_menu.actionPath || 'action-' + (main_menu.actionID || '')) : '#'"
|
||||
t-att-data-menu="main_menu.id"
|
||||
t-att-data-action-model="main_menu.actionModel || ''"
|
||||
t-att-data-action-id="main_menu.actionID || ''"
|
||||
t-att-data-menu-xmlid="main_menu.xmlid"
|
||||
t-att-class="'main_link flex-grow-1'"
|
||||
t-on-click="() => props.onNavBarDropdownItemSelection ? props.onNavBarDropdownItemSelection(main_menu) : null">
|
||||
<span class="app_icon me-2"></span>
|
||||
<span><t t-out="main_menu.name" /></span>
|
||||
</a>
|
||||
<!-- Chevron for toggling dropdown -->
|
||||
<span class="oi oi-chevron-right p-1 button_bg_hover rounded "
|
||||
data-bs-toggle="collapse"
|
||||
t-att-data-bs-target="'#child_menu_' + main_menu.id"/>
|
||||
<!-- Submenu -->
|
||||
<ul t-att-class="'main header-sub-menus sub-menu-dropdown collapse' + (curr_app && curr_app.appID == main_menu.appID ? ' show' : '')"
|
||||
t-att-id="'child_menu_' + main_menu.id">
|
||||
<a class="back_main_menu collapse_back d-flex align-items-center" t-on-click="BackMenuToggle">
|
||||
<span class="oi oi-chevron-left p-2" />
|
||||
<h3 class="m-0 p-o"><b><t t-out="main_menu.name" /></b></h3>
|
||||
</a>
|
||||
<t t-set="parent_menu_id" t-value="main_menu.id" />
|
||||
<t t-foreach="main_menu.children" t-as="menuid" t-key="menuid">
|
||||
<t t-set="menu" t-value="menuService.getMenuAsTree(menuid)"/>
|
||||
<t t-call="AllmenuRecursive">
|
||||
<t t-set="props" t-value="props"/>
|
||||
</t>
|
||||
</t>
|
||||
<t t-if="main_menu.xmlid == 'base.menu_administration'">
|
||||
<li>
|
||||
<a class="d-flex align-items-center w-100 sub-main-menu" data-bs-toggle="collapse" t-att-data-bs-target="'#child_menu_theme'">
|
||||
<span>Backend Theme</span>
|
||||
<span class="oi oi-chevron-right ms-auto p-2" />
|
||||
</a>
|
||||
<div t-att-id="'child_menu_theme'" class="collapse">
|
||||
<ul class="header-sub-menus">
|
||||
<li class="nav-item">
|
||||
<a class="child_menus" href="https://www.terabits.xyz/survey/start/0261438c-36bd-4f73-a63d-9120a4d4764d" target="_blank">
|
||||
<span>Leave a review</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="child_menus" href="https://www.terabits.xyz/survey/start/9e8fe56d-b8b4-4c34-b3b6-513b08ab513e">
|
||||
<span>Get regular updates</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="child_menus" href="https://www.terabits.xyz/services/debranding">
|
||||
<span>Debrand your ERP</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</t>
|
||||
</ul>
|
||||
</li>
|
||||
</t>
|
||||
</t>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</t>
|
||||
<!-- Recursive Menu Template -->
|
||||
<t t-name="AllmenuRecursive" owl="1">
|
||||
<li class="nav-item">
|
||||
<t t-if="menu.childrenTree.length">
|
||||
<a class="d-flex align-items-center w-100 sub-main-menu"
|
||||
data-bs-toggle="collapse"
|
||||
t-attf-data-bs-target="#child_menu_{{menu.id}}"
|
||||
t-att-data-menu-xmlid="menu.xmlid"
|
||||
t-att-href="menu ? '/odoo/' + (menu.actionPath || 'action-' + (menu.actionID || '')) : '#'"
|
||||
t-on-click="() => props.onNavBarDropdownItemSelection ? props.onNavBarDropdownItemSelection(menu) : null">
|
||||
<span><t t-out="menu.name"/></span>
|
||||
<span class="oi oi-chevron-right ms-auto p-1 button_bg_hover rounded chevron-toggle"/>
|
||||
</a>
|
||||
<div t-attf-id="child_menu_{{menu.id}}" class="collapse">
|
||||
<ul class="header-sub-menus">
|
||||
<t t-foreach="menu.children" t-as="menuid" t-key="menuid">
|
||||
<t t-set="menu" t-value="menuService.getMenuAsTree(menuid)"/>
|
||||
<t t-call="AllmenuRecursive">
|
||||
<t t-set="props" t-value="props"/>
|
||||
</t>
|
||||
</t>
|
||||
</ul>
|
||||
</div>
|
||||
</t>
|
||||
<t t-else="">
|
||||
<a t-att-data-menu="menu.id"
|
||||
t-attf-class="child_menus"
|
||||
t-att-href="menu ? '/odoo/' + (menu.actionPath || 'action-' + (menu.actionID || '')) : '#'"
|
||||
t-att-data-menu-xmlid="menu.xmlid"
|
||||
t-attf-data-action-id="{{menu.actionID ? menu.actionID : ''}}"
|
||||
t-on-click="() => props.onNavBarDropdownItemSelection ? props.onNavBarDropdownItemSelection(menu) : null">
|
||||
<span class="app_name"><t t-out="menu.name" /></span>
|
||||
</a>
|
||||
</t>
|
||||
</li>
|
||||
</t>
|
||||
</templates>
|
||||
@@ -0,0 +1,64 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<templates xml:space="preserve">
|
||||
|
||||
<!-- Extend web.UserMenu -->
|
||||
<t t-inherit="web.UserMenu" t-inherit-mode="extension" owl="1">
|
||||
<xpath expr="//button" position="replace">
|
||||
<img class="o_avatar o_user_avatar rounded" t-att-src="source" alt="User"/>
|
||||
</xpath>
|
||||
</t>
|
||||
|
||||
<!-- Custom SidebarBottom for Systray -->
|
||||
<t t-name="SidebarBottom" owl="1">
|
||||
<div class="systray-container-bits">
|
||||
<div class="o_user_menu pe-0 dropdown p-1">
|
||||
<div class="user-avtar-bits d-block py-1 px-1 rounded" style="background-color:#343434" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<div class="d-flex align-items-center">
|
||||
<img class="o_avatar o_user_avatar rounded-circle px-1 py-1" style="height:20%; width:20%" t-att-src="source || '/web/static/img/user_menu_avatar.png'" t-att-alt="user?.name || 'User'"/>
|
||||
<span class="oe_topbar_name ms-2 lh-1 text-truncate mb-0 py-2 text-white d-block">
|
||||
<t t-out="user?.name || 'Unknown User'"/>
|
||||
</span>
|
||||
</div>
|
||||
<div class="oe_topbar_name text-start smaller py-1 lh-1 text-truncate w-100" t-att-class="{'d-lg-inline-block' : env.debug}">
|
||||
<mark class="d-block font-monospace text-truncate text-black p-2" style="background-color:white; border-radius:5px">
|
||||
<i class="fa fa-database oi-small me-1"/><t t-out="dbName || 'No Database'"/>
|
||||
</mark>
|
||||
</div>
|
||||
<!-- <div class="powered-by text-white">
|
||||
Powered By <a href="https://www.terabits.xyz/contact-us" class="btn btn-link btn-sm" style="color:#007aff">Terabits Technolab</a>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="dropdown-menu systray-dropdown-menu w-100">
|
||||
<t t-foreach="getElements()" t-as="element" t-key="element_index">
|
||||
<t t-if="!element.hide">
|
||||
<DropdownItem
|
||||
t-if="element.type == 'item' || element.type == 'switch'"
|
||||
>
|
||||
<a t-att-href="element.href" t-att-data-menu="element.id" class="dropdown-item-content" t-on-click="element.callback">
|
||||
<CheckBox
|
||||
t-if="element.type == 'switch'"
|
||||
value="element.isChecked"
|
||||
className="'form-switch d-flex flex-row-reverse justify-content-between p-0 w-100'"
|
||||
onChange="element.callback"
|
||||
>
|
||||
<t t-out="element.description"/>
|
||||
</CheckBox>
|
||||
<t t-else="" t-out="element.description"/>
|
||||
</a>
|
||||
</DropdownItem>
|
||||
<div t-if="element.type == 'separator'" role="separator" class="dropdown-divider"/>
|
||||
</t>
|
||||
</t>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</t>
|
||||
<t t-inherit="web.SwitchCompanyMenu" t-inherit-mode="extension" owl="1">
|
||||
<xpath expr="//button" position="replace">
|
||||
<button t-att-disabled="isSingleCompany" t-att-title="companyService and companyService.currentCompany ? companyService.currentCompany.name : ''">
|
||||
<i class="fa fa-building" title="Switch Company"/>
|
||||
</button>
|
||||
</xpath>
|
||||
</t>
|
||||
</templates>
|
||||
Reference in New Issue
Block a user