Job offer details first implementation

diff --git a/app/static/src/sass/global/_forms.scss b/app/static/src/sass/global/_forms.scss
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..8a2c510d72e64483e9b80c272a175550c7281fc3 100644 (file)
--- 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 d2bb50618892160340b9c555b4c175b7ee758b16..9178b7ab6afdd19bd8a434fb5111fd2f3105b109 100644 (file)
--- 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 691c7fcd966ceaa4f8bf69b427cd694a8cc639b5..f7e0184ca46f2aaf51384767901390ae5f57f601 100644 (file)
--- 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 15754f0df9e33d5a517aca83544589882d579c43..20ac6122e165212bd66e413ef468f7b147d1101c 100644 (file)
--- 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 %}