wip

src/page-job-offers.pug

@@ -4,15 +4,15 @@ 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='date, user-thumb, title, description, roles, skills',
       widget-skills='sib-display-lookuplist',
-      set-user-thumb='author.member.avatar, author.first_name, author.last_name',
+      set-user-thumb='author.member.avatar, author.first_name, author.last_name, author.groups',
       widget-author.member.avatar='sib-display-img',
       set-date='closingDate, creationDate',
+      set-creation='creationDate',
       widget-closingDate='hdapp-closing-date',
       set-content='title, description',
       search-fields='content,skills,open',
-      label-content='contenu',
       search-range-skills=`${sdn}/skills/`
     )
   div.grid-layer-links.containerV

src/styles/filters.scss

@@ -21,11 +21,10 @@
 
   select {
     background: white;
+    box-sizing: border-box;
     display: inline-block;
     padding: 0.5em 12.5em 0.5em 1em;
 
-    box-sizing: border-box;
-
     background-image:
       linear-gradient(45deg, transparent 50%, $color-grey 50%),
       linear-gradient(135deg, $color-grey 50%, transparent 50%),

src/styles/job-offers.scss

@@ -18,16 +18,16 @@
     }
 
     > sib-display {
+      @extend %frame;
       display: block;
       margin: 1em 0;
-      @extend %frame;
       padding: 2em;
       /*&:nth-child(odd) {
         background-color: $color-grey-light;
       }*/
       sib-display-div[name='title'] {
-        display: block;
         @extend h2;
+        display: block;
       }
 
       label {
@@ -36,3 +36,22 @@
     }
   }
 }
+
+[name='user-thumb'] {
+  align-items: center;
+  color: $color-black-light;
+  display: flex;
+  font-weight: 600;
+  margin: -0.25em;
+
+  > * {
+    margin: 0.25em;
+  }
+
+  sib-display-img {
+    border-radius: 100%;
+    height: 2.5em;
+    overflow: hidden;
+    width: 2.5em;
+  }
+}

src/styles/variables.scss

@@ -1,6 +1,7 @@
 // colors
 $color-white: #fff;
 $color-black: #36383b;
+$color-black-light: #4a4a4a;
 $color-grey1: #d7dbe0;
 $color-grey: #898f95;
 $color-grey-mid: #abaaba;