Job list implementation

diff --git a/app/static/src/sass/modules/_all.scss b/app/static/src/sass/modules/_all.scss
index 95236e326b416ff7d60cc5f22c14db1487c5a948..8da5395e304d4263066b4005fb47b3888647057b 100755 (executable)
--- 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 (file)
index 0000000..ca86cf7
--- /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 1133395202100033367e978fe67c3c70b530e4ca..b79e97e243be49de53e518a9c58cebd6cb109666 100644 (file)
--- 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 f017ac1d148fa2d6fa96e4b23ddd523af9db005b..f0ebe1bb9e3ded78b2f41a4694a1d2ac91198a98 100644 (file)
--- 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 %}