addons/website_hr_recruitment/views/templates.xml

   1 <?xml version="1.0" encoding="utf-8"?>
   2 <openerp>
   3 <data>
   4
   5 <template id="job_footer_custom" inherit_id="website.footer_default" name="Footer Job Link">
   6     <xpath expr="//div[@id='info']/ul" position="inside">
   7     <li><a href="/jobs">Jobs</a></li>
   8     </xpath>
   9 </template>
  10
  11 <template id="index" name="Jobs">
  12     <t t-call="website.layout">
  13         <div id="wrap">
  14             <div class="oe_structure">
  15                 <section data-snippet-id="text-block" class="mb16">
  16                     <div class="container">
  17                         <div class="row">
  18                             <div class="col-md-12 text-center mb16" data-snippet-id="colmd">
  19                                 <h2>Our Job Offers</h2>
  20                                 <h3 class="text-muted">Join us and help disrupt the enterprise market!</h3>
  21                             </div>
  22                             <div class="col-md-12" data-snippet-id="colmd">
  23                                 <p>
  24                                     With a small team of smart people, we released the most
  25                                     disruptive enterprise management software in the world.
  26                                     Odoo is fully open source, super easy, full featured
  27                                     (3000+ apps) and its online offer is 3 times cheaper than
  28                                     traditional competitors like SAP and Ms Dynamics.
  29                                 </p>
  30                                 <p>
  31                                     Join us, we offer you an extraordinary chance to learn, to
  32                                     develop and to be part of an exciting experience and
  33                                     team.
  34                                 </p>
  35                             </div>
  36                         </div>
  37                     </div>
  38                 </section>
  39             </div>
  40
  41             <div class="container oe_website_jobs">
  42                 <div class="row">
  43                     <div class="hidden" id="jobs_grid_left">
  44
  45                     </div>
  46                     <div class="col-md-12" id="jobs_grid">
  47                         <div t-if="not jobs">
  48                             <div class="text-center text-muted">
  49                               <h4 class="css_editable_display">No job offer found</h4>
  50                               <h4 class="css_editable_hidden">There isn't job offer published now, click <a t-attf-href="/page/website.contactus">here</a> to contact us</h4>
  51                               <t groups="base.group_website_publisher">
  52                                 <t  groups="base.group_hr_manager">
  53                                   <p>Click on "Content" to define a new job offer or "Help" for more informations.</p>
  54                                   <img src="/website/static/src/img/content_here.png"/>
  55                                 </t>
  56                               </t>
  57                             </div>
  58                         </div>
  59                         <ul class="media-list" t-if="jobs">
  60                             <li t-foreach="jobs" t-as="job" class="media">
  61                                 <div class="media-body" t-att-data-publish="job.website_published and 'on' or 'off'">
  62                                     <h3 class="media-heading">
  63                                         <a t-attf-href="/jobs/detail/#{ slug(job) }">
  64                                             <span t-field="job.name"/>
  65                                         </a>
  66                                         <small t-if="job.no_of_recruitment &gt; 1">
  67                                             <t t-esc="job.no_of_recruitment"/> open positions
  68                                         </small>
  69                                     </h3>
  70
  71                                     <span t-field="job.address_id" t-field-options='{
  72                                         "widget": "contact",
  73                                         "fields": ["address"],
  74                                         "no_tag_br": true
  75                                         }'/>
  76                                     <span t-if="not job.website_published" class="label label-danger">not published</span>
  77                                     <div class="text-muted">
  78                                         <i class="fa fa-clock-o"/> <span t-field="job.write_date"/>
  79                                     </div>
  80                                 </div>
  81                             </li>
  82                         </ul>
  83                     </div>
  84                 </div>
  85             </div>
  86         </div>
  87     </t>
  88 </template>
  89
  90 <template id="detail" name='Job Detail'>
  91     <t t-call="website.layout">
  92     <t t-set="additional_title">Job Detail</t>
  93     <div id="wrap" class="js_hr_recruitment">
  94         <div class="oe_structure"/>
  95
  96         <section class="container mt8">
  97             <div class="row">
  98               <div class="col-sm-5">
  99                   <ol class="breadcrumb mb0">
 100                       <li><a href="/jobs">Our Jobs</a></li>
 101                       <li class="active"><span t-field="job.name"></span></li>
 102                   </ol>
 103               </div><div class="col-sm-7">
 104                   <t t-call="website.publish_management">
 105                       <t t-set="object" t-value="job"/>
 106                       <t t-set="publish_edit" t-value="True"/>
 107                   </t>
 108               </div>
 109             </div>
 110         </section>
 111
 112         <div class="oe_structure" style="clear:both;">
 113             <h1 class="text-center" t-field="job.name"/>
 114             <h5 class="text-center" t-field="job.address_id" t-field-options='{
 115                 "widget": "contact",
 116                 "fields": ["address"],
 117                 "no_tag_br": true
 118                 }'/>
 119            <h5 class="text-center text-muted">
 120                 <i class="fa fa-clock-o"/> <span t-field="job.write_date"/>
 121             </h5>
 122         </div>
 123         <div t-field="job.website_description"/>
 124
 125         <div class="oe_structure">
 126             <section data-snippet-id="cta" class="mt16 mb16">
 127                 <div class="container">
 128                     <div class="row">
 129                         <div class="col-md-12 text-center mt16 mb16">
 130                             <a t-attf-href="/jobs/apply/#{ job.id }" class="btn btn-primary btn-lg">Apply</a>
 131                         </div>
 132                     </div>
 133                 </div>
 134             </section>
 135         </div>
 136     </div>
 137     </t>
 138 </template>
 139
 140 <template id="apply">
 141     <t t-call="website.layout">
 142         <t t-set="additional_title">Apply Job</t>
 143         <div id="wrap">
 144             <div class="container">
 145                 <h1 class="text-center">
 146                     Job Application Form
 147                 </h1>
 148                 <h2 t-if="job" class="text-center text-muted">
 149                     <span t-field="job.name"/>
 150                 </h2>
 151
 152                 <div class="row">
 153                     <section id="forms">
 154                         <!-- TODO Multilingual form action support ? -->
 155                         <form class="form-horizontal mt32" action="/jobs/thankyou" method="post" enctype="multipart/form-data">
 156                             <input type="hidden" t-att-value="job and job.department_id.id or False" name="department_id"/>
 157                             <input type="hidden" t-att-value="job and job.id or False" name="job_id"/>
 158                             <div t-attf-class="form-group #{error.get('partner_name') and 'has-error' or ''}">
 159                                 <label class="col-md-3 col-sm-4 control-label" for="partner_name">Your Name</label>
 160                                 <div class="col-md-7 col-sm-8">
 161                                     <input type="text" t-att-value="default.get('partner_name')" class="form-control" name="partner_name" required="True"/>
 162                                 </div>
 163                             </div>
 164                             <div t-attf-class="form-group #{error.get('email_from') and 'has-error' or ''}">
 165                                 <label class="col-md-3 col-sm-4 control-label" for="email_from">Your Email</label>
 166                                 <div class="col-md-7 col-sm-8">
 167                                     <input type="email" t-att-value="default.get('email_from')" class="form-control" name="email_from" required="True"/>
 168                                 </div>
 169                             </div>
 170                             <div t-attf-class="form-group #{error.get('phone') and 'has-error' or ''}">
 171                                 <label class="col-md-3 col-sm-4 control-label" for="phone">Your Phone</label>
 172                                 <div class="col-md-7 col-sm-8">
 173                                     <input type="text" t-att-value="default.get('phone')" class="form-control" name="phone" required="True"/>
 174                                 </div>
 175                             </div>
 176                             <div class="form-group">
 177                                 <label class="col-md-3 col-sm-4 control-label" for="description">Short Introduction</label>
 178                                 <div class="col-md-7 col-sm-8">
 179                                     <textarea  class="form-control" t-esc="default.get('description')" name="description" style="min-height: 120px"/>
 180                                 </div>
 181                             </div>
 182                             <div class="form-group">
 183                                 <label class="col-md-3 col-sm-4 control-label" for="ufile">Resume</label>
 184                                 <div class="col-md-7 col-sm-8">
 185                                     <input class="input-file" id="fileInput" type="file" name="ufile"/>
 186                                     <span t-if="error.get('ufile')">Please send again your resume.</span>
 187                                 </div>
 188                             </div>
 189                             <div class="form-group">
 190                                 <div class="col-md-offset-3 col-sm-offset-4 col-sm-8 col-md-7">
 191                                     <button type="submit" class="btn btn-primary">Submit</button>
 192                                 </div>
 193                             </div>
 194                         </form>
 195                     </section>
 196                 </div>
 197             </div>
 198         </div>
 199     </t>
 200 </template>
 201
 202 <template id="thankyou">
 203     <t t-call="website.layout">
 204         <div id="wrap">
 205             <div class="oe_structure">
 206                 <div class="container">
 207                     <h1>Thank you!</h1>
 208                     <p>
 209                         Your job application has been successfully registered,
 210                         we will get back to you soon.
 211                     </p>
 212                 </div>
 213                 <section data-snippet-id="cta" class="oe_dark">
 214                     <div class="container">
 215                         <div class="row">
 216                             <div class="col-md-12 text-center mt16 mb16">
 217                                 <a href="/" class="btn btn-primary btn-lg">Continue To Our Website</a>
 218                             </div>
 219                         </div>
 220                     </div>
 221                 </section>
 222             </div>
 223         </div>
 224     </t>
 225 </template>
 226
 227 <template id="job_countries" inherit_id="website_hr_recruitment.index" active="False" customize_show="True" name="Filter by Countries">
 228     <xpath expr="//div[@id='jobs_grid_left']" position="inside">
 229         <ul class="nav nav-pills nav-stacked mb32">
 230             <li t-att-class=" '' if country_id else 'active' "><a t-attf-href="/jobs#{ '/department/%s' % slug(department_id) if department_id else '' }#{ '/office/%s' % office_id if office_id else '' }?all_countries=1">All Countries</a></li>
 231             <t t-foreach="countries" t-as="country">
 232                 <li t-att-class="'active' if country_id and country_id.id == country.id else ''">
 233                     <a t-attf-href="/jobs/country/#{ slug(country) }#{ '/department/%s' % slug(department_id) if department_id else '' }#{ '/office/%s' % office_id if office_id else '' }" ><span t-field="country.name"/></a>
 234                 </li>
 235             </t>
 236         </ul>
 237     </xpath>
 238     <xpath expr="//div[@id='jobs_grid_left']" position="attributes">
 239         <attribute name="class">col-md-3</attribute>
 240     </xpath>
 241     <xpath expr="//div[@id='jobs_grid']" position="attributes">
 242         <attribute name="class">col-md-9</attribute>
 243     </xpath>
 244 </template>
 245
 246 <template id="job_departments" inherit_id="website_hr_recruitment.index" active="False" customize_show="True" name="Filter by Departments">
 247     <xpath expr="//div[@id='jobs_grid_left']" position="inside">
 248         <ul class="nav nav-pills nav-stacked mb32">
 249             <li t-att-class=" '' if department_id else 'active' "><a t-attf-href="/jobs#{ '/country/%s' % slug(country_id) if country_id else '' }#{ '/office/%s' % office_id if office_id else '' }">All Departments</a></li>
 250             <t t-foreach="departments" t-as="department">
 251                 <li t-att-class="'active' if department_id and department_id.id == department.id else ''">
 252                     <a t-attf-href="/jobs#{ '/country/%s' % slug(country_id) if country_id else '' }/department/#{ slug(department) }#{ '/office/%s' % office_id if office_id else '' }" ><span t-field="department.name"/></a>
 253                 </li>
 254             </t>
 255         </ul>
 256     </xpath>
 257     <xpath expr="//div[@id='jobs_grid_left']" position="attributes">
 258         <attribute name="class">col-md-3</attribute>
 259     </xpath>
 260     <xpath expr="//div[@id='jobs_grid']" position="attributes">
 261         <attribute name="class">col-md-9</attribute>
 262     </xpath>
 263 </template>
 264
 265 <template id="job_offices" inherit_id="website_hr_recruitment.index" active="False" customize_show="True" name="Filter by Offices">
 266     <xpath expr="//div[@id='jobs_grid_left']" position="inside">
 267         <ul class="nav nav-pills nav-stacked mb32">
 268             <li t-att-class=" '' if office_id else 'active' "><a t-attf-href="/jobs#{ '/country/%s' % slug(country_id) if country_id else '' }#{ '/department/%s' % slug(department_id) if department_id else '' }">All Offices</a></li>
 269             <t t-foreach="offices" t-as="thisoffice">
 270                 <li t-att-class=" 'active' if office_id == thisoffice.id else '' ">
 271                     <a t-attf-href="/jobs#{ '/country/%s' % slug(country_id) if country_id else '' }#{ '/department/%s' % slug(department_id) if department_id else '' }/office/#{ thisoffice.id }" >
 272                         <span t-field="thisoffice.city"/><t t-if="thisoffice.country_id">,
 273                             <span t-field="thisoffice.country_id.name"/>
 274                         </t>
 275                     </a>
 276                 </li>
 277             </t>
 278         </ul>
 279     </xpath>
 280     <xpath expr="//div[@id='jobs_grid_left']" position="attributes">
 281         <attribute name="class">col-md-3</attribute>
 282     </xpath>
 283     <xpath expr="//div[@id='jobs_grid']" position="attributes">
 284         <attribute name="class">col-md-9</attribute>
 285     </xpath>
 286 </template>
 287
 288 <!-- User Navbar -->
 289 <template id="content_new_job_offer" inherit_id="website.user_navbar" groups="base.group_hr_manager">
 290     <xpath expr="//ul[@id='oe_systray']/li/ul[@class='dropdown-menu oe_content_menu']" position="inside">
 291          <li><a href="/jobs/add" class="js_link2post">New Job Offer</a></li>
 292     </xpath>
 293 </template>
 294
 295 </data>
 296 </openerp>