From 7785cce85807d943d22a1616a8aefd8392ee88cd Mon Sep 17 00:00:00 2001
From: =?utf8?q?Je=CC=81re=CC=81my=20Fabre?= <Jeremy@iMac-de-Jeremy.local>
Date: Thu, 29 Sep 2016 12:14:24 +0200
Subject: [PATCH] Job offer details first implementation

---
 app/static/src/sass/global/_forms.scss       | 69 ++++++++++++++++++++
 app/templates/core/inc/messages.html         |  3 +-
 app/templates/job/inc/job_response_form.html |  2 +-
 app/templates/job/job_offer_detail.html      | 22 +++++--
 4 files changed, 88 insertions(+), 8 deletions(-)

diff --git a/app/static/src/sass/global/_forms.scss b/app/static/src/sass/global/_forms.scss
index e69de29b..8a2c510d 100644
--- a/app/static/src/sass/global/_forms.scss
+++ b/app/static/src/sass/global/_forms.scss
@@ -0,0 +1,69 @@
+$module: ".form";
+
+#{$module} {
+
+    @include margin-top(2);
+
+    input[type="submit"] {
+        @extend .button;
+        margin-left: 200px !important;
+        display: inline-block;
+    }
+
+    label {
+        width: 200px;
+        text-align: right;
+        display: inline-block;
+        vertical-align: top;
+
+        @include padding(0.25 1 0.25 0);
+        @include font-size(m);
+        @include line-height(1);
+        @include typeface(sans-serif);
+
+        @include mq($until: xs) {
+            width: 100%;
+            display: block;
+            text-align: left;
+        }
+    }
+
+    .errorlist {
+        list-style-type: none;
+        padding: 0;
+        padding-left: 200px;
+        @include margin-left(1);
+        margin: 0;
+
+        color: red;
+        @include font-size(xs);
+        @include line-height(1);
+
+        @include mq($until: xs) {
+            padding-left: 0;
+        }
+    }
+
+    input[type="text"], input[type="email"], textarea {
+
+        @include font-size(m);
+        @include line-height(1);
+        @include padding(.25 .25);
+
+        @include transition(all 0.25s ease-in-out);
+
+        outline: 0;
+        border: 1px solid $color-black;
+        width: calc(100% - 220px);
+
+        &:focus {
+            border-color: $color-main;
+        }
+
+        @include mq($until: xs) {
+            width: 100%;
+        }
+
+    }
+
+}
diff --git a/app/templates/core/inc/messages.html b/app/templates/core/inc/messages.html
index d2bb5061..9178b7ab 100644
--- a/app/templates/core/inc/messages.html
+++ b/app/templates/core/inc/messages.html
@@ -1,7 +1,8 @@
 {% if messages %}
+messages ?
 <ul class="messages">
     {% for message in messages %}
-    <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
+        <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
     {% endfor %}
 </ul>
 {% endif %}
diff --git a/app/templates/job/inc/job_response_form.html b/app/templates/job/inc/job_response_form.html
index 691c7fcd..f7e0184c 100644
--- a/app/templates/job/inc/job_response_form.html
+++ b/app/templates/job/inc/job_response_form.html
@@ -1,4 +1,4 @@
-<form action="" method="post" enctype="multipart/form-data">{% csrf_token %}
+<form class="form" action="" method="post" enctype="multipart/form-data">{% csrf_token %}
     {{ form.as_p }}
     <input type="submit" value="Send message" />
 </form>
diff --git a/app/templates/job/job_offer_detail.html b/app/templates/job/job_offer_detail.html
index 15754f0d..20ac6122 100644
--- a/app/templates/job/job_offer_detail.html
+++ b/app/templates/job/job_offer_detail.html
@@ -1,6 +1,12 @@
 {% extends "pages/page.html" %}
 {% load mezzanine_tags keyword_tags i18n organization_tags %}
 
+{% block breadcrumb_menu %}
+
+    {{ block.super }}
+    <li class="breadcrumb__item active">{{ job_offer.title }}</li>
+
+{% endblock %}
 
 {% block page_title %}
 
@@ -12,11 +18,15 @@
 
 {% block page_content %}
 
-  {% include "core/inc/messages.html" %}
+    {% include "core/inc/messages.html" %}
+    
+    {% comment %}
+        <p>{% trans "Category" %} : {{ job_offer.type }}</p>
+    {% endcomment %}
+
+    {{ job_offer.content|richtext_filters|safe }}
 
-  <p>{% trans "Category" %} : {{ job_offer.type }}</p>
-  <p>{{ job_offer.content|richtext_filters|safe }}</p>
-  {% with form as job_offer.job_response %}
-    {% include "job/inc/job_response_form.html" %}
-  {% endwith %}
+    {% with form as job_offer.job_response %}
+        {% include "job/inc/job_response_form.html" %}
+    {% endwith %}
 {% endblock %}
-- 
2.39.5