From: Jérémy Fabre <Jeremy@iMac-de-Jeremy.local>
Date: Fri, 30 Sep 2016 08:35:33 +0000 (+0200)
Subject: Job list implementation
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=05795df7fbc13ba94c17f9fa7b6ecd5fb114c9f4;p=mezzo.git

Job list implementation
---

diff --git a/app/static/src/sass/modules/_all.scss b/app/static/src/sass/modules/_all.scss
index 95236e32..8da5395e 100755
--- a/app/static/src/sass/modules/_all.scss
+++ b/app/static/src/sass/modules/_all.scss
@@ -14,6 +14,7 @@
 @import 'boxes/brief-box';
 @import 'boxes/person-list-box';
 @import 'boxes/event-line-box';
+@import 'boxes/job-line-box';
 
 // Sliders
 @import 'sliders/slider-page';
diff --git a/app/static/src/sass/modules/boxes/_job-line-box.scss b/app/static/src/sass/modules/boxes/_job-line-box.scss
new file mode 100644
index 00000000..ca86cf74
--- /dev/null
+++ b/app/static/src/sass/modules/boxes/_job-line-box.scss
@@ -0,0 +1,34 @@
+$module: ".job-line-box";
+
+#{$module} {
+
+    &:after {
+
+        content: "";
+        display: block;
+        width: 100%;
+        height: 1px;
+        background: rgba(0, 0, 0, 0.25);
+
+        @include margin(2 0 1 0);
+
+        @include mq($until: sm) {
+            @include margin(1 0 1 0);
+        }
+
+    }
+
+    &__title {
+
+        @include margin-bottom(1);
+        @include margin-top(0.5);
+
+    }
+
+    &__desc {
+
+        @include margin-bottom(1);
+
+    }
+
+}
diff --git a/app/templates/job/inc/job_offer_card.html b/app/templates/job/inc/job_offer_card.html
index 11333952..b79e97e2 100644
--- a/app/templates/job/inc/job_offer_card.html
+++ b/app/templates/job/inc/job_offer_card.html
@@ -1,4 +1,14 @@
-<a href="{{ jo.get_absolute_url }}" title="{{ jo.title }}">
-  <h2>{{ jo.title }}</h2>
-  <p>{{ jo.description|slice:":255" }}</p>
-</a>
+{% load i18n mezzanine_tags keyword_tags pages_tags organization_tags %}
+<div class="job-line-box">
+    {% if jo.type %}
+        <div class="tag tag--small tag--category">
+            {{jo.type}}
+        </div>
+    {% endif %}
+    <a href="{{ jo.get_absolute_url }}"><h2 class="job-line-box__title">{{ jo.title }}</h2></a>
+    <div class="job-line-box__desc">
+        <strong>{{ jo.publish_date|date:"DATE_FORMAT" }}</strong><br />
+        {{ jo.description|slice:":255" }}
+    </div>
+    <a href="{{ jo.get_absolute_url }}" class="button button--small">{% trans "View" %}</a>
+</div>
diff --git a/app/templates/job/job_offer_list.html b/app/templates/job/job_offer_list.html
index f017ac1d..f0ebe1bb 100644
--- a/app/templates/job/job_offer_list.html
+++ b/app/templates/job/job_offer_list.html
@@ -1,7 +1,7 @@
 {% extends "pages/page.html" %}
 {% load i18n mezzanine_tags keyword_tags pages_tags organization_tags %}
 
-{% block meta_title %}{{ job_offer.meta_title }}{% endblock %}
+{% block meta_title %}{% trans "Jobs" %}{% endblock %}
 
 {% block meta_description %}{% metablock %}
 {{ job_offer.description }}
@@ -12,16 +12,21 @@
 {% endblock %}
 
 {% block page_title %}
-  <h1 class="dashed">{% trans "Jobs" %}</h1>
+  <h1 class="dotted">{% trans "Jobs" %}</h1>
 {% endblock %}
 
 {% block page_content %}
+
     {% if job_offer %}
-      {% for jo in job_offer %}
-        {% include "job/inc/job_offer_card.html" %}
-      {% endfor %}
+
+        {% for jo in job_offer %}
+            {% include "job/inc/job_offer_card.html" %}
+        {% endfor %}
+
     {% else %}
-      <p>{% trans "Please come back later. There is no job offer at the moment." %}</p>
+
+        <p>{% trans "Please come back later. There is no job offer at the moment." %}</p>
+
     {% endif %}
 
 {% endblock %}