odoo/addons/website_event/views/website_event.xml

<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>

    <record id="view_event_form" model="ir.ui.view">
        <field name="name">view_event_form</field>
        <field name="model">event.event</field>
        <field name="inherit_id" ref="event.view_event_form"/>
        <field name="arch" type="xml">
            <data>
                <xpath expr="//notebook" position="inside">
                    <page string="Tarifs">
                        <group colspan="4">
                            <field name="product_ids">
                                <tree string="Payments" editable="top">
                                    <field name="product_id"/>
                                    <field name="price"/>
                                    <field name="max_qty"/>
                                </tree>
                            </field>
                        </group>
                    </page>
                </xpath>
           </data>
        </field>
    </record>

    <!-- Layout add nav and footer -->

    <record id="header_website_event" model="ir.ui.view">
        <field name="name">header_website_event</field>
        <field name="inherit_id" ref="website.header"/>
        <field name="arch" type="xml">
            <data>
                <xpath expr="(//li)[last()]" position="after">
                    <li class="pull-right"><a href="/event">Events</a></li>
                </xpath>
           </data>
        </field>
    </record>
    <record id="footer_website_event" model="ir.ui.view">
        <field name="name">footer_website_event</field>
        <field name="inherit_id" ref="website.footer"/>
        <field name="arch" type="xml">
            <data>
                <xpath expr="//a[@href='/page/website.contactus']" position="after">
                    <li><a href="/event">Events</a></li>
                </xpath>
           </data>
        </field>
    </record>

    <!-- Page --> 
    <template id="button">
        <t t-if="event_id.register_avail">
            <span t-if="event_id.register_avail == 9999" class="label pull-right">No ticket available.</span>
            <span t-if="event_id.register_avail != 9999" t-att-class="'label pull-right label-%%s' %% (event_id.register_avail &lt;= 10 and 'warning' or 'info')">
                <t t-if="event_id.register_avail &lt;= 10">Only</t>
                <t t-esc="event_id.register_avail"/>
                <t t-if="event_id.register_avail &gt; 1">tickets </t>
                <t t-if="event_id.register_avail == 1">ticket </t>
                available.
            </span>
        </t>
    </template>

    <template id="index">
        <t t-call="website.layout">
            <t t-set="head">
                <script type="text/javascript" src="/website_event/static/src/js/website_event.js"></script>
                <t t-raw="head"/>
            </t>
            <t t-set="title">Events</t>
            <div class="container mt48">
                <div class="row">
                    <div class="span4 css_noprint">
                        <ul class="nav nav-list">
                            <li class="nav-header">Date</li>
                            <t t-foreach="dates" t-as="date">
                                <li t-att-class="searches.get('date') == date[0] and 'active' or ''">
                                    <a  t-att-href="'/event/%%s&amp;date=%%s' %% (search_path, date[0])"><t t-esc="date[1]"/> <small t-if="date[3]">(<t t-esc="date[3]"/>)</small></a>
                                </li>
                            </t>
                        </ul>
                        <ul class="nav nav-list">
                            <li class="nav-header">Category</li>
                            <t t-foreach="types">
                                <li t-if="type" t-att-class="searches.get('type') == str(type[0]) and 'active' or ''">
                                    <a t-att-href="'/event/%%s&amp;type=%%s' %% (search_path, type[0])"><t t-esc="type[1]"/> <small>(<t t-esc="type_count"/>)</small></a>
                                </li>
                            </t>
                        </ul>
                        <ul class="nav nav-list">
                            <li class="nav-header">Location</li>
                            <t t-foreach="countries">
                                <li t-if="country_id" t-att-class="searches.get('country') == str(country_id[0]) and 'active' or ''">
                                    <a t-att-href="'/event/%%s&amp;country=%%s' %% (search_path, country_id[0])"><t t-esc="country_id[1]"/><small>(<t t-esc="country_id_count"/>)</small></a>
                                </li>
                            </t>
                        </ul>
                    </div>
                    <div class="span8">
                        <ul class="media-list mt32">
                            <t t-foreach="event_ids" t-as="event_id">
                                <li class="media thumbnail">
                                    <div class="media-body">
                                        <t t-call="website_event.button"/>
                                        <h4 class="media-heading"><a t-att-href="'/event/%%s' %% event_id.id"><span t-field="event_id.name"> </span></a></h4>
                                        <a t-if="editable" href="#" t-att-data-id="event_id.id" class="pull-right">
                                            <span t-att-class="'label label-success js_unpublish %%s' %% (not event_id.website_published and 'hidden' or '')">Click to Unpublish</span>
                                            <span t-att-class="'label label-important js_publish %%s' %% (event_id.website_published and 'hidden' or '')">Click to Publish</span>
                                        </a>
                                        <div>
                                            <span t-field="event_id.type">: </span>
                                            <t t-if="event_id.user_id">
                                                Organized by: <span t-field="event_id.user_id"> </span>
                                            </t>
                                        </div>
                                        <div>
                                            <i class="icon-time"></i> <span t-field="event_id.date_begin"> </span> <i>to</i> <span t-field="event_id.date_end"> </span>
                                        </div>
                                        <div t-if="event_id.country_id">
                                            <i class="icon-map-marker"></i> <span t-field="event_id.city"> </span>  <span t-field="event_id.zip"> </span>, <span t-field="event_id.country_id"> </span>
                                        </div>
                                    </div>
                                </li>
                            </t>
                        </ul>
                    </div>
                </div>
            </div>
        </t>
    </template>

    <template id="detail">
        <t t-call="website.layout">
            <t t-set="head">
                <script type="text/javascript" src="/website_event/static/src/js/website_event.js"></script>
                <t t-raw="head"/>
            </t>
            <t t-set="title">Events</t>
            <div class="container mt48">
                <div class="row">
                    <div class="span4 css_noprint">
                        <h4>When &amp; Where</h4>
                        <img t-att-src="google_map_url"/>
                        <address>
                            <h4 t-field="event_id.address_id">Name</h4><br/>
                            <span t-field="event_id.street"/><br/>
                            <span t-field="event_id.city"/>, <span t-field="event_id.zip"/><br/>
                            <span t-field="event_id.country_id"> </span><br/>
                            <i class="icon-time"></i> <span t-field="event_id.date_begin"> </span><br/>
                            <i class="icon-time"></i> <span t-field="event_id.date_end"> </span><br/>
                            <br/>
                            <t t-if="event_id.user_id">
                                Organized by: <span t-field="event_id.user_id"/><br/>
                                <span>&amp;#x2706; <span t-field="event_id.user_id.phone"></span></span><br/>
                                <i class="icon-envelope"></i> <span t-field="event_id.user_id.email"></span>
                            </t>
                        </address>
                    </div>
                    <div class="span8">
                        <div class="media-body">
                            <t t-call="website_event.button"/>
                            <h4 class="media-heading"><a t-att-href="'/event/%%s' %% event_id.id"><span t-field="event_id.name"> </span></a></h4>
                            <a t-if="editable" href="#" t-att-data-id="event_id.id" class="pull-right">
                                <span t-att-class="'label label-success js_unpublish %%s' %% (not event_id.website_published and 'hidden' or '')">Click to Unpublish</span>
                                <span t-att-class="'label label-important js_publish %%s' %% (event_id.website_published and 'hidden' or '')">Click to Publish</span>
                            </a>
                            <h4>Ticket Information</h4>
                            <form t-att-action="'/event/%%s/add_cart' %% event_id.id" method="post">
                                <div t-foreach="event_id.product_ids" t-as="prod">
                                    <span t-field="prod.product_id"/>
                                    <span t-field="prod.price"/>
                                    <span t-field="prod.qty"/>
                                    <span t-field="prod.max_qty"/>
                                    <select t-att-name="'product[%%s]' %% prod.id">
                                        <t t-foreach="range(0,10)" t-as="nb">
                                            <option t-esc="nb"/>
                                        </t>
                                    </select>
                                </div>
                                <button type="submit" class="btn btn-primary">Order Now</button>
                            </form>
                            <h4>Event Details</h4>
                            <div t-field="event_id.description_website"></div>
                        </div>
                    </div>
                </div>
            </div>
        </t>
    </template>
 </data>
</openerp>