Odoo Help

Welcome!

This community is for beginners and experts willing to share their Odoo knowledge. It's not a forum to discuss ideas, but a knowledge base of questions and their answers.

1

How do I replace the <div class="page"> on the Odoo built-in invoice PDF template in Odoo v8?

By
Nick Booker
on 7/14/14, 10:41 AM 5,632 views

I'm trying to replace the <div class="page"> in the base invoice 'account.report_invoice_document' with my own version, and failing.  Instead of taking my template, it's just rendering with the Odoo default template for invoices.

The same template without the <t t-extend> and <t t-jquery> tags works fine as an additional, standalone report, but I want to replace the default one that comes with Odoo so it works with the 'Print' and 'Send by Email' and any other automatic triggers.

Can anyone tell me what's wrong with my template?

I have the following structure (apologies I couldn't work out how to format the code as code):

<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>
<template id="report_custom_invoice_document">
    <!-- TODO: CSS-ify all the 'style=' bits if possible -->
    <t t-extend="account.report_invoice_document">
    <t t-jquery=".page" t-operation="replace">
        <div class="page">
            <h3 style="text-align: right">
                <span t-if="o.type == 'out_invoice' and (o.state == 'open' or o.state == 'paid')">INVOICE</span>
                <span t-if="o.type == 'out_invoice' and o.state == 'proforma2'">PRO-FORMA</span>
                <span t-if="o.type == 'out_invoice' and o.state == 'draft'">DRAFT Invoice</span>
                <span t-if="o.type == 'out_invoice' and o.state == 'cancel'">CANCELLED Invoice</span>
                <span t-if="o.type == 'out_refund'">REFUND</span>
                <span t-if="o.type == 'in_refund'">Supplier Refund</span>
                <span t-if="o.type == 'in_invoice'">Supplier Invoice</span>
                <span t-field="o.number"/>
            </h3>
            <div t-if="o.name" style="text-align: right">
                <strong>Description:</strong>
                <span t-field="o.name"/>
            </div>
            <hr />
            <!-- class 'row', 'col-xs-*' is a Twitter Bootstrap thing -->
            <!-- Don't know what mt32 and mb32 is -->
            <div class="row">
                <div class="col-xs-3" t-if="o.date_invoice" style="text-align: center">
                    <strong>Invoice Date:</strong>
                    <p t-field="o.date_invoice"/>
                </div>
                <!-- TODO: Better here, or in header? -->
                <!--
                <div class="col-xs-3" t-if="o.number" style="text-align: center">
                    <strong>Invoice No:</strong>
                    <p t-field="o.number"/>
                </div>
                -->
                <div class="col-xs-3" t-if="o.x_booking_reference" style="text-align: center">
                    <strong>Our Booking Reference:</strong>
                    <p t-field="o.x_booking_reference"/>
                </div>
                <div class="col-xs-3" t-if="o.partner_id" style="text-align: center">
                    <strong>Booked By:</strong>
                    <p>TODO: REMOVE OR USE SOMETHING SENSIBLE</p>
                    <!--
                    <p>
                        <span t-field="o.partner_id.name"/>
                        <span t-if="o.partner_id.email">(<span t-field="o.partner_id.email"/>)</span>
                        <span t-if="o.partner_id.phone"><br />CONTACT TEL: <span t-field="o.partner_id.phone"/></span>
                    </p>
                    -->
                </div>
                <div class="col-xs-3" t-if="o.payment_term" style="text-align: center">
                    <strong>Terms:</strong>
                    <p t-field="o.payment_term"/>
                </div>
                <div class="col-xs-3" t-if="o.origin" style="text-align: center">
                    <strong>Source:</strong>
                    <p t-field="o.origin"/>
                </div>
                <div t-if="o.comment" class="col-xs-3" style="text-align: center">
                    <strong>Comment:</strong>
                    <p t-field="o.comment"/>
                </div>
                <div t-if="o.fiscal_position" class="col-xs-3" style="text-align: center">
                    <strong>Fiscal Position:</strong>
                    <p t-field="o.fiscal_position"/>
                </div>
            </div>
            <!-- TODO: Remember to add order number field to any() below once you know what it is -->
            <div class="row" t-if="any([o.x_cost_centre, o.x_event_name, o.x_production_name])">
                <div class="col-xs-3" style="text-align: center">
                    <strong>Order Number:</strong>
                    <p>TODO: NO FIELD FOR THIS YET</p>
                </div>
                <div class="col-xs-3" t-if="o.x_cost_centre" style="text-align: center">
                    <strong>Cost centre:</strong>
                    <p t-field="o.x_cost_centre"/>
                </div>
                <div class="col-xs-3" t-if="o.x_event_name" style="text-align: center">
                    <strong>Event name:</strong>
                    <p t-field="o.x_event_name"/>
                </div>
                <div class="col-xs-3" t-if="o.x_production_name" style="text-align: center">
                    <strong>Production name:</strong>
                    <p t-field="o.x_production_name"/>
                </div>
            </div>
            <hr />
            <div class="row">
                <div class="col-xs-6">
                    <div style="margin-bottom: 1em">
                        <strong>Account Ref:</strong>
                        <span t-field="o.partner_id.ref"/>
                    </div>
                    <div><strong>Accounts Payable</strong></div>
                    <address t-field="o.partner_id"
                        t-field-options='{"widget": "contact", "fields": ["address", "name"], "no_marker": true}' />
                    <div><span t-field="o.partner_id.vat"/></div>
                    <div t-if="o.partner_id.email"><strong>Email:</strong> <span t-field="o.partner_id.email"/></div>
                    <div t-if="o.partner_id.phone"><strong>Email:</strong> <span t-field="o.partner_id.phone"/></div>
                    <div t-if="o.partner_id.fax"><strong>Fax:</strong> <span t-field="o.partner_id.fax"/></div>
                    <div class="col-xs-3" t-if="o.partner_id.ref">
                        <strong>Customer Code:</strong>
                        <span t-field="o.partner_id.ref"/>
                    </div>
                </div>
                <div class="col-xs-6">
                    <p>
                        <strong>
                            If any of your details on the left are incorrect or incomplete, please let us know.
                        </strong>
                    </p>
                    <div style="margin-bottom: 1em">
                        <strong>How to Contact Us</strong>
                        <!-- sensitive info removed -->
                        </div>
                    </div>
                    <p>BACS and cheque payment details at bottom of page or overleaf</p>
                </div>
            </div>

            <hr />

            <table class="table table-condensed">
                <thead>
                    <tr>
                        <th>Description</th>
                        <th>Quantity</th>
                        <th class="text-right">Unit Price</th>
                        <th class="text-right" groups="sale.group_discount_per_so_line">Discount (%)</th>
                        <th class="text-right">Taxes</th>
                        <th class="text-right">Amount</th>
                    </tr>
                </thead>
                <tbody class="invoice_tbody">
                    <tr t-foreach="o.invoice_line" t-as="l">
                        <td><span t-field="l.name"/></td>
                        <td>
                            <span t-field="l.quantity"/>
                            <span t-field="l.uos_id"  groups="product.group_uom"/>
                        </td>
                        <td class="text-right">
                            <span t-field="l.price_unit"/>
                        </td>
                        <td groups="sale.group_discount_per_so_line"><span t-field="l.discount"/></td>
                        <td class="text-right">
                            <span t-esc="', '.join(map(lambda x: x.name, l.invoice_line_tax_id))"/>
                        </td>
                        <td class="text-right">
                            <span t-field="l.price_subtotal"
                                t-field-options='{"widget": "monetary", "display_currency": "o.currency_id"}'/>
                        </td>
                    </tr>
                </tbody>
            </table>

            <div class="row">
                <div class="col-xs-6" t-if="o.tax_line">
                    <table class="table table-condensed">
                        <hr />
                        <thead>
                            <tr>
                                <th>Tax</th>
                                <th class="text-right">Base</th>
                                <th class="text-right">Amount</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr t-foreach="o.tax_line" t-as="t">
                                <td><span t-field="t.name"/></td>
                                <td class="text-right">
                                    <span t-field="t.base"
                                        t-field-options='{"widget": "monetary", "display_currency": "o.currency_id"}'/>
                                </td>
                                <td class="text-right">
                                    <span t-field="t.amount"
                                        t-field-options='{"widget": "monetary", "display_currency": "o.currency_id"}'/>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="col-xs-4 pull-right">
                    <table class="table table-condensed">
                        <tr class="border-black">
                            <td><strong>Total Without Taxes</strong></td>
                            <td class="text-right">
                                <span t-field="o.amount_untaxed" t-field-options='{"widget": "monetary", "display_currency": "o.currency_id"}'/>
                            </td>
                        </tr>
                        <tr>
                            <td>Taxes</td>
                            <td class="text-right">
                                <span t-field="o.amount_tax" t-field-options='{"widget": "monetary", "display_currency": "o.currency_id"}'/>
                            </td>
                        </tr>
                        <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="text-align: right"><strong>E &amp; O E</strong></div>

            <hr />
            <div class="row">
                <div class="col-xs-6">
                    <div style="text-align: center"><strong>BACS Payments:</strong></div>
                    <div style="margin-left: 2em">
                        <table>
                            <tbody>
                                <tr>
                                    <td><strong>Account Name:</strong></td>
                                    <td>SENSITIVE</td>
                                </tr>
                                <tr>
                                    <td><strong>Sort Code:</strong></td>
                                    <td>99-99-99</td>
                                </tr>
                                <tr>
                                    <td><strong>Account Number:</strong></td>
                                    <td>99999999</td>
                                </tr>
                                <tr>
                                    <td><strong>Bank:</strong></td>
                                    <td>A BANK</td>
                                </tr>
                                <tr>
                                    <td><strong>Reference:</strong></td>
                                    <td><span t-field="o.number"/></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="col-xs-6" style="text-align: center">
                    <strong>Cheque Payable To:</strong>
                    <p>NOT TELLING YOU</p>
                </div>
            </div>

        </div>
        </t>
    </t>
</template>

</data>


</openerp>

 

0
Nick Booker
On 7/15/14, 9:05 AM

My colleague Colin pointed me at an example in addons/sale_layout/views/report_invoice_layouted.xml which suggests it would work to do this, which worked:

<template id="report_custom_invoice_document" inherit_id="account.report_invoice_document">
    <!-- TODO: CSS-ify all the 'style=' bits if possible -->
    <xpath expr="//div[@class='page']" position="replace">
        <div class="page">

          <!-- etc -->

        </div>
    </xpath>
</template>

 

0
Kurt Haselwimmer
On 7/14/14, 3:59 PM

Odoo v8 is still at the release candidate RC1 stage so not particularly final as yet. I don't have years of experience in Openerp/Odoo but the built-in invoices seem to be one of the things that has only just been changed over to qweb format (so that they can be edited in a similar way to the website) - this particular thing seems to still be changing in the runbot instances I have inspected so this may well change prior to v8 being finally released.

Your Answer

Please try to give a substantial answer. If you wanted to comment on the question or answer, just use the commenting tool. Please remember that you can always revise your answers - no need to answer the same question twice. Also, please don't forget to vote - it really helps to select the best questions and answers!

About This Community

This community is for professionals and enthusiasts of our products and services. Read Guidelines

Question tools

1 follower(s)

Stats

Asked: 7/14/14, 10:41 AM
Seen: 5632 times
Last updated: 3/16/15, 8:10 AM