job list: wip

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

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,

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"] {

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;

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;
+  }
 }

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;