addons/website_hr_recruitment/views/templates.xml

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