odoo/addons/website_hr_recruitment/views/website_hr_recruitment.xml

<?xml version="1.0" encoding="utf-8"?>
<openerp>
    <data>
        <record id="website_mail_jobs" model="mail.group">
            <field name="name">Jobs</field>
            <field name="public">public</field>
            <field name="description">Job Posts on your website</field>
        </record>

        <template id="website_hr_recruitment_script" inherit_id="website.layout" name="Website Hr Recruitment script">
            <xpath expr="//t[@id='editable_scripts_hook']" position="inside">
                <script type="text/javascript" src="/website_hr_recruitment/static/src/js/website_hr_recruitment.editor.js" t-ignore="true"></script>
            </xpath>
        </template>

        <template id="job_footer_custom" inherit_id="website.layout" name="Footer Job Link">
            <xpath expr="//footer//div[@name='info']/ul" position="inside">
            <li><a href="/jobs">Jobs</a></li>
            </xpath>
        </template>

        <template id="index" name="Jobs">
            <t t-call="website.layout">
                <div id="wrap">
                    <div class="oe_structure">

                    <section data-snippet-id="text-block" class="mb32">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-12 text-center mb16" data-snippet-id="colmd">
                                    <h2>Our Job Offers</h2>
                                    <h3 class="text-muted">Join us and help disrupt the enterprise market!</h3>
                                </div>
                                <div class="col-md-12" data-snippet-id="colmd">
                                    <p>
                                        With a small team of smart people, we released the most
                                        disruptive enterprise management software in the world.
                                        OpenERP is fully open source, super easy, full featured
                                        (3000+ apps) and its online offer is 3 times cheaper than
                                        traditional competitors like SAP and Ms Dynamics.
                                    </p>
                                    <p>
                                        Join us, we offer you an extraordinary chance to learn, to
                                        develop and to be part of an exciting experience and
                                        team.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </section>

                    </div>
                    <div class="container oe_website_jobs">
                        <div class="row">
                            <div class="col-md-1" id="jobs_grid_left">

                            </div>
                            <div class="col-md-9" id="jobs_grid">
                                <ul class="media-list">
                                    <li t-foreach="jobs" t-as="job" class="media">
                                        <div class="media-body" t-att-data-publish="job.website_published and 'on' or 'off'">
                                            <h3 class="media-heading">
                                                <a t-href="/job/detail/#{ job.id }/">
                                                    <span t-field="job.name"/>
                                                </a>
                                                <small t-if="job.no_of_recruitment &gt; 1">
                                                    <t t-esc="job.no_of_recruitment"/> open positions
                                                </small>
                                            </h3>

                                            <div t-if="job.address_id">
                                                <i class="icon-map-marker"/>
                                                <span t-field="job.address_id.city"/>
                                                <span t-if="job.address_id.state_id" t-field="job.address_id.state_id"/>
                                                , <span t-field="job.address_id.country_id.name"/>
                                            </div>
                                            <div class="text-muted">
                                                <i class="icon-time"/> <span t-field="job.write_date"/>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="oe_structure">
                        <section data-snippet-id="cta" class="darken">
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-12 text-center mt16 mb16">
                                        <a href="/job/apply" class="btn btn-primary btn-lg">Apply</a>
                                    </div>
                                </div>
                            </div>
                        </section>
                    </div>
                </div>
            </t>
        </template>

        <template id="detail">
            <t t-call="website.layout">
            <t t-set="additional_title">Job Detail</t>
            <div id="wrap">

                <section class="container mt8">
                    <div class="row">
                      <div class="col-sm-5">
                          <ol class="breadcrumb mb0">
                              <li><a href="/jobs">Our Jobs</a></li>
                              <li class="active"><span t-field="job.name"></span></li>
                          </ol>
                      </div><div class="col-sm-7">
                          <t t-call="website.publish_management">
                              <t t-set="object" t-value="job"/>
                              <t t-set="publish_edit" t-value="True"/>
                              <t t-set="publish_controller">/job/publish</t>
                          </t>
                      </div>
                    </div>
                </section>

                <div class="oe_structure" style="clear:both;">
                    <h1 class="text-center" t-field="job.name"/>
                    <h5 class="text-center">
                        <i class="icon-map-marker"/> <span t-field="job.address_id.city"/> <span t-if="job.address_id.state_id" t-field="job.address_id.state_id.name"/>, <span t-field="job.address_id.country_id.name"/>
                    </h5>
                    <h5 class="text-center text-muted">
                                    <i class="icon-time"/> <span><t t-esc="vals_date"/></span>
                    </h5>
                </div>
                <div class="container oe_structure">
                    <div class="row">
                        <div t-if="job.website_description">
                            <div t-field="job.website_description"/>
                            <section data-snippet-id="cta" class="mt16 mb16">
                                <div class="container">
                                    <div class="row">
                                    <div class="col-md-12 text-center mt16 mb16">
                                        <a t-href="/job/apply/#{ job.id }/" class="btn btn-primary btn-lg">Apply</a>
                                    </div>
                                      </div>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
            </t>
        </template>

        <template id="applyjobpost">
            <t t-call="website.layout">
                <t t-set="additional_title">Apply Job</t>
                <div id="wrap">
                    <div class="container">
                        <h1 class="text-center">
                            Job Application Form
                        </h1>
                        <h2 t-if="job" class="text-center text-muted">
                            <span t-field="job.name"/>
                        </h2>

                        <div class="row">
                            <section id="forms">
                                <!-- TODO Multilingual form action support ? -->
                                <form class="form-horizontal mt32" action="/job/success" method="post" enctype="multipart/form-data">
                                    <input type="hidden" t-att-value="job and job.department_id.id or False" name="department_id"/>
                                    <input type="hidden" t-att-value="job and job.id or False" name="job_id"/>
                                    <div class="form-group">
                                        <label class="col-md-3 col-sm-4 control-label" for="partner_name">Your Name</label>
                                        <div class="col-md-7 col-sm-8">
                                            <input type="text" class="form-control" name="partner_name" required="True" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-md-3 col-sm-4 control-label" for="email_from">Your Email</label>
                                        <div class="col-md-7 col-sm-8">
                                            <input type="email" class="form-control" name="email_from" required="True" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-md-3 col-sm-4 control-label" for="phone">Your Phone</label>
                                        <div class="col-md-7 col-sm-8">
                                            <input type="text" class="form-control" name="phone" required="True" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-md-3 col-sm-4 control-label" for="description">Short Introduction</label>
                                        <div class="col-md-7 col-sm-8">
                                            <textarea  class="form-control" name="description" style="min-height: 120px"/>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-md-3 col-sm-4 control-label" for="ufile">Resume</label>
                                        <div class="col-md-7 col-sm-8">
                                            <input class="input-file" id="fileInput" type="file" name="ufile"/>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-offset-3 col-sm-offset-4 col-sm-8 col-md-7">
                                            <button type="submit" class="btn btn-primary">Submit</button>
                                        </div>
                                    </div>
                                </form>
                            </section>
                        </div>
                    </div>
                </div>
            </t>
        </template>

        <template id="thankyou">
            <t t-call="website.layout">
                <div id="wrap">
                    <div class="oe_structure">
                        <div class="container">
                            <h1>Thank you!</h1>
                            <p>
                                Your job application has been successfully registered,
                                we will get back to you soon.
                            </p>
                        </div>
                        <section data-snippet-id="cta" class="darken">
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-12 text-center mt16 mb16">
                                        <a href="/" class="btn btn-primary btn-lg">Continue To Our Website</a>
                                    </div>
                                </div>
                            </div>
                        </section>
                    </div>
                </div>
            </t>
        </template>

        <template id="job_departments" inherit_option_id="website_hr_recruitment.index" name="Filter on Departments">
            <xpath expr="//div[@id='jobs_grid_left']" position="inside">
                <ul class="nav nav-pills nav-stacked mb32">
                    <li t-att-class=" '' if active else 'active' "><a href="/jobs">All Departments</a></li>
                    <t t-foreach="departments" t-as="department">
                        <li t-att-class="department.id == active and 'active' or ''">
                        <a t-href="/jobs/department/#{ department.id }/" ><span t-field="department.name"/></a>
                        </li>
                    </t>
                </ul>
            </xpath>
            <xpath expr="//div[@id='jobs_grid_left']" position="attributes">
                <attribute name="class">col-md-3</attribute>
            </xpath>
        </template>

        <template id="job_offices" inherit_option_id="website_hr_recruitment.index" name="Filter on Offices">
            <xpath expr="//div[@id='jobs_grid_left']" position="inside">
                <ul class="nav nav-pills nav-stacked mb32">
                    <li t-att-class=" '' if office else 'active' "><a href="/jobs">All Offices</a></li>
                    <t t-foreach="offices" t-as="thisoffice">
                        <li t-att-class="thisoffice.id == office and 'active' or ''">
                            <a t-href="/jobs/office/#{ thisoffice.id }/" >
                                <span t-field="thisoffice.city"/><t t-if="thisoffice.country_id">, 
                                    <span t-field="thisoffice.country_id.name"/>
                                </t>
                            </a>
                        </li>
                    </t>
                </ul>
            </xpath>
            <xpath expr="//div[@id='jobs_grid_left']" position="attributes">
                <attribute name="class">col-md-3</attribute>
            </xpath>
        </template>


    </data>
</openerp>