Browse Source

Jan 01 [ADD] : Initial Commit 'pos_night_mode'

pull/254/merge
AjmalCybro 4 months ago
parent
commit
c01bc4732b
  1. 46
      pos_night_mode/README.rst
  2. 22
      pos_night_mode/__init__.py
  3. 50
      pos_night_mode/__manifest__.py
  4. 7
      pos_night_mode/doc/RELEASE_NOTES.md
  5. 22
      pos_night_mode/models/__init__.py
  6. 58
      pos_night_mode/models/theme_config.py
  7. BIN
      pos_night_mode/static/description/assets/cybro-icon.png
  8. BIN
      pos_night_mode/static/description/assets/cybro-odoo.png
  9. BIN
      pos_night_mode/static/description/assets/hero.gif
  10. BIN
      pos_night_mode/static/description/assets/icons/check.png
  11. BIN
      pos_night_mode/static/description/assets/icons/chevron.png
  12. BIN
      pos_night_mode/static/description/assets/icons/cogs.png
  13. BIN
      pos_night_mode/static/description/assets/icons/consultation.png
  14. 1
      pos_night_mode/static/description/assets/icons/down.svg
  15. BIN
      pos_night_mode/static/description/assets/icons/ecom-black.png
  16. BIN
      pos_night_mode/static/description/assets/icons/education-black.png
  17. BIN
      pos_night_mode/static/description/assets/icons/faq.png
  18. BIN
      pos_night_mode/static/description/assets/icons/feature.png
  19. BIN
      pos_night_mode/static/description/assets/icons/hotel-black.png
  20. BIN
      pos_night_mode/static/description/assets/icons/license.png
  21. BIN
      pos_night_mode/static/description/assets/icons/lifebuoy.png
  22. BIN
      pos_night_mode/static/description/assets/icons/manufacturing-black.png
  23. BIN
      pos_night_mode/static/description/assets/icons/pos-black.png
  24. BIN
      pos_night_mode/static/description/assets/icons/puzzle.png
  25. BIN
      pos_night_mode/static/description/assets/icons/restaurant-black.png
  26. BIN
      pos_night_mode/static/description/assets/icons/screenshot.png
  27. BIN
      pos_night_mode/static/description/assets/icons/service-black.png
  28. BIN
      pos_night_mode/static/description/assets/icons/support.png
  29. BIN
      pos_night_mode/static/description/assets/icons/test-1 - Copy.png
  30. BIN
      pos_night_mode/static/description/assets/icons/test-2.png
  31. BIN
      pos_night_mode/static/description/assets/icons/trading-black.png
  32. BIN
      pos_night_mode/static/description/assets/icons/training.png
  33. BIN
      pos_night_mode/static/description/assets/icons/update.png
  34. BIN
      pos_night_mode/static/description/assets/icons/user.png
  35. BIN
      pos_night_mode/static/description/assets/icons/video.png
  36. BIN
      pos_night_mode/static/description/assets/icons/whatsapp.png
  37. BIN
      pos_night_mode/static/description/assets/icons/wrench.png
  38. BIN
      pos_night_mode/static/description/assets/modules/l1.png
  39. BIN
      pos_night_mode/static/description/assets/modules/l2.png
  40. BIN
      pos_night_mode/static/description/assets/modules/l3.png
  41. BIN
      pos_night_mode/static/description/assets/modules/l4.png
  42. BIN
      pos_night_mode/static/description/assets/modules/l5.png
  43. BIN
      pos_night_mode/static/description/assets/modules/l6.png
  44. BIN
      pos_night_mode/static/description/assets/night_mode_v16-.png
  45. BIN
      pos_night_mode/static/description/assets/screenshots/1.png
  46. BIN
      pos_night_mode/static/description/assets/screenshots/2.png
  47. BIN
      pos_night_mode/static/description/assets/screenshots/3.png
  48. BIN
      pos_night_mode/static/description/assets/screenshots/4.png
  49. BIN
      pos_night_mode/static/description/assets/screenshots/5.png
  50. BIN
      pos_night_mode/static/description/assets/screenshots/6.png
  51. BIN
      pos_night_mode/static/description/assets/screenshots/7.png
  52. BIN
      pos_night_mode/static/description/assets/theme_screenshot.png
  53. BIN
      pos_night_mode/static/description/assets/y18.jpg
  54. BIN
      pos_night_mode/static/description/banner.png
  55. BIN
      pos_night_mode/static/description/icon.png
  56. 650
      pos_night_mode/static/description/index.html
  57. BIN
      pos_night_mode/static/description/theme_screenshot.png
  58. 12
      pos_night_mode/static/src/css/theme_style.css
  59. 130
      pos_night_mode/static/src/js/chrome_inherit.js
  60. 11
      pos_night_mode/static/src/xml/button.xml

46
pos_night_mode/README.rst

@ -0,0 +1,46 @@
.. image:: https://img.shields.io/badge/licence-AGPL--3-blue.svg
:target: http://www.gnu.org/licenses/agpl-3.0-standalone.html
:alt: License: AGPL-3
POS NIGHT MODE
==============
This module helps you change the color theme of the pose to dark.
Configuration
=============
* No additional configuration required
Company
-------
* `Cybrosys Techno Solutions <https://cybrosys.com/>`__
License
-------
General Public License, version 3 (AGPL v3).
(https://www.gnu.org/licenses/agpl-3.0-standalone.html)
Credits
-------
Developer: (V15) Bhagyadev KP
Contact: odoo@cybrosys.com
Contacts
--------
* Mail Contact : odoo@cybrosys.com
* Website : https://cybrosys.com
Bug Tracker
-----------
Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported.
Maintainer
==========
.. image:: https://cybrosys.com/images/logo.png
:target: https://cybrosys.com
This module is maintained by Cybrosys Technologies.
For support and more information, please visit `Our Website <https://cybrosys.com/>`__
Further information
===================
HTML Description: `<static/description/index.html>`__

22
pos_night_mode/__init__.py

@ -0,0 +1,22 @@
# -*- coding: utf-8 -*-
################################################################################
#
# Cybrosys Technologies Pvt. Ltd.
#
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
# Author: Bhagyadev KP (odoo@cybrosys.com)
#
# You can modify it under the terms of the GNU AFFERO
# GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
#
# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
# (AGPL v3) along with this program.
# If not, see <http://www.gnu.org/licenses/>.
#
################################################################################
from . import models

50
pos_night_mode/__manifest__.py

@ -0,0 +1,50 @@
# -*- coding: utf-8 -*-
################################################################################
#
# Cybrosys Technologies Pvt. Ltd.
#
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
# Author: Bhagyadev KP (odoo@cybrosys.com)
#
# You can modify it under the terms of the GNU AFFERO
# GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
#
# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
# (AGPL v3) along with this program.
# If not, see <http://www.gnu.org/licenses/>.
#
################################################################################
{
'name': 'POS Night Mode Theme',
'version': '15.0.1.0.0',
"category": "Themes/Backend",
'summary': 'POS night mode theme',
'description': """This module helps you change the color theme of the pose to dark""",
'author': 'Cybrosys Techno Solutions',
'company': 'Cybrosys Techno Solutions',
'maintainer': 'Cybrosys Techno Solutions',
'website': 'https://www.cybrosys.com',
'depends': ['point_of_sale'],
'assets': {
'point_of_sale.assets': [
'pos_night_mode/static/src/js/**/*.js',
'pos_night_mode/static/src/css/theme_style.css'
],
'web.assets_qweb': [
'pos_night_mode/static/src/xml/button.xml',
],
},
'images': [
'static/description/banner.png',
'static/description/theme_screenshot.png',
],
'license': 'AGPL-3',
'installable': True,
'auto_install': False,
'application': False,
}

7
pos_night_mode/doc/RELEASE_NOTES.md

@ -0,0 +1,7 @@
## Module <pos_night_mode>
#### 10.09.2024
#### Version 15.0.1.0.0
#### ADD
- Initial commit POS Night Mode

22
pos_night_mode/models/__init__.py

@ -0,0 +1,22 @@
# -*- coding: utf-8 -*-
################################################################################
#
# Cybrosys Technologies Pvt. Ltd.
#
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
# Author: Bhagyadev KP (odoo@cybrosys.com)
#
# You can modify it under the terms of the GNU AFFERO
# GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
#
# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
# (AGPL v3) along with this program.
# If not, see <http://www.gnu.org/licenses/>.
#
################################################################################
from . import theme_config

58
pos_night_mode/models/theme_config.py

@ -0,0 +1,58 @@
# -*- coding: utf-8 -*-
################################################################################
#
# Cybrosys Technologies Pvt. Ltd.
#
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
# Author: Bhagyadev KP (odoo@cybrosys.com)
#
# You can modify it under the terms of the GNU AFFERO
# GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
#
# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
# (AGPL v3) along with this program.
# If not, see <http://www.gnu.org/licenses/>.
#
################################################################################
from odoo import api, fields, models
class ResUsers(models.Model):
_inherit = 'res.users'
""" Theme Config for night mode """
mode_check = fields.Boolean(string="Active", help="Enable / Disable checkbox")
@api.model
def get_active(self):
"""
Retrieve the current user's `mode_check` status.
:return: Boolean value representing the `mode_check` field of the current user.
"""
return self.env['res.users'].search([('id', '=', self.env.user.id)]).mode_check
@api.model
def set_active(self):
"""
Activate the `mode_check` status for the current user by setting it to True.
:return: Boolean value representing the updated `mode_check` status of the current user.
"""
self.env['res.users'].search([('id', '=', self.env.user.id)]).write({'mode_check': True})
return self.env['res.users'].search([('id', '=', self.env.user.id)]).mode_check
@api.model
def set_deactivate(self):
"""
Deactivate the `mode_check` status for the current user by setting it to False.
:return: Boolean value representing the updated `mode_check` status of the current user.
"""
self.env['res.users'].search([('id', '=', self.env.user.id)]).write({'mode_check': False})
return self.env['res.users'].search([('id', '=', self.env.user.id)]).mode_check

BIN
pos_night_mode/static/description/assets/cybro-icon.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
pos_night_mode/static/description/assets/cybro-odoo.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

BIN
pos_night_mode/static/description/assets/hero.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 223 KiB

BIN
pos_night_mode/static/description/assets/icons/check.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
pos_night_mode/static/description/assets/icons/chevron.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 310 B

BIN
pos_night_mode/static/description/assets/icons/cogs.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
pos_night_mode/static/description/assets/icons/consultation.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

1
pos_night_mode/static/description/assets/icons/down.svg

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="512" height="512" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><g id="Layer_2" data-name="Layer 2"><path d="m12 1a11 11 0 1 0 11 11 11.013 11.013 0 0 0 -11-11zm5.707 9.707-5 5a1 1 0 0 1 -1.414 0l-5-5a1 1 0 0 1 1.414-1.414l4.293 4.293 4.293-4.293a1 1 0 0 1 1.414 1.414z" fill="#781d96" data-original="#000000" class=""></path></g></g></svg>

After

Width:  |  Height:  |  Size: 542 B

BIN
pos_night_mode/static/description/assets/icons/ecom-black.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 576 B

BIN
pos_night_mode/static/description/assets/icons/education-black.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 733 B

BIN
pos_night_mode/static/description/assets/icons/faq.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
pos_night_mode/static/description/assets/icons/feature.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

BIN
pos_night_mode/static/description/assets/icons/hotel-black.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 911 B

BIN
pos_night_mode/static/description/assets/icons/license.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
pos_night_mode/static/description/assets/icons/lifebuoy.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
pos_night_mode/static/description/assets/icons/manufacturing-black.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 673 B

BIN
pos_night_mode/static/description/assets/icons/pos-black.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 878 B

BIN
pos_night_mode/static/description/assets/icons/puzzle.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 653 B

BIN
pos_night_mode/static/description/assets/icons/restaurant-black.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 905 B

BIN
pos_night_mode/static/description/assets/icons/screenshot.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
pos_night_mode/static/description/assets/icons/service-black.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 839 B

BIN
pos_night_mode/static/description/assets/icons/support.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
pos_night_mode/static/description/assets/icons/test-1 - Copy.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

BIN
pos_night_mode/static/description/assets/icons/test-2.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

BIN
pos_night_mode/static/description/assets/icons/trading-black.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 427 B

BIN
pos_night_mode/static/description/assets/icons/training.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 627 B

BIN
pos_night_mode/static/description/assets/icons/update.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
pos_night_mode/static/description/assets/icons/user.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 988 B

BIN
pos_night_mode/static/description/assets/icons/video.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
pos_night_mode/static/description/assets/icons/whatsapp.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
pos_night_mode/static/description/assets/icons/wrench.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
pos_night_mode/static/description/assets/modules/l1.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

BIN
pos_night_mode/static/description/assets/modules/l2.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

BIN
pos_night_mode/static/description/assets/modules/l3.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

BIN
pos_night_mode/static/description/assets/modules/l4.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

BIN
pos_night_mode/static/description/assets/modules/l5.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

BIN
pos_night_mode/static/description/assets/modules/l6.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

BIN
pos_night_mode/static/description/assets/night_mode_v16-.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 561 KiB

BIN
pos_night_mode/static/description/assets/screenshots/1.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 114 KiB

BIN
pos_night_mode/static/description/assets/screenshots/2.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 113 KiB

BIN
pos_night_mode/static/description/assets/screenshots/3.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 122 KiB

BIN
pos_night_mode/static/description/assets/screenshots/4.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 128 KiB

BIN
pos_night_mode/static/description/assets/screenshots/5.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 182 KiB

BIN
pos_night_mode/static/description/assets/screenshots/6.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 103 KiB

BIN
pos_night_mode/static/description/assets/screenshots/7.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 272 KiB

BIN
pos_night_mode/static/description/assets/theme_screenshot.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

BIN
pos_night_mode/static/description/assets/y18.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 880 KiB

BIN
pos_night_mode/static/description/banner.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

BIN
pos_night_mode/static/description/icon.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.4 KiB

650
pos_night_mode/static/description/index.html

@ -0,0 +1,650 @@
<!-- HERO -->
<div class="container shadow style=" margin-left:calc(-42vw + 50%);
width:84vw"">
<div class="row"
style="padding: 4rem 2.5rem 0 !important; background-color: #fff !important;">
<div class="col-lg-12 d-flex flex-column align-items-center">
<h1 class="text-center text-uppercase"
style="font-family: Montserrat, 'sans-serif' !important; font-size: 67px !important; color: #791d97; font-weight: 900 !important;">
<span style="color:#5154a5;">POS </span> Night Mode Theme<sup>
</h1>
<p class="my-1 text-center text-uppercase"
style="letter-spacing: 4px !important; color: #74788D !important;">
Pos Night Mode Theme Odoo V15.</p>
</div>
<div class="col-lg-12 d-flex flex-column justify-content-center">
<p class="my-1 text-center"
style="font-family: Montserrat, 'sans-serif' !important; color: #212121 !important;">
The app enables a user-friendly basic night mode theme for Odoo 15
POS community and enterprise editions.
Enabling the Night mode theme in Odoo is very simple.
To enable, Click on the night mode icon displayed in the Chrome
section of POS App.To disable, Click again
the same icon.
</p>
</div>
<div class="col-md-12 text-center ">
<a href="mailto:odoo@cybrosys.com" target="_blank"
style="background-color:#5154a5; border-radius:35px; font-family:Montserrat; display:inline-block; padding:7px 33px; border:1px solid #5154a5"
class="mx-1 mb-2 deep-1 deep_hover">
<img class="img" style="width:30px" src="assets/icons/support.png">
<span class="pl-2"
style="color:#fff; font-size:16px; vertical-align:middle">Email Us</span>
</a>
<a href="https://api.whatsapp.com/send?phone=918606827707"
target="_blank"
style="background-color:#7f289b; font-family:Montserrat; display:inline-block; padding:7px 33px; border:1px solid #7f289b; border-radius:35px"
class="mx-1 mb-2 deep-1 deep_hover">
<img class="img" style="width:27px" src="assets/icons/whatsapp.png">
<span class="pl-2"
style="color:#fff; font-size:16px; vertical-align:middle">What's App</span>
</a>
</div>
</div>
</div>
<!-- END OF HERO -->
<!-- Start OF slide -->
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0">
<img src="assets/hero.gif" width="100%" height="auto"
class="img-responsive">
</div>
<!-- END OF slide -->
<section class="oe_container pb-5">
<div class="mt64 mb64">
<h2 class="text-center text-uppercase"
style="font-family: Montserrat, 'sans-serif' !important; font-size: 50px !important; color: #791d97; font-weight: 900 !important;">
<span style="color:#5154a5;">KEY </span> <b>Highlights</b> <sup>
</h2>
<div class="row">
<div class="col-md-6 col-sm-12 mt32">
<div class="container shadow"
style="border-radius: 5px;padding: 33px 0px;">
<div class="col-md-3" style="float:left">
<img class="img img-responsive"
src="assets/icons/test-2.png">
</div>
<div class="col-md-9"
style="padding-left:0; float:left; width:70%">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
Easy to enable
/ disable night mode. </h3>
<p class=" mt8"
style="font-family:Roboto ; color: #280135;">You can
enable this theme by clicking the toggle button in
Chrome.</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 mt32">
<div class="container shadow"
style="border-radius: 5px;padding: 33px 0px;">
<div class="col-md-3" style="float:left">
<img class="img img-responsive"
src="assets/icons/test-2.png">
</div>
<div class="col-md-9"
style="padding-left:0; float:left; width:70%">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
Night Mode For
All Pos Screens</h3>
<p class=" mt8"
style="font-family:Roboto ; color: #280135;">The
theme will switch all Pos screens to night mode.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- New section -->
<div class="container shadow style=" margin-left:calc(-42vw + 50%);
width:84vw"">
<div class="row"
style="padding: 4rem 2.5rem 0 !important; background-color: #fff !important;">
<div class="col-md-12 shadow">
<ul role="tablist"
class="nav nav-tabs justify-content-center d-flex justify-content-center"
data-tabs="tabs"
style="border:none; background-color:unset; margin:0 auto">
<li class="nav-item"
style="border-top-right-radius:10px; border-top-left-radius:10px; background-color:#ffe305; margin-right:10px; border:1px solid #ddd; border-bottom:0">
<a href="#screenshot-1" data-toggle="tab" aria-expanded="true"
class="show active"
style="font-family:Roboto; text-transform:uppercase; font-weight:600; font-size:15px; letter-spacing:1px; padding:11px 20px; border-top-left-radius:10px; border-top-right-radius:10px; color:#2b2b2b; border:1px solid transparent">
<img src="assets/icons/screenshot.png"
style="width: 100%; width: 25px; margin-right: 10px;">screenshot
</a>
<span class="border-left-0"
style="float:left; margin-top:-4px; margin-left:-5px; width:5px; height:5px; border:1px solid #ddd; border-top:0; border-radius:0 0 5px 0"></span>
<span class="border-right-0"
style="float:right; margin-top:-4px; margin-right:-5px; width:5px; height:5px; border:1px solid #ddd; border-top:0; border-radius:0 0 0 5px"></span>
</li>
</ul>
</div>
<div class="col-md-12 tab-content ui-front shadow"
style="border-top-right-radius:15px;border-bottom-right-radius:15px;background-color:#fffafa;height:auto;">
<div class="tab-pane fade active show" id="screenshot-1" role="tabpanel"
aria-labelledby="screenshot-1">
<div class="row"
style="padding:4rem 2.5rem 0 !important; background-color:#fff !important">
<div class="col-lg-12 d-flex flex-column align-items-center">
<h1 class="text-center text-uppercase"
style="font-family:Montserrat, 'sans-serif' !important; font-size:40px !important; color:#791d97; font-weight:900 !important">
<span style="color:#5154a5">Screenshots </span> <sup>
</sup></h1>
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
Order Screen</h3>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/1.png?6ef7fd7"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
Payment Screen</h3>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/2.png?6ef7fd7"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
Receipt Screen</h3>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/3.png?6ef7fd7"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
Popups</h3>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/4.png?6ef7fd7"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
Product Info</h3>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/5.png?6ef7fd7"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
Orders</h3>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/6.png?6ef7fd7"
class="img img-responsive center-block">
</div>
<div class="col-lg-12 d-flex flex-column align-items-center">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
Customer List Screen</h3>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;">
<img src="assets/screenshots/7.png?6ef7fd7"
class="img img-responsive center-block">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- New section -->
<section style="margin-top:50px;">
<div class="row">
<div class="col-sm-12 col-md-12-col-lg-2">
<h2 style="font-weight:bold; color:#3D3D4E">Related Modules</h2>
<p style="color:#777783">Explore our related modules</p>
<hr>
</div>
<div class="col-sm-12">
<div id="demo1" class="row carousel slide" data-ride="carousel">
<!-- The slideshow -->
<div class="carousel-inner" style="padding:30px">
<div class="carousel-item" style="min-height:198.656px">
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/15.0/pos_credit_limit/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius:0px"
src="pos_night_mode/static/description/assets/modules/l1.png">
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/15.0/pos_report_generator/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius:0px"
src="pos_night_mode/static/description/assets/modules/l2.png">
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/15.0/dashboard_pos/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius:0px"
src="pos_night_mode/static/description/assets/modules/l3.png">
</div>
</a>
</div>
</div>
<div class="carousel-item active"
style="min-height:198.656px">
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/15.0/login_pos_direct/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius:0px"
src="pos_night_mode/static/description/assets/modules/l4.png">
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/15.0/pos_book_order/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius:0px"
src="pos_night_mode/static/description/assets/modules/l5.png">
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/15.0/multi_barcodes_pos/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius:0px"
src="pos_night_mode/static/description/assets/modules/l6.png">
</div>
</a>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="carousel-control-prev" href="#demo1" data-slide="prev"
style="width:35px; color:#000"> <span
class="carousel-control-prev-icon"><i
class="fa fa-chevron-left"
style="font-size:24px"></i></span>
</a> <a class="carousel-control-next" href="#demo1"
data-slide="next" style="width:35px; color:#000">
<span class="carousel-control-next-icon"><i
class="fa fa-chevron-right"
style="font-size:24px"></i></span>
</a>
</div>
</div>
</div>
</section>
<section>
<div class="d-flex align-items-center"
style="border-bottom:2px solid #714B67; padding:15px 0px">
<div class="d-flex justify-content-center align-items-center mr-2"
style="background-color:#F5F5F5; border-radius:0px; width:40px; height:40px">
<img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/misc/star.png?aedef96">
</div>
<h2 class="mt-2"
style="font-family:'Montserrat', sans-serif; font-size:24px; font-weight:bold">
Our Services
</h2>
</div>
<div class="container my-5">
<div class="row">
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color:#1dd1a1 !important; border-radius:15px !important; height:80px; width:80px">
<img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/cogs.png?aedef96"
class="img-responsive" height="48px" width="48px">
</div>
<h6 class="text-center"
style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
Odoo
Customization</h6>
</div>
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color:#ff6b6b !important; border-radius:15px !important; height:80px; width:80px">
<img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/wrench.png?aedef96"
class="img-responsive" height="48px" width="48px">
</div>
<h6 class="text-center"
style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
Odoo
Implementation</h6>
</div>
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color:#6462CD !important; border-radius:15px !important; height:80px; width:80px">
<img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/lifebuoy.png?aedef96"
class="img-responsive" height="48px" width="48px">
</div>
<h6 class="text-center"
style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
Odoo
Support</h6>
</div>
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color:#ffa801 !important; border-radius:15px !important; height:80px; width:80px">
<img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/user.png?aedef96"
class="img-responsive" height="48px" width="48px">
</div>
<h6 class="text-center"
style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
Hire
Odoo
Developer</h6>
</div>
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color:#54a0ff !important; border-radius:15px !important; height:80px; width:80px">
<img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/puzzle.png?aedef96"
class="img-responsive" height="48px" width="48px">
</div>
<h6 class="text-center"
style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
Odoo
Integration</h6>
</div>
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color:#6d7680 !important; border-radius:15px !important; height:80px; width:80px">
<img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/update.png?aedef96"
class="img-responsive" height="48px" width="48px">
</div>
<h6 class="text-center"
style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
Odoo
Migration</h6>
</div>
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color:#786fa6 !important; border-radius:15px !important; height:80px; width:80px">
<img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/consultation.png?aedef96"
class="img-responsive" height="48px" width="48px">
</div>
<h6 class="text-center"
style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
Odoo
Consultancy</h6>
</div>
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color:#f8a5c2 !important; border-radius:15px !important; height:80px; width:80px">
<img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/training.png?aedef96"
class="img-responsive" height="48px" width="48px">
</div>
<h6 class="text-center"
style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
Odoo
Implementation</h6>
</div>
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color:#e6be26 !important; border-radius:15px !important; height:80px; width:80px">
<img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/license.png?aedef96"
class="img-responsive" height="48px" width="48px">
</div>
<h6 class="text-center"
style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
Odoo
Licensing Consultancy</h6>
</div>
</div>
</div>
</section>
<section class="container" style="margin-top:6rem !important">
<div class="row">
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
<h2 style="color:#212529 !important">Our Industries</h2>
<hr style="border:3px solid #714B67 !important; background-color:#714B67 !important; width:80px !important; margin-bottom:2rem !important">
</div>
<div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center"
style="background-color:#f6f8f9 !important; border-radius:10px; padding:2rem !important; height:250px !important">
<img src="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/trading-black.png?2d98612"
class="img-responsive mb-3" height="48px" width="48px">
<h5 style="font-family:Montserrat, sans-serif !important; color:#000 !important; font-weight:bold">
Trading
</h5>
<p style="font-family:Montserrat, sans-serif !important; font-size:0.9rem !important">
Easily procure
and
sell your products</p>
</div>
</div>
<div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center"
style="background-color:#f6f8f9 !important; border-radius:10px; padding:2rem !important; height:250px !important">
<img src="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/pos-black.png?2d98612"
class="img-responsive mb-3" height="48px" width="48px">
<h5 style="font-family:Montserrat, sans-serif !important; color:#000 !important; font-weight:bold">
POS
</h5>
<p style="font-family:Montserrat, sans-serif !important; font-size:0.9rem !important">
Easy
configuration
and convivial experience</p>
</div>
</div>
<div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center"
style="background-color:#f6f8f9 !important; border-radius:10px; padding:2rem !important; height:250px !important">
<img src="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/education-black.png?2d98612"
class="img-responsive mb-3" height="48px" width="48px">
<h5 style="font-family:Montserrat, sans-serif !important; color:#000 !important; font-weight:bold">
Education
</h5>
<p style="font-family:Montserrat, sans-serif !important; font-size:0.9rem !important">
A platform for
educational management</p>
</div>
</div>
<div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center"
style="background-color:#f6f8f9 !important; border-radius:10px; padding:2rem !important; height:250px !important">
<img src="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/manufacturing-black.png?2d98612"
class="img-responsive mb-3" height="48px" width="48px">
<h5 style="font-family:Montserrat, sans-serif !important; color:#000 !important; font-weight:bold">
Manufacturing
</h5>
<p style="font-family:Montserrat, sans-serif !important; font-size:0.9rem !important">
Plan, track and
schedule your operations</p>
</div>
</div>
<div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center"
style="background-color:#f6f8f9 !important; border-radius:10px; padding:2rem !important; height:250px !important">
<img src="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/ecom-black.png?2d98612"
class="img-responsive mb-3" height="48px" width="48px">
<h5 style="font-family:Montserrat, sans-serif !important; color:#000 !important; font-weight:bold">
E-commerce &amp; Website
</h5>
<p style="font-family:Montserrat, sans-serif !important; font-size:0.9rem !important">
Mobile
friendly,
awe-inspiring product pages</p>
</div>
</div>
<div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center"
style="background-color:#f6f8f9 !important; border-radius:10px; padding:2rem !important; height:250px !important">
<img src="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/service-black.png?2d98612"
class="img-responsive mb-3" height="48px" width="48px">
<h5 style="font-family:Montserrat, sans-serif !important; color:#000 !important; font-weight:bold">
Service Management
</h5>
<p style="font-family:Montserrat, sans-serif !important; font-size:0.9rem !important">
Keep track of
services and invoice</p>
</div>
</div>
<div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center"
style="background-color:#f6f8f9 !important; border-radius:10px; padding:2rem !important; height:250px !important">
<img src="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/restaurant-black.png?2d98612"
class="img-responsive mb-3" height="48px" width="48px">
<h5 style="font-family:Montserrat, sans-serif !important; color:#000 !important; font-weight:bold">
Restaurant
</h5>
<p style="font-family:Montserrat, sans-serif !important; font-size:0.9rem !important">
Run your bar or
restaurant methodically</p>
</div>
</div>
<div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center"
style="background-color:#f6f8f9 !important; border-radius:10px; padding:2rem !important; height:250px !important">
<img src="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/hotel-black.png?2d98612"
class="img-responsive mb-3" height="48px" width="48px">
<h5 style="font-family:Montserrat, sans-serif !important; color:#000 !important; font-weight:bold">
Hotel Management
</h5>
<p style="font-family:Montserrat, sans-serif !important; font-size:0.9rem !important">
An
all-inclusive
hotel management application</p>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<!-- Footer Section -->
<div class="container mt-5">
<div class="row">
<div class="col-sm-12 col-md-12-col-lg-2">
<h2 style="font-weight:bold; color:#3D3D4E">Support</h2>
<p style="color:#777783">Need help? Get in touch.
</p>
<hr>
</div>
<div class="col-sm-12 col-md-6">
<div class="d-flex align-items-center"
style="background-color:#F6F8F9; padding:30px">
<div class="mr-4 d-flex justify-content-center align-items-center"
style="background-color:#714B67; height:70px; width:70px">
<img src="assets/icons/support.png" height="48" width="48"
style="width:42px; height:42px">
</div>
<div>
<h4>Need Help?</h4>
<p style="line-height:100%">Got questions or need help? Get
in touch.</p>
<a href="mailto:odoo@cybrosys.com">
<p style="font-weight:400; font-size:28px; line-height:80%; color:#714B67">
odoo@cybrosys.com</p>
</a>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6">
<div class="d-flex align-items-center"
style="background-color:#F6F8F9; padding:30px">
<div class="mr-4 d-flex justify-content-center align-items-center"
style="background-color:#2AC44D; height:70px; width:70px">
<img src="assets/icons/whatsapp.png" height="52" width="52"
style="width:52px; height:52px">
</div>
<div>
<h4>WhatsApp</h4>
<p style="line-height:100%">Say hi to us on WhatsApp!</p>
<span href="https://api.whatsapp.com/send?phone=918606827707">
<p style="font-weight:400; font-size:28px; line-height:80%; color:#714B67">+91
86068
27707</p>
</span>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<section class="oe_container"
style="padding: 2rem 3rem 1rem; background-color: #fff !important;">
<div class="row"
style="max-width:1540px; margin: 0 auto; margin-right: 3rem; ">
<!-- Logo -->
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin-top: 3rem;">
<img src="https://www.cybrosys.com/images/logo.png"
width="200px" height="auto"/>
</div>
<!-- End of Logo -->
</div>
</section>
<!-- END OF FOOTER -->
</div>

BIN
pos_night_mode/static/description/theme_screenshot.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

12
pos_night_mode/static/src/css/theme_style.css

@ -0,0 +1,12 @@
.fa-sun-o{
color:#e8a214;
font-size: 130% !important;
background:#714b67;
}
.fa-moon-o{
font-size: 130% !important;
color:black;
}
.d-none {
display: none;
}

130
pos_night_mode/static/src/js/chrome_inherit.js

@ -0,0 +1,130 @@
odoo.define('pos_night_mode.pos_chrome', function (require) {
'use strict';
// Extending Chrom component
const Chrome = require('point_of_sale.Chrome');
const Registries = require('point_of_sale.Registries');
var rpc = require('web.rpc');
const PosNightMod = (Chrome) =>
class extends Chrome {
async start() {
this.night_mode = 'True'
var self = this;
await super.start();
rpc.query({
model: 'res.users',
method: 'get_active'
}).then(function(res){
if(res){
self._OnNightTrue()
}
})
};
// Clicking sun icon
OnClickSun(){
var self = this;
rpc.query({
model: 'res.users',
method: 'set_deactivate'
}).then(function(){
$('style').remove()
})
$("#fa-icon").addClass("d-none")
$("#fa-icon-moon").removeClass("d-none")
};
// Clicking moon icon
OnClickMoon() {
var self = this;
rpc.query({
model:'res.users',
method: 'set_active'
}).then(function(){
self._OnNightTrue()
})
$("#fa-icon").removeClass("d-none")
$("#fa-icon-moon").addClass("d-none")
};
// Making nightmode in POS
async _OnNightTrue(){ //Added a function for click button change the pos color to black
var pos_element = document.querySelector('.pos')
var pos_product_list_modifier = document.createElement('style')
pos_product_list_modifier.innerHTML = '.pos{color:white;}'+'.pos .product { background-color:#3c3f41 !important;border:'+
'thin solid white;border-radius: 5px;}.pos .product .product-img img {background-image:'+
'linear-gradient(to bottom,white,#3c3f41) !important;}'+
'.pos .product-list-container{background-color:#3c3f41 !important;}'+
'.pos .product .price-tag {color:#F45976 !important;}'+
'.pos .product .product-name{color:white}'+
'.pos .order{background-color:#3c3f41}'+
'.pos .rightpane{background-color:#3c3f41}'+
'.pos .rightpane-header{background-color:#3c3f41;}'+
'.pos .pos-content .product-screen .leftpane .pads .control-buttons .fw-bolder{color:white;}'+
'.pos .breadcrumb-button{color:white}'+
'.pos .category-simple-button{background-color:#3c3f41 !important;}'+
'.pos .sb-product .pos-search-bar{background-color:#3c3f41 !important;}'+
'.pos .rightpane-header .pos-search-bar input, .pos .clientlist-screen'+
'.pos-search-bar input{color:#adb7c1}'+
'.pos .order .orderline .selected{background-color:darkgray !important}'+
'.pos .order .orderline .info-list{color:#B3B7BF !important}'+
'.pos .order .orderline .info-list em{color:#B3B7BF !important}'+
'.pos .control-button{background-color:#3c3f41 !important;}'+
'.pos .mode-button.selected-mode{background-color:#707375 !important;}'+
'.pos .numpad button{background-color:#3c3f41;color:white;}'+
'.pos .numpad button:hover{background-color:#f45976 !important;}'+
'.pos .button.validation:hover{background-color:#f45976 !important;}'+
'.pos .actionpad .button{background-color:#3c3f41;color:white;}'+
'.pos .actionpad .button:hover{background-color:#f45976 !important;}'+
'.pos .control-button:hover{background-color:#f45976 !important;}'+
'.pos .modal-dialog .popup{background-color:#1e1f20 !important;}'+
'.pos .popup .button{background:#8F3536;color: white !important};'+
'.ticket-screen .controls button {background-color:white;color:black;}'+
'.ticket-screen .pos-search-bar .filter{color:black}'+
'.ticket-screen .pos-search-bar .filter .options{border-radius:5px}'+
'.pos .order-container{background-color:#3c3f41 !important}'+
'.pos .order-summary{background-color:#3c3f41 !important}'+
'.pos .order-summary .subentry {color:white !important}'+
'.pos .pos-content .product-screen .leftpane .pads .control-button .fa-undo{color:white !important}'+
'.pos .client-window{color:black;}'+
'.pos .clientlist-screen .client-list thead > tr{background-color:#3c3f41;color:white}'+
'.pos .clientlist-screen tr.client-line:hover{background-color:#f45976}'+
'.pos .client-line{color:white;background-color:black !important}'+
'.pos .clientlist-screen{background-color:black !important}'+
'.pos .payment-screen{background-color:black !important}'+
'.pos .receipt-screen{background-color:black !important}'+
'.pos .screen-content{background-color:black !important}'+
'.pos .client-list tr.client-line.highlight{background-color:#017e84}'+
'.screen .screen-content{background-color:#e0e2e6}'+
'.pos .clientlist-screen .pos-search-bar i{color:black;}'+
'.pos .clientlist-screen .pos-search-bar input{color:#2a2b2d;}'+
'.screen .top-content .button.highlight{background-color:#017e84 !important;border-color:#3c3f41 !important;}'+
'.screen .top-content{background-color:#3c3f41}'+
'.pos .close-pos-popup header{background-color:rgb(56, 57, 58)}'+
'.pos .popup .title{background-color:rgb(56, 57, 58)}'+
'.pos .close-pos-popup .closing-notes{background-color:#c1c3c6}'+
'.pos .opening-cash-control .opening-cash-notes{background-color:#c1c3c6}'+
'.payment-screen .main-content{background:#3c3f41}'+
'.paymentmethods .button{background:#3c3f41}'+
'.pos .paymentline{background:#3c3f41}'+
'.pos .paymentline.selected{background:#707375}'+
'.pos .screen .button.next:not(.highlight){background:#e6e3e2;color:#017e84;}'+
'.receipt-screen .default-view{background:#3c3f41}'+
'.receipt-screen .default-view .actions .send-email input{background:#666668;color:white;}'+
'.receipt-screen .default-view .actions .buttons .button{background:#666668}'+
'.receipt-screen .default-view .actions .send-email button.send{background:#017e84;color:black}'+
'.pos .pos-receipt-container > div{color:black}'+
'.pos .popup.popup-error .button{background:#8F3536}'+
'.pos .orders .order-row:nth-child(n){background:#3c3f41}'+
'.pos .orders .order-row.highlight{background:#017e84}'+
'.pos .orders .order-row:hover{background:#f45976;}'+
'.pos .pos-content .product-screen .leftpane .bg-100:{background-color:#c1c3c6 !important}'+
'.payment-screen .payment-buttons .button{background:#3c3f41;color:white;}'+
'.payment-screen .payment-buttons .button:hover{background:#f45976}'+
'.modal-title{color:white;}'+
'.paymentmethod{color:white;}'+
'.pos-receipt .order-container .orderline {background-color:white;}'+
'.payment-infos{background-color:#71639e;}'
;
pos_element.parentNode.insertBefore(pos_product_list_modifier, pos_element);
}
};
Registries.Component.extend(Chrome, PosNightMod);
return Chrome;
});

11
pos_night_mode/static/src/xml/button.xml

@ -0,0 +1,11 @@
<template id="template" xml:space="preserve">
<t name="ChromeInherit" t-inherit="point_of_sale.Chrome"
t-inherit-mode="extension" owl="1">
<xpath expr="//div[hasclass('status-buttons')]//CashierName" position="before">
<div class="image-checkbox">
<i class="fa fa-moon-o moon-color" id="fa-icon-moon" t-on-click="OnClickMoon"/>
<i class="fa fa-sun-o sun-color d-none" id="fa-icon" t-on-click="OnClickSun"/>
</div>
</xpath>
</t>
</template>
Loading…
Cancel
Save