src/StartPlatz/Bundle/AlphaBundle/Resources/views/Job/_table.jobs.html.twig line 1

Open in your IDE?
  1. <style>
  2.     .card {
  3.         overflow: hidden;
  4.         margin-bottom: 0.5rem;
  5.         border-left: 8px solid #7ab800;
  6.         background-color: #eeeeee;
  7.         padding-bottom: 2px;
  8.         box-shadow: none;
  9.     }
  10.     .card:hover {
  11.         box-shadow: none;
  12.     }
  13.     .card-img-top {
  14.         color: #ffffff;
  15.     }
  16.     .card-header {
  17.         background: inherit;
  18.         line-height: 1.3;
  19.         padding: 0.15rem;
  20.         display: flex;
  21.         align-items: stretch;
  22.         border: 0;
  23.     }
  24.     .card-logo {
  25.         height: 70px;
  26.         width: 70px;
  27.         padding: 0.0rem;
  28.         display: flex;
  29.         align-items: center;
  30.         overflow: hidden;
  31.         background-color: #ffffff;
  32.         flex-shrink: 0;
  33.         margin: 0.5rem;
  34.         border-radius:1.5rem;
  35.     }
  36.     .card-job-right {
  37.         display: flex;
  38.         font-size: 1.5rem;
  39.         font-weight: 800;
  40.         height: 100%;
  41.         width: 100%;
  42.         color:#000000;
  43.         margin-bottom: 0;
  44.         margin-left: 0.5rem;
  45.         padding: .5rem 1rem .5rem 0;
  46.         flex-direction: column;
  47.         justify-content: space-between;
  48.     }
  49.     .job-description {
  50.         display: table-row;
  51.         font-size: 1rem;
  52.         line-height: 1;
  53.         margin-bottom: .2rem;
  54.         text-decoration: underline;
  55.         height: 3rem;
  56.         overflow:hidden;
  57.     }
  58.     .job-company-name {
  59.         font-size: 0.9rem;
  60.     }
  61.     .job-online-date {
  62.         font-size: 0.9rem;
  63.         font-weight: 800;
  64.         color:#000000;
  65.     }
  66.     .job-location {
  67.         float: right;
  68.         font-size: 0.9rem;
  69.         font-weight: 800;
  70.         margin-bottom: 0;
  71.     }
  72.     .job-eine-zeile {
  73.         display: flex;
  74.         justify-content: space-between;
  75.     }
  76. </style>
  78. <div class="row">
  79.     {% for job in jobs %}
  80.         {% set endDate = job.endDate %}
  81.         {% set today = date('now'|date('Y-m-d')) %}
  84.         {% if job.startingDate is not null %}
  85.             {% set difference =  job.startingDate.diff(date('now'|date('Y-m-d')))  %}
  86.             {% set differenceInDays =  difference.days  %}
  87.         {% else %}
  88.             {%  set differenceInDays =  0  %}
  89.         {% endif %}
  91.         {% if differenceInDays <=0 %}
  92.             {% if lang == "DE"%} {%set timeText = "online seit heute"%} {%else%} {%set timeText = "online since today"%} {%endif%}
  93.         {% elseif differenceInDays == 1 %}
  94.             {% if lang == "DE"%} {%set timeText = "online seit gestern"%} {%else%} {%set timeText = "online since yesterday"%} {%endif%}
  95.         {% elseif endDate is not null and endDate>=today %}
  96.             {% if lang == "DE"%} {%set timeText = "online seit " ~ differenceInDays ~ " Tagen"%} {%else%} {%set timeText = "online since " ~ differenceInDays ~ " days ago"%} {%endif%}
  97.         {% elseif endDate is null and differenceInDays < 161 and differenceInDays>0 %}
  98.             {% if lang == "DE"%} {%set timeText = "online seit " ~ differenceInDays ~ " Tagen"%} {%else%} {%set timeText = "online since " ~ differenceInDays ~ " days ago"%} {%endif%}
  99.         {% else %}
  100.             {% if lang == "DE"%} {%set timeText = "online seit - Information nicht vorhanden"%} {%else%} {%set timeText = "online since - Information not available"%} {%endif%}
  101.         {% endif %}
  103.         <div class="col-sm-12 col-md-6 col-l-6">
  104.             <!-- Card -->
  105.             <div class="card">
  107.                 <div class="card-header">
  109.                     <p class="card-logo">
  110.                         <img width="100%" class="card-img-top" src="{{ job.logoURL }}" alt="Logo {{ job.companyName }}" />
  111.                     </p>
  112.                     <div class="card-job-right">
  113.                         <div class="job-eine-zeile">
  114.                         <div class="job-description"><a href="{{ job.jobUrl }}">{{ job.description }}</a></div>
  115.                             {% if job.applyTargetType == "url" %}<a  class="btn btn-success btn-sm text-uppercase" href="{{ job.applyTarget }}">{% if lang == "DE" %}Jetzt{% else %}Apply{% endif %}<br>{% if lang == "DE" %}Bewerben{% else %} now{% endif %}</a>
  116.                             {% elseif job.applyTargetType == "mail" %}<a class="btn btn-success btn-sm text-uppercase" href="mailto:{{ job.applyTarget }}">{% if lang == "DE" %}Jetzt{% else %}Apply{% endif %}<br>{% if lang == "DE" %}Bewerben{% else %} now{% endif %}</a>{% endif %}
  117.                         </div>
  118.                         <div>
  120.                             <div class="job-company-name">{{ job.companyName }}</div>
  121.                             <div class="job-eine-zeile">
  122.                                 <div class="job-online-date"><i class="fa fa-clock-o fa-fw"></i>{{ timeText }}</div>
  123.                                 {% if  job.location  %}
  124.                                     <span class="job-location"><i class="fa fa-map-marker fa-fw"></i>{{ job.location }}</span>
  125.                                 {% elseif  job.locationOptional  %}
  126.                                     <span class="job-location"><i class="fa fa-map-marker fa-fw"></i>{{ job.locationOptional }}</span>
  127.                                 {% endif %}
  128.                             </div>
  129.                         </div>
  130.                     </div>
  131.                 </div>
  133.             </div>
  135.             <!-- .end Card -->
  136.         </div>
  137.     {% endfor %}
  138. </div>