src/CoreBundle/Resources/views/Areas/LogaAd/view.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2.     <div class="flex-col offset-bottom-single">
  3.         <div class="col xs-12 m-6 l-3">
  4.             <span class="hint">{{ 'Loga API Url' |trans }}</span>
  5.             {{ pimcore_input("api_url") }}
  6.         </div>
  7.         <div class="col xs-12 m-6 l-3">
  8.             <span class="hint">{{ 'Job details button text' |trans }}</span>
  9.             {{ pimcore_input("details_button_text") }}
  10.         </div>
  11.     </div>
  12.     <div class="flex-col offset-bottom-single">
  13.         <div class="col xs-12 m-6 l-3">
  14.             <span class="hint">{{ 'Header Image 1 mapping' |trans }}</span>
  15.             {{ pimcore_input("loga_header_image_1_mapping") }}
  16.         </div>
  17.         <div class="col xs-12 m-6 l-3">
  18.             <span class="hint">{{ 'Header Image 1' |trans }}</span>
  19.             {{ pimcore_image("loga_header_image_1", {
  20.                 "title": "Drag your image here",
  21.                 "thumbnail": "jobDetailHeader"~ bundleName,
  22.                 "reload": true
  23.             }) }}
  24.         </div>
  25.     </div>
  26.     <div class="flex-col offset-bottom-single">
  27.         <div class="col xs-12 m-6 l-3">
  28.             <span class="hint">{{ 'Header Image 2 mapping' |trans }}</span>
  29.             {{ pimcore_input("loga_header_image_2_mapping") }}
  30.         </div>
  31.         <div class="col xs-12 m-6 l-3">
  32.             <span class="hint">{{ 'Header Image 2' |trans }}</span>
  33.             {{ pimcore_image("loga_header_image_2", {
  34.                 "title": "Drag your image here",
  35.                 "thumbnail": "jobDetailHeader"~ bundleName,
  36.                 "reload": true
  37.             }) }}
  38.         </div>
  39.     </div>
  40. {% else %}
  42.     {% if status == true %}
  44.         {% if(detailsButtonText is not empty) %}
  45.             {% set buttonText = detailsButtonText %}
  46.         {% else %}
  47.             {% set buttonText = 'Job Details' |trans %}
  48.         {% endif %}
  50.         <div class="section">
  51.             <div class="main-content">
  52.                 <div class="filters">
  53.                     <div class="form-field label">
  54.                         <span>{{ "job.filter.currently_looking_for"|trans }}</span>
  55.                     </div>
  56.                     <div class="form-field">
  57.                         <select id="titleFilter" name="titleFilter">
  58.                             <option value="">{{ "job.filter.title"|trans }}</option>
  59.                         </select>
  60.                     </div>
  61.                     <div class="form-field">
  62.                         <select id="rangeFilter" name="rangeFilter">
  63.                             <option value="">{{ "job.filter.range"|trans }}</option>
  64.                         </select>
  65.                     </div>
  66.                     <div class="form-field">
  67.                         <select id="departmentFilter" name="departmentFilter">
  68.                             <option value="">{{ "job.filter.department"|trans }}</option>
  69.                         </select>
  70.                     </div>
  71.                     <div class="form-field">
  72.                         <select id="locationFilter" name="locationFilter">
  73.                             <option value="">{{ "job.filter.location"|trans }}</option>
  74.                         </select>
  75.                     </div>
  76.                     <div class="form-field">
  77.                         <select id="careerLevelFilter" name="careerLevelFilter">
  78.                             <option value="">{{ "job.filter.careerLevel"|trans }}</option>
  79.                         </select>
  80.                     </div>
  81.                 </div>
  83.                 <table class="table-jobs" class="display" width="100%" id="jobstable-{{ info.index }}">
  84.                     <thead>
  85.                     <tr>
  86.                         <th>{{ 'Job Title' |trans }}</th>
  87.                         <th>{{ 'Contract type' |trans }}</th>
  88.                         <th>{{ 'Location' |trans }}</th>
  89.                         <th>{{ 'Fields of working' |trans }}</th>
  90.                         <th></th>
  91.                         <th style="display:none;"></th>
  92.                     </tr>
  93.                     </thead>
  94.                     <tbody>
  95.                     {% for job in jobs %}
  96.                         <tr>
  97.                             <td class="job-title">{{ job.title }}</td>
  98.                             <td class="job-range">{{ job.range }}</td>
  99.                             <td class="job-location">{{ job.location }}</td>
  100.                             <td class="job-department">{{ job.department }}</td>
  101.                             <td class="job-link"><a href="{{ job.url }}" class="button btn-default" target="_blank">{{ buttonText }}</a></td>
  102.                             <td style="display:none;" class="job-career-level">{{ job.careerLevel }}</td>
  103.                         </tr>
  104.                     {% endfor %}
  105.                     </tbody>
  106.                 </table>
  107.             </div>
  108.         </div>
  110.         <script>
  111.             document.onreadystatechange = function () {
  112.                 if (document.readyState == "complete") {
  113.                     var table{{ info.index }} = $('#jobstable-{{ info.index }}').DataTable(
  114.                         {
  115.                             "paging": false,
  116.                             "language": {
  117.                                 "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/German.json"
  118.                             },
  119.                             initComplete: function () {
  120.                                 this.api().columns().every(function () {
  122.                                     var mapping = {
  123.                                         0: "#titleFilter",
  124.                                         1: "#rangeFilter",
  125.                                         3: "#departmentFilter",
  126.                                         2: "#locationFilter",
  127.                                         5: "#careerLevelFilter"
  128.                                     }
  130.                                     var column = this;
  131.                                     if (mapping[column.index()] !== undefined) {
  132.                                         var select = $(mapping[column.index()])
  133.                                             .on('change', function () {
  134.                                                 var val = $.fn.dataTable.util.escapeRegex(
  135.                                                     $(this).val()
  136.                                                 );
  138.                                                 column
  139.                                                     .search(val ? '^' + val + '$' : '', true, false)
  140.                                                     .draw();
  141.                                             });
  143.                                         column.data().unique().sort().each(function (d, j) {
  144.                                             select.append('<option value="' + d + '">' + d + '</option>')
  145.                                         });
  146.                                     }
  147.                                 });
  148.                             }
  149.                         });
  150.                 }
  151.             };
  153.         </script>
  154.     {% else %}
  155.         <p>{{ 'Job service currrently unavailable. Please refresh.' |trans }}</p>
  156.     {% endif %}
  158. {% endif %}