Browse Source

[ADD] Initial Commit 'invoice_format_editor'

pull/164/head
Ajmal Cybro 4 years ago
parent
commit
055777c709
  1. 43
      invoice_format_editor/README.rst
  2. 23
      invoice_format_editor/__init__.py
  3. 53
      invoice_format_editor/__manifest__.py
  4. 27
      invoice_format_editor/data/design_templates.xml
  5. 24
      invoice_format_editor/model/__init__.py
  6. 74
      invoice_format_editor/model/document_layout.py
  7. 95
      invoice_format_editor/model/res_company.py
  8. 459
      invoice_format_editor/reports/custom_invoice_template.xml
  9. 344
      invoice_format_editor/reports/custom_invoice_template_fantacy.xml
  10. 269
      invoice_format_editor/reports/custom_invoice_template_old_standard.xml
  11. 353
      invoice_format_editor/reports/default_invoice_template.xml
  12. 2
      invoice_format_editor/security/ir.model.access.csv
  13. BIN
      invoice_format_editor/static/description/banner.jpg
  14. BIN
      invoice_format_editor/static/description/icon.png
  15. BIN
      invoice_format_editor/static/description/images/configuration.png
  16. BIN
      invoice_format_editor/static/description/images/default.png
  17. BIN
      invoice_format_editor/static/description/images/hidefield.png
  18. BIN
      invoice_format_editor/static/description/images/invoiceselection.png
  19. BIN
      invoice_format_editor/static/description/images/modern.png
  20. BIN
      invoice_format_editor/static/description/images/normal.png
  21. BIN
      invoice_format_editor/static/description/images/oldstandard.png
  22. BIN
      invoice_format_editor/static/description/images/screen.gif
  23. 729
      invoice_format_editor/static/description/index.html
  24. 3
      invoice_format_editor/static/src/css/invoice_layout.css
  25. 204
      invoice_format_editor/template_view/default_template_view.xml
  26. 233
      invoice_format_editor/template_view/modern_template_view.xml
  27. 223
      invoice_format_editor/template_view/normal_template_view.xml
  28. 249
      invoice_format_editor/template_view/old_template_view.xml
  29. 59
      invoice_format_editor/views/custom_layouts.xml
  30. 17
      invoice_format_editor/views/document_base_layout.xml

43
invoice_format_editor/README.rst

@ -0,0 +1,43 @@
Invoice Format Editor
=====================
* Invoice Format Editor for Odoo 14 community editions
Installation
=============
- www.odoo.com/documentation/14.0/setup/install.html
- Install our custom addon
License
-------
General Public License, Version 3 (LGPL v3).
(https://www.odoo.com/documentation/user/14.0/legal/licenses/licenses.html)
Company
-------
* 'Cybrosys Techno Solutions <https://cybrosys.com/>`__
Credits
-------
* Developer:
(v14) Sonu @ Cybrosys
(v14) Dino @ Cybrosys
Contacts
--------
* Mail Contact : odoo@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
==========
This module is maintained by Cybrosys Technologies.
For support and more information, please visit https://www.cybrosys.com
Further information
===================
HTML Description: `<static/description/index.html>`__

23
invoice_format_editor/__init__.py

@ -0,0 +1,23 @@
# -*- coding: utf-8 -*-
#############################################################################
#
# Cybrosys Technologies Pvt. Ltd.
#
# Copyright (C) 2020-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
#
# You can modify it under the terms of the GNU LESSER
# GENERAL PUBLIC LICENSE (LGPL 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 LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
#
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
# (LGPL v3) along with this program.
# If not, see <http://www.gnu.org/licenses/>.
#
#############################################################################
from . import model

53
invoice_format_editor/__manifest__.py

@ -0,0 +1,53 @@
# -*- coding: utf-8 -*-
#############################################################################
#
# Cybrosys Technologies Pvt. Ltd.
#
# Copyright (C) 2020-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
#
# You can modify it under the terms of the GNU LESSER
# GENERAL PUBLIC LICENSE (LGPL 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 LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
#
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
# (LGPL v3) along with this program.
# If not, see <http://www.gnu.org/licenses/>.
#
#############################################################################
{
'name': 'Invoice Format Editor',
'version': '14.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',
'images': ['static/description/banner.jpg'],
'website': 'https://www.cybrosys.com',
'depends': ['account'],
'data': ['security/ir.model.access.csv',
'data/design_templates.xml',
'views/custom_layouts.xml',
'views/document_base_layout.xml',
'reports/custom_invoice_template.xml',
'reports/custom_invoice_template_fantacy.xml',
'reports/custom_invoice_template_old_standard.xml',
'reports/default_invoice_template.xml',
'template_view/default_template_view.xml',
'template_view/normal_template_view.xml',
'template_view/modern_template_view.xml',
'template_view/old_template_view.xml',
],
'license': 'LGPL-3',
'installable': True,
'application': True,
'auto_install': False,
}

27
invoice_format_editor/data/design_templates.xml

@ -0,0 +1,27 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<data noupdate="1">
<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">#000000</field>
<field name="logo_position">right</field>
<field name="customer_position">right</field>
<field name="company_position">left</field>
<field name="company_text_color">#808080</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">#000000</field>
<field name="logo_position">left</field>
<field name="customer_position">left</field>
<field name="company_position">right</field>
<field name="company_text_color">#808080</field>
</record>
</data>
</odoo>

24
invoice_format_editor/model/__init__.py

@ -0,0 +1,24 @@
# -*- coding: utf-8 -*-
#############################################################################
#
# Cybrosys Technologies Pvt. Ltd.
#
# Copyright (C) 2020-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
#
# You can modify it under the terms of the GNU LESSER
# GENERAL PUBLIC LICENSE (LGPL 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 LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
#
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
# (LGPL v3) along with this program.
# If not, see <http://www.gnu.org/licenses/>.
#
#############################################################################
from . import res_company
from . import document_layout

74
invoice_format_editor/model/document_layout.py

@ -0,0 +1,74 @@
# -*- coding: utf-8 -*-
#############################################################################
#
# Cybrosys Technologies Pvt. Ltd.
#
# Copyright (C) 2020-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
#
# You can modify it under the terms of the GNU LESSER
# GENERAL PUBLIC LICENSE (LGPL 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 LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
#
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
# (LGPL v3) along with this program.
# If not, see <http://www.gnu.org/licenses/>.
#
#############################################################################
from odoo import models, fields, api
class AddDocumentTemplate(models.Model):
_name = "doc.layout"
_description = 'Adding the fields for customization'
_rec_name = 'name'
name = fields.Char("Name")
base_color = fields.Char("Base Color",
help="Background color for the invoice")
heading_text_color = fields.Char("Heading text Color",
help="Heading Text color")
text_color = fields.Char("Text Color", help="Text color of items")
customer_text_color = fields.Char("Customer Text Color",
help="Customer address text color")
company_text_color = fields.Char("Company Text Color",
help="Company address Text color")
logo_position = fields.Selection([('left', 'Left'), ('right', 'Right')],
string="Logo Position",
help="Company logo position")
customer_position = fields.Selection(
[('left', 'Left'), ('right', 'Right')], string="Customer position",
help="Customer address position")
company_position = fields.Selection([('left', 'Left'), ('right', 'Right')],
string="Company Address Position",
help="Company address position")
sales_person = fields.Boolean('Sales person', default=False,
help="Sales Person")
description = fields.Boolean('Description', default=False,
help="Description")
hsn_code = fields.Boolean('HSN Code', default=False, help="HSN code")
tax_value = fields.Boolean('Tax', default=False, help="Tax")
reference = fields.Boolean('Reference', default=False,
help="Customer Reference")
source = fields.Boolean('Source', default=False,
help="Source Document")
address = fields.Boolean('Address', default=False,
help="Address")
city = fields.Boolean('City', default=False,
help="City")
country = fields.Boolean('Country', default=False,
help="Country")

95
invoice_format_editor/model/res_company.py

@ -0,0 +1,95 @@
# -*- coding: utf-8 -*-
#############################################################################
#
# Cybrosys Technologies Pvt. Ltd.
#
# Copyright (C) 2020-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
#
# You can modify it under the terms of the GNU LESSER
# GENERAL PUBLIC LICENSE (LGPL 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 LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
#
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
# (LGPL v3) along with this program.
# If not, see <http://www.gnu.org/licenses/>.
#
#############################################################################
from odoo import models, fields, api
class ReportCompanyTemplate(models.Model):
_inherit = 'res.company'
base_layout = fields.Selection(
[('normal', 'Normal'), ('modern', 'Modern'), ('old', 'Old Standard'),
('default', 'Default')],
string="Invoice Document Layout", default="default")
document_layout_id = fields.Many2one("doc.layout",
string="Invoice Layout Configuration"
)
class TemplateInvoice(models.Model):
_inherit = 'account.move'
base_layout = fields.Selection(
[('normal', 'Normal'), ('modern', 'Modern'), ('old', 'Old Standard'),
('default', 'Default')])
theme_id = fields.Many2one('doc.layout',
related='company_id.document_layout_id')
class BaseDocumentLayout(models.TransientModel):
_inherit = 'base.document.layout'
base_layout = fields.Selection(related='company_id.base_layout',
readonly=False)
document_layout_id = fields.Many2one(
related='company_id.document_layout_id', readonly=False)
@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(
'invoice_format_editor.report_preview_default',
{'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

459
invoice_format_editor/reports/custom_invoice_template.xml

@ -0,0 +1,459 @@
<odoo>
<data>
<!--Normal Template View-->
<template id="custom_template_report_invoice_normal">
<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 class="header row mt32 mb32">
<div class="page-header col-12">
<div t-attf-class="pull-left">
<img t-if="company.logo"
t-att-src="'data:image/png;base64,%s' % to_text(company.logo)"
style="max-height: 80px;"/>
</div>
<div t-attf-class="pull-left"
t-attf-style="font:14px lucida-console,sans-serif; color:#{o.theme_id.company_text_color} !important;">
<span t-field="company.partner_id"/>
<br/>
<span t-field="company.partner_id.street"/>
<br/>
<span t-field="company.partner_id.street2"/>
<br/>
<span t-field="company.partner_id.city"/>
<br/>
<span t-field="company.partner_id.country_id"/>
<br/>
<span t-field="company.partner_id.vat"/>
<br/>
</div>
</div>
</div>
<t t-call="web.external_layout">
<t t-set="o"
t-value="o.with_context({'lang':o.partner_id.lang})"/>
<table class="table table-borderless">
<tr>
<th scope="col"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
<font>
<strong>Customer Address</strong>
</font>
</th>
<span t-if="o.invoice_date">
<th scope="col"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
<font>
<strong>Invoice Date</strong>
</font>
</th>
</span>
<span t-if="o.invoice_date_due">
<th scope="col"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
<font>
<strong>Due Date</strong>
</font>
</th>
</span>
<span t-if="o.invoice_payment_term_id">
<th scope="col"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
<font>
<strong>Payment Term</strong>
</font>
</th>
</span>
<span t-if="o.theme_id.sales_person">
<span t-if="o.user_id">
<th scope="col"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
<font>
<strong>SalesPerson</strong>
</font>
</th>
</span>
</span>
<span t-if="o.theme_id.reference">
<span t-if="o.ref">
<th scope="col"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
<font>
<strong>Reference</strong>
</font>
</th>
</span>
</span>
<span t-if="o.theme_id.source">
<span t-if="o.invoice_origin">
<th scope="col"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
<font>
<strong>Source</strong>
</font>
</th>
</span>
</span>
</tr>
<tr>
<td>
<span style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id"/>
<br/>
<span t-if="o.theme_id.address">
<span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.street"/>
<br/>
<span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.street2"/>
<br/>
</span>
<span t-if="o.theme_id.city">
<span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.city"/>
<br/>
</span>
<span t-if="o.theme_id.country">
<span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.country_id"/>
<br/>
</span>
<span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.vat"/>
<br/>
</td>
<span t-if="o.invoice_date">
<td>
<font>
<p t-field="o.invoice_date"/>
</font>
</td>
</span>
<span t-if="o.invoice_date_due">
<td>
<font>
<p t-field="o.invoice_date_due"/>
</font>
</td>
</span>
<span t-if="o.invoice_payment_term_id">
<td>
<font>
<p t-field="o.invoice_payment_term_id"/>
</font>
</td>
</span>
<span t-if="o.theme_id.sales_person">
<span t-if="o.user_id">
<td>
<font>
<p t-field="o.user_id"/>
</font>
</td>
</span>
</span>
<span t-if="o.theme_id.reference">
<span t-if="o.ref">
<td>
<font>
<p t-field="o.ref"/>
</font>
</td>
</span>
</span>
<span t-if="o.theme_id.source">
<span t-if="o.invoice_origin">
<td>
<font>
<p t-field="o.invoice_origin"/>
</font>
</td>
</span>
</span>
</tr>
</table>
<div class="page">
<div t-attf-style="padding:2%">
<h2>
<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>
<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])"/>
<table class="table table">
<thead>
<tr>
<th t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Product
</th>
<span t-if="o.theme_id.description">
<th t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Description
</th>
</span>
<span t-if="o.theme_id.hsn_code">
<th class="text-right"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
HSN/SAC
</th>
</span>
<th class="text-right"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Quantity
</th>
<th class="text-right"
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-right"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Disc.(%)
</th>
<span t-if="o.theme_id.tax_value">
<th class="text-right"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Taxes
</th>
</span>
<th class="text-right"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Price
</th>
</tr>
</thead>
<tbody class="invoice_tbody">
<tr t-foreach="o.invoice_line_ids" t-as="l">
<td t-attf-style="color:#{o.theme_id.text_color};">
<span t-field="l.product_id.name"/>
</td>
<span t-if="o.theme_id.description">
<td t-attf-style="color:#{o.theme_id.text_color};">
<span t-field="l.name"/>
</td>
</span>
<span t-if="o.theme_id.hsn_code">
<td class="text-right"
t-attf-style="color:#{o.theme_id.text_color};">
<t t-if="l.product_id.l10n_in_hsn_code">
<span t-field="l.product_id.l10n_in_hsn_code"/>
</t>
</td>
</span>
<td class="text-right"
t-attf-style="color:#{o.theme_id.text_color};">
<t t-if="l.quantity">
<span t-field="l.quantity"/>
</t>
</td>
<td class="text-right"
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-right"
t-attf-style="color:#{o.theme_id.text_color};">
<span t-field="l.discount"/>
</td>
<span t-if="o.theme_id.tax_value">
<td 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>
</span>
<td class="text-right"
t-attf-style="color:#{o.theme_id.text_color};">
<t t-if="l.price_subtotal">
<span t-field="l.price_subtotal"
t-field-options="{'widget': 'monetary','display_currency':'o.currency_id'}"/>
</t>
</td>
</tr>
</tbody>
</table>
</div>
<div>
<div class="col-4 pull-right">
<table class="table table-condensed">
<tr class="border-black">
<td>
<strong>Subtotal</strong>
</td>
<td class="text-right">
<span t-field="o.amount_untaxed"
t-field-options="{'widget': 'monetary','display_currency':'o.currency_id'}"/>
</td>
</tr>
<t t-foreach="o.amount_by_group"
t-as="amount_by_group">
<tr>
<td>
<span t-esc="amount_by_group[0]"/>
</td>
<td class="text-right">
<span t-esc="amount_by_group[1]"/>
</td>
</tr>
</t>
<tr class="border-black">
<td>
<strong>Total</strong>
</td>
<td class="text-right">
<span t-field="o.amount_total"
t-field-options="{'widget': 'monetary','display_currency':'o.currency_id'}"/>
</td>
</tr>
</table>
</div>
</div>
<div style="padding-top:10%;" class="col-12">
<p t-if="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>
<br/>
<br/>
<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_paymennt_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
informations are not set correctly.
</strong>
<br/>
</p>
</div>
</div>
</div>
</t>
</template>
<template id="account.report_invoice_with_payments">
<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-set="print_with_payments" t-value="True"/>
<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="invoice_format_editor.report_invoice_document"
t-lang="o.partner_id.lang"/>
</t>
</t>
</t>
</template>
<template id="account.report_invoice">
<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-set="print_with_payments" t-value="True"/>
<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="invoice_format_editor.report_invoice_document"
t-lang="o.partner_id.lang"/>
</t>
</t>
</t>
</template>
</data>
</odoo>

344
invoice_format_editor/reports/custom_invoice_template_fantacy.xml

@ -0,0 +1,344 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<data>
<!--modern Template View-->
<template id="custom_template_report_invoice_modern">
<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 class="header row mt32 mb32">
<div class="page-header col-12">
<div t-attf-class="pull-#{o.theme_id.logo_position}">
<img t-if="company.logo"
t-att-src="'data:image/png;base64,%s' % to_text(company.logo)"
style="max-height: 80px;"/>
</div>
<div t-attf-class="pull-#{o.theme_id.company_position} "
t-attf-style="font:14px lucida-console,sans-serif; color:#{o.theme_id.company_text_color} !important;">
<span t-field="company.partner_id"/>
<br/>
<span t-field="company.partner_id.street"/>
<br/>
<span t-field="company.partner_id.street2"/>
<br/>
<span t-field="company.partner_id.city"/>
<br/>
<span t-field="company.partner_id.country_id"/>
<br/>
<span t-field="company.partner_id.vat"/>
<br/>
</div>
</div>
</div>
<t t-call="web.external_layout">
<t t-set="o"
t-value="o.with_context({'lang':o.partner_id.lang})"/>
<div class="page">
<div t-attf-style=" background-color:#{o.theme_id.base_color};padding:2%">
<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 t-attf-style=" color:#{o.theme_id.heading_text_color}">
<span t-field="o.name"/>
</font>
</h2>
<div class="row mt32 mb32">
<div class="col-3" t-if="o.invoice_date">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
<strong>Invoice Date:</strong>
<p t-field="o.invoice_date"/>
</font>
</div>
<div class="col-3"
t-if="o.invoice_date_due and o.move_type == 'out_invoice' and (o.state == 'draft' or o.state == 'posted')">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
<strong>Due Date:</strong>
<p t-field="o.invoice_date_due"/>
</font>
</div>
<div class="col-3" t-if="o.invoice_payment_term_id">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
<strong>Payment Term:</strong>
<p t-field="o.invoice_payment_term_id"/>
</font>
</div>
<div class="col-3" t-if="o.user_id">
<div t-if="o.theme_id.sales_person">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
<strong>SalesPerson:</strong>
<p t-field="o.user_id"/>
</font>
</div>
</div>
<div class="col-3" t-if="o.ref">
<div t-if="o.theme_id.reference">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
<strong>Reference:</strong>
<p t-field="o.ref"/>
</font>
</div>
</div>
<div class="col-3" t-if="o.invoice_origin">
<div t-if="o.theme_id.source">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
<strong>Source:</strong>
<p t-field="o.invoice_origin"/>
</font>
</div>
</div>
</div>
</div>
<div style="padding-top:20px;width:100%">
<div t-attf-class="col-12 text-#{o.theme_id.customer_position} "
style="font:15px lucida-console,sans-serif !important;color:#{o.theme_id.heading_text_color};">
<strong>Customer Address</strong>
<br/>
<span style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id"/>
<br/>
<span t-if="o.theme_id.address">
<span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.street"/>
<br/>
<span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.street2"/>
<br/>
</span>
<span t-if="o.theme_id.city">
<span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.city"/>
</span>
<br/>
<span t-if="o.theme_id.country">
<span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.country_id"/>
</span>
<br/>
<span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.vat"/>
<br/>
</div>
<div style="padding-top:20px;"/>
<!-- Is there a discount on at least one line? -->
<t t-set="display_discount"
t-value="any([l.discount for l in o.invoice_line_ids])"/>
<table class="table table ">
<thead>
<tr>
<th t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Product
</th>
<span t-if="o.theme_id.description">
<th t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Description
</th>
</span>
<span t-if="o.theme_id.hsn_code">
<th class="text-right"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
HSN/SAC
</th>
</span>
<th class="text-right"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Quantity
</th>
<th class="text-right"
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-right"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Disc.(%)
</th>
<span t-if="o.theme_id.tax_value">
<th class="text-right"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Taxes
</th>
</span>
<th class="text-right"
t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
Price
</th>
</tr>
</thead>
<tbody class="invoice_tbody">
<tr t-foreach="o.invoice_line_ids" t-as="l">
<td t-attf-style="color:#{o.theme_id.text_color};">
<span t-field="l.product_id.name"/>
</td>
<span t-if="o.theme_id.description">
<td t-attf-style="color:#{o.theme_id.text_color};">
<span t-field="l.name"/>
</td>
</span>
<span t-if="o.theme_id.hsn_code">
<td class="text-right"
t-attf-style="color:#{o.theme_id.text_color};">
<t t-if="l.product_id.l10n_in_hsn_code">
<span t-field="l.product_id.l10n_in_hsn_code"/>
</t>
</td>
</span>
<td class="text-right"
t-attf-style="color:#{o.theme_id.text_color};">
<t t-if="l.quantity">
<span t-field="l.quantity"/>
</t>
</td>
<td class="text-right"
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-right"
t-attf-style="color:#{o.theme_id.text_color};">
<span t-field="l.discount"/>
</td>
<span t-if="o.theme_id.tax_value">
<td 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>
</span>
<td class="text-right"
t-attf-style="color:#{o.theme_id.text_color};">
<t t-if="l.price_subtotal">
<span t-field="l.price_subtotal"
t-field-options='{"widget": "monetary", "display_currency": "o.currency_id"}'/>
</t>
</td>
</tr>
</tbody>
</table>
</div>
<div>
<div class="col-4 pull-right">
<table class="table table-condensed">
<tr class="border-black">
<td>
<strong>Subtotal</strong>
</td>
<td class="text-right">
<span t-field="o.amount_untaxed"
t-field-options='{"widget": "monetary", "display_currency": "o.currency_id"}'/>
</td>
</tr>
<t t-foreach="o.amount_by_group"
t-as="amount_by_group">
<tr>
<td>
<span t-esc="amount_by_group[0]"/>
</td>
<td class="text-right">
<span t-esc="amount_by_group[1]"/>
</td>
</tr>
</t>
<tr class="border-black">
<td>
<strong>Total</strong>
</td>
<td class="text-right">
<span t-field="o.amount_total"
t-field-options='{"widget": "monetary", "display_currency": "o.currency_id"}'/>
</td>
</tr>
</table>
</div>
</div>
<div style="padding-top:10%;" class="col-12">
<p t-if="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>
<br/>
<br/>
<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_paymennt_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
informations are not set
correctly.
</strong>
<br/>
</p>
</div>
</div>
</div>
</t>
</template>
</data>
</odoo>

269
invoice_format_editor/reports/custom_invoice_template_old_standard.xml

@ -0,0 +1,269 @@
<odoo>
<data>
<!--old Template View-->
<template id="old_std_report_invoice_document">
<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 class="header row mt32 mb32">
<div class="page-header col-12">
<div t-attf-class="pull-#{o.theme_id.logo_position}">
<img t-if="company.logo"
t-att-src="'data:image/png;base64,%s' % to_text(company.logo)"
style="max-height: 80px;"/>
</div>
<div t-attf-class="pull-#{o.theme_id.company_position} "
t-attf-style="font:14px lucida-console,sans-serif; color:#{o.theme_id.company_text_color} !important;">
<span t-field="company.partner_id"/>
<br/>
<span t-field="company.partner_id.street"/>
<br/>
<span t-field="company.partner_id.street2"/>
<br/>
<span t-field="company.partner_id.city"/>
<br/>
<span t-field="company.partner_id.country_id"/>
<br/>
<span t-field="company.partner_id.vat"/>
<br/>
</div>
</div>
</div>
<t t-call="web.external_layout">
<t t-set="o"
t-value="o.with_context({'lang':o.partner_id.lang})"/>
<div class="page">
<div class=" row mt32 mb32">
<div class="col-12" style="padding-top:20px;">
<div t-attf-class=" pull-#{o.theme_id.customer_position} text-#{o.theme_id.customer_position}"
style="font:15px lucida-console,sans-serif !important;">
<span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id"/>
<br/>
<span t-if="o.theme_id.address">
<span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.street"/>
<br/>
<span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.street2"/>
</span>
<br/>
<span t-if="o.theme_id.city">
<span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.city"/>
</span>
<br/>
<span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.state_id"/>
<br/>
<span t-if="o.theme_id.country">
<span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.country_id"/>
</span>
<br/>
<span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
t-field="o.partner_id.vat"/>
<br/>
</div>
<div t-attf-class="pull-right"
t-attf-style="font:15px lucida-console,sans-serif !important;background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};padding:2%">
<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.text_color}">
Vendor Bill
</font>
</span>
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
<span t-field="o.name"/>
</font>
</h2>
<div t-if="o.invoice_date">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
<strong>Invoice Date:</strong>
<p t-field="o.invoice_date"/>
</font>
</div>
<div t-if="o.name">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
<strong>Due Date:</strong>
<p t-field="o.invoice_date_due"/>
</font>
</div>
<div t-if="o.theme_id.reference">
<div t-if="o.ref">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
<strong>Reference:</strong>
<p t-field="o.ref"/>
</font>
</div>
</div>
<div t-if="o.theme_id.source">
<div t-if="o.invoice_origin">
<font t-attf-style="color:#{o.theme_id.heading_text_color}">
<strong>Source:</strong>
<p t-field="o.invoice_origin"/>
</font>
</div>
</div>
</div>
</div>
</div>
<div style="padding-top:20px;"/>
<t t-set="display_discount"
t-value="any([l.discount for l in o.invoice_line_ids])"/>
<table class="table table-sm">
<thead>
<tr>
<th t-attf-style="background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color}">
Product
</th>
<span t-if="o.theme_id.description">
<th t-attf-style="background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color}">
Description
</th>
</span>
<th t-attf-style="background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color}">
Quantity
</th>
<th t-attf-style="background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color}">
Unit Price
</th>
<th t-attf-style="background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color}"
t-if="display_discount" class="text-right"
groups="sale.group_discount_per_so_line">
Disc.(%)
</th>
<span t-if="o.theme_id.tax_value">
<th t-attf-style="background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color}">
Taxes
</th>
</span>
<th t-attf-style="background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color}">
Price
</th>
</tr>
</thead>
<tbody class="invoice_tbody">
<tr t-foreach="o.invoice_line_ids" t-as="l">
<td t-if="l.product_id.name">
<span t-field="l.product_id.name"/>
</td>
<span t-if="o.theme_id.description">
<td t-if="l.name">
<span t-field="l.name"/>
</td>
</span>
<td class="text-right" t-if="l.quantity">
<span t-field="l.quantity"/>
<span t-field="l.uom_id"
groups="product.group_uom"/>
</td>
<td class="text-right" t-if="l.price_unit">
<span t-field="l.price_unit"/>
</td>
<td t-if="l.discount" class="text-right"
groups="sale.group_discount_per_so_line">
<span t-field="l.discount"/>
</td>
<span t-if="o.theme_id.tax_value">
<td>
<span t-esc="', '.join(map(lambda x: (x.description or x.name), l.tax_ids))"/>
</td>
</span>
<td class="text-right" t-if="l.price_subtotal">
<span t-field="l.price_subtotal"
t-field-options='{"widget": "monetary", "display_currency": "o.currency_id"}'/>
</td>
</tr>
</tbody>
</table>
<div>
<div class="col-4 pull-right">
<table class="table table-condensed">
<tr class="border-black">
<td>
<strong>Subtotal</strong>
</td>
<td class="text-right">
<span t-field="o.amount_untaxed"
t-field-options='{"widget": "monetary", "display_currency": "o.currency_id"}'/>
</td>
</tr>
<t t-foreach="o.amount_by_group"
t-as="amount_by_group">
<tr>
<td>
<span t-esc="amount_by_group[0]"/>
</td>
<td class="text-right">
<span t-esc="amount_by_group[1]"/>
</td>
</tr>
</t>
<tr class="border-black"
t-attf-style="background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color}">
<td>
<strong>Total</strong>
</td>
<td class="text-right">
<span t-field="o.amount_total"
t-field-options='{"widget": "monetary", "display_currency": "o.currency_id"}'/>
</td>
</tr>
<tr class="border-black">
<td>
<strong>Amount Due</strong>
</td>
<td class="text-right">
<span t-field="o.amount_residual"
t-field-options='{"widget": "monetary", "display_currency": "o.currency_id"}'/>
</td>
</tr>
</table>
</div>
</div>
<br/>
<br/>
<br/>
<br/>
<br/>
</div>
</t>
</template>
</data>
</odoo>

353
invoice_format_editor/reports/default_invoice_template.xml

@ -0,0 +1,353 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<data>
<!--Default Template View-->
<template id="report_invoice_document">
<t t-call="web.external_layout">
<t t-set="o" t-value="o.with_context(lang=lang)"/>
<t t-set="address">
<address t-field="o.partner_id"
t-options='{"widget": "contact", "fields": ["address", "name"], "no_marker": True}'/>
<div t-if="o.partner_id.vat" class="mt16">
<t t-if="o.company_id.country_id.vat_label"
t-esc="o.company_id.country_id.vat_label"
id="inv_tax_id_label"/>
<t t-else="">Tax ID</t>:
<span t-field="o.partner_id.vat"/>
</div>
</t>
<div class="page">
<h2>
<span t-if="o.move_type == 'out_invoice' and o.state == 'posted'">
Invoice
</span>
<span t-if="o.move_type == 'out_invoice' and o.state == 'draft'">
Draft Invoice
</span>
<span t-if="o.move_type == 'out_invoice' and o.state == 'cancel'">
Cancelled Invoice
</span>
<span t-if="o.move_type == 'out_refund'">Credit Note
</span>
<span t-if="o.move_type == 'in_refund'">Vendor Credit
Note
</span>
<span t-if="o.move_type == 'in_invoice'">Vendor Bill
</span>
<span t-if="o.name != '/'" t-field="o.name"/>
</h2>
<div id="informations" class="row mt32 mb32">
<div class="col-auto col-3 mw-100 mb-2"
t-if="o.invoice_date" name="invoice_date">
<strong>Invoice Date:</strong>
<p class="m-0" 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>Due Date:</strong>
<p class="m-0" t-field="o.invoice_date_due"/>
</div>
<div class="col-auto col-3 mw-100 mb-2"
t-if="o.invoice_origin" name="origin">
<strong>Source:</strong>
<p class="m-0" t-field="o.invoice_origin"/>
</div>
<div class="col-auto col-3 mw-100 mb-2"
t-if="o.partner_id.ref" name="customer_code">
<strong>Customer Code:</strong>
<p class="m-0" t-field="o.partner_id.ref"/>
</div>
<div t-if="o.theme_id.reference">
<div class="col-auto col-3 mw-100 mb-2" t-if="o.ref"
name="reference">
<strong>Reference:</strong>
<p class="m-0" t-field="o.ref"/>
</div>
</div>
</div>
<t t-set="display_discount"
t-value="any(l.discount for l in o.invoice_line_ids)"/>
<table class="table table-sm o_main_table"
name="invoice_line_table">
<thead>
<tr>
<th name="th_product" class="text-left">
<span>Product</span>
</th>
<span t-if="o.theme_id.description">
<th name="th_description" class="text-left">
<span>Description</span>
</th>
</span>
<th name="th_quantity" class="text-right">
<span>Quantity</span>
</th>
<th name="th_priceunit"
t-attf-class="text-right {{ 'd-none d-md-table-cell' if report_type == 'html' else '' }}">
<span>Unit Price</span>
</th>
<th name="th_price_unit" t-if="display_discount"
t-attf-class="text-right {{ 'd-none d-md-table-cell' if report_type == 'html' else '' }}">
<span>Disc.%</span>
</th>
<span t-if="o.theme_id.tax_value">
<th name="th_taxes"
t-attf-class="text-left {{ 'd-none d-md-table-cell' if report_type == 'html' else '' }}">
<span>Taxes</span>
</th>
</span>
<th name="th_subtotal" class="text-right">
<span groups="account.group_show_line_subtotals_tax_excluded">
Amount
</span>
<span groups="account.group_show_line_subtotals_tax_included">
Total Price
</span>
</th>
</tr>
</thead>
<tbody class="invoice_tbody">
<t t-set="current_subtotal" t-value="0"/>
<t t-set="lines"
t-value="o.invoice_line_ids.sorted(key=lambda l: (-l.sequence, l.date, l.move_name, -l.id), reverse=True)"/>
<t t-foreach="lines" t-as="line">
<t t-set="current_subtotal"
t-value="current_subtotal + line.price_subtotal"
groups="account.group_show_line_subtotals_tax_excluded"/>
<t t-set="current_subtotal"
t-value="current_subtotal + line.price_total"
groups="account.group_show_line_subtotals_tax_included"/>
<tr t-att-class="'bg-200 font-weight-bold o_line_section' if line.display_type == 'line_section' else 'font-italic o_line_note' if line.display_type == 'line_note' else ''">
<t t-if="not line.display_type"
name="account_invoice_line_accountable">
<td name="account_invoice_line_name">
<span t-field="line.product_id.name"
t-options="{'widget': 'text'}"/>
</td>
<span t-if="o.theme_id.description">
<td name="account_invoice_line_name">
<span t-field="line.name"
t-options="{'widget': 'text'}"/>
</td>
</span>
<td class="text-right">
<span t-field="line.quantity"/>
<span t-field="line.product_uom_id"
groups="uom.group_uom"/>
</td>
<td t-attf-class="text-right {{ 'd-none d-md-table-cell' if report_type == 'html' else '' }}">
<span class="text-nowrap"
t-field="line.price_unit"/>
</td>
<td t-if="display_discount"
t-attf-class="text-right {{ 'd-none d-md-table-cell' if report_type == 'html' else '' }}">
<span class="text-nowrap"
t-field="line.discount"/>
</td>
<span t-if="o.theme_id.tax_value">
<td t-attf-class="text-left {{ 'd-none d-md-table-cell' if report_type == 'html' else '' }}">
<span t-esc="', '.join(map(lambda x: (x.description or x.name), line.tax_ids))"
id="line_tax_ids"/>
</td>
</span>
<td class="text-right o_price_total">
<span class="text-nowrap"
t-field="line.price_subtotal"
groups="account.group_show_line_subtotals_tax_excluded"/>
<span class="text-nowrap"
t-field="line.price_total"
groups="account.group_show_line_subtotals_tax_included"/>
</td>
</t>
<t t-if="line.display_type == 'line_section'">
<td colspan="99">
<span t-field="line.name"
t-options="{'widget': 'text'}"/>
</td>
<t t-set="current_section"
t-value="line"/>
<t t-set="current_subtotal"
t-value="0"/>
</t>
<t t-if="line.display_type == 'line_note'">
<td colspan="99">
<span t-field="line.name"
t-options="{'widget': 'text'}"/>
</td>
</t>
</tr>
<t t-if="current_section and (line_last or lines[line_index+1].display_type == 'line_section')">
<tr class="is-subtotal text-right">
<td colspan="99">
<strong class="mr16">Subtotal
</strong>
<span t-esc="current_subtotal"
t-options='{"widget": "monetary", "display_currency": o.currency_id}'
/>
</td>
</tr>
</t>
</t>
</tbody>
</table>
<div class="clearfix">
<div id="total" class="row">
<div t-attf-class="#{'col-6' if report_type != 'html' else 'col-sm-7 col-md-6'} ml-auto">
<table class="table table-sm"
style="page-break-inside: avoid;">
<tr class="border-black o_subtotal"
style="">
<td>
<strong>Subtotal</strong>
</td>
<td class="text-right">
<span t-field="o.amount_untaxed"/>
</td>
</tr>
<t t-foreach="o.amount_by_group"
t-as="amount_by_group">
<tr style="">
<t t-if="len(o.line_ids.filtered(lambda line: line.tax_line_id)) in [0, 1] and o.amount_untaxed == amount_by_group[2]">
<td>
<span class="text-nowrap"
t-esc="amount_by_group[0]"/>
</td>
<td class="text-right o_price_total">
<span class="text-nowrap"
t-esc="amount_by_group[3]"/>
</td>
</t>
<t t-else="">
<td>
<span t-esc="amount_by_group[0]"/>
<span class="text-nowrap">on
<t t-esc="amount_by_group[4]"/>
</span>
</td>
<td class="text-right o_price_total">
<span class="text-nowrap"
t-esc="amount_by_group[3]"/>
</td>
</t>
</tr>
</t>
<tr class="border-black o_total">
<td>
<strong>Total</strong>
</td>
<td class="text-right">
<span class="text-nowrap"
t-field="o.amount_total"/>
</td>
</tr>
<t t-if="print_with_payments">
<t t-if="o.payment_state != 'invoicing_legacy'">
<t t-set="payments_vals"
t-value="o.sudo()._get_reconciled_info_JSON_values()"/>
<t t-foreach="payments_vals"
t-as="payment_vals">
<tr>
<td>
<i class="oe_form_field text-right oe_payment_label">
Paid on
<t t-esc="payment_vals['date']"
t-options='{"widget": "date"}'/>
</i>
</td>
<td class="text-right">
<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">
<td>
<strong>Amount Due
</strong>
</td>
<td class="text-right">
<span t-field="o.amount_residual"/>
</td>
</tr>
</t>
</t>
</t>
</table>
</div>
</div>
</div>
<p t-if="o.move_type in ('out_invoice', 'in_refund') and o.payment_reference"
name="payment_communication">
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.narration" name="comment">
<span t-field="o.narration"/>
</p>
<p t-if="o.fiscal_position_id.note" name="note">
<span t-field="o.fiscal_position_id.note"/>
</p>
<p t-if="o.invoice_incoterm_id" name="incoterm">
<strong>Incoterm:</strong>
<span t-field="o.invoice_incoterm_id.code"/>
-
<span t-field="o.invoice_incoterm_id.name"/>
</p>
<div id="qrcode" t-if="o.display_qr_code">
<p t-if="qr_code_urls.get(o.id)">
<strong class="text-center">Scan me with your
banking app.
</strong>
<br/>
<br/>
<img class="border border-dark rounded"
t-att-src="qr_code_urls[o.id]"/>
</p>
</div>
</div>
</t>
</template>
<template id="report_invoice">
<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._get_name_invoice_report() == 'account.report_invoice_document'"
t-call="account.report_invoice_document" t-lang="lang"/>
</t>
</t>
</template>
<template id="report_invoice_with_payments">
<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-set="print_with_payments" t-value="True"/>
<t t-if="o._get_name_invoice_report() == 'account.report_invoice_document'"
t-call="account.report_invoice_document" t-lang="lang"/>
</t>
</t>
</template>
<template id="report_original_vendor_bill">
<t t-call="web.html_container">
<t t-foreach="docs" t-as="o">
<div class="article" t-att-data-oe-model="o and o._name"
t-att-data-oe-id="o and o.id"
t-att-data-oe-lang="o and o.env.context.get('lang')"/>
</t>
</t>
</template>
</data>
</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_document_template,document.template,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_document_template document.template model_doc_layout base.group_user 1 1 1 1

BIN
invoice_format_editor/static/description/banner.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

BIN
invoice_format_editor/static/description/icon.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.4 KiB

BIN
invoice_format_editor/static/description/images/configuration.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 KiB

BIN
invoice_format_editor/static/description/images/default.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

BIN
invoice_format_editor/static/description/images/hidefield.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

BIN
invoice_format_editor/static/description/images/invoiceselection.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 105 KiB

BIN
invoice_format_editor/static/description/images/modern.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

BIN
invoice_format_editor/static/description/images/normal.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

BIN
invoice_format_editor/static/description/images/oldstandard.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

BIN
invoice_format_editor/static/description/images/screen.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

729
invoice_format_editor/static/description/index.html

@ -0,0 +1,729 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Invoice Template Editor</title>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css"
integrity="sha512-P5MgMn1jBN01asBgU0z60Qk4QxiXo86+wlFahKrsQf37c9cro517WzVSPPV1tDKzhku2iJ2FVgL67wG03SGnNA=="
crossorigin="anonymous"/>
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
crossorigin="anonymous"/>
</head>
<!-- COLORS
red-bg: #FFECEF;
green-bg: #E4FEEE;
blue-bg: #F4F4FF;
tab-title-bg: #edf2f7
jumbotron-bg: #192a56
brand-color: #b22126
yellow-pill: #f6b93b
red-text: #F66170;
green-text: #51A26E;
blue-text: #2765FC;
grey-text: #757575;
tab-title-text: #162635;
-->
<body>
<div class="oe_styling_v8">
<section class="oe_container"
style="font-family: Roboto, 'sans-serif'; padding:2rem 3rem 1rem">
<div class="row shadow-lg"
style="max-width:1540px; margin:0 auto; border-radius: 10px;">
<!-- LEFT HERO -->
<div class="col-lg-7"
style="margin-top: 0rem; padding: 3rem 2.5rem; ">
<div style="width: 200px;">
<img src="https://www.cybrosys.com/images/logo.png"
width="150px" height="auto"/>
</div>
<h1 class="mt-4"
style="font-family: Montserrat, 'sans-serif' ; font-weight: bold;">
Invoice Format Editor</h1>
<p class="lead"
style="font-weight: 500; line-height: 1.5; color: #757575">
Odoo Invoice Format Editor
</p>
<span class="badge px-3 py-2 depth-1"
style="background-color: #FFECEF; color: #F66170; font-weight: bold; border-radius: 1rem;"><i
class="fa fa-star mr-2"></i>Key Highlights</span>
<!-- FEATURES -->
<hr class="mt-4"
style="background: linear-gradient(to right, #e5e5e5, transparent); height: 2px; border-style: none;">
<div class="row">
<div class="col-lg-5 no-gutters">
<!-- FEATURE COLUMN LEFT -->
<ul style="list-style: none; padding: 0; font-weight: 500; line-height: 2;">
<li><i class="fa fa-check-circle mr-2"
style="color: #1abc9c;"></i>Configure the
layout.
</li>
<li><i class="fa fa-check-circle mr-2"
style="color: #1abc9c;"></i>Configure the
position of fields.
</li>
</ul>
</div>
<div class="col-lg- no-gutters">
<!-- FEATURE COLUMN RIGHT -->
<ul style="list-style: none; padding: 0; font-weight: 500; line-height: 2;">
<li><i class="fa fa-check-circle mr-2"
style="color: #1abc9c;"></i> Hide the option
invoice fields.
</li>
<li><i class="fa fa-check-circle mr-2"
style="color: #1abc9c;"></i> Edit the theme.
</ul>
</div>
<div class="col-lg-12">
<a href="#" class="btn deep-1 deep_hover mr-2"
style="color: #FFF; background-color: #2196F3; border-radius: 4px;"><i
class="fa fa-download mr-2"></i>Download Odoo 14</a>
<!-- <a href="https://www.youtube.com/watch?v=IXfd-Cu7iZ0&ab_channel=CybrosysTechnologies"-->
<!-- target="_blank" class="btn deep-1 deep_hover"-->
<!-- style="color: #FFF; background-color: #607D8B; border-radius: 4px;"><i class="fa fa-eye mr-2"></i>Live-->
<!-- Preview</a>-->
</div>
</div>
<hr class="mt-4"
style="background: linear-gradient(to right, #e5e5e5, transparent); height: 2px; border-style: none;">
<!-- END OF FEATURES -->
</div>
<!-- END OF LEFT HERO -->
<!-- RIGHT HERO -->
<div class="col-lg-5 d-flex align-items-center"
style="border-radius: 0px 10px 10px 0px; background-repeat: no-repeat; background-size: cover;">
<img src='images/screen.gif'
style="width:90%; height: auto; margin: 0 auto;"
class="shadow-lg"/>
<!-- <center>
<img src="https://i.ibb.co/Zg7Z8jT/gnatt-scrn.png"-->
<!-- style="width:90%; height: auto; margin: 0 auto;" class="shadow-lg">-->
<!-- </center> &ndash;&gt;-->
</div>
<!-- END OF RIGHT HERO -->
</div>
<section class="oe_container" style="margin-top: 4rem;">
<div class="row"
style="max-width:1540px; margin:0 auto; padding-bottom:64px;">
<div class="col-lg-12">
<!-- TAB LIST -->
<ul class="nav nav-tabs d-flex justify-content-center"
role="tablist"
style="background-color:unset; margin:0 auto;">
<li class="nav-item">
<a class="nav-link active" style="color: #000;"
data-toggle="tab" href="#tabs-1"
role="tab"><i class="fa fa-pie-chart mr-2"></i>Overview</a>
</li>
<li class="nav-item">
<a class="nav-link" style="color: #000;"
data-toggle="tab" href="#tabs-3" role="tab"><i
class="fa fa-star mr-2"></i>Features</a>
</li>
<li class="nav-item">
<a class="nav-link" style="color: #000;"
data-toggle="tab" href="#tabs-4" role="tab"><i
class="fa fa-picture-o mr-2"></i>Screenshots</a>
</li>
</ul>
</div>
<div class="col-lg-12">
<!-- Tab panes -->
<div class="tab-content" style="padding: 2rem;">
<div class="tab-pane active" id="tabs-1"
role="tabpanel">
<h3 class="text-center rounded px-3 py-2 mb-4"
style="background-color:#edf2f7; color: #162635; font-family: Roboto, 'sans-serif'; font-weight: bold;">
Overview</h3>
<p class="text-justify">In the Invoice Format Editor
App, We can configure the invoice
fields to our own need. There we can have 4
types of templates - Default, Normal, Modern,
Old Standard. We can also customize and hide the
fields.</p>
</div>
<div class="tab-pane" id="tabs-3" role="tabpanel">
<h3 class="text-center rounded px-3 py-2 mb-4"
style="background-color:#edf2f7; color: #162635; font-family: Roboto, 'sans-serif'; font-weight: bold;">
Features</h3>
<ul style="max-width: 1200px;">
<li>
<h5 style="font-family: Roboto, 'sans-serif';">
Configure the layout.</h5>
</li>
<li>
<h5 style="font-family: Roboto, 'sans-serif';">
Configure the position of fields.</h5>
</li>
<li>
<h5 style="font-family: Roboto, 'sans-serif';">
Hide option for the invoice fields.</h5>
</li>
<li>
<h5 style="font-family: Roboto, 'sans-serif';">
Edit the theme.</h5>
</li>
</ul>
</div>
<div class="tab-pane" id="tabs-4" role="tabpanel">
<h3 class="text-center rounded px-3 py-2 mb-4"
style="background-color:#edf2f7; color: #162635; font-family: Roboto, 'sans-serif'; font-weight: bold;">
Screenshots</h3>
<div>
<section class="oe_container">
<div id="demo"
class="row carousel slide mb32"
data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active"
style="min-height: 0px;">
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
style="float: left;">
<h3 class="alert"
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
<i class="fa fa-check-circle-o"
style="width:40px; color:#07B700"></i>
Configuration View
</h3>
<div style=""><img
class="img img-responsive center-block"
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
src="images/configuration.png">
</div>
</div>
</div>
<div class="carousel-item"
style="min-height: 0px;">
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
style="float: left;">
<h3 class="alert"
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
<i class="fa fa-check-circle-o"
style="width:40px; color:#07B700"></i>
Invoice layout
Configuration
</h3>
<div style=""><img
class="img img-responsive center-block"
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
src="images/hidefield.png">
</div>
</div>
</div>
<div class="carousel-item"
style="min-height: 0px;">
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
style="float: left;">
<h3 class="alert"
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
<i class="fa fa-check-circle-o"
style="width:40px; color:#07B700"></i>
Invoice Selection </h3>
<div style=""><img
class="img img-responsive center-block"
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
src="images/invoiceselection.png">
</div>
</div>
</div>
<div class="carousel-item"
style="min-height: 0px;">
<div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
style="float: left;">
<h3 class="mb32 alert"
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; ">
<i class="fa fa-check-circle-o"
style="width:40px; color:#07B700"></i>Modern
Template</h3>
<div style=""><img
class="img img-responsive center-block"
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
src="images/modern.png">
</div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev"
href="#demo" data-slide="prev"
style="left:-25px;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="#demo" data-slide="next"
style="right:-25px;width: 35px;color: #000;"> <span
class="carousel-control-next-icon"><i
class="fa fa-chevron-right"
style="font-size:24px"></i></span>
</a>
</section>
</div>
</div>
</div>
<!-- END OF TAB LIST -->
</div>
</div>
</section>
<!-- Suggested Products -->
<section class="oe_container"
style="padding:2rem 3rem 1rem; max-width:1540px; margin: 0 auto; ">
<h2 style="font-weight:600; text-align:center; margin-bottom:1rem; width:100%">
Suggested Products</h2>
<hr
style="background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
<div id="suggestedSlider" class="row carousel slide mt-4"
data-ride="carousel">
<!-- The slideshow -->
<div class="carousel-inner">
<div class="carousel-item" style="min-height: 191px;">
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/12.0/accounting_dynamic_reports/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_task_timer.png?ae168aa">
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/13.0/project_report_pdf/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_repo.png?ae168aa">
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/14.0/export_stockinfo_xls/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_gantt.png?ae168aa">
</div>
</a>
</div>
</div>
<div class="carousel-item active" style="min-height: 191px;">
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/12.0/project_task_timer/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/task_image.png?ae168aa">
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/14.0/base_accounting_kit/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/reminder.png?ae168aa">
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/12.0/project_report_pdf/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_report.png?ae168aa">
</div>
</a>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="carousel-control-prev" href="#suggestedSlider"
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="#suggestedSlider" 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>
</section>
<!-- End of Suggested Products -->
<!-- Our Services -->
<section class="oe_container" style="padding:2rem 3rem 1rem">
<!-- <h2 style="font-weight:600; text-align:center; margin-bottom:1rem; width:100%">Our Services</h2>
<hr
style="background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;"> -->
<div class="row mt-4 position-relative"
style="max-width:1540px; margin: 0 auto;">
<div class="col-lg-12 jumbotron text-white position-relative shadow-sm"
style="background-color: #b22126; background-image: url('https://i.ibb.co/k9GHmT0/arrows-transparent.png'); background-size: cover; background-position: bottom; border-radius: 10px;">
<span class="badge badge-pill px-3 py-2 text-dark shadow-sm font-weight-bold"
style="background-color: #f6b93b;"><i
class="fa fa-trophy mr-2"></i>Odoo Gold Partner</span>
<div class="row">
<div class="col-lg-6 mt-4">
<h1 style="font-family: Roboto, 'sans-serif'; color:#FFF;">
Our Services</h1>
<p class="lead">We provide following services</p>
<ul class="mt-4"
style="list-style: none; padding: 0; line-height: 2.8; font-weight: 500;">
<li>
<a href="https://www.cybrosys.com/odoo-customization-and-installation/"
style="color: white; text-decoration: none;"
target="_blank"><i
class="fa fa-cogs mr-2"
style="color: #f6b93b; font-size: 1.5rem"></i>Odoo
Customization</a></li>
<li>
<a href="https://www.cybrosys.com/odoo-erp-implementation/"
style="color: white; text-decoration: none;"
target="_blank"><i
class="fa fa-wrench mr-2"
style="color: #f6b93b; font-size: 1.5rem"></i>Odoo
Implementation</a></li>
<li><a href="https://www.cybrosys.com/odoo-erp-support/"
style="color: white; text-decoration: none;"
target="_blank"><i
class="fa fa-life-ring mr-2"
style="color: #f6b93b; font-size: 1.5rem"></i>Odoo
Support</a></li>
<li>
<a href="https://www.cybrosys.com/hire-odoo-developer/"
style="color: white; text-decoration: none;"
target="_blank"><i
class="fa fa-user mr-2"
style="color: #f6b93b; font-size: 1.5rem"></i>
Hire
Odoo Developers</a></li>
</ul>
</div>
</div>
</div>
<img src="https://i.ibb.co/YLRGpvL/trophy.png" width="50%" height="auto"
alt="Odoo Gold Partner"
class="position-absolute" style="right: 0; bottom: 0;">
</div>
</section>
<!-- End of Our Services -->
<!-- Our Industries -->
<section class="oe_container" style="padding:2rem 3rem 1rem">
<div class="row" style="max-width:1540px; margin: 0 auto; ">
<div class="col-lg-12">
<h2 style="font-weight:600; text-align:center; margin-bottom:1rem; width:100%">
Our
Industries</h2>
<hr
style="background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
</div>
<div class="row mt-4 position-relative"
style="max-width:1540px; margin: 0 auto;">
<!-- Left Column -->
<div class="col-lg-6">
<div class="bg-white shadow px-4 py-3 mb-3"
style="border-radius: 10px;">
<a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/"
target="_blank"
class="text-dark" style="text-decoration: none;">
<div class="row">
<div class="col-lg-3 no-gutters">
<img src="https://i.ibb.co/J3HsKWB/trading.png">
</div>
<div class="col-lg-9 no-gutters pt-3">
<h4 style="font-family: Roboto, 'sans-serif">
Trading</h4>
<p style="font-weight: 300;">Easily procure and
sell your products</p>
</div>
</div>
</a>
</div>
<div class="bg-white shadow px-4 py-3 my-3"
style="border-radius: 10px;">
<a href="https://www.cybrosys.com/odoo/industries/education-erp-software/"
target="_blank" class="text-dark"
style="text-decoration: none;">
<div class="row">
<div class="col-lg-3 no-gutters">
<img src="https://i.ibb.co/ssmySQK/education.png">
</div>
<div class="col-lg-9 no-gutters pt-3">
<h4 style="font-family: Roboto, 'sans-serif">
Education</h4>
<p style="font-weight: 300;">A Collaborative
platform for educational
management</p>
</div>
</div>
</a>
</div>
<div class="bg-white shadow px-4 py-3 my-3"
style="border-radius: 10px;">
<a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/"
target="_blank" class="text-dark"
style="text-decoration: none;">
<div class="row">
<div class="col-lg-3 no-gutters">
<img src="https://i.ibb.co/fx6j6zY/manufacturing.png">
</div>
<div class="col-lg-9 no-gutters pt-3">
<h4 style="font-family: Roboto, 'sans-serif">
Manufacturing</h4>
<p style="font-weight: 300;">Plan, track and
schedule your operations</p>
</div>
</div>
</a>
</div>
<div class="bg-white shadow px-4 py-3 my-3"
style="border-radius: 10px;">
<a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/"
target="_blank"
class="text-dark" style="text-decoration: none;">
<div class="row">
<div class="col-lg-3 no-gutters">
<img src="https://i.ibb.co/z6TK3yK/ecom.png">
</div>
<div class="col-lg-9 no-gutters pt-3">
<h4 style="font-family: Roboto, 'sans-serif">
E-commerce & Website</h4>
<p style="font-weight: 300;">Mobile friendly,
awe-inspiring product pages
</p>
</div>
</div>
</a>
</div>
</div>
<!-- End of Left Column -->
<!-- Right Column -->
<div class="col-lg-6">
<div class="bg-white shadow px-4 py-3 mb-3"
style="border-radius: 10px;">
<a href="https://www.cybrosys.com/odoo/industries/pos/"
target="_blank"
class="text-dark" style="text-decoration: none;">
<div class="row">
<div class="col-lg-3 no-gutters">
<img src="https://i.ibb.co/Hh9pqjY/pos.png">
</div>
<div class="col-lg-9 no-gutters pt-3">
<h4 style="font-family: Roboto, 'sans-serif">
POS</h4>
<p style="font-weight: 300;">Easy configuring
and convivial selling</p>
</div>
</div>
</a>
</div>
<div class="bg-white shadow px-4 py-3 my-3"
style="border-radius: 10px;">
<a href="https://www.cybrosys.com/odoo/industries/service-management/"
target="_blank"
class="text-dark" style="text-decoration: none;">
<div class="row">
<div class="col-lg-3 no-gutters">
<img src="https://i.ibb.co/541x9sq/service.png">
</div>
<div class="col-lg-9 no-gutters pt-3">
<h4 style="font-family: Roboto, 'sans-serif">
Service Management</h4>
<p style="font-weight: 300;">Keep track of
services and invoice accordingly
</p>
</div>
</div>
</a>
</div>
<div class="bg-white shadow px-4 py-3 my-3"
style="border-radius: 10px;">
<a href="https://www.cybrosys.com/odoo/industries/restaurant-management/"
target="_blank" class="text-dark"
style="text-decoration: none;">
<div class="row">
<div class="col-lg-3 no-gutters">
<img src="https://i.ibb.co/wYjn3HB/restaurant.png">
</div>
<div class="col-lg-9 no-gutters pt-3">
<h4 style="font-family: Roboto, 'sans-serif">
Restaurant</h4>
<p style="font-weight: 300;">Run your bar or
restaurant methodica</p>
</div>
</div>
</a>
</div>
<div class="bg-white shadow px-4 py-3 my-3"
style="border-radius: 10px;">
<a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/"
target="_blank"
class="text-dark" style="text-decoration: none;">
<div class="row">
<div class="col-lg-3 no-gutters">
<img src="https://i.ibb.co/XbkbpwV/hotel.png">
</div>
<div class="col-lg-9 no-gutters pt-3">
<h4 style="font-family: Roboto, 'sans-serif">
Hotel Management</h4>
<p style="font-weight: 300;">An all-inclusive
hotel management application
</p>
</div>
</div>
</a>
</div>
</div>
<!-- End of Right Column -->
</div>
</div>
</section>
<!-- End of Our Industries-->
<!-- Footer Section -->
<section class="oe_container" style="padding:2rem 3rem 1rem">
<div class="row" style="max-width:1540px; margin: 0 auto; ">
<div class="col-lg-12 mb-4">
<h2 style="font-weight:600; text-align:center; margin-bottom:1rem; width:100%">
Need Help?</h2>
<hr
style="background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
</div>
</div>
<!-- Contact Cards -->
<div class="row d-flex justify-content-center align-items-center"
style="max-width:1540px; margin: 0 auto;">
<div class="col-lg-3 shadow mt-2"
style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem; border-top: 7px solid #546E7A; height: 300px;">
<h5 class="font-weight-bold"
style="font-family: Roboto, 'sans-serif';">Visit us</h5>
<p class="mb-4" style="color: #808e9b; font-size: 0.9rem;">Visit our
website for more
information.</p>
<a href="https://cybrosys.com" target="_blank"
class="btn btn-block mb-2 deep_hover"
style="text-decoration: none; background-color: #546E7A; color: #FFF; border-radius: 4px;">www.cybrosys.com</a>
</div>
<div class="col-lg-3 shadow mt-2"
style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem; border-top: 7px solid #b22126; height: 330px;">
<h5 class="font-weight-bold"
style="font-family: Roboto, 'sans-serif';">Write to us</h5>
<p class="mb-4" style="color: #808e9b; font-size: 0.9rem;">Do you
have any queries regarding our
products &amp; services? Let us know.</p>
<a href="mailto:odoo@cybrosys.com" target="_blank"
class="btn btn-block mb-2 deep_hover"
style="text-decoration: none; background-color: #b22126; color: #FFF; border-radius: 4px;">odoo@cybrosys.com</a>
<a href="mailto:info@cybrosys.com" target="_blank"
class="btn btn-block deep_hover"
style="text-decoration: none; background-color: #b22126; color: #FFF; border-radius: 4px;">info@cybrosys.com</a>
</div>
b
<div class="col-lg-3 shadow mt-2"
style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem; border-top: 7px solid #546E7A; height: 300px;">
<h5 class="font-weight-bold"
style="font-family: Roboto, 'sans-serif';">Follow Us</h5>
<p class="mb-4" style="color: #808e9b; font-size: 0.9rem;">Follow us
on social media for latest
updates.</p>
<div class="d-flex justify-content-begin align-items-center">
<a href="https://www.facebook.com/cybrosystechnologies"
target="_blank"
class="btn mb-2 mr-2 deep_hover d-flex justify-content-center align-items-center"
style="text-decoration: none; background-color:#3b5998; color: #fff; height: 35px; width: 35px; border-radius: 4px;"><i
class="fa fa-facebook"></i></a>
<a href="https://twitter.com/cybrosys" target="_blank"
class="btn mb-2 mr-2 deep_hover d-flex justify-content-center align-items-center"
style="text-decoration: none; background-color:#00acee ; color: #fff ; height: 35px; width: 35px; border-radius: 4px;"><i
class="fa fa-twitter"></i></a>
<a href="https://www.youtube.com/channel/UCKjWLm7iCyOYINVspCSanjg"
target="_blank"
class="btn mb-2 mr-2 deep_hover d-flex justify-content-center align-items-center"
style="text-decoration: none; background-color:#FF0000 ; color: #fff ; height: 35px; width: 35px; border-radius: 4px;"><i
class="fa fa-play"></i></a>
<a href="https://medium.com/cybrosys" target="_blank"
class="btn mb-2 deep_hover d-flex justify-content-center align-items-center"
style="text-decoration: none; background-color:#000 ; color: #fff ; height: 35px; width: 35px; border-radius: 4px;"><i
class="fa fa-medium"></i></a>
</div>
</div>
<!-- End of Contact Cards -->
</div>
</section>
</div>
<!-- Footer -->
<section class="oe_container" style="padding:2rem 3rem 1rem;">
<div class="row"
style="max-width:1540px; margin: 0 auto; margin-right: 3rem; ">
<!-- Logo -->
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin-top: 4rem;">
<img src="https://www.cybrosys.com/images/logo.png" width="200px"
height="auto"/>
</div>
<!-- End of Logo -->
<div class="col-lg-12" style="margin-top: 2rem;">
<hr
style="margin-top: 3rem;background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
<!-- End of Footer Section -->
</div>
</div>
</section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.bundle.min.js"
integrity="sha512-wV7Yj1alIZDqZFCUQJy85VN+qvEIly93fIQAN7iqDFCPEucLCeNFz4r35FCo9s6WrpdDQPi80xbljXB8Bjtvcg=="
crossorigin="anonymous"></script>
</body>

3
invoice_format_editor/static/src/css/invoice_layout.css

@ -0,0 +1,3 @@
body{
color:red;
}

204
invoice_format_editor/template_view/default_template_view.xml

@ -0,0 +1,204 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<data>
<!--Default Template Preview-->
<template id="report_preview_default">
<t t-call="web.html_preview_container">
<t t-call="web.external_layout">
<div class="pt-5">
<div class="address row">
<div name="address" class="col-md-5 ml-auto">
<address>
<address class="mb-0" itemscope="itemscope"
itemtype="http://schema.org/Organization">
<div>
<span itemprop="name">Deco Addict
</span>
</div>
<div itemprop="address"
itemscope="itemscope"
itemtype="http://schema.org/PostalAddress">
<div class="d-flex align-items-baseline">
<span class="w-100 o_force_ltr"
itemprop="streetAddress">
77 Santa Barbara
Rd<br/>Pleasant Hill CA
94523<br/>United States
</span>
</div>
</div>
</address>
</address>
</div>
</div>
</div>
<div class="page">
<h2>
<span>Invoice</span>
<span>INV/2020/07/0003</span>
</h2>
<div id="informations" class="row mt32 mb32">
<div class="col-auto mw-100 mb-2"
name="invoice_date">
<strong>Invoice Date:</strong>
<p class="m-0">07/08/2020</p>
</div>
<div class="col-auto mw-100 mb-2" name="due_date">
<strong>Due Date:</strong>
<p class="m-0">08/07/2020</p>
</div>
</div>
<table class="table table-sm o_main_table"
name="invoice_line_table">
<thead>
<tr>
<th name="th_description" class="text-left">
<span>Product</span>
</th>
<th name="th_description" class="text-left">
<span>Description</span>
</th>
<th name="th_quantity" class="text-right">
<span>Quantity</span>
</th>
<th name="th_priceunit"
class="text-right d-none d-md-table-cell">
<span>Unit Price</span>
</th>
<th name="th_taxes"
class="text-left d-none d-md-table-cell">
<span>Taxes</span>
</th>
<th name="th_subtotal" class="text-right">
<span>Amount</span>
</th>
</tr>
</thead>
<tbody class="invoice_tbody">
<tr>
<td name="account_invoice_line_pro">
Three-Seat Sofa
</td>
<td name="account_invoice_line_name">
<span>[FURN_8999] Three-Seat Sofa
<br/>
Three Seater Sofa with Lounger in
Steel Grey Colour
</span>
</td>
<td class="text-right">
<span>5.000</span>
</td>
<td class="text-right d-none d-md-table-cell">
<span class="text-nowrap">1,500.00
</span>
</td>
<td class="text-left d-none d-md-table-cell">
<span id="line_tax_ids">15.00%</span>
</td>
<td class="text-right o_price_total">
<span class="text-nowrap">$
<span class="oe_currency_value">
7,500.00
</span>
</span>
</td>
</tr>
<tr>
<td name="account_invoice_line_name">
<span>Four Person Desk
</span>
</td>
<td name="account_invoice_line_name_des">
<span>[FURN_8220] Four Person Desk
<br/>
Four person modern office
workstation
</span>
</td>
<td class="text-right">
<span>5.000</span>
</td>
<td class="text-right d-none d-md-table-cell">
<span class="text-nowrap">23,500.00
</span>
</td>
<td class="text-left d-none d-md-table-cell">
<span id="line_tax_ids">15.00%</span>
</td>
<td class="text-right o_price_total">
<span class="text-nowrap">$
<span class="oe_currency_value">
117,500.00
</span>
</span>
</td>
</tr>
</tbody>
</table>
<div class="clearfix">
<div id="total" class="row">
<div class="col-sm-7 col-md-6 ml-auto">
<table class="table table-sm"
style="page-break-inside: avoid;">
<tbody>
<tr class="border-black o_subtotal"
style="">
<td>
<strong>Subtotal</strong>
</td>
<td class="text-right">
<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-right o_price_total">
<span class="text-nowrap">$
18,750.00
</span>
</td>
</tr>
<tr class="border-black o_total">
<td>
<strong>Total</strong>
</td>
<td class="text-right">
<span class="text-nowrap">$
<span class="oe_currency_value">
143,750.00
</span>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<p>
Please use the following communication for your
payment :
<b>
<span>
INV/2020/07/0003
</span>
</b>
</p>
<p name="payment_term">
<span>Payment terms: 30 Days</span>
</p>
</div>
</t>
</t>
</template>
</data>
</odoo>

233
invoice_format_editor/template_view/modern_template_view.xml

@ -0,0 +1,233 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<data>
<!--Modern Template Preview-->
<template id="report_preview_modern">
<t t-call="web.html_preview_container">
<t t-call="web.external_layout">
<div class="pt-5">
<div class="address row">
<div name="address" class="col-md-5 ml-auto">
<address>
<address class="mb-0" itemscope="itemscope"
itemtype="http://schema.org/Organization">
</address>
</address>
</div>
</div>
</div>
<div class="page">
<div t-attf-style=" background-color:#{company.document_layout_id.base_color};padding:2% ;color:#{company.document_layout_id.heading_text_color};">
<h2>
<div t-attf-style="color:##FFFFFF">
Invoice INV/2020/07/0003
</div>
</h2>
<div id="informations"
class="row mt32 mb32">
<div class="col-auto mw-100 mb-2"
name="invoice_date"
t-attf-style="color:##FFFFFF;">
<p>Invoice Date:
</p>
<p class="m-0">07/08/2020
</p>
</div>
<div class="col-auto mw-100 mb-2"
name="due_date"
t-attf-style="color:##FFFFFF;">
<p>Due Date:</p>
<p class="m-0">08/07/2020
</p>
</div>
<div class="col-auto mw-100 mb-2"
name="sales"
t-attf-style="color:##FFFFFF;">
<p>Sales Person
</p>
<p class="m-0">Mitchell
Admin
</p>
</div>
</div>
</div>
</div>
<div class="pt-5">
<div class="address row">
<div name="address" class="col-md-5 ml-auto">
<div itemprop="address"
itemscope="itemscope"
itemtype="http://schema.org/PostalAddress">
<div class="d-flex align-items-baseline">
<span class="w-100 o_force_ltr"
itemprop="streetAddress">
Deco Addict
<br/>
77 Santa Barbara
Rd<br/>Pleasant Hill CA
94523<br/>United States
<br/>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="page">
<br/>
<br/>
<table class="table table-sm o_main_table"
name="invoice_line_table">
<thead>
<tr t-attf-style=" background-color:#{company.document_layout_id.base_color};padding:2% ;color:#{company.document_layout_id.heading_text_color};">
<th name="th_description" class="text-left">
<span>Product</span>
</th>
<th name="th_description" class="text-left">
<span>Description</span>
</th>
<th name="th_quantity" class="text-right">
<span>Quantity</span>
</th>
<th name="th_priceunit"
class="text-right d-none d-md-table-cell">
<span>Unit Price</span>
</th>
<th name="th_taxes"
class="text-left d-none d-md-table-cell">
<span>Taxes</span>
</th>
<th name="th_subtotal" class="text-right">
<span>Amount</span>
</th>
</tr>
</thead>
<tbody class="invoice_tbody">
<tr>
<td name="account_invoice_line_pro">
Three-Seat Sofa
</td>
<td name="account_invoice_line_name">
<span>[FURN_8999] Three-Seat Sofa
<br/>
Three Seater Sofa with Lounger in
Steel Grey Colour
</span>
</td>
<td class="text-right">
<span>5.000</span>
</td>
<td class="text-right d-none d-md-table-cell">
<span class="text-nowrap">1,500.00
</span>
</td>
<td class="text-left d-none d-md-table-cell">
<span id="line_tax_ids">15.00%</span>
</td>
<td class="text-right o_price_total">
<span class="text-nowrap">$
<span class="oe_currency_value">
7,500.00
</span>
</span>
</td>
</tr>
<tr>
<td name="account_invoice_line_name">
<span>Four Person Desk
</span>
</td>
<td name="account_invoice_line_name_des">
<span>[FURN_8220] Four Person Desk
<br/>
Four person modern office
workstation
</span>
</td>
<td class="text-right">
<span>5.000</span>
</td>
<td class="text-right d-none d-md-table-cell">
<span class="text-nowrap">23,500.00
</span>
</td>
<td class="text-left d-none d-md-table-cell">
<span id="line_tax_ids">15.00%</span>
</td>
<td class="text-right o_price_total">
<span class="text-nowrap">$
<span class="oe_currency_value">
117,500.00
</span>
</span>
</td>
</tr>
</tbody>
</table>
<div class="clearfix">
<div id="total" class="row">
<div class="col-sm-7 col-md-6 ml-auto">
<table class="table table-sm"
style="page-break-inside: avoid;">
<tbody>
<tr class="border-black o_subtotal"
style="">
<td>
<strong>Subtotal</strong>
</td>
<td class="text-right">
<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-right o_price_total">
<span class="text-nowrap">$
18,750.00
</span>
</td>
</tr>
<tr class="border-black o_total">
<td>
<strong>Total</strong>
</td>
<td class="text-right">
<span class="text-nowrap">$
<span class="oe_currency_value">
143,750.00
</span>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<p>
Please use the following communication for your
payment :
<b>
<span>
INV/2020/07/0003
</span>
</b>
</p>
<p name="payment_term">
<span>Payment terms: 30 Days</span>
</p>
</div>
</t>
</t>
</template>
</data>
</odoo>

223
invoice_format_editor/template_view/normal_template_view.xml

@ -0,0 +1,223 @@
<odoo>
<data>
<!--Normal Template Preview-->
<template id="report_preview_normal">
<t t-call="web.html_preview_container">
<t t-call="web.external_layout">
<div class="pt-5">
<div class="pull-right">
<div name="address" class="col-md-5 ml-auto">
<address>
<address class="mb-0" itemscope="itemscope"
itemtype="http://schema.org/Organization">
</address>
</address>
</div>
</div>
</div>
<table class="table table-borderless"
style="padding-top:20px;width:100%">
<tr>
<th t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Customer Address
</th>
<th t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Invoice Date
</th>
<th t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Due Date
</th>
<th t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Sales Person
</th>
</tr>
<tr>
<td>
Gemini Furniture
<br/>
317 Fairchild Dr
<br/>
Fairfield
<br/>
United States
<br/>
</td>
<td>
<font>
<p class="m-0">07/08/2020</p>
</font>
</td>
<td>
<font>
<p class="m-0">08/08/2020</p>
</font>
</td>
<td>
<font>
<p class="m-0">Mitchell admin</p>
</font>
</td>
</tr>
</table>
<div class="page" style="text-align: center">
<h2>
<span>Invoice</span>
<span>INV/2020/07/0003</span>
</h2>
</div>
<div style="padding-top:20px;width:100%">
<div style="padding-top:20px;"/>
<table class="table table">
<thead>
<tr>
<th t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Product
</th>
<th t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Description
</th>
<th t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Quantity
</th>
<th t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Unit Price
</th>
<th t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Taxes
</th>
<th t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
Price
</th>
</tr>
</thead>
<tbody class="invoice_tbody">
<tr>
<td name="account_invoice_line_pro">
Three-Seat Sofa
</td>
<td name="account_invoice_line_name">
<span>[FURN_8999] Three-Seat Sofa
<br/>
Three Seater Sofa with Lounger in
Steel Grey Colour
</span>
</td>
<td class="text-right">
<span>5.000</span>
</td>
<td class="text-right d-none d-md-table-cell">
<span class="text-nowrap">1,500.00
</span>
</td>
<td class="text-left d-none d-md-table-cell">
<span id="line_tax_ids">15.00%</span>
</td>
<td class="text-right o_price_total">
<span class="text-nowrap">$
<span class="oe_currency_value">
7,500.00
</span>
</span>
</td>
</tr>
<tr>
<td name="account_invoice_line_name">
<span>Four Person Desk
</span>
</td>
<td name="account_invoice_line_name_des">
<span>[FURN_8220] Four Person Desk
<br/>
Four person modern office
workstation
</span>
</td>
<td class="text-right">
<span>5.000</span>
</td>
<td class="text-right d-none d-md-table-cell">
<span class="text-nowrap">23,500.00
</span>
</td>
<td class="text-left d-none d-md-table-cell">
<span id="line_tax_ids">15.00%</span>
</td>
<td class="text-right o_price_total">
<span class="text-nowrap">$
<span class="oe_currency_value">
117,500.00
</span>
</span>
</td>
</tr>
</tbody>
</table>
</div>
<div>
<div class="clearfix">
<div id="total" class="row">
<div class="col-sm-7 col-md-6 ml-auto">
<table class="table table-sm"
style="page-break-inside: avoid;">
<tbody>
<tr class="border-black o_subtotal"
style="">
<td>
<strong>Subtotal</strong>
</td>
<td class="text-right">
<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-right o_price_total">
<span class="text-nowrap">$
18,750.00
</span>
</td>
</tr>
<tr class="border-black o_total">
<td>
<strong>Total</strong>
</td>
<td class="text-right">
<span class="text-nowrap">$
<span class="oe_currency_value">
143,750.00
</span>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<p>
Please use the following communication for your
payment :
<b>
<span>
INV/2020/07/0003
</span>
</b>
</p>
<p name="payment_term">
<span>Payment terms: 30 Days</span>
</p>
</div>
</t>
</t>
</template>
</data>
</odoo>

249
invoice_format_editor/template_view/old_template_view.xml

@ -0,0 +1,249 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<data>
<!--Old Template Preview-->
<template id="report_preview_old">
<t t-call="web.html_preview_container">
<t t-call="web.external_layout">
<div class="pt-5">
<div class="address row">
<div name="address" class="col-md-5 ml-auto">
<address>
<address class="mb-0" itemscope="itemscope"
itemtype="http://schema.org/Organization">
</address>
</address>
</div>
</div>
</div>
<div class="new">
<div class=" row mt32 mb32" t-attf-class="pull-right">
<div class="col-12" style="padding-top:20px;">
<div itemprop="address"
itemscope="itemscope"
itemtype="http://schema.org/PostalAddress">
<div class="d-flex align-items-baseline">
<span class="w-100 o_force_ltr"
itemprop="streetAddress">
Deco Addict
<br/>
77 Santa Barbara
Rd<br/>Pleasant Hill CA
94523<br/>United States
<br/>
</span>
</div>
</div>
</div>
</div>
<div t-attf-class="pull-right"
t-attf-style="font:15px lucida-console,sans-serif !important;background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};padding:2%">
<h2>
<div t-attf-style="color:##FFFFFF">
Invoice INV/2020/07/0003
</div>
</h2>
<div id="informations"
class="row mt32 mb32">
<div class="col-auto mw-100 mb-2"
name="invoice_date"
t-attf-style="color:##FFFFFF;">
<p>Invoice Date:
</p>
<p class="m-0">07/08/2020
</p>
</div>
<div class="col-auto mw-100 mb-2"
name="due_date"
t-attf-style="color:##FFFFFF;">
<p>Due Date:</p>
<p class="m-0">08/07/2020
</p>
</div>
<div class="col-auto mw-100 mb-2"
name="sales"
t-attf-style="color:##FFFFFF;">
<p>Sales Person
</p>
<p class="m-0">Mitchell
Admin
</p>
</div>
</div>
</div>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<div class="page" t-attf-style="padding-top:36px;">
<table class="table table-sm o_main_table"
name="invoice_line_table">
<thead>
<tr t-attf-style=" background-color:#{company.document_layout_id.base_color};padding:2% ;color:#{company.document_layout_id.heading_text_color};">
<th name="th_description"
class="text-left">
<span>Product</span>
</th>
<th name="th_description"
class="text-left">
<span>Description</span>
</th>
<th name="th_quantity"
class="text-right">
<span>Quantity</span>
</th>
<th name="th_priceunit"
class="text-right d-none d-md-table-cell">
<span>Unit Price</span>
</th>
<th name="th_taxes"
class="text-left d-none d-md-table-cell">
<span>Taxes</span>
</th>
<th name="th_subtotal"
class="text-right">
<span>Amount</span>
</th>
</tr>
</thead>
<tbody class="invoice_tbody">
<tr>
<td name="account_invoice_line_pro">
Three-Seat Sofa
</td>
<td name="account_invoice_line_name">
<span>[FURN_8999] Three-Seat Sofa
<br/>
Three Seater Sofa with Lounger
in
Steel Grey Colour
</span>
</td>
<td class="text-right">
<span>5.000</span>
</td>
<td class="text-right d-none d-md-table-cell">
<span class="text-nowrap">1,500.00
</span>
</td>
<td class="text-left d-none d-md-table-cell">
<span id="line_tax_ids">15.00%
</span>
</td>
<td class="text-right o_price_total">
<span class="text-nowrap">$
<span class="oe_currency_value">
7,500.00
</span>
</span>
</td>
</tr>
<tr>
<td name="account_invoice_line_name">
<span>Four Person Desk
</span>
</td>
<td name="account_invoice_line_des">
<span>[FURN_8220] Four Person Desk
<br/>
Four person modern office
workstation
</span>
</td>
<td class="text-right">
<span>5.000</span>
</td>
<td class="text-right d-none d-md-table-cell">
<span class="text-nowrap">23,500.00
</span>
</td>
<td class="text-left d-none d-md-table-cell">
<span id="line_tax_ids">15.00%
</span>
</td>
<td class="text-right o_price_total">
<span class="text-nowrap">$
<span class="oe_currency_value">
117,500.00
</span>
</span>
</td>
</tr>
</tbody>
</table>
<div class="clearfix">
<div id="total" class="row">
<div class="col-sm-7 col-md-6 ml-auto">
<table class="table table-sm"
style="page-break-inside: avoid;">
<tbody>
<tr class="border-black o_subtotal"
style="">
<td>
<strong>Subtotal
</strong>
</td>
<td class="text-right">
<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-right o_price_total">
<span class="text-nowrap">
$
18,750.00
</span>
</td>
</tr>
<tr class="border-black o_total"
t-attf-style=" background-color:#{company.document_layout_id.base_color};padding:2% ;color:#{company.document_layout_id.heading_text_color};">
<td>
<strong>Total</strong>
</td>
<td class="text-right">
<span class="text-nowrap">
$
<span class="oe_currency_value">
143,750.00
</span>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<p>
Please use the following communication for your
payment :
<b>
<span>
INV/2020/07/0003
</span>
</b>
</p>
<p name="payment_term">
<span>Payment terms: 30 Days</span>
</p>
</div>
</div>
</t>
</t>
</template>
</data>
</odoo>

59
invoice_format_editor/views/custom_layouts.xml

@ -0,0 +1,59 @@
<odoo>
<data>
<!--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"/>
</group>
<group>
<field name="base_color" widget="color"/>
<field name="customer_position"/>
<field name="company_position"/>
<field name="logo_position"/>
</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="hsn_code"/>
<field name="tax_value"/>
<field name="reference"/>
<field name="source"/>
</group>
<group string="Customer Details"
name="customer_info">
<field name="address"/>
<field name="city"/>
<field name="country"/>
</group>
</group>
</page>
</notebook>
</sheet>
</form>
</field>
</record>
</data>
</odoo>

17
invoice_format_editor/views/document_base_layout.xml

@ -0,0 +1,17 @@
<odoo>
<data>
<!--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"/>
<field name="document_layout_id"/>
</field>
</field>
</record>
</data>
</odoo>
Loading…
Cancel
Save