odoo/addons/website_event/views/website_event.xml

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

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

    <template id="header_footer" inherit_id="website_sale.header_footer">
        <xpath expr="//body/header//ul[@id='top_menu']/li" position="before">
            <li><a href="/event">Events</a></li>
        </xpath>
        <xpath expr="//body/footer//ul[@name='products']/li" position="after">
            <li><a href="/event">Events</a></li>
        </xpath>
    </template>

    <template id="event_website_sale_mycart" inherit_id="website_sale.mycart">
        <xpath expr="//small[@class='text-error']" position="replace">
            <t t-if="(not line.event_id or line.event_ticket_id and line.event_ticket_id.price == line.product_id.lst_price)">
                <small class="text-error" style="text-decoration: line-through;"><t t-esc="line.product_id.lst_price" /> €</small>
            </t>
        </xpath>
    </template>

    <!-- Page --> 
 
    <template id="index" name="Events" page="True">
        <t t-call="website.layout">
            <t t-set="head">
                <script type="text/javascript" src="/website_hr/static/src/js/website_hr.js"></script>
                <t t-raw="head or ''"/>
            </t>
            <t t-set="title">Events</t>
            <h1 class="text-center">Our Events</h1>
            <div class="container">
                <div class="row">
                    <div class="col-md-4 css_noprint" id="left_column">
                        <ul class="nav nav-pills nav-stacked">
                            <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-attf-href="/event/#{ search_path }&amp;date=#{ date[0] }"><t t-esc="date[1]"/> <small t-if="date[3]">(<t t-esc="date[3]"/>)</small></a>
                                </li>
                            </t>
                        </ul>
                    </div>
                    <div class="col-md-8">
                        <t t-call="website.pager" >
                            <t t-set="classname">pull-left</t>
                        </t>
                    </div>
                    <div class="col-md-8">
                        <ul class="media-list">
                            <li t-foreach="event_ids" t-as="event" class="media" data-publish="">
                                <t t-call="website.publish"><t t-set="object" t-value="event"/></t>
                                <div class="media-body">
                                    <span t-if="not event.event_ticket_ids" class="label label-default pull-right">No tickets needed.</span>
                                    <t t-if="event.event_ticket_ids">
                                        <span t-if="event.register_avail == 9999" class="label label-default pull-right label-info">Tickets availables.</span>
                                        <span t-if="not event.register_avail" class="label label-default pull-right">No ticket available.</span>
                                        <span t-if="event.register_avail and event.register_avail != 9999" t-attf-class="label label-default pull-right label-#{ event.register_avail &lt;= 10 and 'warning' or 'info' }">
                                            <t t-if="event.register_avail &lt;= 10">Only</t>
                                            <t t-esc="event.register_avail"/>
                                            <t t-if="event.register_avail &gt; 1">tickets</t>
                                            <t t-if="event.register_avail == 1">ticket</t>
                                            available.
                                        </span>
                                    </t>
                                    <h4 class="media-heading"><a t-attf-href="/event/#{ event.id }/"><span t-field="event.name"> </span></a></h4>
                                    <div>
                                        <span t-field="event.type">: </span>
                                        <t t-if="event.organizer_id">
                                            Organized by: <span t-field="event.organizer_id"> </span>
                                        </t>
                                    </div>
                                    <div>
                                        <i class="icon-time"></i> <span t-field="event.date_begin"> </span> <i>to</i> <span t-field="event.date_end"> </span>
                                    </div>
                                    <div t-if="event.country_id">
                                        <i class="icon-map-marker"></i> <span t-field="event.city"> </span>  <span t-field="event.zip"> </span>, <span t-field="event.country_id"> </span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-8 col-lg-offset-4 text-center">
                        <t t-call="website.pager" />
                    </div>
                </div>
            </div>
        </t>
    </template>

    <template id="event_category" inherit_id="website_event.index" inherit_option_id="website_event.index" name="Category">
        <xpath expr="//div[@id='left_column']" position="inside">
            <ul class="nav nav-pills nav-stacked mt32">
                <li class="nav-header">Category</li>
                <t t-foreach="types">
                    <li t-if="type" t-att-class="searches.get('type') == str(type and type[0]) and 'active' or ''">
                        <a t-attf-href="/event/#{ search_path }&amp;type=#{ type[0] }"><t t-esc="type[1]"/> <small>(<t t-esc="type_count"/>)</small></a>
                    </li>
                </t>
            </ul>
        </xpath>
    </template>
    <template id="event_location" inherit_id="website_event.index" inherit_option_id="website_event.index" name="Location">
        <xpath expr="//div[@id='left_column']" position="inside">
            <ul class="nav nav-pills nav-stacked mt32">
                <li class="nav-header">Location</li>
                <t t-foreach="countries">
                    <li t-if="country_id" t-att-class="searches.get('country') == str(country_id and country_id[0]) and 'active' or ''">
                        <a t-attf-href="/event/#{ search_path }&amp;country=#{ country_id[0] }"><t t-esc="country_id[1]"/><small>(<t t-esc="country_id_count"/>)</small></a>
                    </li>
                </t>
            </ul>
        </xpath>
    </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 or ''"/>
            </t>
            <t t-set="title">Events</t>
            <div class="container">
                <t t-call="website.publish"><t t-set="object" t-value="event_id"/></t>
                <h1 class="text-center" t-field="event_id.name"></h1>
                <span t-if="not event_id.event_ticket_ids" class="label label-default pull-left">No tickets needed.</span>
                <t t-if="event_id.event_ticket_ids">
                    <span t-if="event_id.register_avail == 9999" class="label label-default pull-left">Tickets availables.</span>
                    <span t-if="not event_id.register_avail" class="label label-default pull-left">No ticket available.</span>
                    <span t-if="event_id.register_avail and event_id.register_avail != 9999" t-attf-class="label label-default pull-left label-#{ 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>
                <h4 class="text-center">
                    <i class="icon-time"></i> <span t-field="event_id.date_begin"/> to 
                    <span t-field="event_id.date_end"/>
                </h4>
                <h5 class="text-center" t-field="event_id.address_id"/>
                <div class="row">
                    <div class="col-md-4 css_noprint">
                        <h4>When &amp; Where</h4>
                        <a t-att-href="event_id.google_map_link()" target="_BLANK">
                            <img class="thumbnail" t-att-src="event_id.google_map_img()"/>
                        </a>
                        <address>
                            <pre t-field="event_id.address_id"/>
                            <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>
                            <t t-if="event_id.organizer_id">
                                <h6>Organized by:</h6>
                                <pre><t t-field="event_id.organizer_id"/><t t-if="event_id.phone"><br/><span>&amp;#x2706;</span> <span t-field="event_id.phone"></span></t><t t-if="event_id.email"><br/><i class="icon-envelope"></i> <span t-field="event_id.email"></span></t></pre>
                            </t>
                        </address>
                    </div>
                    <div class="col-md-8">
                        <div class="media-body">
                            <t t-if="event_id.event_ticket_ids">
                            <hr/>
                            <form t-attf-action="/event/#{ event_id.id }/add_cart" method="post">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>Ticket</th>
                                            <th>Sales End</th>
                                            <th>Price</th>
                                            <th>Seats</th>
                                            <th>Quantity</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr t-foreach="event_id.event_ticket_ids" t-as="ticket">
                                            <td t-field="ticket.name"/>
                                            <td t-field="ticket.deadline"/>
                                            <td t-field="ticket.price"/>
                                            <td><span t-if="ticket.register_max"><t t-esc="ticket.register_current"/>/<t t-field="ticket.register_max"/></span></td>
                                            <td>
                                                <select t-if="ticket.register_avail" t-attf-name="ticket- #{ ticket.id }" class="form-control">
                                                    <t t-foreach="range(0, ticket.register_avail > 9 and 10 or ticket.register_avail+1 )" t-as="nb"><option t-esc="nb"/></t>
                                                </select>
                                                <span t-if="not ticket.register_avail">Not ticket available</span>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <button type="submit" class="btn btn-primary" t-if="event_id.register_avail">Order Now</button>
                            </form>
                            </t>
                            <hr/>
                            <div t-field="event_id.description_website"></div>
                        </div>
                    </div>
                </div>
            </div>
        </t>
    </template>
 </data>
</openerp>