Browse Source

Nov 13 : [ADD] Initial Commit 'invoice_format_editor'

pull/313/head
AjmalCybro 1 year ago
parent
commit
f9e9d0446e
  1. 51
      invoice_format_editor/README.rst
  2. 22
      invoice_format_editor/__init__.py
  3. 52
      invoice_format_editor/__manifest__.py
  4. 30
      invoice_format_editor/data/design_templates.xml
  5. 309
      invoice_format_editor/data/modern_preview_templates.xml
  6. 311
      invoice_format_editor/data/normal_preview_templates.xml
  7. 310
      invoice_format_editor/data/old_standard_preview_templates.xml
  8. 6
      invoice_format_editor/doc/RELEASE_NOTES.md
  9. 25
      invoice_format_editor/models/__init__.py
  10. 41
      invoice_format_editor/models/account_move.py
  11. 78
      invoice_format_editor/models/base_document_layout.py
  12. 75
      invoice_format_editor/models/doc_layout.py
  13. 38
      invoice_format_editor/models/res_company.py
  14. 406
      invoice_format_editor/reports/modern_invoice_templates.xml
  15. 397
      invoice_format_editor/reports/normal_invoice_templates.xml
  16. 400
      invoice_format_editor/reports/old_standard_invoice_templates.xml
  17. 22
      invoice_format_editor/reports/preview_layout_report_templates.xml
  18. 30
      invoice_format_editor/reports/report_invoice_templates.xml
  19. 2
      invoice_format_editor/security/ir.model.access.csv
  20. BIN
      invoice_format_editor/static/description/assets/icons/capture (1).png
  21. BIN
      invoice_format_editor/static/description/assets/icons/check.png
  22. BIN
      invoice_format_editor/static/description/assets/icons/chevron.png
  23. BIN
      invoice_format_editor/static/description/assets/icons/cogs.png
  24. BIN
      invoice_format_editor/static/description/assets/icons/consultation.png
  25. BIN
      invoice_format_editor/static/description/assets/icons/ecom-black.png
  26. BIN
      invoice_format_editor/static/description/assets/icons/education-black.png
  27. BIN
      invoice_format_editor/static/description/assets/icons/hotel-black.png
  28. BIN
      invoice_format_editor/static/description/assets/icons/img.png
  29. BIN
      invoice_format_editor/static/description/assets/icons/license.png
  30. BIN
      invoice_format_editor/static/description/assets/icons/lifebuoy.png
  31. BIN
      invoice_format_editor/static/description/assets/icons/manufacturing-black.png
  32. BIN
      invoice_format_editor/static/description/assets/icons/photo-capture.png
  33. BIN
      invoice_format_editor/static/description/assets/icons/pos-black.png
  34. BIN
      invoice_format_editor/static/description/assets/icons/puzzle.png
  35. BIN
      invoice_format_editor/static/description/assets/icons/restaurant-black.png
  36. BIN
      invoice_format_editor/static/description/assets/icons/service-black.png
  37. BIN
      invoice_format_editor/static/description/assets/icons/trading-black.png
  38. BIN
      invoice_format_editor/static/description/assets/icons/training.png
  39. BIN
      invoice_format_editor/static/description/assets/icons/update.png
  40. BIN
      invoice_format_editor/static/description/assets/icons/user.png
  41. BIN
      invoice_format_editor/static/description/assets/icons/wrench.png
  42. BIN
      invoice_format_editor/static/description/assets/misc/Cybrosys R.png
  43. 33
      invoice_format_editor/static/description/assets/misc/email.svg
  44. 3
      invoice_format_editor/static/description/assets/misc/phone.svg
  45. 9
      invoice_format_editor/static/description/assets/misc/star (1) 2.svg
  46. 9
      invoice_format_editor/static/description/assets/misc/support (1) 1.svg
  47. 6
      invoice_format_editor/static/description/assets/misc/support-email.svg
  48. 17
      invoice_format_editor/static/description/assets/misc/tick-mark.svg
  49. 9
      invoice_format_editor/static/description/assets/misc/whatsapp 1.svg
  50. 33
      invoice_format_editor/static/description/assets/misc/whatsapp.svg
  51. BIN
      invoice_format_editor/static/description/assets/modules/1.png
  52. BIN
      invoice_format_editor/static/description/assets/modules/2.png
  53. BIN
      invoice_format_editor/static/description/assets/modules/3.png
  54. BIN
      invoice_format_editor/static/description/assets/modules/4.jpg
  55. BIN
      invoice_format_editor/static/description/assets/modules/5.png
  56. BIN
      invoice_format_editor/static/description/assets/modules/6.png
  57. BIN
      invoice_format_editor/static/description/assets/screenshots/hero.gif
  58. BIN
      invoice_format_editor/static/description/assets/screenshots/screenshot1.png
  59. BIN
      invoice_format_editor/static/description/assets/screenshots/screenshot2.png
  60. BIN
      invoice_format_editor/static/description/assets/screenshots/screenshot3.png
  61. BIN
      invoice_format_editor/static/description/assets/screenshots/screenshot4.png
  62. BIN
      invoice_format_editor/static/description/assets/screenshots/screenshot5.png
  63. BIN
      invoice_format_editor/static/description/assets/screenshots/screenshot6.png
  64. BIN
      invoice_format_editor/static/description/banner.png
  65. BIN
      invoice_format_editor/static/description/icon.png
  66. 778
      invoice_format_editor/static/description/index.html
  67. 17
      invoice_format_editor/views/base_document_layout_views.xml
  68. 356
      invoice_format_editor/views/custom_external_layout_templates.xml
  69. 60
      invoice_format_editor/views/doc_layout_views.xml

51
invoice_format_editor/README.rst

@ -0,0 +1,51 @@
.. image:: https://img.shields.io/badge/license-AGPL--3-blue.svg
:target: https://www.gnu.org/licenses/agpl-3.0-standalone.html
:alt: License: AGPL-3
Invoice Format Editor
=====================
* The module assists in customizing invoice layouts in Odoo 16.
Configuration
=============
* No additional configurations needed
Company
-------
* `Cybrosys Techno Solutions <https://cybrosys.com/>`__
License
-------
Affero General Public License v3.0 (AGPL v3)
(https://www.gnu.org/licenses/agpl-3.0-standalone.html)
Credits
-------
* Developer:
(V14) - Sonu@cybrosys, Dino@cybrosys, Contact: odoo@cybrosys.com
(V15) - Midilaj V K, Contact: odoo@cybrosys.com
(V16) - Jumana Jabin MK, Contact: odoo@cybrosys.com
(V17) - Ajith V, 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
invoice_format_editor/__init__.py

@ -0,0 +1,22 @@
# -*- coding: utf-8 -*-
#############################################################################
#
# Cybrosys Technologies Pvt. Ltd.
#
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
# Author: Ajith V(<https://www.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

52
invoice_format_editor/__manifest__.py

@ -0,0 +1,52 @@
# -*- coding: utf-8 -*-
#############################################################################
#
# Cybrosys Technologies Pvt. Ltd.
#
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
# Author: Ajith V(<https://www.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': 'Invoice Format Editor',
'version': '17.0.1.0.0',
'category': 'Accounting',
'summary': 'Invoice Format Editor',
'description': """Invoice Format Editor For Configuring the Invoice Templates""",
'author': 'Cybrosys Techno Solutions',
'company': 'Cybrosys Techno Solutions',
'maintainer': 'Cybrosys Techno Solutions',
'website': 'https://www.cybrosys.com',
'depends': ['account', 'web', 'sale_management'],
'data': ['security/ir.model.access.csv',
'data/design_templates.xml',
'data/normal_preview_templates.xml',
'data/modern_preview_templates.xml',
'data/old_standard_preview_templates.xml',
'views/doc_layout_views.xml',
'views/base_document_layout_views.xml',
'views/custom_external_layout_templates.xml',
'reports/normal_invoice_templates.xml',
'reports/modern_invoice_templates.xml',
'reports/old_standard_invoice_templates.xml',
'reports/report_invoice_templates.xml',
'reports/preview_layout_report_templates.xml',
],
'images': ['static/description/banner.png'],
'license': 'AGPL-3',
'installable': True,
'auto_install': False,
'application': False,
}

30
invoice_format_editor/data/design_templates.xml

@ -0,0 +1,30 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<data noupdate="1">
<!--Demo records within the doc layout model-->
<record id="Modern" model="doc.layout">
<field name="name">Modern</field>
<field name="base_color">#732673</field>
<field name="heading_text_color">#ffffff</field>
<field name="text_color">#000000</field>
<field name="customer_text_color">#d117d1</field>
<field name="logo_position">right</field>
<field name="tagline_position">right</field>
<field name="customer_position">right</field>
<field name="company_position">left</field>
<field name="company_text_color">#2439d6</field>
</record>
<record id="standard" model="doc.layout">
<field name="name">Standard</field>
<field name="base_color">#ff7733</field>
<field name="heading_text_color">#ffffff</field>
<field name="text_color">#000000</field>
<field name="customer_text_color">#0c1d75</field>
<field name="logo_position">left</field>
<field name="tagline_position">left</field>
<field name="customer_position">left</field>
<field name="company_position">right</field>
<field name="company_text_color">#17822f</field>
</record>
</data>
</odoo>

309
invoice_format_editor/data/modern_preview_templates.xml

@ -0,0 +1,309 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<!--Modern Template Preview-->
<template id="report_preview_modern">
<t t-call="web.html_preview_container">
<t t-call="web.external_layout">
<t t-set="model" t-value="'account.move'"/>
<div class="page" style="overflow: hidden;">
<br/>
<br/>
<!--Invoice details-->
<div class="row">
<div t-attf-style=" background-color:#{company.document_layout_id.base_color};padding:2% ;color:#{company.document_layout_id.customer_text_color};">
<h2>
<div
t-attf-style="color:#{company.document_layout_id.heading_text_color};">
Invoice INV/2021/07/0003
</div>
</h2>
<br/>
<div id="informations"
class="row mt32 mb32">
<div class="col-auto mw-100 mb-2"
name="invoice_date">
<p t-attf-style="color:#{company.document_layout_id.heading_text_color};">
Invoice Date:
</p>
<p class="m-0"
t-attf-style="color:#{company.document_layout_id.text_color};">
07/08/2021
</p>
</div>
<div class="col-auto mw-100 mb-2"
name="due_date">
<p t-attf-style="color:#{company.document_layout_id.heading_text_color};">
Due Date:
</p>
<p t-attf-style="color:#{company.document_layout_id.text_color};"
class="m-0">08/07/2021
</p>
</div>
<div class="col-auto mw-100 mb-2"
name="due_date">
<p t-attf-style="color:#{company.document_layout_id.heading_text_color};">
Payment Term:
</p>
<p t-attf-style="color:#{company.document_layout_id.text_color};"
class="m-0">30 Days
</p>
</div>
<div t-if="company.document_layout_id.sales_person"
class="col-auto mw-100 mb-2"
name="due_date">
<p t-attf-style="color:#{company.document_layout_id.heading_text_color};">
Sales Person:
</p>
<p t-attf-style="color:#{company.document_layout_id.text_color};"
class="m-0">Mitchell Admin
</p>
</div>
<div t-if="company.document_layout_id.reference"
class="col-auto mw-100 mb-2"
name="sales">
<p t-attf-style="color:#{company.document_layout_id.heading_text_color};">
Reference:
</p>
<p t-attf-style="color:#{company.document_layout_id.text_color};"
class="m-0">SA0023021
</p>
</div>
<div t-if="company.document_layout_id.source"
class="col-auto mw-100 mb-2"
name="sales">
<p t-attf-style="color:#{company.document_layout_id.heading_text_color};">
Source
</p>
<p t-attf-style="color:#{company.document_layout_id.text_color};"
class="m-0">LinkedIn
</p>
</div>
</div>
</div>
</div>
<br/>
<!--Customer Address-->
<div t-if="company.document_layout_id.address"
id="customer_address"
t-attf-style="color:#{company.document_layout_id.customer_text_color}">
<div class="row">
<div style="width:50%;"
t-attf-class="{{'ms-auto' if company.document_layout_id.customer_position == 'right' else ''}}">
<div itemprop="address"
class="address">
<div>
<span>Deco Addict</span>
</div>
<div>
<span>77 Santa Barbara Rd</span>
</div>
<div>
<span t-if="company.document_layout_id.city">
Pleasant Hill CA 94523
</span>
</div>
<div>
<span t-if="company.document_layout_id.country">
United States
</span>
</div>
<div>
<span t-if="company.document_layout_id.vat">
VAT00214
</span>
</div>
</div>
</div>
</div>
</div>
<br/>
<!--Product Table-->
<div class="row">
<table class="table table-sm table-borderless">
<tr>
<th class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Product
</th>
<th t-if="company.document_layout_id.description"
class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Description
</th>
<th class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Quantity
</th>
<th class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Unit Price
</th>
<th t-if="company.document_layout_id.tax_value"
class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Taxes
</th>
<th class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Price
</th>
</tr>
<!--Invoice lines body-->
<tr>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">Three-Seat
Sofa
</p>
</font>
</td>
<td t-if="company.document_layout_id.description"
t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">[FURN_8999]
Three-Seat Sofa
</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">5.000</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">1,500.00</p>
</font>
</td>
<td t-if="company.document_layout_id.tax_value"
t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">15.00%</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">7,500.00</p>
</font>
</td>
</tr>
<tr>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">Four Person
Desk
</p>
</font>
</td>
<td t-if="company.document_layout_id.description"
t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">FURN_8220] Four
Person Desk
<br/>
Four person modern office
workstation
</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">5.000</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">23,500.00</p>
</font>
</td>
<td t-if="company.document_layout_id.tax_value"
t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">15.00%</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">117,500.00</p>
</font>
</td>
</tr>
</table>
</div>
<!--Payment details-->
<div class="clearfix mb-4">
<div id="total" class="row">
<div t-attf-class="#{'col-6' if report_type != 'html' else 'col-sm-7 col-md-6'} ms-auto">
<table class="table table-sm table-borderless"
style="page-break-inside: avoid;">
<tbody>
<tr class="border-black o_subtotal"
t-attf-style="color:#{company.document_layout_id.text_color};">
<td>
<strong t-attf-style="color:#{company.document_layout_id.text_color};">
Untaxed Amount
</strong>
</td>
<td class="text-end">
<span>$
<span class="oe_currency_value">
125,000.00
</span>
</span>
</td>
</tr>
<tr style="">
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<span class="text-nowrap">
Tax 15%
</span>
</td>
<td class="text-end o_price_total"
t-attf-style="color:#{company.document_layout_id.text_color};">
<span class="text-nowrap">$
18,750.00
</span>
</td>
</tr>
<tr class="border-black o_total">
<td>
<strong t-attf-style="color:#{company.document_layout_id.customer_text_color};">
Total
</strong>
</td>
<td class="text-end">
<span class="text-nowrap"
t-attf-style="color:#{company.document_layout_id.customer_text_color};">
$
<span class="oe_currency_value">
143,750.00
</span>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div style="padding-top: 10%;" class="col-12">
<p t-attf-style="color:#{company.document_layout_id.text_color};">
Please use the following communication for your
payment :
<b>
<span>
INV/2021/07/0003
</span>
</b>
</p>
<p name="payment_term"
t-attf-style="color:#{company.document_layout_id.text_color};">
<span>Payment terms: 30 Days</span>
</p>
</div>
</div>
</t>
</t>
</template>
</odoo>

311
invoice_format_editor/data/normal_preview_templates.xml

@ -0,0 +1,311 @@
<?xml version="1.0" encoding="UTF-8"?>
<odoo>
<!--Normal Template Preview-->
<template id="report_preview_normal">
<t t-call="web.html_preview_container">
<t t-call="web.external_layout">
<t t-set="model" t-value="'account.move'"/>
<div>
<br/>
<!--Customer Address-->
<div t-if="company.document_layout_id.address"
class="row"
id="customer address"
t-attf-style="color:#{company.document_layout_id.customer_text_color}">
<div style="width:50%;"
t-attf-class="{{'ms-auto' if company.document_layout_id.customer_position == 'right' else ''}}">
<div itemprop="address"
class="address">
<div>
<span>Deco Addict</span>
</div>
<div>
<span>77 Santa Barbara Rd</span>
</div>
<div>
<span t-if="company.document_layout_id.city">
Pleasant Hill CA 94523
</span>
</div>
<div>
<span t-if="company.document_layout_id.country">
United States
</span>
</div>
<div>
<span t-if="company.document_layout_id.vat">
VAT00214
</span>
</div>
</div>
</div>
</div>
<br/>
<!--Customer details table-->
<table class="table table-sm table-borderless"
style="padding-top:20px;width:100%">
<tr>
<th class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Invoice Date
</th>
<th class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Due Date
</th>
<th class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Payment Term
</th>
<th t-if="company.document_layout_id.sales_person"
class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Sales Person
</th>
<th t-if="company.document_layout_id.reference"
class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Reference
</th>
<th t-if="company.document_layout_id.source"
class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Source
</th>
</tr>
<tr>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">07/08/2021</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">08/08/2021</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">30 Days</p>
</font>
</td>
<td t-if="company.document_layout_id.sales_person"
t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">Mitchell admin</p>
</font>
</td>
<td t-if="company.document_layout_id.reference"
t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">SA0023021</p>
</font>
</td>
<td t-if="company.document_layout_id.source"
t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">LinkedIn</p>
</font>
</td>
</tr>
</table>
<!--Invoice Number-->
<div class="page" style="text-align: center">
<h2 t-attf-style="color:#{company.document_layout_id.customer_text_color};">
<span t-attf-style="color:#{company.document_layout_id.customer_text_color};">
Invoice
</span>
<span t-attf-style="color:#{company.document_layout_id.customer_text_color};">
INV/2021/07/0003
</span>
</h2>
</div>
<br/>
<!--Invoice Product details-->
<table class="table table-sm table-borderless"
style="padding-top:20px;width:100%">
<tr>
<th class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Product
</th>
<th t-if="company.document_layout_id.description"
class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Description
</th>
<th class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Quantity
</th>
<th class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Unit Price
</th>
<th t-if="company.document_layout_id.tax_value"
class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Taxes
</th>
<th class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Price
</th>
</tr>
<!--Invoice lines body-->
<tr>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">Three-Seat Sofa</p>
</font>
</td>
<td t-if="company.document_layout_id.description"
t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">[FURN_8999]
Three-Seat Sofa
</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">5.000</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">1,500.00</p>
</font>
</td>
<td t-if="company.document_layout_id.tax_value"
t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">15.00%</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">7,500.00</p>
</font>
</td>
</tr>
<tr>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">Four Person Desk</p>
</font>
</td>
<td t-if="company.document_layout_id.description"
t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">FURN_8220] Four
Person Desk
<br/>
Four person modern office
workstation
</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">5.000</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">23,500.00</p>
</font>
</td>
<td t-if="company.document_layout_id.tax_value"
t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">15.00%</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">117,500.00</p>
</font>
</td>
</tr>
</table>
<!--Payment details-->
<div>
<div class="clearfix mb-4">
<div id="total" class="row">
<div t-attf-class="#{'col-6' if report_type != 'html' else 'col-sm-7 col-md-6'} ms-auto">
<table class="table table-sm table-borderless"
style="page-break-inside: avoid;">
<tbody>
<tr class="border-black o_subtotal">
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<strong t-attf-style="color:#{company.document_layout_id.text_color};">
Untaxed Amount
</strong>
</td>
<td class="text-end"
t-attf-style="color:#{company.document_layout_id.text_color};">
<span>$
<span class="oe_currency_value">
125,000.00
</span>
</span>
</td>
</tr>
<tr style="">
<td>
<span class="text-nowrap">
Tax 15%
</span>
</td>
<td class="text-end o_price_total">
<span class="text-nowrap">$
18,750.00
</span>
</td>
</tr>
<tr class="border-black o_total">
<td>
<strong t-attf-style="color:#{company.document_layout_id.customer_text_color};">
Total
</strong>
</td>
<td class="text-end">
<span class="text-nowrap"
t-attf-style="color:#{company.document_layout_id.customer_text_color};">
$
<span class="oe_currency_value">
143,750.00
</span>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!--More description-->
<div style="padding-top:10%;" class="col-12">
<p t-attf-style="color:#{company.document_layout_id.text_color};">
Please use the following communication for your
payment :
<b>
<span>
INV/2021/07/0003
</span>
</b>
</p>
<p name="payment_term"
t-attf-style="color:#{company.document_layout_id.text_color};">
<span>Payment terms: 30 Days</span>
</p>
</div>
</div>
</t>
</t>
</template>
</odoo>

310
invoice_format_editor/data/old_standard_preview_templates.xml

@ -0,0 +1,310 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<!--Old Template Preview-->
<template id="report_preview_old">
<t t-call="web.html_preview_container">
<t t-call="web.external_layout">
<t t-set="model" t-value="'account.move'"/>
<div class="page" style="overflow: hidden;">
<!--Customer Address-->
<div t-if="company.document_layout_id.address"
id="customer address"
t-attf-style="color:#{company.document_layout_id.customer_text_color}">
<div class="row">
<div style="width:50%;"
t-attf-class="{{'ms-auto' if company.document_layout_id.customer_position == 'right' else ''}}">
<div itemprop="address"
class="address">
<div>
<span>Deco Addict</span>
</div>
<div>
<span>77 Santa Barbara Rd</span>
</div>
<div>
<span t-if="company.document_layout_id.city">
Pleasant Hill CA 94523
</span>
</div>
<div>
<span t-if="company.document_layout_id.country">
United States
</span>
</div>
<div>
<span t-if="company.document_layout_id.vat">
VAT00214
</span>
</div>
</div>
</div>
</div>
<br/>
<br/>
</div>
<!--Invoice details-->
<div class="row">
<div t-attf-style=" background-color:#{company.document_layout_id.base_color};padding:2% ;color:#{company.document_layout_id.customer_text_color};">
<h2>
<div
t-attf-style="color:#{company.document_layout_id.heading_text_color};">
Invoice INV/2021/07/0003
</div>
</h2>
<br/>
<div id="informations"
class="row mt32 mb32">
<div class="col-auto mw-100 mb-2"
name="invoice_date">
<p t-attf-style="color:#{company.document_layout_id.heading_text_color};">
Invoice Date:
</p>
<p class="m-0"
t-attf-style="color:#{company.document_layout_id.text_color};">
07/08/2021
</p>
</div>
<div class="col-auto mw-100 mb-2"
name="due_date">
<p t-attf-style="color:#{company.document_layout_id.heading_text_color};">
Due Date:
</p>
<p t-attf-style="color:#{company.document_layout_id.text_color};"
class="m-0">08/07/2021
</p>
</div>
<div class="col-auto mw-100 mb-2"
name="due_date">
<p t-attf-style="color:#{company.document_layout_id.heading_text_color};">
Payment Term:
</p>
<p t-attf-style="color:#{company.document_layout_id.text_color};"
class="m-0">30 Days
</p>
</div>
<div t-if="company.document_layout_id.sales_person"
class="col-auto mw-100 mb-2"
name="due_date">
<p t-attf-style="color:#{company.document_layout_id.heading_text_color};">
Sales Person
</p>
<p t-attf-style="color:#{company.document_layout_id.text_color};"
class="m-0">Mitchell Admin
</p>
</div>
<div t-if="company.document_layout_id.reference"
class="col-auto mw-100 mb-2"
name="sales">
<p t-attf-style="color:#{company.document_layout_id.heading_text_color};">
Reference
</p>
<p t-attf-style="color:#{company.document_layout_id.text_color};"
class="m-0">SA0023021
</p>
</div>
<div t-if="company.document_layout_id.source"
class="col-auto mw-100 mb-2"
name="sales">
<p t-attf-style="color:#{company.document_layout_id.heading_text_color};">
Source
</p>
<p t-attf-style="color:#{company.document_layout_id.text_color};"
class="m-0">LinkedIn
</p>
</div>
</div>
</div>
</div>
<br/>
<br/>
<!--Product Table-->
<div class="row">
<table class="table table-sm table-borderless">
<tr>
<th class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Product
</th>
<th t-if="company.document_layout_id.description"
class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Description
</th>
<th class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Quantity
</th>
<th class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Unit Price
</th>
<th t-if="company.document_layout_id.tax_value"
class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Taxes
</th>
<th class='text-center'
t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Price
</th>
</tr>
<!--Invoice lines body-->
<tr>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">Three-Seat
Sofa
</p>
</font>
</td>
<td t-if="company.document_layout_id.description"
t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">[FURN_8999]
Three-Seat Sofa
</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">5.000</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">1,500.00</p>
</font>
</td>
<td t-if="company.document_layout_id.tax_value"
t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">15.00%</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">7,500.00</p>
</font>
</td>
</tr>
<tr>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">Four Person
Desk
</p>
</font>
</td>
<td t-if="company.document_layout_id.description"
t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">FURN_8220] Four
Person Desk
<br/>
Four person modern office
workstation
</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">5.000</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">23,500.00</p>
</font>
</td>
<td t-if="company.document_layout_id.tax_value"
t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">15.00%</p>
</font>
</td>
<td t-attf-style="color:#{company.document_layout_id.text_color};">
<font>
<p class="text-center">117,500.00</p>
</font>
</td>
</tr>
</table>
</div>
<!--Payment details-->
<div class="clearfix mb-4">
<div id="total" class="row">
<div t-attf-class="#{'col-6' if report_type != 'html' else 'col-sm-7 col-md-6'} ms-auto"
t-attf-style="color:#{company.document_layout_id.text_color};">
<table class="table table-sm table-borderless"
style="page-break-inside: avoid;">
<tbody>
<tr class="border-black o_subtotal"
t-attf-style="color:#{company.document_layout_id.text_color};">
<td>
<strong t-attf-style="color:#{company.document_layout_id.text_color};">
Untaxed Amount
</strong>
</td>
<td class="text-end">
<span>$
<span class="oe_currency_value">
125,000.00
</span>
</span>
</td>
</tr>
<tr>
<td>
<span class="text-nowrap">
Tax 15%
</span>
</td>
<td class="text-end o_price_total">
<span class="text-nowrap">
$
18,750.00
</span>
</td>
</tr>
<tr class="border-black o_total">
<td>
<strong t-attf-style="color:#{company.document_layout_id.customer_text_color};">
Total
</strong>
</td>
<td class="text-end">
<span class="text-nowrap"
t-attf-style="color:#{company.document_layout_id.customer_text_color};">
$
<span class="oe_currency_value">
143,750.00
</span>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div style="padding-top:10%;" class="col-12">
<p t-attf-style="color:#{company.document_layout_id.text_color};">
Please use the following communication for your
payment :
<b>
<span>
INV/2021/07/0003
</span>
</b>
</p>
<p name="payment_term"
t-attf-style="color:#{company.document_layout_id.text_color};">
<span>Payment terms: 30 Days</span>
</p>
</div>
</div>
</t>
</t>
</template>
</odoo>

6
invoice_format_editor/doc/RELEASE_NOTES.md

@ -0,0 +1,6 @@
## Module <invoice_format_editor>
#### 03.11.2023
#### Version 17.0.1.0.0
#### ADD
- Initial commit for Invoice Format Editor

25
invoice_format_editor/models/__init__.py

@ -0,0 +1,25 @@
# -*- coding: utf-8 -*-
#############################################################################
#
# Cybrosys Technologies Pvt. Ltd.
#
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
# Author: Ajith V(<https://www.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 res_company
from . import doc_layout
from . import account_move
from . import base_document_layout

41
invoice_format_editor/models/account_move.py

@ -0,0 +1,41 @@
# -*- coding: utf-8 -*-
#############################################################################
#
# Cybrosys Technologies Pvt. Ltd.
#
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
# Author: Ajith V(<https://www.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 models, fields
class AccountMove(models.Model):
"""Inheriting the account move model and added the base layout model and
a relational field to doc layout model"""
_inherit = 'account.move'
base_layout = fields.Selection(
selection=[('default', 'Default'),
('modern', 'Modern'),
('normal', 'Normal'),
('old', 'Old Standard')],
required=True,
string="Invoice Document Layout",
default="default", help="The invoice document layout selection field")
theme_id = fields.Many2one(
'doc.layout',
related='company_id.document_layout_id', string="Theme",
help="The relational field for document layout")

78
invoice_format_editor/models/base_document_layout.py

@ -0,0 +1,78 @@
# -*- coding: utf-8 -*-
#############################################################################
#
# Cybrosys Technologies Pvt. Ltd.
#
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
# Author: Ajith V(<https://www.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, models, fields
class BaseDocumentLayout(models.TransientModel):
"""Inheriting the base document layout model"""
_inherit = 'base.document.layout'
base_layout = fields.Selection(
related='company_id.base_layout',
readonly=False,
help="Base layout selection field inside "
"document layout model")
document_layout_id = fields.Many2one(
related='company_id.document_layout_id', readonly=False,
help="custom document layouts")
@api.depends('report_layout_id', 'logo', 'font', 'primary_color',
'secondary_color', 'report_header', 'report_footer',
'base_layout', 'document_layout_id')
def _compute_preview(self):
""" compute a qweb based preview to display on the wizard """
styles = self._get_asset_style()
for wizard in self:
if wizard.report_layout_id:
if wizard.base_layout == 'default':
preview_css = self._get_css_for_preview(styles, wizard.id)
ir_ui_view = wizard.env['ir.ui.view']
wizard.preview = ir_ui_view._render_template(
'web.report_invoice_wizard_preview',
{'company': wizard, 'preview_css': preview_css})
elif wizard.base_layout == 'normal':
preview_css = self._get_css_for_preview(styles, wizard.id)
ir_ui_view = wizard.env['ir.ui.view']
wizard.preview = ir_ui_view._render_template(
'invoice_format_editor.report_preview_normal',
{'company': wizard, 'preview_css': preview_css, })
elif wizard.base_layout == 'modern':
preview_css = self._get_css_for_preview(styles, wizard.id)
ir_ui_view = wizard.env['ir.ui.view']
wizard.preview = ir_ui_view._render_template(
'invoice_format_editor.report_preview_modern',
{'company': wizard, 'preview_css': preview_css, })
elif wizard.base_layout == 'old':
preview_css = self._get_css_for_preview(styles, wizard.id)
ir_ui_view = wizard.env['ir.ui.view']
wizard.preview = ir_ui_view._render_template(
'invoice_format_editor.report_preview_old',
{'company': wizard, 'preview_css': preview_css, })
else:
wizard.preview = False
else:
wizard.preview = False
@api.onchange('paperformat_id')
def _onchange_paperformat_id(self):
if self.paperformat_id.id == 3:
self.base_layout = 'default'

75
invoice_format_editor/models/doc_layout.py

@ -0,0 +1,75 @@
# -*- coding: utf-8 -*-
#############################################################################
#
# Cybrosys Technologies Pvt. Ltd.
#
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
# Author: Ajith V(<https://www.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 models, fields
class AddDocumentTemplate(models.Model):
"""Doc layout model"""
_name = "doc.layout"
_description = 'Adding the fields for customization'
_rec_name = 'name'
name = fields.Char(string="Name", help="The name of the document layout")
base_color = fields.Char(string="Base Color",
help="Background color for the invoice")
heading_text_color = fields.Char(string="Heading text Color",
help="Heading Text color")
text_color = fields.Char(string="Text Color",
help="Text color of items")
customer_text_color = fields.Char(string="Customer Text Color",
help="Customer address text color")
company_text_color = fields.Char(string="Company Text Color",
help="Company address Text color")
logo_position = fields.Selection(
selection=[('left', 'Left'), ('right', 'Right')],
string="Logo Position",
help="Company logo position")
tagline_position = fields.Selection(
selection=[('left', 'Left'), ('right', 'Right')],
string="Tagline Position",
help="Company Tagline position")
customer_position = fields.Selection(
selection=[('left', 'Left'), ('right', 'Right')],
string="Customer position",
help="Customer address position")
company_position = fields.Selection(
selection=[('left', 'Left'), ('right', 'Right')],
string="Company Address Position",
help="Company address position")
sales_person = fields.Boolean(string='Sales person', default=True,
help="Sales Person of the layout")
description = fields.Boolean(string='Description', default=True,
help="Description of the layout")
tax_value = fields.Boolean(string='Tax', default=True,
help="Tax of the layout")
reference = fields.Boolean(string='Customer Reference', default=True,
help="Customer Reference")
source = fields.Boolean(string='Source', default=False,
help="Source Document of the layout")
address = fields.Boolean(string='Address', default=True,
help="Address of the document layout")
city = fields.Boolean(string='City', default=True,
help="City of the document layout")
country = fields.Boolean(string='Country', default=True,
help="Country of the document layout")
vat = fields.Boolean(string='VAT', default=True,
help='Customer vat id')

38
invoice_format_editor/models/res_company.py

@ -0,0 +1,38 @@
# -*- coding: utf-8 -*-
#############################################################################
#
# Cybrosys Technologies Pvt. Ltd.
#
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
# Author: Ajith V(<https://www.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 models, fields
class ResCompany(models.Model):
"""Inheriting the res company model"""
_inherit = 'res.company'
base_layout = fields.Selection(
selection=[('default', 'Default'),
('modern', 'Modern'),
('normal', 'Normal'),
('old', 'Old Standard')],
required=True, string="Invoice Document Layout", default="default",
help="base layout selection")
document_layout_id = fields.Many2one("doc.layout",
string="Invoice Layout Configuration",
help="Invoice layout configuration")

406
invoice_format_editor/reports/modern_invoice_templates.xml

@ -0,0 +1,406 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<!--modern Template View-->
<template id="custom_template_report_invoice_modern">
<!--External layout template-->
<t t-call="web.external_layout">
<!--Invoice Reference-->
<t t-set="o" t-value="o.with_context({'lang':o.partner_id.lang})"/>
<t t-set="model" t-value="'account.move'"/>
<div class="page" style="overflow: hidden;">
<br/>
<br/>
<br/>
<br/>
<!--Invoice details-->
<div class="row">
<div t-attf-style=" background-color:#{o.theme_id.base_color};padding:2% ;color:#{o.theme_id.customer_text_color};">
<h2 t-attf-style="color:#{o.theme_id.heading_text_color};">
<span t-if="o.move_type == 'out_invoice' and (o.state == 'draft' or o.state == 'posted')">
<font t-attf-style="color:#{o.theme_id.heading_text_color};">
Invoice
</font>
</span>
<span t-if="o.move_type == 'out_invoice' and o.state == 'proforma2'">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
PRO-FORMA
</font>
</span>
<span t-if="o.move_type == 'out_invoice' and o.state == 'draft'">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
Draft Invoice
</font>
</span>
<span t-if="o.move_type == 'out_invoice' and o.state == 'cancel'">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
Cancelled Invoice
</font>
</span>
<span t-if="o.move_type == 'out_refund'">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
Refund
</font>
</span>
<span t-if="o.move_type == 'in_refund'">
<font t-attf-style=" color:#{o.theme_id.heading_text_color}">
Vendor Refund
</font>
</span>
<span t-if="o.move_type == 'in_invoice'">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
Vendor Bill
</font>
</span>
<font>
<span t-field="o.name"
t-attf-style="color:#{o.theme_id.heading_text_color};"/>
</font>
</h2>
<br/>
<!--Invoice information-->
<div id="invoice_information">
<div class="row mt32 mb32" id="informations">
<div class="col-auto col-3 mw-100 mb-2"
t-if="o.invoice_date"
name="invoice_date">
<strong t-attf-style="color:#{o.theme_id.heading_text_color}">
Invoice Date:
</strong>
<p class="m-0"
t-attf-style="color:#{o.theme_id.text_color}"
t-field="o.invoice_date"/>
</div>
<div class="col-auto col-3 mw-100 mb-2"
t-if="o.invoice_date_due and o.move_type == 'out_invoice' and o.state == 'posted'"
name="due_date">
<strong t-attf-style="color:#{o.theme_id.heading_text_color}">
Due Date:
</strong>
<p class="m-0"
t-attf-style="color:#{o.theme_id.text_color}"
t-field="o.invoice_date_due"/>
</div>
<div class="col-auto col-3 mw-100 mb-2"
t-if="o.invoice_payment_term_id"
name="payment_term">
<strong t-attf-style="color:#{o.theme_id.heading_text_color}">
Payment Term:
</strong>
<p class="m-0"
t-attf-style="color:#{o.theme_id.text_color}"
t-field="o.invoice_payment_term_id"/>
</div>
<!--optional information-->
<div class="col-auto col-3 mw-100 mb-2"
t-if="o.user_id">
<div t-if="o.theme_id.sales_person">
<font t-attf-style="color:#{o.theme_id.text_color}">
<strong t-attf-style="color:#{o.theme_id.heading_text_color}">
Sales Person:
</strong>
<p t-field="o.user_id"/>
</font>
</div>
</div>
<div class="col-auto col-3 mw-100 mb-2"
t-if="o.ref">
<div t-if="o.theme_id.reference">
<font t-attf-style="color:#{o.theme_id.text_color}">
<strong t-attf-style="color:#{o.theme_id.heading_text_color}">
Customer Reference:
</strong>
<p t-field="o.ref"/>
</font>
</div>
</div>
<div class="col-auto col-3 mw-100 mb-2"
t-if="o.source_id">
<div t-if="o.theme_id.source">
<font t-attf-style="color:#{o.theme_id.text_color}">
<strong t-attf-style="color:#{o.theme_id.heading_text_color}">
Source:
</strong>
<p t-field="o.source_id"/>
</font>
</div>
</div>
</div>
</div>
</div>
</div>
<br/>
<!--Customer Address-->
<div t-if="o.theme_id.address"
id="customer address"
t-attf-style="color:#{o.theme_id.customer_text_color}">
<div class="row">
<div style="width:50%;"
t-attf-class="{{'ms-auto' if o.theme_id.customer_position == 'right' else ''}}">
<div itemprop="address"
class="address">
<div>
<span t-if="o.partner_id">
<span style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id"/>
</span>
</div>
<div>
<span t-if="o.partner_id.street">
<span style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.street"/>
</span>
</div>
<div>
<span t-if="o.partner_id.street2">
<span style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.street2"/>
</span>
</div>
<div t-if="o.theme_id.city">
<span t-if="o.partner_id.city">
<span style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.city"/>
</span>
</div>
<div t-if="o.theme_id.country">
<span t-if="o.partner_id.country_id">
<span style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.country_id"/>
</span>
</div>
<div t-if="o.theme_id.vat">
<span t-if="o.partner_id.vat">
<span style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.vat"/>
</span>
</div>
</div>
</div>
</div>
</div>
<!--Product Table-->
<div style="padding-top:20px;width:100%">
<t t-set="display_discount"
t-value="any([l.discount for l in o.invoice_line_ids])"/>
<!--Product Details-->
<table class="table table-sm table-borderless">
<tr>
<th class="text-right"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Product
</th>
<th class="text-right"
t-if="o.theme_id.description"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Description
</th>
<th class="text-left"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Quantity
</th>
<th class="text-left"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Unit Price
</th>
<th t-if="display_discount"
class="text-left"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Disc.(%)
</th>
<th t-if="o.theme_id.tax_value"
class="text-center"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Taxes
</th>
<th class="text-left"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Price
</th>
</tr>
<tr t-foreach="o.invoice_line_ids" t-as="l">
<td class="text-right"
t-attf-style="color:#{o.theme_id.text_color};">
<span t-field="l.product_id.name"/>
</td>
<td t-if="o.theme_id.description"
class="text-right"
t-attf-style="color:#{o.theme_id.text_color};">
<span t-field="l.name"/>
</td>
<td class="text-end"
t-attf-style="color:#{o.theme_id.text_color};">
<t t-if="l.quantity">
<span t-field="l.quantity"/>
</t>
</td>
<td class="text-end"
t-attf-style="color:#{o.theme_id.text_color};">
<t t-if="l.price_unit">
<span t-field="l.price_unit"/>
</t>
</td>
<td t-if="display_discount"
class="text-end"
t-attf-style="color:#{o.theme_id.text_color};">
<span t-field="l.discount"/>
</td>
<td t-if="(o.theme_id.tax_value) and (l.tax_ids)"
class="text-end"
t-attf-style="color:#{o.theme_id.text_color};">
<span t-esc="', '.join(map(lambda x: (x.description or x.name), l.tax_ids))"/>
</td>
<td t-if="l.price_subtotal"
class="text-end"
t-attf-style="color:#{o.theme_id.text_color};">
<span t-field="l.price_subtotal"
t-field-options="{'widget': 'monetary','display_currency':'o.currency_id'}"/>
</td>
</tr>
</table>
<!--Payment details-->
<div class="clearfix mb-4">
<div id="total" class="row">
<div t-attf-class="#{'col-6' if report_type != 'html' else 'col-sm-7 col-md-6'} ms-auto">
<table class="table table-sm table-borderless"
style="page-break-inside: avoid;">
<tbody>
<tr class="border-black o_subtotal"
style="">
<t t-set="tax_totals"
t-value="o.tax_totals"/>
<t t-foreach="tax_totals['subtotals']"
t-as="subtotal">
<tr class="border-black o_subtotal"
t-attf-style="color:#{o.theme_id.text_color};">
<td t-attf-style="color:#{o.theme_id.text_color};">
<strong t-esc="subtotal['name']"
t-attf-style="color:#{o.theme_id.text_color};"/>
</td>
<td class="text-end"
t-attf-style="color:#{o.theme_id.text_color};">
<span t-att-class="oe_subtotal_footer_separator"
t-attf-style="color:#{o.theme_id.text_color};"
t-esc="subtotal['formatted_amount']"/>
</td>
</tr>
<t t-set="subtotal_to_show"
t-value="subtotal['name']"/>
<t t-call="account.tax_groups_totals"
t-attf-style="color:#{o.theme_id.text_color};"/>
</t>
</tr>
<!--Total amount with all taxes-->
<tr class="border-black o_total">
<td>
<strong t-attf-style="color:#{o.theme_id.customer_text_color}">
Total
</strong>
</td>
<td class="text-end">
<span t-esc="tax_totals['formatted_amount_total']"
t-attf-style="color:#{o.theme_id.customer_text_color}"/>
</td>
</tr>
<!--Paid amount details-->
<t t-if="print_with_payments">
<t t-if="o.payment_state != 'invoicing_legacy'">
<t t-set="payments_vals"
t-value="o.sudo().invoice_payments_widget and o.sudo().invoice_payments_widget['content'] or []"/>
<t t-foreach="payments_vals"
t-as="payment_vals">
<tr>
<td>
<i class="oe_form_field text-end oe_payment_label"
t-attf-style="color:#{o.theme_id.text_color}">
Paid on
<t
t-esc="payment_vals['date']"
t-options='{"widget": "date"}'
t-attf-style="color:#{o.theme_id.text_color}"/>
</i>
</td>
<td class="text-end"
t-attf-style="color:#{o.theme_id.text_color}">
<span t-esc="payment_vals['amount']"
t-options='{"widget": "monetary", "display_currency": o.currency_id}'/>
</td>
</tr>
</t>
<t t-if="len(payments_vals) > 0">
<tr class="border-black o_total">
<td>
<strong t-attf-style="color:#{o.theme_id.customer_text_color}">
Amount Due
</strong>
</td>
<td class="text-end">
<span t-field="o.amount_residual"
t-attf-style="color:#{o.theme_id.customer_text_color}"/>
</td>
</tr>
</t>
</t>
</t>
</tbody>
</table>
</div>
</div>
</div>
</div>
<br/>
<br/>
<br/>
<br/>
<div t-attf-style="color:#{o.theme_id.text_color};padding-top:10%;"
class="col-12">
<p t-if="not is_html_empty(o.narration)">
<strong>Comment:</strong>
<span t-field="o.narration"/>
</p>
<p t-if="o.fiscal_position_id.note">
<strong>Fiscal Position Remark:</strong>
<span t-field="o.fiscal_position_id.note"/>
</p>
<p t-if="o.move_type in ('out_invoice','in_refund')">
Please use the following communication for your payment
:
<b>
<span t-field="o.payment_reference"/>
</b>
</p>
<p t-if="o.invoice_payment_term_id" name="payment_term">
<span t-field="o.invoice_payment_term_id.note"/>
</p>
<p t-if="o.fiscal_position_id.note" name="note">
<span t-field="o.fiscal_position_id.note"/>
</p>
<t t-if="o.company_id.country_id.code == 'IN'">
<p id="total_in_words" class="mb16">
<strong>Total (In Words):</strong>
<span t-field="o.amount_total_words"/>
</p>
</t>
<div id="qrcode"
t-if="(o.company_id.qr_code) and (o.currency_id.name == 'EUR') and (o.invoice_partner_bank_id.acc_number != False)">
<p t-if="(o.invoice_partner_bank_id.qr_code_valid)">
<strong class="text-center">Scan me with your
banking app.
</strong>
<br/>
<br/>
<img class="border border-dark rounded"
t-att-src="o.invoice_partner_bank_id.build_qr_code_url(o.amount_residual, o.ref or o.name)"/>
</p>
<p t-if="(o.invoice_partner_bank_id.qr_code_valid == False)">
<strong class="text-center">The SEPA QR Code
information are not set correctly.
</strong>
<br/>
</p>
</div>
</div>
</div>
</t>
</template>
</odoo>

397
invoice_format_editor/reports/normal_invoice_templates.xml

@ -0,0 +1,397 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<!--Normal Template View-->
<template id="custom_template_report_invoice_normal">
<t t-call="web.external_layout">
<t t-set="model" t-value="'account.move'"/>
<div>
<br/>
<br/>
<!--Customer address-->
<t t-if="o and 'company_id' in o">
<t t-set="company" t-value="o.company_id"/>
</t>
<t t-if="not o or not 'company_id' in o">
<t t-set="company" t-value="res_company"/>
</t>
<div t-if="o.theme_id.address"
id="customer address"
t-attf-style="color:#{o.theme_id.customer_text_color}">
<div class="row">
<div style="width:50%;"
t-attf-class="{{'ms-auto' if o.theme_id.customer_position == 'right' else ''}}">
<div itemprop="address"
class="address">
<div>
<span t-if="o.partner_id">
<span style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id"/>
</span>
</div>
<div>
<span t-if="o.partner_id.street">
<span style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.street"/>
</span>
</div>
<div>
<span t-if="o.partner_id.street2">
<span style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.street2"/>
</span>
</div>
<div t-if="o.theme_id.city">
<span t-if="o.partner_id.city">
<span style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.city"/>
</span>
</div>
<div t-if="o.theme_id.country">
<span t-if="o.partner_id.country_id">
<span style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.country_id"/>
</span>
</div>
<div t-if="o.theme_id.vat">
<span t-if="o.partner_id.vat">
<span style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.vat"/>
</span>
</div>
</div>
</div>
</div>
</div>
<br/>
<!--Customer details table-->
<t t-set="o"
t-value="o.with_context({'lang':o.partner_id.lang})"/>
<table class="table table-sm table-borderless"
style="padding-top:20px;width:100%">
<tr>
<th t-if="o.invoice_date"
class='text-center'
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Invoice Date
</th>
<th t-if="o.invoice_date_due"
class='text-center'
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Due Date
</th>
<th t-if="o.invoice_payment_term_id"
class='text-center'
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Payment Term
</th>
<th t-if="(o.theme_id.sales_person) and (o.user_id)"
class='text-center'
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Sales Person
</th>
<th t-if="(o.theme_id.reference) and (o.ref)"
class='text-center'
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Reference
</th>
<th t-if="(o.theme_id.source) and (o.invoice_origin)"
class='text-center'
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Source
</th>
</tr>
<!--Details value-->
<tr>
<td t-if="o.invoice_date">
<font t-attf-style="color:#{o.theme_id.text_color};">
<p class="text-center"
t-field="o.invoice_date"/>
</font>
</td>
<td t-if="o.invoice_date_due">
<font t-attf-style="color:#{o.theme_id.text_color};">
<p class="text-center"
t-field="o.invoice_date_due"/>
</font>
</td>
<td t-if="o.invoice_payment_term_id">
<font t-attf-style="color:#{o.theme_id.text_color};">
<p class="text-center"
t-field="o.invoice_payment_term_id"/>
</font>
</td>
<td t-if="(o.theme_id.sales_person) and (o.user_id)">
<font t-attf-style="color:#{o.theme_id.text_color};">
<p class="text-center"
t-field="o.user_id"/>
</font>
</td>
<td t-if="(o.theme_id.reference) and (o.ref)">
<font t-attf-style="color:#{o.theme_id.text_color};">
<p class="text-center"
t-field="o.ref"/>
</font>
</td>
<td t-if="(o.theme_id.source) and (o.source_id)">
<font t-attf-style="color:#{o.theme_id.text_color};">
<p class="text-center"
t-field="o.source_id"/>
</font>
</td>
</tr>
</table>
<!--Invoice Number-->
<div class="page" style="text-align: center">
<h2 t-attf-style="color:#{company.document_layout_id.customer_text_color};">
<center>
<span t-if="o.move_type == 'out_invoice' and (o.state == 'draft' or o.state == 'posted')">
<font>Invoice</font>
</span>
<span t-if="o.move_type == 'out_invoice' and o.state == 'proforma2'">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
PRO-FORMA
</font>
</span>
<span t-if="o.move_type == 'out_invoice' and o.state == 'draft'">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
Draft Invoice
</font>
</span>
<span t-if="o.move_type == 'out_invoice' and o.state == 'cancel'">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
Cancelled Invoice
</font>
</span>
<span t-if="o.move_type == 'out_refund'">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
Refund
</font>
</span>
<span t-if="o.move_type == 'in_refund'">
<font t-attf-style=" color:#{o.theme_id.heading_text_color}">
Vendor Refund
</font>
</span>
<span t-if="o.move_type == 'in_invoice'">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
Vendor Bill
</font>
</span>
<font>
<span t-field="o.name"/>
</font>
</center>
</h2>
</div>
<!--Invoice Product details-->
<div style="padding-top:20px;width:100%">
<t t-set="display_discount"
t-value="any([l.discount for l in o.invoice_line_ids])"/>
<!--Product Details-->
<table class="table table-sm table-borderless">
<tr>
<th class="text-right"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Product
</th>
<th class="text-right"
t-if="o.theme_id.description"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Description
</th>
<th class="text-left"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Quantity
</th>
<th class="text-left"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Unit Price
</th>
<th t-if="display_discount"
class="text-left"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Disc.(%)
</th>
<th t-if="o.theme_id.tax_value"
class="text-center"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Taxes
</th>
<th class="text-left"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Price
</th>
</tr>
<tr t-foreach="o.invoice_line_ids" t-as="l">
<td class="text-right"
t-attf-style="color:#{o.theme_id.text_color};">
<span t-field="l.product_id.name"/>
</td>
<td t-if="o.theme_id.description"
class="text-right"
t-attf-style="color:#{o.theme_id.text_color};">
<span t-field="l.name"/>
</td>
<td class="text-end"
t-attf-style="color:#{o.theme_id.text_color};">
<t t-if="l.quantity">
<span t-field="l.quantity"/>
</t>
</td>
<td class="text-end"
t-attf-style="color:#{o.theme_id.text_color};">
<t t-if="l.price_unit">
<span t-field="l.price_unit"/>
</t>
</td>
<td t-if="display_discount"
class="text-end"
t-attf-style="color:#{o.theme_id.text_color};">
<span t-field="l.discount"/>
</td>
<td t-if="(o.theme_id.tax_value) and (l.tax_ids)"
class="text-end"
t-attf-style="color:#{o.theme_id.text_color};">
<span t-esc="', '.join(map(lambda x: (x.description or x.name), l.tax_ids))"/>
</td>
<td t-if="l.price_subtotal"
class="text-end"
t-attf-style="color:#{o.theme_id.text_color};">
<span t-field="l.price_subtotal"
t-field-options="{'widget': 'monetary','display_currency':'o.currency_id'}"/>
</td>
</tr>
</table>
</div>
<!--Payment details-->
<div class="clearfix mb-4">
<div id="total" class="row">
<div t-attf-class="#{'col-6' if report_type != 'html' else 'col-sm-7 col-md-6'} ms-auto">
<table class="table table-sm table-borderless">
<t t-set="tax_totals" t-value="o.tax_totals"/>
<t t-foreach="tax_totals['subtotals']"
t-as="subtotal">
<tr class="border-black o_subtotal">
<td>
<strong t-esc="subtotal['name']"
t-attf-style="color:#{o.theme_id.text_color}"/>
</td>
<td class="text-end"
t-attf-style="color:#{o.theme_id.text_color}">
<span t-attf-style="color:#{o.theme_id.text_color}"
t-att-class="oe_subtotal_footer_separator"
t-esc="subtotal['formatted_amount']"/>
</td>
</tr>
<t t-set="subtotal_to_show"
t-value="subtotal['name']"/>
<t t-call="account.tax_groups_totals"/>
</t>
<!--Total amount with all taxes-->
<tr class="border-black o_total">
<td>
<strong t-attf-style="color:#{o.theme_id.customer_text_color}">
Total
</strong>
</td>
<td class="text-end">
<span t-esc="tax_totals['formatted_amount_total']"
t-attf-style="color:#{o.theme_id.customer_text_color}"/>
</td>
</tr>
<!--Paid amount details-->
<t t-if="print_with_payments">
<t t-if="o.payment_state != 'invoicing_legacy'">
<t t-set="payments_vals"
t-value="o.sudo().invoice_payments_widget and o.sudo().invoice_payments_widget['content'] or []"/>
<t t-foreach="payments_vals"
t-as="payment_vals">
<tr>
<td>
<i class="oe_form_field text-end oe_payment_label"
t-attf-style="color:#{o.theme_id.text_color}">
Paid on
<t
t-esc="payment_vals['date']"
t-options='{"widget": "date"}'
t-attf-style="color:#{o.theme_id.text_color}"/>
</i>
</td>
<td class="text-end"
t-attf-style="color:#{o.theme_id.text_color}">
<span t-esc="payment_vals['amount']"
t-options='{"widget": "monetary", "display_currency": o.currency_id}'/>
</td>
</tr>
</t>
<t t-if="len(payments_vals) > 0">
<tr class="border-black o_total">
<td>
<strong t-attf-style="color:#{o.theme_id.customer_text_color}">
Amount Due
</strong>
</td>
<td class="text-end">
<span t-field="o.amount_residual"
t-attf-style="color:#{o.theme_id.customer_text_color}"/>
</td>
</tr>
</t>
</t>
</t>
</table>
</div>
</div>
</div>
<!--More description-->
<div t-attf-style="color:#{o.theme_id.text_color};padding-top:10%;"
class="col-12">
<p t-if="not is_html_empty(o.narration)">
<strong>Comment:</strong>
<span t-field="o.narration"/>
</p>
<p t-if="o.fiscal_position_id.note">
<strong>Fiscal Position Remark:</strong>
<span t-field="o.fiscal_position_id.note"/>
</p>
<p t-if="o.move_type in ('out_invoice','in_refund')">
Please use the following communication for your
payment :
<b>
<span t-field="o.payment_reference"/>
</b>
</p>
<p t-if="o.invoice_payment_term_id" name="payment_term">
<span t-field="o.invoice_payment_term_id.note"/>
</p>
<p t-if="o.fiscal_position_id.note" name="note">
<span t-field="o.fiscal_position_id.note"/>
</p>
<t t-if="o.company_id.country_id.code == 'IN'">
<p id="total_in_words" class="mb16">
<strong>Total (In Words):</strong>
<span t-field="o.amount_total_words"/>
</p>
</t>
<div id="qrcode"
t-if="(o.company_id.qr_code) and (o.currency_id.name == 'EUR') and (o.invoice_partner_bank_id.acc_number != False)">
<p t-if="(o.invoice_partner_bank_id.qr_code_valid)">
<strong class="text-center">Scan me with your
banking app.
</strong>
<img class="border border-dark rounded"
t-att-src="o.invoice_partner_bank_id.build_qr_code_url(o.amount_residual, o.ref or o.name)"/>
</p>
<p t-if="(o.invoice_partner_bank_id.qr_code_valid == False)">
<strong class="text-center">The SEPA QR Code
information are not set correctly.
</strong>
</p>
</div>
</div>
</div>
</t>
</template>
</odoo>

400
invoice_format_editor/reports/old_standard_invoice_templates.xml

@ -0,0 +1,400 @@
<?xml version="1.0" encoding="UTF-8"?>
<odoo>
<!--old Template View-->
<template id="old_std_report_invoice_document">
<t t-set="model" t-value="'account.move'"/>
<t t-if="o and 'company_id' in o">
<t t-set="company" t-value="o.company_id"/>
</t>
<t t-if="not o or not 'company_id' in o">
<t t-set="company" t-value="res_company"/>
</t>
<t t-call="web.external_layout">
<t t-set="o" t-value="o.with_context({'lang':o.partner_id.lang})"/>
<div class="page">
<!--Customer Address-->
<div t-if="o.theme_id.address"
id="customer address"
t-attf-style="color:#{o.theme_id.customer_text_color}">
<div class="row">
<div style="width:50%;"
t-attf-class="{{'ms-auto' if o.theme_id.customer_position == 'right' else ''}}">
<div itemprop="address"
class="address">
<div>
<span t-if="o.partner_id">
<span style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id"/>
</span>
</div>
<div>
<span t-if="o.partner_id.street">
<span style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.street"/>
</span>
</div>
<div>
<span t-if="o.partner_id.street2">
<span style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.street2"/>
</span>
</div>
<div t-if="o.theme_id.city">
<span t-if="o.partner_id.city">
<span style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.city"/>
</span>
</div>
<div t-if="o.theme_id.country">
<span t-if="o.partner_id.country_id">
<span style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.country_id"/>
</span>
</div>
<div t-if="o.theme_id.vat">
<span t-if="o.partner_id.vat">
<span style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.vat"/>
</span>
</div>
</div>
</div>
</div>
</div>
<br/>
<br/>
<!--Invoice details-->
<div class="page">
<div t-attf-style=" background-color:#{company.document_layout_id.base_color};padding:2% ;color:#{company.document_layout_id.customer_text_color};">
<!--Invoice sl no-->
<h2>
<span t-if="o.move_type == 'out_invoice' and (o.state == 'draft' or o.state == 'posted')">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
Invoice
</font>
</span>
<span t-if="o.move_type == 'out_invoice' and o.state == 'proforma2'">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
PRO-FORMA
</font>
</span>
<span t-if="o.move_type == 'out_invoice' and o.state == 'draft'">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
Draft Invoice
</font>
</span>
<span t-if="o.move_type == 'out_invoice' and o.state == 'cancel'">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
Cancelled
Invoice
</font>
</span>
<span t-if="o.move_type == 'out_refund'">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
Refund
</font>
</span>
<span t-if="o.move_type == 'in_refund'">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
Vendor Refund
</font>
</span>
<span t-if="o.move_type == 'in_invoice'">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
Vendor Bill
</font>
</span>
<font>
<span t-field="o.name"
t-attf-style="color:#{o.theme_id.heading_text_color}"/>
</font>
</h2>
<br/>
<div id="invoice_information">
<div class="row mt32 mb32" id="informations">
<div class="col-auto col-3 mw-100 mb-2"
t-if="o.invoice_date"
name="invoice_date">
<strong t-attf-style="color:#{o.theme_id.heading_text_color}">
Invoice Date:
</strong>
<p class="m-0"
t-attf-style="color:#{o.theme_id.text_color}"
t-field="o.invoice_date"/>
</div>
<div class="col-auto col-3 mw-100 mb-2"
t-if="o.invoice_date_due and o.move_type == 'out_invoice' and o.state == 'posted'"
name="due_date">
<strong t-attf-style="color:#{o.theme_id.heading_text_color}">
Due Date:
</strong>
<p class="m-0"
t-attf-style="color:#{o.theme_id.text_color}"
t-field="o.invoice_date_due"/>
</div>
<div class="col-auto col-3 mw-100 mb-2"
t-if="o.invoice_payment_term_id"
name="payment_term">
<strong t-attf-style="color:#{o.theme_id.heading_text_color}">
Payment Term:
</strong>
<p class="m-0"
t-attf-style="color:#{o.theme_id.text_color}"
t-field="o.invoice_payment_term_id"/>
</div>
<!--optional information-->
<div class="col-auto col-3 mw-100 mb-2"
t-if="o.user_id">
<div t-if="o.theme_id.sales_person">
<font t-attf-style="color:#{o.theme_id.text_color}">
<strong t-attf-style="color:#{o.theme_id.heading_text_color}">
Sales Person:
</strong>
<p t-field="o.user_id"/>
</font>
</div>
</div>
<div class="col-auto col-3 mw-100 mb-2"
t-if="o.ref">
<div t-if="o.theme_id.reference">
<font t-attf-style="color:#{o.theme_id.text_color}">
<strong t-attf-style="color:#{o.theme_id.heading_text_color}">
Customer Reference:
</strong>
<p t-field="o.ref"/>
</font>
</div>
</div>
<div class="col-auto col-3 mw-100 mb-2"
t-if="o.source_id">
<div t-if="o.theme_id.source">
<font t-attf-style="color:#{o.theme_id.text_color}">
<strong t-attf-style="color:#{o.theme_id.heading_text_color}">
Source:
</strong>
<p t-field="o.source_id"/>
</font>
</div>
</div>
</div>
</div>
</div>
<!--Product Lines-->
<div style="padding-top:20px;width:100%">
<div style="padding-top:20px;"/>
<t t-set="display_discount"
t-value="any([l.discount for l in o.invoice_line_ids])"/>
<!--Product Details-->
<table class="table table-sm table-borderless">
<tr>
<th class="text-right"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Product
</th>
<th class="text-right"
t-if="o.theme_id.description"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Description
</th>
<th class="text-left"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Quantity
</th>
<th class="text-left"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Unit Price
</th>
<th t-if="display_discount"
class="text-left"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Disc.(%)
</th>
<th t-if="o.theme_id.tax_value"
class="text-center"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Taxes
</th>
<th class="text-left"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Price
</th>
</tr>
<tr t-foreach="o.invoice_line_ids" t-as="l">
<td class="text-right"
t-attf-style="color:#{o.theme_id.text_color};">
<span t-field="l.product_id.name"/>
</td>
<td t-if="o.theme_id.description"
class="text-right"
t-attf-style="color:#{o.theme_id.text_color};">
<span t-field="l.name"/>
</td>
<td class="text-end"
t-attf-style="color:#{o.theme_id.text_color};">
<t t-if="l.quantity">
<span t-field="l.quantity"/>
</t>
</td>
<td class="text-end"
t-attf-style="color:#{o.theme_id.text_color};">
<t t-if="l.price_unit">
<span t-field="l.price_unit"/>
</t>
</td>
<td t-if="display_discount"
class="text-end"
t-attf-style="color:#{o.theme_id.text_color};">
<span t-field="l.discount"/>
</td>
<td t-if="(o.theme_id.tax_value) and (l.tax_ids)"
class="text-end"
t-attf-style="color:#{o.theme_id.text_color};">
<span t-esc="', '.join(map(lambda x: (x.description or x.name), l.tax_ids))"/>
</td>
<td t-if="l.price_subtotal"
class="text-end"
t-attf-style="color:#{o.theme_id.text_color};">
<span t-field="l.price_subtotal"
t-field-options="{'widget': 'monetary','display_currency':'o.currency_id'}"/>
</td>
</tr>
</table>
<!--Payment Details-->
<div class="clearfix mb-4">
<div id="total" class="row">
<div t-attf-class="#{'col-6' if report_type != 'html' else 'col-sm-7 col-md-6'} ms-auto">
<table class="table table-sm table-borderless">
<t t-set="tax_totals"
t-value="o.tax_totals"/>
<t t-foreach="tax_totals['subtotals']"
t-as="subtotal">
<tr class="border-black o_subtotal">
<td>
<strong t-esc="subtotal['name']"
t-attf-style="color:#{o.theme_id.text_color}"/>
</td>
<td class="text-end"
t-attf-style="color:#{o.theme_id.text_color}">
<span t-attf-style="color:#{o.theme_id.text_color}"
t-att-class="oe_subtotal_footer_separator"
t-esc="subtotal['formatted_amount']"/>
</td>
</tr>
<t t-set="subtotal_to_show"
t-value="subtotal['name']"/>
<t t-call="account.tax_groups_totals"/>
</t>
<!--Total amount with all taxes-->
<tr class="border-black o_total">
<td>
<strong t-attf-style="color:#{o.theme_id.customer_text_color}">
Total
</strong>
</td>
<td class="text-end">
<span t-esc="tax_totals['formatted_amount_total']"
t-attf-style="color:#{o.theme_id.customer_text_color}"/>
</td>
</tr>
<!--Paid amount details-->
<t t-if="print_with_payments">
<t t-if="o.payment_state != 'invoicing_legacy'">
<t t-set="payments_vals"
t-value="o.sudo().invoice_payments_widget and o.sudo().invoice_payments_widget['content'] or []"/>
<t t-foreach="payments_vals"
t-as="payment_vals">
<tr>
<td>
<i class="oe_form_field text-end oe_payment_label"
t-attf-style="color:#{o.theme_id.text_color}">
Paid on
<t
t-esc="payment_vals['date']"
t-options='{"widget": "date"}'
t-attf-style="color:#{o.theme_id.text_color}"/>
</i>
</td>
<td class="text-end"
t-attf-style="color:#{o.theme_id.text_color}">
<span t-esc="payment_vals['amount']"
t-options='{"widget": "monetary", "display_currency": o.currency_id}'/>
</td>
</tr>
</t>
<t t-if="len(payments_vals) > 0">
<tr class="border-black o_total">
<td>
<strong t-attf-style="color:#{o.theme_id.customer_text_color}">
Amount Due
</strong>
</td>
<td class="text-end">
<span t-field="o.amount_residual"
t-attf-style="color:#{o.theme_id.customer_text_color}"/>
</td>
</tr>
</t>
</t>
</t>
</table>
</div>
</div>
</div>
</div>
<!--More details-->
<div t-attf-style="color:#{o.theme_id.text_color};padding-top:10%;"
class="col-12">
<p t-if="not is_html_empty(o.narration)">
<strong>Comment:</strong>
<span t-field="o.narration"/>
</p>
<p t-if="o.fiscal_position_id.note">
<strong>Fiscal Position Remark:</strong>
<span t-field="o.fiscal_position_id.note"/>
</p>
<p t-if="o.move_type in ('out_invoice','in_refund')">
Please use the following communication for your
payment :
<b>
<span t-field="o.payment_reference"/>
</b>
</p>
<p t-if="o.invoice_payment_term_id"
name="payment_term">
<span t-field="o.invoice_payment_term_id.note"/>
</p>
<p t-if="o.fiscal_position_id.note" name="note">
<span t-field="o.fiscal_position_id.note"/>
</p>
<t t-if="o.company_id.country_id.code == 'IN'">
<p id="total_in_words" class="mb16">
<strong>Total (In Words):</strong>
<span t-field="o.amount_total_words"/>
</p>
</t>
<div id="qrcode"
t-if="(o.company_id.qr_code) and (o.currency_id.name == 'EUR') and (o.invoice_partner_bank_id.acc_number != False)">
<p t-if="(o.invoice_partner_bank_id.qr_code_valid)">
<strong class="text-center">Scan me with your
banking app.
</strong>
<br/>
<br/>
<img class="border border-dark rounded"
t-att-src="o.invoice_partner_bank_id.build_qr_code_url(o.amount_residual, o.ref or o.name)"/>
</p>
<p t-if="(o.invoice_partner_bank_id.qr_code_valid == False)">
<strong class="text-center">The SEPA QR Code
information are not set correctly.
</strong>
<br/>
</p>
</div>
</div>
</div>
</div>
</t>
</template>
</odoo>

22
invoice_format_editor/reports/preview_layout_report_templates.xml

@ -0,0 +1,22 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="preview_layout_report" inherit_id="web.preview_layout_report"
name="Invoice report preview">
<xpath expr="//t[@t-call='web.report_invoice_wizard_preview']"
position="replace">
<t t-set="o" t-value="res_company"/>
<t t-if="o.base_layout == 'normal'">
<t t-call="invoice_format_editor.report_preview_normal"/>
</t>
<t t-if="o.base_layout == 'old'">
<t t-call="invoice_format_editor.report_preview_old"/>
</t>
<t t-if="o.base_layout == 'modern'">
<t t-call="invoice_format_editor.report_preview_modern"/>
</t>
<t t-if="o.base_layout == 'default'">
<t t-call="web.report_invoice_wizard_preview"/>
</t>
</xpath>
</template>
</odoo>

30
invoice_format_editor/reports/report_invoice_templates.xml

@ -0,0 +1,30 @@
<?xml version="1.0" encoding="UTF-8"?>
<odoo>
<!--Report invoice template without payment-->
<template id="report_invoice_inherit" inherit_id="account.report_invoice">
<xpath expr="//t[@t-call='web.html_container']" position="replace">
<t t-call="web.html_container">
<t t-foreach="docs" t-as="o">
<t t-set="lang"
t-value="o.invoice_user_id.sudo().lang if o.move_type in ('in_invoice', 'in_refund') else o.partner_id.lang"/>
<t t-if="o.company_id.base_layout == 'normal'">
<t t-call="invoice_format_editor.custom_template_report_invoice_normal"
t-lang="o.partner_id.lang"/>
</t>
<t t-if="o.company_id.base_layout == 'old'">
<t t-call="invoice_format_editor.old_std_report_invoice_document"
t-lang="o.partner_id.lang"/>
</t>
<t t-if="o.company_id.base_layout == 'modern'">
<t t-call="invoice_format_editor.custom_template_report_invoice_modern"
t-lang="o.partner_id.lang"/>
</t>
<t t-if="o.company_id.base_layout == 'default'">
<t t-call="account.report_invoice_document"
t-lang="o.partner_id.lang"/>
</t>
</t>
</t>
</xpath>
</template>
</odoo>

2
invoice_format_editor/security/ir.model.access.csv

@ -0,0 +1,2 @@
id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink
access_doc_layout,access.doc.layout,model_doc_layout,base.group_user,1,1,1,1
1 id name model_id:id group_id:id perm_read perm_write perm_create perm_unlink
2 access_doc_layout access.doc.layout model_doc_layout base.group_user 1 1 1 1

BIN
invoice_format_editor/static/description/assets/icons/capture (1).png

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 310 B

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 576 B

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 733 B

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 911 B

BIN
invoice_format_editor/static/description/assets/icons/img.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 673 B

BIN
invoice_format_editor/static/description/assets/icons/photo-capture.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 878 B

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 653 B

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 905 B

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 839 B

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 427 B

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 627 B

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 988 B

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
invoice_format_editor/static/description/assets/misc/Cybrosys R.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 80 KiB

33
invoice_format_editor/static/description/assets/misc/email.svg

@ -0,0 +1,33 @@
<svg width="80" height="81" viewBox="0 0 80 81" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="3116889_design_email_material_communication_mail_icon 1" clip-path="url(#clip0_81_366)">
<g id="layer1">
<path id="rect3851" d="M74.6067 0.730957H5.5424C2.75742 0.730957 0.499756 3.01685 0.499756 5.83664V75.7642C0.499756 78.584 2.75742 80.8699 5.5424 80.8699H74.6067C77.3916 80.8699 79.6493 78.584 79.6493 75.7642V5.83664C79.6493 3.01685 77.3916 0.730957 74.6067 0.730957Z" fill="#DB534B"/>
<g id="Clip path group">
<mask id="mask0_81_366" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1" y="5" width="78" height="76">
<g id="clipPath4206">
<path id="rect4208" d="M73.6244 5.2915H6.62595C3.92428 5.2915 1.73413 7.4473 1.73413 10.1066V76.0546C1.73413 78.7139 3.92428 80.8697 6.62595 80.8697H73.6244C76.3261 80.8697 78.5162 78.7139 78.5162 76.0546V10.1066C78.5162 7.4473 76.3261 5.2915 73.6244 5.2915Z" fill="white"/>
</g>
</mask>
<g mask="url(#mask0_81_366)">
<g id="g4145" opacity="0.489612">
<g id="g4147">
<path id="path4149" d="M65.8115 41.5171C65.8115 54.9863 54.4292 65.9053 40.3884 65.9053L198.828 221.861C212.869 221.861 224.251 210.942 224.251 197.472L65.8115 41.5171Z" fill="black" fill-opacity="0.0588235"/>
<path id="path4151" d="M40.3884 65.9051C33.2495 65.9051 26.7979 63.0825 22.1802 58.5371L180.62 214.492C185.237 219.038 191.689 221.86 198.828 221.86L40.3884 65.9051Z" fill="black" fill-opacity="0.0588235"/>
<path id="path4153" d="M22.1802 58.5373C17.7157 54.1428 14.9653 48.1381 14.9653 41.5171L173.405 197.472C173.405 204.093 176.155 210.098 180.62 214.493L22.1802 58.5373Z" fill="black" fill-opacity="0.0588235"/>
<path id="path4155" d="M14.9653 41.5171C14.9653 28.0479 26.3476 17.1289 40.3884 17.1289L198.828 173.084C184.787 173.084 173.405 184.003 173.405 197.472L14.9653 41.5171Z" fill="black" fill-opacity="0.0588235"/>
<path id="path4157" d="M40.3884 17.1289C47.5273 17.1289 53.9789 19.9516 58.5966 24.4969L217.036 180.452C212.418 175.907 205.967 173.084 198.828 173.084L40.3884 17.1289Z" fill="black" fill-opacity="0.0588235"/>
<path id="path4159" d="M58.5964 24.4971C63.0609 28.8916 65.8113 34.8963 65.8113 41.5173L224.251 197.473C224.251 190.852 221.5 184.847 217.036 180.452L58.5964 24.4971Z" fill="black" fill-opacity="0.0588235"/>
</g>
<path id="path4111" d="M65.8114 41.5171C65.8114 54.9863 54.4291 65.9053 40.3884 65.9053C26.3476 65.9053 14.9653 54.9863 14.9653 41.5171C14.9653 28.0479 26.3476 17.1289 40.3884 17.1289C54.4291 17.1289 65.8114 28.0479 65.8114 41.5171Z" fill="black" fill-opacity="0.0588235"/>
</g>
</g>
</g>
<path id="path3864" d="M17.506 17.5386H62.9018C64.4068 17.5386 65.8501 18.1439 66.9143 19.2214C67.9784 20.2988 68.5763 21.7602 68.5763 23.284V57.7564C68.5763 58.5109 68.4295 59.258 68.1443 59.9551C67.8592 60.6521 67.4412 61.2855 66.9143 61.819C66.3873 62.3525 65.7618 62.7757 65.0733 63.0645C64.3849 63.3532 63.647 63.5018 62.9018 63.5018H17.506C14.3567 63.5018 11.8315 60.9164 11.8315 57.7564V23.284C11.8315 20.0953 14.3567 17.5386 17.506 17.5386ZM40.2039 37.6475L62.9018 23.284H17.506L40.2039 37.6475ZM17.506 57.7564H62.9018V30.0923L40.2039 44.4271L17.506 30.0923V57.7564Z" fill="white"/>
</g>
</g>
<defs>
<clipPath id="clip0_81_366">
<rect width="80" height="81" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 3.2 KiB

3
invoice_format_editor/static/description/assets/misc/phone.svg

@ -0,0 +1,3 @@
<svg width="36" height="44" viewBox="0 0 36 44" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="Vector" d="M7.25 19.3903C10.13 26.0689 14.76 31.5322 20.43 34.9305L24.83 29.7268C25.38 29.0778 26.17 28.889 26.86 29.1486C29.1 30.0218 31.51 30.4938 34 30.4938C35.11 30.4938 36 31.544 36 32.8537V41.1135C36 42.4233 35.11 43.4734 34 43.4734C15.22 43.4734 0 25.5143 0 3.35456C0 2.0448 0.9 0.994629 2 0.994629H9C10.11 0.994629 11 2.0448 11 3.35456C11 6.29268 11.4 9.1364 12.14 11.7795C12.36 12.5937 12.2 13.5259 11.65 14.1749L7.25 19.3903Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 565 B

9
invoice_format_editor/static/description/assets/misc/star (1) 2.svg

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 26 KiB

9
invoice_format_editor/static/description/assets/misc/support (1) 1.svg

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 43 KiB

6
invoice_format_editor/static/description/assets/misc/support-email.svg

@ -0,0 +1,6 @@
<svg width="49" height="37" viewBox="0 0 49 37" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group">
<path id="Vector" d="M2.23798 3.59132C3.53363 4.39742 21.5313 15.9748 22.2027 16.3917C22.8741 16.8087 23.5573 17.0032 24.6173 17.0032C25.6774 17.0032 26.3606 16.8087 27.0319 16.3917C27.7033 15.9748 45.701 4.39742 46.9967 3.59132C47.4796 3.29945 48.2923 2.77131 48.469 2.17368C48.7753 1.11741 48.4455 0.714355 47.138 0.714355H24.6173H2.09664C0.789214 0.714355 0.459412 1.13131 0.765656 2.17368C0.942335 2.78521 1.75506 3.29945 2.23798 3.59132Z" fill="white"/>
<path id="Vector_2" d="M48.0214 4.21664C47.0555 4.80037 38.3865 12.0831 32.6503 16.4611L42.3323 29.3171C42.5679 29.5951 42.6739 29.9286 42.5443 30.0954C42.403 30.2483 42.0967 30.1649 41.8494 29.9008L30.2357 18.3374C28.4807 19.6716 27.2439 20.5889 27.0319 20.7279C26.1249 21.2699 25.4889 21.3394 24.6173 21.3394C23.7457 21.3394 23.1096 21.2699 22.2027 20.7279C21.9789 20.5889 20.7539 19.6716 18.9989 18.3374L7.38519 29.9008C7.14961 30.1788 6.83159 30.2622 6.69025 30.0954C6.54891 29.9425 6.65491 29.5951 6.89048 29.3171L16.5607 16.4611C10.8245 12.0831 2.06126 4.80037 1.09541 4.21664C0.0588929 3.59121 0 4.32783 0 4.89766C0 5.46749 0 33.3893 0 33.3893C0 34.6819 1.61367 36.2941 2.76797 36.2941H24.6173H46.4666C47.6209 36.2941 48.999 34.668 48.999 33.3893C48.999 33.3893 48.999 5.4536 48.999 4.89766C48.999 4.31393 49.0697 3.59121 48.0214 4.21664Z" fill="white"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

17
invoice_format_editor/static/description/assets/misc/tick-mark.svg

@ -0,0 +1,17 @@
<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="52" height="52" fill="#F5F5F5"/>
<g clip-path="url(#clip0_0_1)">
<rect width="1440" height="7504" transform="translate(-107 -1660)" fill="white"/>
<rect x="-45" y="-203" width="1305" height="937" rx="19" fill="#FFF5FC"/>
<rect width="52" height="52" fill="url(#pattern0)"/>
</g>
<defs>
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_0_1" transform="scale(0.00387597)"/>
</pattern>
<clipPath id="clip0_0_1">
<rect width="1440" height="7504" fill="white" transform="translate(-107 -1660)"/>
</clipPath>
<image id="image0_0_1" width="258" height="258" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQIAAAECCAYAAAAVT9lQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAJJ0lEQVR4nO3dYZXjNhQGUDEohEAohEAohEAYCIawEAxhIQRCIQTCQmhX202bTWcmcWzpSda953y/J9JYL5EsyykBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD1/f49f37PXwXztVprgMXeUtkCkDNXaw2wyOF7zql8EXir1SBgmTw4v6XyReBUq0HA835L/8zVSxeAXGSOldoELPBHqvMrIP+N3yu1CXhS/hXwJZUvAIoANKrGbcFr8t/5rU6zgGfVWhBUBKBBtRYEFQFoVJ4KXJIiAMOqsUNQEYBG1Z4K/PXz7ykC0IjaU4GcuUrLgKecUt0CoAhAQ/JP8jwgFQEY1CHV2yCkCECDaj0rcJ8/azQOeGxK9QvAtQi4OwDBIm4NKgLQkJoPDCkC0KCo9QBFABpRe6uwIgANidofcM23pAhAqDwAo9YDrkXAyUIQKA/AqPUARQAacEqxRSBHEYBAkYuC15yKtxL40JwUARhWXhQ8p/gi4DVkEOSQYu8MXDOXbijwvug7A4oABIvcLnwbuwYhyCnFFwBFAALVet/go+RfI4fCbQXekefi0QXgWgRsGILKWrk9eM0fZZsL3It+cOg+p7LNBe5Fnib0XuayzQXutbJHQBGAIK0VAbcJobI8B2+pCDhhCCrLRSB64N8XAbcJoaLWikCO24RQ0ZTiB/19PFIMFc0pftDfZy7aYuAXLRYBLyeFilosApfkDgFU02IRcIcAKmnt4aHbuEMAFbT28NBtpoLtBn5quQh8Ldhu4KeWi4BnCKCClouAo8aggpaLQM6xXNOBrPUiYPswFNZ6EZjLNR3IWi8CFgehsNaLgMVBKKz1IpBj5yAU1EMRmIq1HuiiCNg5CAX1UAQuyeIgFNNDEfBYMRTUQxHIOZXqAKDd8wRuMxdrPdDkyUL3ceYgFNRDEbBpCArqoQjk2DQEhfRSBKZSHQCj+5LiB/gzOZfqABjdKcUP8GfibcVQSC9FIOdYqA9gaD0VgalQH8DQ8rdr9OB+NudCfQBDy/vy83w7eoA/E+sCUEBPRSDnWKYbYFz5m7WnIjCV6QYYVy9PEl5zLtMNMK7eioB1ASggf7tGD+4lOZbpBhjXnOIH9pJ8KdMNMK5enh+4xvkCsLFTih/YS+J8AdhYb0Ugx/kCsKG8YSh6UC/NXKQnaFb+h+d5oJ+AZfS2azDHy0oHk4vA9Z+fL9ZT7MfZnTyYLil+YC+N9xEM5LYI3Ca/osq3wXq9bRi65q1EZ9Cmj4rANflb7Bj26fYhF9ToQb003lM4kEdF4DZT0Gfs3ZI+biW2EA/klQvUQuIy+ad19KB+JccSnUF71nxLWUh8Tu6j6AH9SmwhHsSaInAbC4kf6/E2YY4txIPYqghcc0l+Rt47pD6LgFeXD2LrInCbqWI7WtbrbcIctwoHULIIXGMhsb9zBa5xq3AANYrANSMvJNbs563/Z9Z6di7q4hxtITEXv+gB/Wo8Vbhz0d9QlzTGQmJuY/RgfjVuFe5cdBG4zVS4rZF6vU2Yc0lj/WobTktF4Jo9LiT2fIcgx63CnWv14tzbQuI5xffpq5kK9AeNaf3n6h4WEucU34+vxu7BgZxS/AX3WS6p34XE1vv2sziAdEA9PAM/FWt9Gbl4RffZmtg9OKBejsbqZSExf8aWp1yPct6+S+hFLyfmtr6Q2PsdArsH6epwjFYXEucU3zdrYvcgP/SwXnDNJbW1kNhTIX0vHijiX72sF9xmKtITy+SCFN0Pa2JKwP/0eFFHLiTmv9vz4mDOcfNeYRemFH9xLk3EQmLvi4M5HijiU+cUf5G+kpoLiXOlNpXKJZkS8EC+QHr9yZsv8OP2XfKL3hcHc0r3ETuRL5Toi3VNpu275Ife+yXHlIBF8gUTfdGuydYLiT3/UrrtE1MCFut9QWzLhcTe+yLHGQO85JD6/xbMWbuQ2Puvo5xpRfvhx/bT6It4i1zSa4tke2i/MwbYxJziL+atMi1o9yHt4xeRKQGb2MMGmts8s5C4lzZPD9oJi/TyyPKzebSQODfwGdfGlIAi9rCZ5j7vLSTuYV0gx5SAYnp6ZPnZXNJ/C4mHtI91gend/x5sZA8baz4bPHtYFzAloIpjir/Y5eOYElDNlOIvePl/ps/+aVDCHn5G7ymmBIQ4pP2uF/QYUwLCnFL8ABBTAhowp/iBMHIuyePFNKDHU5D3lOPjfxHUsbctyL3EiUM0Z0rxA2OkXJIpAY06p/gBMkqOT/5PoLpDckuxRkwJaN5ent5rNV5VRjf2cM5fq/H2YrqxlxN+Wou3F9MdtxS3jSkB3drjqUZROS3se2jKOcUPot5zXtzr0JhDcktxTb6lbV/fBmHcUnw90wv9Dc2aU/yg6i0OG2F3PKW4PA4bYZfcUnw+04t9DF3IF3j0IGs9l2TPAAOw6/DzHF/vWujHIbml+FHmFf0K3Tml+EHXWmwjZkh7fJfimpzWdSf0ac/vUlya88q+hK4dU/wgjI5txJAcZDKt70Lo38gHmdhGDDdG3XV43KLzYE/yT+TogVkzTiOGD5xT/ACtEXsG4BOHNMYtRacRwwN7P+vwvF1Xwb7tedfhYcN+gl3b667DactOghHs7azDy7bdA+OYU/wA3irHjfsGhrGXsw7nrTsGRpO/SaMH8prYMwAb6fnBpLcC/QFD6nWK4KEi2FiPDyZ5NwEUMKX4wf1sPFQEBfVwdoEFQiishynCqVjrgX+1PEU4F2w3cKfVKcKhZKOBX7U4RZiKthh4V0tThEuyQAhhWpkiOHUIArUwRTgXbyXwUPQU4VC+icAzoqYIU43GAc+JmCJckgVCaE7tKYIFQmhUrSnCuVaDgOVqTREOtRoEvKb0FGGq1xRgjVJTBAuE0JFSU4RTzUYA6209RbBACB3a+tBTZxBCp45pmyLgDELo3Nr3IjiDEHZg7RTBAiHsxKtvV/aSEtiZr2l5ITiGfFKgmDxFyPP9Z4vAHPMxgdLyS0mfXSA8BH1GoIK8MehRIZjCPh1QxaPtx5e4jwbUlL/xPyoEDhyBQXy0t+Ac+aGA+t7bW+B5AhjQ7d4CzxPAoPItwm/J8wQwvLxw+Bb9IQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4DV/A/Mf3+pWEmbtAAAAAElFTkSuQmCC"/>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 4.0 KiB

9
invoice_format_editor/static/description/assets/misc/whatsapp 1.svg

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 38 KiB

33
invoice_format_editor/static/description/assets/misc/whatsapp.svg

@ -0,0 +1,33 @@
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="3116884_whatsapp_square_chat_design_message_icon 1" clip-path="url(#clip0_81_382)">
<g id="layer1">
<path id="rect3851" d="M74.6066 0.72168H5.5424C2.75742 0.72168 0.499756 2.97935 0.499756 5.76433V74.8286C0.499756 77.6135 2.75742 79.8712 5.5424 79.8712H74.6066C77.3916 79.8712 79.6492 77.6135 79.6492 74.8286V5.76433C79.6492 2.97935 77.3916 0.72168 74.6066 0.72168Z" fill="#39BB59"/>
<g id="Clip path group">
<mask id="mask0_81_382" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="6" y="9" width="75" height="72">
<g id="clipPath4206">
<path id="rect4208" d="M75.7716 9.01709H11.1629C8.55758 9.01709 6.44556 11.0471 6.44556 13.5512V75.6502C6.44556 78.1543 8.55758 80.1843 11.1629 80.1843H75.7716C78.3769 80.1843 80.4889 78.1543 80.4889 75.6502V13.5512C80.4889 11.0471 78.3769 9.01709 75.7716 9.01709Z" fill="white"/>
</g>
</mask>
<g mask="url(#mask0_81_382)">
<g id="g4145" opacity="0.489612">
<g id="g4147">
<path id="path4149" d="M68.2374 43.1284C68.2374 55.8115 57.2611 66.0932 43.7212 66.0932L196.51 212.946C210.049 212.946 221.026 202.665 221.026 189.982L68.2374 43.1284Z" fill="black" fill-opacity="0.0588235"/>
<path id="path4151" d="M43.7211 66.0932C36.8369 66.0932 30.6154 63.4353 26.1624 59.1553L178.951 206.008C183.404 210.289 189.625 212.946 196.51 212.946L43.7211 66.0932Z" fill="black" fill-opacity="0.0588235"/>
<path id="path4153" d="M26.1623 59.1553C21.8571 55.0173 19.2048 49.363 19.2048 43.1284L171.993 189.982C171.993 196.216 174.645 201.87 178.951 206.008L26.1623 59.1553Z" fill="black" fill-opacity="0.0588235"/>
<path id="path4155" d="M19.2048 43.1284C19.2048 30.4453 30.1811 20.1636 43.7211 20.1636L196.509 167.017C182.969 167.017 171.993 177.299 171.993 189.982L19.2048 43.1284Z" fill="black" fill-opacity="0.0588235"/>
<path id="path4157" d="M43.7212 20.1636C50.6054 20.1636 56.8269 22.8215 61.2799 27.1015L214.068 173.955C209.615 169.675 203.394 167.017 196.51 167.017L43.7212 20.1636Z" fill="black" fill-opacity="0.0588235"/>
<path id="path4159" d="M61.2798 27.1016C65.585 31.2396 68.2373 36.8939 68.2373 43.1284L221.026 189.982C221.026 183.747 218.373 178.093 214.068 173.955L61.2798 27.1016Z" fill="black" fill-opacity="0.0588235"/>
</g>
<path id="path4111" d="M68.2373 43.1284C68.2373 55.8115 57.261 66.0932 43.7211 66.0932C30.1811 66.0932 19.2048 55.8115 19.2048 43.1284C19.2048 30.4453 30.1811 20.1636 43.7211 20.1636C57.261 20.1636 68.2373 30.4453 68.2373 43.1284Z" fill="black" fill-opacity="0.0588235"/>
</g>
</g>
</g>
<path id="path4074" d="M51.3896 43.6875C51.9673 43.9879 52.337 44.1497 52.4526 44.3808C52.5912 44.635 52.545 45.7904 51.9673 47.1076C51.5051 48.4017 49.1018 49.6496 48.0388 49.6958C46.9758 49.7421 46.9527 50.5277 41.1985 48.0089C35.4444 45.49 31.9781 39.3431 31.7008 38.9502C31.4235 38.5574 29.4823 35.7612 29.5748 32.9188C29.6903 30.0995 31.1693 28.7592 31.7701 28.2046C32.3247 27.6037 32.9487 27.5344 33.3415 27.6037H34.4276C34.7743 27.6037 35.2596 27.4651 35.6986 28.6437L37.2931 32.965C37.4318 33.2654 37.5242 33.6121 37.3163 33.9818L36.6923 34.9293L35.7911 35.8998C35.5138 36.1771 35.1902 36.4776 35.5138 37.0553C35.7911 37.6561 36.9465 39.5741 38.5641 41.1687C40.667 43.2022 42.5158 43.8724 43.0704 44.1728C43.625 44.4963 43.9716 44.4501 44.3182 44.0804L46.1901 41.9081C46.6291 41.3304 46.9989 41.4691 47.5304 41.6539L51.3896 43.6875ZM40.4128 16.0493C46.5417 16.0493 52.4195 18.484 56.7533 22.8178C61.0871 27.1515 63.5217 33.0293 63.5217 39.1582C63.5217 45.287 61.0871 51.1649 56.7533 55.4986C52.4195 59.8324 46.5417 62.2671 40.4128 62.2671C35.8604 62.2671 31.6315 60.9498 28.0496 58.6852L17.304 62.2671L20.8858 51.5214C18.6212 47.9396 17.304 43.7106 17.304 39.1582C17.304 33.0293 19.7386 27.1515 24.0724 22.8178C28.4061 18.484 34.284 16.0493 40.4128 16.0493ZM40.4128 20.6711C35.5098 20.6711 30.8075 22.6188 27.3405 26.0858C23.8735 29.5528 21.9257 34.2551 21.9257 39.1582C21.9257 43.1329 23.1736 46.8072 25.2996 49.8114L23.0812 56.4898L29.7596 54.2714C32.7638 56.3974 36.4381 57.6453 40.4128 57.6453C45.3159 57.6453 50.0182 55.6975 53.4852 52.2305C56.9522 48.7635 58.9 44.0613 58.9 39.1582C58.9 34.2551 56.9522 29.5528 53.4852 26.0858C50.0182 22.6188 45.3159 20.6711 40.4128 20.6711Z" fill="white"/>
</g>
</g>
<defs>
<clipPath id="clip0_81_382">
<rect width="80" height="80" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
invoice_format_editor/static/description/assets/modules/1.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 80 KiB

BIN
invoice_format_editor/static/description/assets/modules/2.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 KiB

BIN
invoice_format_editor/static/description/assets/modules/3.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 87 KiB

BIN
invoice_format_editor/static/description/assets/modules/4.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

BIN
invoice_format_editor/static/description/assets/modules/5.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 79 KiB

BIN
invoice_format_editor/static/description/assets/modules/6.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 82 KiB

BIN
invoice_format_editor/static/description/assets/screenshots/hero.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 166 KiB

BIN
invoice_format_editor/static/description/assets/screenshots/screenshot1.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 169 KiB

BIN
invoice_format_editor/static/description/assets/screenshots/screenshot2.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 126 KiB

BIN
invoice_format_editor/static/description/assets/screenshots/screenshot3.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 161 KiB

BIN
invoice_format_editor/static/description/assets/screenshots/screenshot4.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

BIN
invoice_format_editor/static/description/assets/screenshots/screenshot5.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

BIN
invoice_format_editor/static/description/assets/screenshots/screenshot6.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

BIN
invoice_format_editor/static/description/banner.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

BIN
invoice_format_editor/static/description/icon.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

778
invoice_format_editor/static/description/index.html

@ -0,0 +1,778 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Invoice Format Editor</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"
rel="stylesheet">
</head>
<body>
<section>
<div class="container"
style="font-family: 'Inter', sans-serif !important;background-color: #fff !important;">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12 d-flex justify-content-between flex-wrap align-items-sm-center"
style="border-bottom:1px solid rgba(0, 0, 0, 0.22)">
<div class="my-3">
<img src="assets/misc/Cybrosys R.png"
style="width:auto !important; height:40px !important">
</div>
<div class="my-3 d-flex align-items-center">
<div class="text-center"
style="background-color:#017E84 !important;font-size: 0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width: 120px !important;">
Community
</div>
<div class="text-center"
style="background-color:#875A7B !important; color:#fff !important;font-size: 0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important;min-width: 120px !important;">
Enterprise
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12 text-center d-flex align-items-center flex-column"
style="margin: 80px 0px !important;">
<h1 style="font-size: 2.8rem;font-weight: 700; color:
#1A202C;">
Invoice Format Editor</h1>
<p class="my-3 mb-4"
style="max-width: 80%; font-weight: 400 !important; line-height: 32px; color: #718096;">
A Module For Configuring the Invoice Templates
</p>
<div style="width: 80%; margin-top: 3rem;">
<img src="assets/screenshots/hero.gif"
class="img-responsive" width="100%" height="auto">
</div>
</div>
</div>
<div class="container mt-5 mb-5">
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-4">
<p class="m-0"
style="font-weight: 600; font-size: 24px; color:#714b67 !important">
Key Highlights
</p>
</div>
<div class="row py-4">
<div class="col-md-6 col-sm-12 p-3">
<div class="d-flex h-100" style="padding: 30px;border-radius: 12px;
background: #FFF;
box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.25); ">
<div style="width: 36px; height: 36px; border-radius: 50%; background: #714B67;
display: flex; justify-content: center; align-items: center;
margin-right: 10px; flex-shrink: 0;">
<i class="fa-solid fa-star "
style="color: #fff;font-size:14px;"></i>
</div>
<div>
<p style="color: #1A202C;font-weight: 600;
font-size: 1.2rem; margin-bottom: 2px;">
Configure the layout</p>
<p class="m-0" style="color:#718096">Configure the
layout for the invoice.
</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 p-3">
<div class="d-flex h-100" style="padding: 30px;border-radius: 12px;
background: #FFF;
box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.25); ">
<div style="width: 36px; height: 36px; border-radius: 50%; background: #714B67;
display: flex; justify-content: center; align-items: center;
margin-right: 10px; flex-shrink: 0;">
<i class="fa-solid fa-star "
style="color: #fff;font-size:14px;"></i>
</div>
<div>
<p style="color: #1A202C;font-weight: 600;
font-size: 1.2rem; margin-bottom: 2px;">
Configure the position of fields</p>
<p class="m-0" style="color:#718096">Configure the
position of fields in the invoice report.
</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 p-3">
<div class="d-flex h-100" style="padding: 30px;border-radius: 12px;
background: #FFF;
box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.25); ">
<div style="width: 36px; height: 36px; border-radius: 50%; background: #714B67;
display: flex; justify-content: center; align-items: center;
margin-right: 10px; flex-shrink: 0;">
<i class="fa-solid fa-star "
style="color: #fff;font-size:14px;"></i>
</div>
<div>
<p style="color: #1A202C;font-weight: 600;
font-size: 1.2rem; margin-bottom: 2px;">
Hide option for the invoice fields</p>
<p class="m-0" style="color:#718096">You can hide
the invoice fields from the report.
</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 p-3">
<div class="d-flex h-100" style="padding: 30px;border-radius: 12px;
background: #FFF;
box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.25); ">
<div style="width: 36px; height: 36px; border-radius: 50%; background: #714B67;
display: flex; justify-content: center; align-items: center;
margin-right: 10px; flex-shrink: 0; ">
<i class="fa-solid fa-star "
style="color: #fff;font-size:14px;"></i>
</div>
<div>
<p style="color: #1A202C;font-weight: 600;
font-size: 1.2rem; margin-bottom: 2px;">
Edit the theme</p>
<p class="m-0" style="color:#718096">You can
customize the theme for the report.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="container rounded">
<ul class="nav nav-tabs d-flex"
style="width: fit-content;margin: 0 auto;gap: 1rem;">
<li class="col text-center py-2 text-nowrap "
style="color: #fff; background-color: #714B67;border-radius: 6px 6px 0px 0px;">
<a
class="active show" data-toggle="tab" href="#tab1"
style="color: #fff;font-weight: 500; background-color: #714B67; text-decoration: none;">
<i class="fa-regular fa-image pr-2"
style="color: #fff;"></i>
Screenshots</a></li>
<li class="col text-center py-2 text-nowrap "
style="color: #fff; background-color: #714B67;border-radius: 6px 6px 0px 0px;">
<a
data-toggle="tab" href="#tab2"
style="color: #fff;font-weight: 500; text-decoration: none;"><i
class="fa-solid fa-star pr-2"
style="color: #fff;"></i>Features</a></li>
<li class="col text-center py-2 text-nowrap "
style="color: #fff; background-color: #714B67;border-radius: 6px 6px 0px 0px;">
<a
data-toggle="tab" href="#tab3"
style="color: #fff;font-weight: 500; text-decoration: none; background-color: #714B67;"><i
class="fa-solid fa-book-open pr-2"
style="color: #fff;"></i>Released Notes</a></li>
</ul>
<div class="tab-content"
style="background-color: rgba(121, 113, 119, 0.04);">
<div id="tab1" class="tab-pane fade in active show">
<div class="col-lg-12 py-2"
style="padding: 1rem 4rem !important;">
<div
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);">
<div class="row justify-content-center p-3 w-100 m-0">
<img src="assets/screenshots/screenshot1.png"
class="img-responsive" width="100%"
height="auto">
</div>
<div class="px-3">
<h4 class="mt-2"
style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important">
Document layout configuration</h4>
<p>From Document layout configuration in
settings, user can select and configure the
invoice document layout
</p>
</div>
</div>
</div>
<div class="col-lg-12 py-2"
style="padding: 1rem 4rem !important;">
<div
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);">
<div class="row justify-content-center p-3 w-100 m-0">
<img src="assets/screenshots/screenshot2.png"
class="img-responsive" width="100%"
height="auto">
</div>
<div class="px-3">
<h4 class="mt-2"
style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important">
Invoice Layout Configuration</h4>
<p>User can configure the text positions, text
colors and invoice fields.</p>
</div>
</div>
</div>
<div class="col-lg-12 py-2"
style="padding: 1rem 4rem !important;">
<div
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);">
<div class="row justify-content-center p-3 w-100 m-0">
<img src="assets/screenshots/screenshot3.png"
class="img-responsive" width="100%"
height="auto">
</div>
<div class="px-3">
<h4 class="mt-2"
style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important">
Print Invoice</h4>
</div>
</div>
</div>
<div class="col-lg-12 py-2"
style="padding: 1rem 4rem !important;">
<div
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);">
<div class="row justify-content-center p-3 w-100 m-0">
<img src="assets/screenshots/screenshot5.png"
class="img-responsive" width="100%"
height="auto">
</div>
<div class="px-3">
<h4 class="mt-2"
style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important">
Normal Template</h4>
</div>
</div>
</div>
<div class="col-lg-12 py-2"
style="padding: 1rem 4rem !important;">
<div
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);">
<div class="row justify-content-center p-3 w-100 m-0">
<img src="assets/screenshots/screenshot4.png"
class="img-responsive" width="100%"
height="auto">
</div>
<div class="px-3">
<h4 class="mt-2"
style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important">
Modern Template</h4>
</div>
</div>
</div>
<div class="col-lg-12 py-2"
style="padding: 1rem 4rem !important;">
<div
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);">
<div class="row justify-content-center p-3 w-100 m-0">
<img src="assets/screenshots/screenshot6.png"
class="img-responsive" width="100%"
height="auto">
</div>
<div class="px-3">
<h4 class="mt-2"
style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important">
Old Standard Template</h4>
</div>
</div>
</div>
</div>
<div id="tab2" class="tab-pane fade">
<div class="col-mg-12" style="padding: 1rem 4rem;">
<ul style="list-style: none; padding: 1rem 0;font-weight: 500;">
<li class="py-3"
style="font-weight: 500;background-color: #fff; border-radius: 4px; padding: 1rem; margin-bottom: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);">
<span style="margin-right: 12px;"><img
src="assets/misc/star (1) 2.svg"
alt=""
width="16px"></span>Configure the
layout
</li>
<li class="py-3"
style="font-weight: 500;background-color: #fff; border-radius: 4px; padding: 1rem; margin-bottom: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);">
<span style="margin-right: 12px;"><img
src="assets/misc/star (1) 2.svg"
alt=""
width="16px"></span>Configure the
position of fields
</li>
<li class="py-3"
style="font-weight: 500;background-color: #fff; border-radius: 4px; padding: 1rem; margin-bottom: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);">
<span style="margin-right: 12px;"><img
src="assets/misc/star (1) 2.svg"
alt=""
width="16px"></span>Hide option for
the invoice fields
</li>
<li class="py-3"
style="font-weight: 500;background-color: #fff; border-radius: 4px; padding: 1rem; margin-bottom: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);">
<span style="margin-right: 12px;"><img
src="assets/misc/star (1) 2.svg"
alt=""
width="16px"></span>Edit the theme
</li>
</ul>
</div>
</div>
<div id="tab3" class="tab-pane fade">
<div class="col-mg-12 active" style="padding: 1rem 4rem;">
<div class="py-3"
style="font-weight: 500;background-color: #fff; border-radius: 4px; padding: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);">
<div class="d-flex mb-3"
style="font-size: 0.8rem; font-weight: 500;"><span>Version
17.0.1.0.0</span><span
class="px-2">|</span><span
style="color: #714B67;font-weight: 600;">Released on:3rd November 2023</span>
</div>
<p class="m-0"
style=" color:#718096!important; font-size:1rem !important;line-height: 28px;">
Initial Commit for Invoice Format Editor.</p>
</div>
</div>
</div>
</div>
</div>
<div class="container mt-5">
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-5">
<p class="m-0"
style="font-weight: 600; font-size: 24px; color:#000 !important">
Related Products</p>
</div>
</div>
<div id="myCarousel" class="carousel slide py-3" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row p-4">
<div class="col">
<div class="p-3">
<a href="https://apps.odoo.com/apps/modules/16.0/account_payment_approval/#"
style="color: #000; text-decoration: none;">
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;">
<div style="width: 300px; ">
<img src="assets/modules/1.png"
alt="" width="100%"
height="auto">
</div>
<p class="text-center pt-2 text-black font-weight-bold">
Account Payment Approval</p>
</div>
</a>
</div>
</div>
<div class="col">
<div class="p-3">
<a href="https://apps.odoo.com/apps/modules/16.0/invoice_multi_approval/"
style="color: #000; text-decoration: none;">
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;">
<div style="width: 300px; ">
<img src="assets/modules/2.png"
alt="" width="100%"
height="auto">
</div>
<p class="text-center pt-2 text-black font-weight-bold">
Invoice Multi Level Approval</p>
</div>
</a>
</div>
</div>
<div class="col">
<div class="p-3">
<a href="https://apps.odoo.com/apps/modules/16.0/total_payable_receivable/#"
style="color: #000; text-decoration: none;">
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;">
<div style="width: 300px; ">
<img src="assets/modules/3.png"
alt="" width="100%"
height="auto">
</div>
<p class="text-center pt-2 text-black font-weight-bold">
Payable And Receivable Amounts</p>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row p-4">
<div class="col">
<div class="p-3">
<a href="https://apps.odoo.com/apps/modules/16.0/multiple_payment_for_outstanding_dues/"
style="color: #000; text-decoration: none;">
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;">
<div style="width: 300px; ">
<img src="assets/modules/4.jpg"
alt="" width="100%"
height="auto">
</div>
<p class="text-center pt-2 text-black font-weight-bold">
Multiple Payment For Outstanding
Dues</p>
</div>
</a>
</div>
</div>
<div class="col">
<div class="p-3">
<a href="https://apps.odoo.com/apps/modules/16.0/invoice_mini_dashboard/"
style="color: #000; text-decoration: none;">
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;">
<div style="width: 300px;">
<img src="assets/modules/5.png"
alt="" width="100%"
height="auto">
</div>
<p class="text-center pt-2 text-black font-weight-bold">
Invoice Mini Dashboard</p>
</div>
</a>
</div>
</div>
<div class="col">
<div class="p-3">
<a href="https://apps.odoo.com/apps/modules/16.0/account_move_multi_cancel/"
style="color: #000; text-decoration: none;">
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;">
<div style="width: 300px;">
<img src="assets/modules/6.png"
alt="" width="100%"
height="auto">
</div>
<p class="text-center pt-2 text-black font-weight-bold">
Mass Journal Entry Cancel
</p>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#myCarousel"
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="#myCarousel"
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 class="container mt-5">
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-4">
<p class="m-0"
style="font-weight: 600; font-size: 24px; color:#000 !important">
Our Services</p>
</div>
</div>
<div class="container my-5">
<div class="row py-3">
<div class="col-md-4 col-sm-6 px-4 py-4">
<div
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; position: relative;border-radius: 4px;">
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);">
<div style="background-color:#13EA36 ; border-radius: 50%; padding: 15px; width: 68px;
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);">
<img src="assets/icons/cogs.png"
alt="service-icon" width="38px"
height="auto">
</div>
</div>
<p style="margin-top: 20px; font-weight: bold;">Odoo
Customization</p>
</div>
</div>
<div class="col-md-4 col-sm-6 px-4 py-4">
<div
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; position: relative;border-radius: 4px;">
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);">
<div style="background-color:#DBC711; border-radius: 50%; padding: 15px; width: 68px;
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);">
<img src="assets/icons/wrench.png"
alt="service-icon" width="38px"
height="auto">
</div>
</div>
<p style="margin-top: 20px; font-weight: bold;">Odoo
Implementation</p>
</div>
</div>
<div class="col-md-4 col-sm-6 px-4 py-4">
<div
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; position: relative; border-radius: 4px;">
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);">
<div style="background-color:#FF6B6B ; border-radius: 50%; padding: 15px; width: 68px;
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);">
<img src="assets/icons/lifebuoy.png"
alt="service-icon" width="38px"
height="auto">
</div>
</div>
<p style="margin-top: 20px; font-weight: bold;">Odoo
Support</p>
</div>
</div>
<div class="col-md-4 col-sm-6 px-4 py-4">
<div
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; position: relative; border-radius: 4px;">
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);">
<div style="background-color:#FFA801 ; border-radius: 50%; padding: 15px; width: 68px;
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);">
<img src="assets/icons/user.png"
alt="service-icon" width="38px"
height="auto">
</div>
</div>
<p style="margin-top: 20px; font-weight: bold;">Hire
Odoo Developer</p>
</div>
</div>
<div class="col-md-4 col-sm-6 px-4 py-4">
<div
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; position: relative; border-radius: 4px;">
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);">
<div style="background-color:#54A0FF; border-radius: 50%; padding: 15px; width: 68px;
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);">
<img src="assets/icons/puzzle.png"
alt="service-icon" width="38px"
height="auto">
</div>
</div>
<p style="margin-top: 20px; font-weight: bold;">Odoo
Integration</p>
</div>
</div>
<div class="col-md-4 col-sm-6 px-4 py-4">
<div
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; position: relative;border-radius: 4px;">
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);">
<div style="background-color:#6D7680 ; border-radius: 50%; padding: 15px; width: 68px;
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);">
<img src="assets/icons/update.png"
alt="service-icon" width="38px"
height="auto">
</div>
</div>
<p style="margin-top: 20px; font-weight: bold;">Odoo
Migration</p>
</div>
</div>
<div class="col-md-4 col-sm-6 px-4 py-4">
<div
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; position: relative;border-radius: 4px;">
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);">
<div style="background-color:#786FA6 ; border-radius: 50%; padding: 15px; width: 68px;
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);">
<img src="assets/icons/consultation.png"
alt="service-icon" width="38px"
height="auto">
</div>
</div>
<p style="margin-top: 20px; font-weight: bold;">Odoo
Consultancy</p>
</div>
</div>
<div class="col-md-4 col-sm-6 px-4 py-4">
<div
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;position: relative;border-radius: 4px;">
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);">
<div style="background-color:#F8A5C2 ; border-radius: 50%; padding: 15px; width: 68px;
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);">
<img src="assets/icons/training.png"
alt="service-icon" width="38px"
height="auto">
</div>
</div>
<p style="margin-top: 20px; font-weight: bold;">Odoo
Implementation</p>
</div>
</div>
<div class="col-md-4 col-sm-6 px-4 py-4">
<div
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; position: relative;border-radius: 4px;">
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);">
<div style="background-color:#E6BE26; border-radius: 50%; padding: 15px; width: 68px;
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);">
<img src="assets/icons/license.png"
alt="service-icon" width="38px"
height="auto">
</div>
</div>
<p style="margin-top: 20px; font-weight: bold;">Odoo
Licensing Consultancy</p>
</div>
</div>
</div>
</div>
<div class="container mt-5">
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-4">
<p class="m-0"
style="font-weight: 600; font-size: 24px; color:#000 !important">
Our Industries</p>
</div>
</div>
<div class="container">
<div class="row my-5 py-4">
<div class="col-md-3 col-sm-6 p-0">
<div class="d-flex flex-column h-100 "
style="border-right: 1px solid rgb(209, 209, 209); border-bottom: 1px solid rgb(209, 209, 209); padding: 30px; box-shadow: 6px 0 10px rgba(228, 227, 227, 0.373);">
<img src="assets/icons/trading-black.png" width="42px"
height="auto" alt="">
<p style="color: #714B67;font-weight: 600; margin-top: 10px;
font-size: 1.2rem; margin-bottom: 2px;">Trading</p>
<p>Easily procure and sell your products</p>
</div>
</div>
<div class="col-md-3 col-sm-6 p-0">
<div class="d-flex flex-column h-100"
style="border-right: 1px solid rgb(209, 209, 209);border-bottom: 1px solid rgb(209, 209, 209); padding: 30px;">
<img src="assets/icons/pos-black.png" width="42px"
height="auto" alt="">
<p style="color: #714B67;font-weight: 600; margin-top: 10px;
font-size: 1.2rem; margin-bottom: 2px;">POS</p>
<p>Easy configuration and convivial experience</p>
</div>
</div>
<div class="col-md-3 col-sm-6 p-0">
<div class="d-flex flex-column h-100"
style="border-right: 1px solid rgb(209, 209, 209);border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 30px; box-shadow: 0 5px 10px rgba(228, 227, 227, 0.373)">
<img src="assets/icons/education-black.png" width="42px"
height="auto" alt="">
<p style="color: #714B67;font-weight: 600; margin-top: 10px;
font-size: 1.2rem; margin-bottom: 2px;">
Education</p>
<p>A platform for educational management</p>
</div>
</div>
<div class="col-md-3 col-sm-6 p-0">
<div class="d-flex flex-column h-100"
style="border-bottom: 1px solid rgb(209, 209, 209); padding: 30px; ">
<img src="assets/icons/manufacturing-black.png"
width="42px" height="auto" alt="">
<p style="color: #714B67;font-weight: 600; margin-top: 10px;
font-size: 1.2rem; margin-bottom: 2px;">
Manufacturing</p>
<p>Plan, track and schedule your operations</p>
</div>
</div>
<div class="col-md-3 col-sm-6 p-0">
<div class="d-flex flex-column h-100"
style="border-right: 1px solid rgb(209, 209, 209); padding: 30px;">
<img src="assets/icons/ecom-black.png" width="42px"
height="auto" alt="">
<p style="color: #714B67;font-weight: 600; margin-top: 10px;
font-size: 1.2rem; margin-bottom: 2px;">E-commerce &
Website</p>
<p>Mobile friendly, awe-inspiring product pages</p>
</div>
</div>
<div class="col-md-3 col-sm-6 p-0">
<div class="d-flex flex-column h-100"
style="border-right: 1px solid rgb(209, 209, 209); padding: 30px;box-shadow: 0 -5px 10px rgba(228, 227, 227, 0.373);">
<img src="assets/icons/service-black.png" width="42px"
height="auto" alt="">
<p style="color: #714B67;font-weight: 600; margin-top: 10px;
font-size: 1.2rem; margin-bottom: 2px;">Service
Management</p>
<p>Keep track of services and invoice</p>
</div>
</div>
<div class="col-md-3 col-sm-6 p-0">
<div class="d-flex flex-column h-100"
style="border-right: 1px solid rgb(209, 209, 209); padding: 30px; ">
<img src="assets/icons/restaurant-black.png"
width="42px" height="auto" alt="">
<p style="color: #714B67;font-weight: 600; margin-top: 10px;
font-size: 1.2rem; margin-bottom: 2px;">
Restaurant</p>
<p>Run your bar or restaurant methodically</p>
</div>
</div>
<div class="col-md-3 col-sm-6 p-0">
<div class="d-flex flex-column h-100"
style=" padding: 30px;box-shadow: -5px 0 10px rgba(228, 227, 227, 0.373);">
<img src="assets/icons/hotel-black.png" width="42px"
height="auto" alt="">
<p style="color: #714B67;font-weight: 600; margin-top: 10px;
font-size: 1.2rem; margin-bottom: 2px;">Hotel
Management</p>
<p>An all-inclusive hotel management application</p>
</div>
</div>
</div>
</div>
<div class="container mt-5">
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-5">
<p class="m-0"
style="font-weight: 600; font-size: 24px; color:#000 !important">
Support</p>
</div>
</div>
<div class="container my-5">
<div class="row" style="background-color: #FFFAFE;">
<div class="col-md-6 pb-4 d-flex align-items-center justify-content-center"
style="border-right: 1px solid #D9D9D9;">
<div style="padding: 30px;">
<div class="d-flex align-items-center">
<img src="assets/misc/support (1) 1.svg" alt=""
width="60px" style="margin-right: 12px;">
<div style="padding: 0px 8px;">
<span
style="color: #714B67;font-size: 24px;font-weight: 600;padding-bottom: 1rem;">Need
Help?</span>
<p class="m-0" style="color:#718096;">Got
questions or need help? Get in touch.</p>
<div style="font-weight: 400;"><span><img
src="assets/misc/support-email.svg"
alt=""
width="18px"
style="filter: invert(1);margin-right: 0.8rem;"></span>odoo@cybrosys.com
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 pb-4 d-flex align-items-center justify-content-center">
<div style="padding: 30px;">
<div class="d-flex align-items-center">
<img src="assets/misc/whatsapp 1.svg" alt=""
width="60px" style="margin-right: 12px;">
<div>
<span style="color: #714B67;font-size: 24px;font-weight: 600;">WhatsApp</span>
<p class="m-0" style="color:#718096;">Say hi to
us on WhatsApp!</p>
<div style="font-weight: 400; font-size: 16px;"><span><img
src="assets/misc/phone.svg"
alt="" width="14px"
style="filter: invert(1); margin-right: 0.8rem;"></span>+91
99456767686
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>

17
invoice_format_editor/views/base_document_layout_views.xml

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8"?>
<odoo>
<!--Configuration View-->
<record id="base_new_layout" model="ir.ui.view">
<field name="name">base.layout.new</field>
<field name="model">base.document.layout</field>
<field name="inherit_id" ref="web.view_base_document_layout"/>
<field name="arch" type="xml">
<field name="paperformat_id" position="after">
<field name="base_layout" required="1"
invisible="paperformat_id == 3"/>
<field name="document_layout_id"
invisible="base_layout == 'default' or paperformat_id == 3"/>
</field>
</field>
</record>
</odoo>

356
invoice_format_editor/views/custom_external_layout_templates.xml

@ -0,0 +1,356 @@
<?xml version="1.0" encoding="UTF-8"?>
<odoo>
<!--STANDARD Layout-->
<!--Inherited the standard external layout for changing company address position-->
<template id="custom_external_layout_standard"
inherit_id="web.external_layout_standard">
<xpath expr="//div/div[1]" position="replace">
<t t-if="model == 'account.move'">
<div class="row">
<div style="width:50%;"
t-attf-class="{{'ms-auto' if company.document_layout_id.logo_position == 'right' else 'd-flex justify-content-start'}}">
<div class="d-flex justify-content-end">
<img t-if="company.logo"
t-att-src="image_data_uri(company.logo)"
style="max-height:40px;max-width:140%"
alt="Logo"/>
</div>
</div>
</div>
<div>
<t t-if="company.report_header">
<div style="width:50%;"
t-attf-class="{{'ms-auto' if company.document_layout_id.tagline_position == 'right' else 'd-flex justify-content-start'}}">
<div class="d-flex justify-content-end">
<div t-esc="company.report_header"/>
</div>
</div>
</t>
</div>
</t>
<t t-else="">
<div class="row">
<div class="col-3 mb4">
<img t-if="company.logo"
t-att-src="image_data_uri(company.logo)"
style="max-height: 45px;" alt="Logo"/>
</div>
<div class="col-9 text-end" style="margin-top:22px;"
t-field="company.report_header" name="moto"/>
</div>
</t>
</xpath>
<xpath expr="//div[@name='company_address']" position="replace">
<t t-if="model == 'account.move'">
<div class="row"
t-attf-style="color:#{company.document_layout_id.company_text_color};">
<div style="width:50%;"
t-attf-class="{{'ms-auto' if company.document_layout_id.company_position == 'right' else ''}}">
<div itemprop="address"
class="address">
<ul class="list-unstyled">
<li t-if="company.is_company_details_empty">
<t t-esc="company.partner_id"
t-options='{"widget": "contact", "fields": ["address", "name"], "no_marker": true}'/>
</li>
<li t-else="">
<t t-esc="company.company_details"/>
</li>
<li t-if="forced_vat">
<t t-esc="company.country_id.vat_label or 'Tax ID'"/>
:
<span t-esc="forced_vat"/>
</li>
</ul>
</div>
</div>
</div>
</t>
<t t-else="">
<div class="col-6" name="company_address">
<ul class="list-unstyled">
<li t-if="company.is_company_details_empty">
<t t-esc="company.partner_id"
t-options='{"widget": "contact", "fields": ["address", "name"], "no_marker": true}'/>
</li>
<li t-else="">
<t t-esc="company.company_details"/>
</li>
<li t-if="forced_vat">
<t t-esc="company.country_id.vat_label or 'Tax ID'"/>
:
<span t-esc="forced_vat"/>
</li>
</ul>
</div>
</t>
</xpath>
</template>
<!--BOXED Layout-->
<!--Inherited the boxed external layout for changing company address position-->
<template id="custom_external_layout_boxed"
inherit_id="web.external_layout_boxed">
<xpath expr="//div[hasclass('o_boxed_header')]" position="replace">
<t t-if="model == 'account.move'">
<div>
<div id="boxed_header">
<div class="row">
<div style="width:50%;"
t-attf-class="{{'ms-auto' if company.document_layout_id.logo_position == 'right' else 'd-flex justify-content-start'}}">
<div class="d-flex justify-content-end">
<img t-if="company.logo"
t-att-src="image_data_uri(company.logo)"
style="max-height:40px;max-width:140%"
alt="Logo"/>
</div>
</div>
</div>
<div>
<t t-if="company.report_header">
<div style="width:50%;"
t-attf-class="{{'ms-auto' if company.document_layout_id.tagline_position == 'right' else 'd-flex justify-content-start'}}">
<div class="d-flex justify-content-end">
<div t-esc="company.report_header"/>
</div>
</div>
</t>
</div>
<div class="row"
t-attf-style="color:#{company.document_layout_id.company_text_color};">
<div style="width:50%;"
t-attf-class="{{'ms-auto' if company.document_layout_id.company_position == 'right' else ''}}">
<div itemprop="address"
class="address">
<ul class="list-unstyled">
<li t-if="company.is_company_details_empty">
<t t-esc="company.partner_id"
t-options='{"widget": "contact", "fields": ["address", "name"], "no_marker": true}'/>
</li>
<li t-else="">
<t t-esc="company.company_details"/>
</li>
<li t-if="forced_vat">
<t t-esc="company.country_id.vat_label or 'Tax ID'"/>
:
<span t-esc="forced_vat"/>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</t>
<t t-else="">
<div class="boxed_header">
<div class="row">
<div class="col-6">
<img t-if="company.logo"
t-att-src="image_data_uri(company.logo)"
style="max-height:65pt;max-width:140%"
alt="Logo"/>
</div>
<div class="col-6 text-end mb4">
<div class="mt0 h4"
t-field="company.report_header"/>
<div name="company_address" class="float-end mb4">
<ul class="list-unstyled">
<li t-if="company.is_company_details_empty">
<t t-esc="company.partner_id"
t-options='{"widget": "contact", "fields": ["address", "name"], "no_marker": true}'/>
</li>
<li t-else="">
<t t-esc="company.company_details"/>
</li>
<li t-if="forced_vat">
<t t-esc="company.country_id.vat_label or 'Tax ID'"/>
:
<span t-esc="forced_vat"/>
</li>
</ul>
</div>
</div>
</div>
</div>
</t>
</xpath>
</template>
<!--BOLD Layout-->
<!--Inherited the bold external layout for changing company address position-->
<template id="custom_external_layout_bold"
inherit_id="web.external_layout_bold">
<xpath expr="//div[hasclass('o_clean_header')]" position="replace">
<t t-if="model == 'account.move'">
<div>
<div class="bold_header">
<div class="row">
<div style="width:50%;"
t-attf-class="{{'ms-auto' if company.document_layout_id.logo_position == 'right' else 'd-flex justify-content-start'}}">
<div class="d-flex justify-content-end">
<img t-if="company.logo"
t-att-src="image_data_uri(company.logo)"
style="max-height:40px;max-width:140%"
alt="Logo"/>
</div>
</div>
</div>
<div>
<t t-if="company.report_header">
<div style="width:50%;"
t-attf-class="{{'ms-auto' if company.document_layout_id.tagline_position == 'right' else 'd-flex justify-content-start'}}">
<div class="d-flex justify-content-end">
<div t-esc="company.report_header"/>
</div>
</div>
</t>
</div>
<div class="row"
t-attf-style="color:#{company.document_layout_id.company_text_color};">
<div style="width:50%;"
t-attf-class="{{'ms-auto' if company.document_layout_id.company_position == 'right' else ''}}">
<div itemprop="address"
class="address">
<ul class="list-unstyled">
<li t-if="company.is_company_details_empty">
<t t-esc="company.partner_id"
t-options='{"widget": "contact", "fields": ["address", "name"], "no_marker": true}'/>
</li>
<li t-else="">
<t t-esc="company.company_details"/>
</li>
<li t-if="forced_vat">
<t t-esc="company.country_id.vat_label or 'Tax ID'"/>
:
<span t-esc="forced_vat"/>
</li>
</ul>
<br/>
<br/>
<br/>
</div>
</div>
</div>
</div>
</div>
</t>
<t t-else="">
<div class="bold_header">
<div class="row">
<div class="col-6">
<img t-if="company.logo"
t-att-src="image_data_uri(company.logo)"
style="max-height:65pt;max-width:140%"
alt="Logo"/>
</div>
<div class="col-5 offset-1" name="company_address">
<ul class="list-unstyled">
<li t-if="company.is_company_details_empty">
<t t-esc="company.partner_id"
t-options='{"widget": "contact", "fields": ["address", "name"], "no_marker": true}'/>
</li>
<li t-else="">
<t t-esc="company.company_details"/>
</li>
<li t-if="forced_vat">
<t t-esc="company.country_id.vat_label or 'Tax ID'"/>
:
<span t-esc="forced_vat"/>
</li>
<br/>
<br/>
</ul>
</div>
</div>
</div>
</t>
</xpath>
</template>
<!--STRIPED Layout-->
<!--Inherited the striped external layout for changing company address position-->
<template id="custom_external_layout_striped"
inherit_id="web.external_layout_striped">
<xpath expr="//div[hasclass('o_background_header')]"
position="replace">
<t t-if="model == 'account.move'">
<div id="striped_header">
<div class="row">
<div style="width:50%;"
t-attf-class="{{'ms-auto' if company.document_layout_id.logo_position == 'right' else 'd-flex justify-content-start'}}">
<div class="d-flex justify-content-end">
<img t-if="company.logo"
t-att-src="image_data_uri(company.logo)"
style="max-height:40px;max-width:140%"
alt="Logo"/>
</div>
</div>
</div>
<div>
<t t-if="company.report_header">
<div style="width:50%;"
t-attf-class="{{'ms-auto' if company.document_layout_id.tagline_position == 'right' else 'd-flex justify-content-start'}}">
<div class="d-flex justify-content-end">
<div t-esc="company.report_header"/>
</div>
</div>
</t>
</div>
<div class="row"
t-attf-style="color:#{company.document_layout_id.company_text_color};">
<div style="width: 50%"
t-attf-class="{{'ms-auto' if company.document_layout_id.company_position == 'right' else ''}}">
<div itemprop="address"
class="address">
<ul class="list-unstyled">
<li t-if="company.is_company_details_empty">
<t t-esc="company.partner_id"
t-options='{"widget": "contact", "fields": ["address", "name"], "no_marker": true}'/>
</li>
<li t-else="">
<t t-esc="company.company_details"/>
</li>
<li t-if="forced_vat">
<t t-esc="company.country_id.vat_label or 'Tax ID'"/>
:
<span t-esc="forced_vat"/>
</li>
</ul>
</div>
</div>
</div>
</div>
</t>
<t t-else="">
<div class="striped_header">
<div class="float-end">
<div class="mt0 text-end h3"
t-field="company.report_header"/>
</div>
<img t-if="company.logo"
t-att-src="image_data_uri(company.logo)"
style="max-height:65pt;max-width:140%"
class="float-start" alt="Logo"/>
<div class="float-start company_address">
<ul class="list-unstyled">
<li t-if="company.is_company_details_empty">
<t t-esc="company.partner_id"
t-options='{"widget": "contact", "fields": ["address", "name"], "no_marker": true}'/>
</li>
<li t-else="">
<t t-esc="company.company_details"/>
</li>
<li t-if="forced_vat">
<t t-esc="company.country_id.vat_label or 'Tax ID'"/>
:
<span t-esc="forced_vat"/>
</li>
</ul>
</div>
<div class="clearfix mb8"/>
</div>
</t>
</xpath>
</template>
</odoo>

60
invoice_format_editor/views/doc_layout_views.xml

@ -0,0 +1,60 @@
<?xml version="1.0" encoding="UTF-8"?>
<odoo>
<!--Configuration Layout View-->
<record id="documents_custom_tempates" model="ir.ui.view">
<field name="name">document.custom.layout</field>
<field name="model">doc.layout</field>
<field name="arch" type="xml">
<form string="Customize Document">
<sheet>
<div class="oe_title">
<h1>
<field name="name"/>
</h1>
</div>
<group>
<group>
<field name="text_color" widget="color"/>
<field name="heading_text_color" widget="color"/>
<field name="customer_text_color" widget="color"/>
<field name="company_text_color" widget="color"/>
<field name="base_color" widget="color"/>
</group>
<group>
<field name="customer_position" required="1"/>
<field name="company_position" required="1"/>
<field name="logo_position" required="1"/>
<field name="tagline_position" required="1"/>
</group>
</group>
<notebook colspan="4">
<page string="Invoice Details" name="invoice_info">
<group>
<group string="View Fields">
<field name="sales_person"/>
<field name="description"/>
<field name="tax_value"/>
<field name="reference"/>
<field name="source"/>
</group>
<group string="Customer Details"
name="customer_info">
<field name="address"/>
<field name="city"
readonly="address != True"
/>
<field name="country"
readonly="address != True"
/>
<field name="vat"
readonly="address != True"
/>
</group>
</group>
</page>
</notebook>
</sheet>
</form>
</field>
</record>
</odoo>
Loading…
Cancel
Save