From 556a739d7dd9cf1f252fc05f0e272d8cf3959ecd Mon Sep 17 00:00:00 2001
From: Gaelle Morin <morin.gaelle@gmail.com>
Date: Thu, 13 Dec 2018 00:35:23 +0100
Subject: [PATCH] job list: wip
---
src/page-job-offers.pug | 8 +++++---
src/styles/content.scss | 14 --------------
src/styles/filters.scss | 3 +++
src/styles/form.scss | 10 ++++++++++
src/styles/job-offers.scss | 25 +++++++++++++++++++++++++
src/styles/variables.scss | 1 +
6 files changed, 44 insertions(+), 17 deletions(-)
diff --git a/src/page-job-offers.pug b/src/page-job-offers.pug
index c380d33c..18a1c607 100644
--- a/src/page-job-offers.pug
+++ b/src/page-job-offers.pug
@@ -4,11 +4,11 @@ div.grid-layer
span Here you can find and post offers
sib-display#offers-list(
data-src=`${sdn}/job-offers/`,
- data-fields='date, user-thumb, title, description, skills',
+ data-fields='status, user-thumb, creation, title, description, skills',
widget-skills='sib-display-lookuplist',
- set-user-thumb='author.profile.picture, author.first_name, author.last_name',
+ set-user-thumb='author.profile.picture, author.first_name, author.member.roles.ldp:contains.name',
widget-author.profile.picture='sib-display-img',
- set-date='closingDate, creationDate',
+ set-status='closingDate',
set-creation='creationDate',
widget-closingDate='hdapp-closing-date',
set-content='title, description',
@@ -16,6 +16,8 @@ div.grid-layer
search-range-skills=`${sdn}/skills/`
)
div.grid-layer-links.containerV
+ template#groups-list-template
+ p ${value}
sib-link(next="job-offer-create").containerH.containerCenter.action-link
div.icon-plus
div Post a new offer
diff --git a/src/styles/content.scss b/src/styles/content.scss
index f78d4660..b0d1363a 100644
--- a/src/styles/content.scss
+++ b/src/styles/content.scss
@@ -24,20 +24,6 @@
}
}
-[name='date'] {
- float: right;
- display: flex;
- align-items: center;
- margin: -0.25em;
-
- > * {
- margin: 0.25em;
- }
-
- strong {
- @extend %button;
- }
-}
// skills
#member-profile sib-display-lookuplist,
diff --git a/src/styles/filters.scss b/src/styles/filters.scss
index 099bdafd..db517273 100644
--- a/src/styles/filters.scss
+++ b/src/styles/filters.scss
@@ -10,9 +10,12 @@
}
input, select {
+ appearance: none;
border-style: none;
box-shadow: 0 0 5px 0 rgba(133, 140, 148, 0.09);
margin-top: 1em;
+ -moz-appearance: none;
+ -webkit-appearance: none;
}
input[type="submit"] {
diff --git a/src/styles/form.scss b/src/styles/form.scss
index 93297b5d..9d173abc 100644
--- a/src/styles/form.scss
+++ b/src/styles/form.scss
@@ -8,6 +8,16 @@
font-weight: normal;
}
+%status-open {
+ background-color: $color-blue-light;
+ border: none;
+ border-radius: 100em;
+ color: $color-white;
+ display: inline-block;
+ font-weight: normal;
+ padding: 0.5em 1em;
+}
+
.form-view {
@extend %frame;
padding: 1em;
diff --git a/src/styles/job-offers.scss b/src/styles/job-offers.scss
index e0842219..222a646a 100644
--- a/src/styles/job-offers.scss
+++ b/src/styles/job-offers.scss
@@ -54,4 +54,29 @@
overflow: hidden;
width: 2.5em;
}
+
+ div[name*='roles'] {
+ border: 1px solid yellow;
+ border-radius: 3px;
+ color: $color-grey2;
+ font-size: 15px;
+ font-weight: 400;
+ margin-left: 1em;
+ padding: calc(16px - 0.8em) 0.7em;
+ }
+}
+
+[name='status'] {
+ float: right;
+ display: flex;
+ align-items: center;
+ margin: -0.25em;
+
+ > * {
+ margin: 0.25em;
+ }
+
+ strong {
+ @extend %status-open;
+ }
}
\ No newline at end of file
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index bd4a04a2..5dab9b7f 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -2,6 +2,7 @@
$color-white: #fff;
$color-black: #36383b;
$color-black-light: #4a4a4a;
+$color-grey2: #7a7f85;
$color-grey1: #d7dbe0;
$color-grey: #898f95;
$color-grey-mid: #abaaba;
--
GitLab