templates/site/job/list.html.twig line 1

Open in your IDE?
  1. {% extends 'site/base.html.twig' %}
  2. {% block title %}Trabajos{% endblock %}
  3. {% block body %}
  4.     {{ include ('site/header.html.twig',{'notifications': notifications}  ) }}
  5.     <div class="alice-bg padding-top-70 padding-bottom-70">
  6.         <div class="container">
  7.             <div class="row">
  8.                 <div class="col-md-6">
  9.                     <div class="breadcrumb-area">
  10.                         <h1>Listado de empleos</h1>
  11.                         <nav aria-label="breadcrumb">
  12.                             <ol class="breadcrumb">
  13.                                 <li class="breadcrumb-item"><a href="{{ path('homepage') }}">Inicio</a></li>
  14.                                 <li class="breadcrumb-item active" aria-current="page">Listado de empleos</li>
  15.                             </ol>
  16.                         </nav>
  17.                     </div>
  18.                 </div>
  19.             </div>
  20.         </div>
  21.     </div>
  22.     <div class="alice-bg section-padding-bottom">
  23.         <div class="container">
  24.             <div class="row no-gutters">
  25.                 <div class="col">
  26.                     <div class="job-listing-container">
  27.                         <div id="container-jobs" class="filtered-job-listing-wrapper">
  28.                             {% include 'site/job/loop.html.twig' %}
  29.                         </div>
  30.                         <div class="job-filter-wrapper">
  31.                             <div class="selected-options">
  32.                                 <div class="selection-title">
  33.                                     <h4>Selección</h4>
  34.                                     <a href="#">Limpiar</a>
  35.                                 </div>
  36.                                 <ul id="auto" class="filtered-options">
  37.                                 </ul>
  38.                             </div>
  39.                             <div class="job-filter-dropdown category">
  40.                                 <select id="category-filter" class="selectpicker" onchange="findByFilters()">
  41.                                     {% for c in categorys %}
  42.                                         <option value="{{ c.name }}">{{ c.name }}</option>
  43.                                     {% endfor %}
  44.                                 </select>
  45.                             </div>
  46.                             <div class="job-filter-dropdown location" >
  47.                                 <select id="location-filter" class="selectpicker" onchange="findByFilters()">
  48.                                     {% for l in locations %}
  49.                                         <option value="{{ l.name }}">{{ l.name }}</option>
  50.                                     {% endfor %}
  51.                                 </select>
  52.                             </div>
  54.                             <div data-id="gender" class="job-filter gender">
  55.                                 <h4 class="option-title">Género</h4>
  56.                                 <ul onclick="findByFilters()">
  57.                                     <li><a href="#" data-attr="masculino">Masculino</a></li>
  58.                                     <li><a href="#" data-attr="femenino">Femenino</a></li>
  59.                                     <li><a href="#" data-attr="cualquier">Cualquier</a></li>
  60.                                 </ul>
  61.                             </div>
  63.                             <div data-id="experience" class="job-filter experience">
  64.                                 <h4 class="option-title">Experiencia</h4>
  65.                                 <ul onclick="findByFilters()">
  66.                                     <li><a href="#" data-attr="Un año">Un año</a></li>
  67.                                     <li><a href="#" data-attr="De uno a 2 años">De uno a 2 años</a></li>
  68.                                     <li><a href="#" data-attr="De 2 a 3 años">De 2 a 3 años</a></li>
  69.                                     <li><a href="#" data-attr="Más de 3 años">Más de 3 años</a></li>
  70.                                 </ul>
  71.                             </div>
  72.                             <div data-id="post" class="job-filter post">
  73.                                 <h4 class="option-title">Publicación</h4>
  74.                                 <ul onclick="findByFilters()">
  75.                                     <li><a href="#" data-attr="Última hora">Última hora</a></li>
  76.                                     <li><a href="#" data-attr="Últimas 24 horas">Últimas 24 horas</a></li>
  77.                                     <li><a href="#" data-attr="Últimos 7 días">Últimos 7 días</a></li>
  78.                                     <li><a href="#" data-attr="Últimos 14 días">Últimos 14 días</a></li>
  79.                                     <li><a href="#" data-attr="Últimos 30 días">Últimos 30 días</a></li>
  80.                                 </ul>
  81.                             </div>
  82.                         </div>
  83.                     </div>
  84.                 </div>
  85.             </div>
  86.         </div>
  87.     </div>
  88.     <div class="account-entry">
  89.         <div class="modal fade modal-open" id="modal-login" tabindex="-1" role="dialog"
  90.              aria-hidden="true">
  91.             <div class="modal-dialog" role="document">
  92.                 <div class="modal-content">
  93.                     <div class="modal-header text-center">
  94.                         <h4 class="modal-title"><i data-feather="user"></i>Debes iniciar sesión
  95.                         </h4>
  96.                         <button type="button" class="close" data-dismiss="modal"
  97.                                 aria-label="Close">
  98.                             <span aria-hidden="true">&times;</span>
  99.                         </button>
  100.                     </div>
  101.                     <div class="modal-body mx-3">
  102.                         <form class="" id="login-form" method="post"
  103.                               action="{{ path("fos_user_security_check") }}">
  104.                             <div class="md-form mb-5">
  105.                                 <input type="text" value="" name="_username" id="inputUsername"
  106.                                        class="form-control validate"
  107.                                        placeholder="Usuario o dirección de correo electrónico"
  108.                                        required autofocus>
  109.                             </div>
  110.                             <div class="md-form mb-5">
  111.                                 <input type="password" name="_password" id="inputPassword"
  112.                                        class="form-control" placeholder="Contraseña" required>
  113.                                 <input type="hidden" name="_csrf_token"
  114.                                        value="{{ csrf_token('authenticate') }}">
  115.                             </div>
  116.                             <button id="_submit" type="submit"
  117.                                     class="button primary-bg btn-block">Entrar
  118.                             </button>
  119.                         </form>
  120.                         <p>¿No tiene una cuenta? <a href="{{ path('app_register') }}">Registrarse </a>
  121.                         </p>
  122.                     </div>
  123.                 </div>
  124.             </div>
  125.         </div>
  126.     </div>
  127.     <!-- Job Listing End -->
  129.     <!-- Call to Action -->
  130.     {% block js %}
  131.         <script src="{{ asset('site/js/utils.js') }}"></script>
  132.             <script src="{{ asset('site/js/ajax.js') }}"></script>
  133.     {% endblock %}
  134. {% endblock %}