custom/plugins/CogiRecruiting/src/Resources/views/storefront/page/recruiting/job.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/base.html.twig' %}
  3. {% block base_head %}
  4.     {{ parent() }}
  6.     {% if job.jobPostingForGoogle %}
  7.         {% sw_include '@CogiRecruiting/storefront/page/recruiting/meta.html.twig' %}
  8.     {% endif %}
  9. {% endblock %}
  11. {% block base_content %}
  12.     {{ parent() }}
  14.     {% set categoryId = app.request.get('categoryId') %}
  15.     {% set contactMedia = "" %}
  16.     {% set previewMedia = "" %}
  18.     {% for item in media %}
  19.         {% if (item.id == job.get('contactMediaId')) %}
  20.             {% set contactMedia = item %}
  21.         {% endif %}
  22.         {% if (item.id == job.get('previewMediaId')) %}
  23.             {% set previewMedia = item %}
  24.         {% endif %}
  25.     {% endfor %}
  27.     {% if(job.get('previewMediaId')) %}
  28.         <div class="mb-4" style="height: 350px; overflow:hidden;border-radius: 3px;">
  29.             <img src="{{ previewMedia.url }}" alt="Preview Media" class="mr-2" style="width: 100%;height:auto;">
  30.         </div>
  31.     {% endif %}
  33. <h1 class="h2" style="word-break: break-word;">{{ job.translated.title }}</h1>
  34. {% if(job.get('location')) %}
  35.     <b>{{ 'cogi-recruiting.job.location' | trans }}:</b>
  36.     {% if(job.get('street')) %}{{ job.get('street') }}{% endif %}
  37.     {% if(job.get('housenumber')) %}{{ job.get('housenumber') }}, {% endif %}
  39.     {% if(job.get('zip')) %}{{ job.get('zip') }}{% endif %}
  40.     {% if(job.get('place')) %}{{ job.get('place') }}{% endif %}  -
  41. {% endif %}
  42. <b>{{ 'cogi-recruiting.job.createdAt' | trans }}
  43.     :</b> {{ job.get('createdAt')|format_date('long', locale=app.request.locale) }}
  45. <div class="row mt-2">
  46.     <div class="col-auto">
  47.         <button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#cogi-recruiting-apply" aria-label="{{ 'cogi-recruiting.job.applynow' | trans }}" title="{{ 'cogi-recruiting.job.applynow' | trans }}">
  48.             {{ 'cogi-recruiting.job.applynow' | trans }}
  49.         </button>
  51.         {% if(job.get('contact')) %}
  52.             <button class="btn btn-sm" data-toggle="modal" data-target="#cogi-recruiting-contact" aria-label="{{ 'cogi-recruiting.job.needhelp' | trans }}" title="{{ 'cogi-recruiting.job.needhelp' | trans }}">
  53.                 {% if(contactMedia.url) %}
  54.                     {% sw_thumbnails 'recruiting-contactperson' with {
  55.                         media: contactMedia,
  56.                         sizes: {
  57.                             'default': '310px'
  58.                         },
  59.                         attributes: {
  60.                             'class': 'cogirecruiting-contactimage',
  61.                             'alt': 'ContactPerson'
  62.                         }
  63.                     } %}
  64.                 {% endif %}
  65.                 {{ 'cogi-recruiting.job.needhelp' | trans }}
  66.             </button>
  68.             <div class="modal fade" id="cogi-recruiting-contact">
  69.                 <div class="modal-dialog" role="document">
  70.                     <div class="modal-content">
  71.                         <div class="modal-header">
  72.                             <h5 class="modal-title" id="exampleModalLabel">
  73.                                 {{ 'cogi-recruiting.job.contact' | trans }}
  74.                             </h5>
  75.                             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  76.                                 <span aria-hidden="true">&times;</span>
  77.                             </button>
  78.                         </div>
  79.                         <div class="modal-body">
  80.                             <div class="row">
  81.                                 {% if(contactMedia.url) %}
  82.                                     <div class="col-md-4">
  83.                                         <img src="{{ contactMedia.url }}" alt="ContactPerson image" style="width: 100%;border-radius: 3px">
  84.                                     </div>
  85.                                 {% endif %}
  86.                                 <div class="col-md">
  87.                                     <h2>{{ job.get('contactName') }}</h2>
  88.                                     <p>
  89.                                         {{ 'cogi-recruiting.job.soReach' | trans }}:<br>
  90.                                         {% if(job.get('contactMail')) %}
  91.                                             <b>{{ 'cogi-recruiting.job.mail' | trans }}
  92.                                                 :</b> {{ job.get('contactMail') }}<br>
  93.                                         {% endif %}
  94.                                         {% if(job.get('contactTelephone')) %}
  95.                                             <b>{{ 'cogi-recruiting.job.telephone' | trans }}
  96.                                                 :</b> {{ job.get('contactTelephone') }}
  97.                                         {% endif %}
  98.                                     </p>
  99.                                 </div>
  100.                             </div>
  101.                         </div>
  102.                     </div>
  103.                 </div>
  104.             </div>
  106.         {% endif %}
  107.     </div>
  108. </div>
  110. <hr>
  112. <p class="mt-4">
  113.     {{ job.translated.description|raw }}
  114. </p>
  116. <div class="text-center">
  117.     {{ 'cogi-recruiting.job.interested' | trans }}
  118.     <button class="btn mt-2 btn-primary btn-block" aria-label="{{ 'cogi-recruiting.job.applynow' | trans }}" title="{{ 'cogi-recruiting.job.applynow' | trans }}" data-toggle="modal" data-target="#cogi-recruiting-apply">
  119.         {{ 'cogi-recruiting.job.applynow' | trans }}
  120.     </button>
  121. </div>
  124. <div class="modal fade" id="cogi-recruiting-apply">
  125.     <div class="modal-dialog modal-lg" role="document">
  126.         <div class="modal-content">
  127.             <div class="modal-header">
  128.                 <h5 class="modal-title" id="exampleModalLabel">
  129.                     {{ 'cogi-recruiting.apply.label' | trans }}
  130.                 </h5>
  131.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  132.                     <span aria-hidden="true">&times;</span>
  133.                 </button>
  134.             </div>
  135.             <div class="modal-body" data-cogi-recruiting-profile>
  136.                 <form method="post" action="{{ path('frontend.cogirecruiting.api.apply') }}" enctype="multipart/form-data" data-form-csrf-handler="true">
  137.                     {{ sw_csrf('frontend.cogirecruiting.api.apply') }}
  138.                     <input type="hidden" value="{{ job.get('id') }}" name="id">
  139.                     <div class="row">
  140.                         <div class="col-auto">
  141.                             <label>{{ 'cogi-recruiting.apply.profile' | trans }} {% if(config('CogiRecruiting.config.CogiRecruitingProfilePictureRequired')) %}*{% endif %}</label>
  142.                             <div class="cogi-profile-pic-container">
  143.                                 <div class="circle" onclick="document.getElementById('file-upload').click();">
  144.                                     <img id="profile-pic" alt="Profile" src="data:image/png;base64,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">
  145.                                 </div>
  146.                                 <input id="file-upload" name="profile-image" type="file" accept="image/*">
  147.                             </div>
  148.                         </div>
  149.                         <div class="col-md">
  150.                             <label for="cogi-recruiting-name">{{ 'cogi-recruiting.apply.name' | trans }} *</label>
  151.                             <input type="text" class="form-control" id="cogi-recruiting-name" name="name" placeholder="{{ 'cogi-recruiting.apply.name' | trans }}..." required>
  152.                             <br>
  153.                             <label for="cogi-recruiting-prename">{{ 'cogi-recruiting.apply.prename' | trans }} *</label>
  154.                             <input type="text" class="form-control" id="cogi-recruiting-prename" name="prename" placeholder="{{ 'cogi-recruiting.apply.prename' | trans }}..." required>
  155.                         </div>
  156.                     </div>
  157.                     <div class="mt-4">
  158.                         <label for="cogi-recruiting-email">{{ 'cogi-recruiting.apply.email' | trans }} *</label>
  159.                         <input type="email" class="form-control" id="cogi-recruiting-email" name="email" placeholder="{{ 'cogi-recruiting.apply.email' | trans }}..." required>
  160.                     </div>
  162.                     {% if(config('CogiRecruiting.config.CogiRecruitingTelephoneNumber')) %}
  163.                         <div class="mt-4">
  164.                             <label for="cogi-recruiting-telephone">{{ 'cogi-recruiting.apply.tel' | trans }} *</label>
  165.                             <input type="tel" class="form-control" id="cogi-recruiting-telephone" name="telephone" placeholder="{{ 'cogi-recruiting.apply.tel' | trans }}..." required>
  166.                         </div>
  167.                     {% endif %}
  169.                     <div class="mt-4">
  170.                         <label for="cogi-recruiting-message">{{ 'cogi-recruiting.apply.message' | trans }} *</label>
  171.                         <textarea rows="10" class="form-control" id="cogi-recruiting-message" name="message" placeholder="{{ 'cogi-recruiting.apply.message' | trans }}..." required></textarea>
  172.                     </div>
  173.                     {% if config('CogiRecruiting.config.CogiRecruitingFileUploadDeactivate') == false %}
  174.                     <div class="mt-4">
  175.                         <label for="cogi-recruiting-upload">{{ 'cogi-recruiting.apply.upload' | trans }} {% if config('CogiRecruiting.config.CogiRecruitingFileUploadNoRequired') == false %}*{% endif %} <span id="cogi-recruiting-upload-alert" style="color: red; font-weight: bold; display: none" data-original-text="{{ 'cogi-recruiting.apply.sizeLimit' | trans }}"></span> </label>
  176.                         <input type="file" class="form-control" data-max-size="{{ config('CogiRecruiting.config.CogiRecruitingUploadMaxSize') * 1000000 }}" id="cogi-recruiting-upload" name="upload[]" accept=".png, .pdf" {% if config('CogiRecruiting.config.CogiRecruitingFileUploadNoRequired') == false %}required{% endif %} multiple>
  178.                         <small>
  179.                             {{ 'cogi-recruiting.apply.maxSize' | trans }}
  180.                             : {{ config('CogiRecruiting.config.CogiRecruitingUploadMaxSize') }} MB -
  181.                             {{ 'cogi-recruiting.apply.allowedExtensions' | trans }}:
  182.                             .{{ config('CogiRecruiting.config.UploadFileTypes')|split(',')|join(', .') }} -
  183.                             {{ 'cogi-recruiting.apply.maxAmount' | trans }}
  184.                             : {{ config('CogiRecruiting.config.UploadFileLimit') }}
  185.                         </small>
  186.                     </div>
  187.                     {% endif %}
  188.                     <div class="mt-4">
  189.                         <button class="btn btn-primary cogi-recruiting-btn" type="submit" style="width: 100%" aria-label="{{ 'cogi-recruiting.apply.label' | trans }}" title="{{ 'cogi-recruiting.apply.label' | trans }}">
  190.                             {{ 'cogi-recruiting.apply.label' | trans }}
  191.                         </button>
  192.                     </div>
  193.                 </form>
  194.             </div>
  195.         </div>
  196.     </div>
  197. </div>
  198. {% endblock %}