templates/Jobs/_job_info_.html.twig line 1

Open in your IDE?
  1. {% if job is defined %}
  2.     <div id='article' class='w100'>
  3.         <div class="flex row {{ desktop("middle") }}{{ mobile("black-alt p-alt space") }}">
  4.             <span class="flex row bg-white {{ desktop("border border-1x border-gray radius-10")}}{{ mobile("radius-5 border border-1x border-gray-alt half-5")}} hoverflow">
  5.                         <i class="{{ desktop("bg-success-alt white") }}{{ mobile("bg-gray")}} flex col middle {{ desktop("hz-15-in vt-10-in") }} {{ mobile("hz-10-in vt-8-in p-alt") }}"><i>{{ "DU"|trans }}</i></i>
  6.                         <span class="flex row middle {{ desktop("hz-15-in")}} {{ mobile("hz-10-in")}} nowrap">{{ job.startAt.date|frdate }}</span>
  7.                     </span>
  8.             <span class="flex row bg-white {{ desktop("border border-1x border-gray radius-10 left-20")}}{{ mobile("radius-5 border border-1x border-gray-alt half-5")}} hoverflow">
  9.                         <i class="{{ desktop("bg-error white")}}{{ mobile("bg-gray")}} flex col middle {{ desktop("hz-15-in vt-10-in") }} {{ mobile("hz-10-in vt-8-in p-alt") }}"><i>{{ "AU"|trans }}</i></i>
  10.                         <span class="flex row middle {{ desktop("hz-15-in")}} {{ mobile("hz-10-in")}} nowrap">{{ job.endAt.date|frdate }}</span>
  11.                     </span>
  13.             {% if withButton is defined and withButton and isDesktop() %}
  14.                 <div class="left-20">
  15.                     {{ include('Jobs/_job_application_btn.html.twig', {"full": true}) }}
  16.                 </div>
  17.             {% endif %}
  18.         </div>
  20.         <article  class='article lh-4x text-justify {{desktop("h6 top-50")}}{{ mobile("p top-25") }}'>
  21.             {{ job.description|raw }}
  22.         </article>
  24.         <article  class='article lh-4x {{ isDesktop() ? 'black-alt'}} text-justify {{desktop("top-20 h6")}}{{ mobile("p top-20") }}'>
  25.             {{ job.content|raw }}
  26.         </article>
  28.         <h2 class='adapt {{ desktop("h4 top-60")}}{{ mobile("h4 top-30")}} adapt success'>{{ "Détails"|trans }}</h2>
  30.         {% if isMobile() %}
  31.             <div class="border border-gray border-1x {{ mobile("top-20") }}"></div>
  32.         {% endif %}
  34.         <table class="record ">
  35.             <tbody>
  36.             <tr>
  37.                 <th class="semibold">{{ "Secteurs"|trans }}: </th>
  38.                 <td>
  39.                     <article  class='flex wrap'>
  40.                         {% for o in job.sectors %}
  41.                             <div class="bg-gray flex col {{ desktop("bottom-10 hz-10-in")}} right-10 {{ mobile("top-10 bottom-5 hz-5-in") }}">
  42.                                 <label class="vt-8-in success">{{o.name}}</label>
  43.                             </div>
  44.                         {% endfor %}
  45.                     </article>
  46.                 </td>
  47.             </tr>
  48.             <tr>
  49.                 <th class="semibold">{{ "Année d'expérience"|trans }} :</th>
  50.                 <td>{{ job.experienceYear ? (job.experienceYear ~ (app.request.locale == "fr" ? " ans" : "year")) }}</td>
  51.             </tr>
  52.             <tr>
  53.                 <th class="semibold">{{ "Qualification"|trans }}: </th>
  54.                 <td>{{ job.qualifications|raw }}</td>
  55.             </tr>
  56.             <tr>
  57.                 <th class="semibold">{{ "Niveau d'étude"|trans }}: </th>
  58.                 <td>{{ job.studyLevel|join(", ") }}</td>
  59.             </tr>
  60.             <tr>
  61.                 <th class="semibold">{{ "Type de contrat"|trans }}: </th>
  62.                 <td>{{ job.employmentContract }}</td>
  63.             </tr>
  64.             </tbody>
  65.         </table>
  67.         {% if job.biblio and job.biblio.files|length %}
  68.             <div class="{{ desktop("top-50 bottom-10")}}{{ mobile("top-30 bottom-30")}} border border-1x border-gray"></div>
  69.             <h2 class='adapt {{ desktop("h4 top-60")}}{{ mobile("h3 top-30 bottom-25")}} adapt'>{{ "Document(s) joint(s)"|trans }}</h2>
  70.             <div class='flex row space wrap {{desktop("top-30 bottom-20")}}{{mobile("top-20")}}'>
  71.                 {% for o in job.biblio.files %}
  72.                     <div class='doc flex row top {{desktop("half-20 hz-25-in vt-20-in")}}{{ mobile("w100 hz-20-in vt-15-in")}} relative gradient-banner bottom-20 hoverflow {{desktop("")}} {{mobile("")}}'>
  73.                         {% set doc = o %}
  74.                         <span class="">
  75.                         <i class="fa fa-file white {{ desktop("fa-3x") }}{{ mobile("fa-2x") }}"></i>
  76.                     </span>
  77.                         <div class='text-left flex col space relative left-20 {{ desktop("right-40-in") }}{{ mobile("right-10-in") }}'>
  78.                             <h3 class='{{ mobile("h5")}} white {{ desktop("p medium")}} text-left nomargin lh-1x semibold'>{{doc.name ? doc.name : doc.source}}</h3>
  79.                             <div class="flex col middle space top-10">
  80.                                 <div class='gray-alt text-left p-alt'>
  81.                                     <span class=''>{{doc.formatSize}}</span> |
  82.                                     <span class=''>{{doc.reading|number_format}} lect.</span> |
  83.                                     <span>{{doc.downloads|number_format}} téléch.</span>
  84.                                 </div>
  85.                                 <div class='flex row middle p upper medium {{ desktop("top-20")}}{{ mobile("top-10")}} nowrap'>
  86.                                     <i class="w100 top-2-in bg-gray right-40"></i>
  87.                                     {% set action = null %}
  88.                                     {% set type = null %}
  89.                                     {% if 'pdf' in doc.mimetype|lower %}
  90.                                         {% set action = 'os-read' %}
  91.                                         {% set type = "pdf" %}
  92.                                     {% elseif 'image' in doc.mimetype|lower %}
  93.                                         {% set action = 'os-image' %}
  94.                                         {% set type = "image" %}
  95.                                     {% elseif 'video' in doc.mimetype|lower %}
  96.                                         {% set action = 'os-video' %}
  97.                                         {% set type = "video" %}
  98.                                     {% endif %}
  99.                                     {% if action %}
  100.                                         <span class='{{ action}} white {{ mobile("p-alt") }}' data-target="{{path('file-read',{id:doc.id,name:doc.name ? doc.name|slug : doc.source|slug})}}">Lire</span>
  101.                                     {% else %}
  102.                                         <span class='os-read white {{ mobile("p-alt") }}' data-url="{{url('file-read',{id:doc.id,name:doc.name ? doc.name|slug : doc.source|slug})}}">{{ "Lire"|trans }}</span>
  103.                                     {% endif %}
  104.                                     <a class='left-30 white {{ mobile("p-alt") }}' href="{{path('file-download',{id:doc.id,name:doc.name ? doc.name|slug : doc.source|slug})}}" target='_blank' download>{{ "Télécharger"|trans }}</a>
  105.                                 </div>
  106.                             </div>
  107.                         </div>
  108.                         <i class="triangle gradient-banner bg-white"></i>
  109.                     </div>
  110.                 {% endfor %}
  111.             </div>
  112.         {% endif %}
  114.         {% if withButton is defined and withButton %}
  115.             <div class="{{ desktop("top-60") }}{{ mobile("top-40 bottom-30") }}">
  116.                 {{ include('Jobs/_job_application_btn.html.twig', {'full': true}) }}
  117.             </div>
  118.         {% endif %}
  119.     </div>
  120. {% endif %}