Merge branch '141-edit-job-offers' into 'staging'

Resolve "Edit job offers"

See merge request startinblox/applications/sib-app!47

src/dependencies.pug

@@ -13,7 +13,7 @@ link(rel='stylesheet', href='https://fonts.googleapis.com/css?family=Open+Sans:3
 //- script(type="module" src="/lib/sib-notifications/sib-notifications.js")
 //- script(type="module" src="/lib/sib-conversation/sib-conversation.js")
 //- script(type="module" src="/lib/sib-directory/sib-directory.js")
-//- script(type="module" src="/lib/sib-joboffers/sib-joboffers.js")
+//- script(type="module" src="/lib/sib-job-board/sib-job-board.js")
 
 //- CDN
 script(type="module" src="https://unpkg.com/@startinblox/core@0.7")

src/index.pug

@@ -25,6 +25,10 @@ html(lang="en")
           sib-link(class="backlink", next="job-offers") Back
           include page-job-offer-create.pug
 
+        #job-offer-edit(hidden).no-sidebar
+          sib-link(class="backlink", next="job-offers") Back
+          include page-job-offer-edit.pug
+
         #project(hidden).with-sidebar
           include page-project.pug
 

src/menu-left.pug

@@ -11,6 +11,7 @@ nav#main__menu
       div.menu-label Job offers
       div.menu-icon.icon-briefcase
     sib-route(hidden, name='job-offer-create')
+    sib-route(hidden, name='job-offer-edit', use-id)
     div.divider
     div.menu-wrapper
       div.menu

src/page-job-offer-edit.pug

@@ -0,0 +1,28 @@
+.content-box.with-form
+  h1 Edit your job offer
+  
+  sib-form.block(
+    bind-resources
+    range-skills=`${sdn}/skills/`
+
+    data-fields='title, description, skills, closingDate'
+
+    class-title='field form-label is-light is-expanded'
+    label-title='Title*'
+    
+    class-description='field form-label is-light is-expanded'
+    label-description='Description*'
+    widget-description='sib-form-textarea'
+
+    class-skills='form-label is-dark'
+    label-skills='The required skills for this mission:*'
+    multiple-skills='sib-multiple-select'
+    widget-skills='sib-form-auto-completion'
+    
+    class-closingDate='form-label is-dark'
+    label-closingDate='Publication end date:*'
+    widget-closingDate='sib-form-date'
+
+    next='job-offers'
+  )
+

src/page-job-offers.pug

@@ -8,4 +8,3 @@
     sib-link(next="job-offer-create").plus-button
       div.icon-plus
       div Post a new offer
-

src/styles/base/form.scss

@@ -49,6 +49,7 @@
         border: 2px solid $color-222-57-95;
         color: $color-233-18-29;
         /*flex: 1 1 0;  Problem on Firefox for input type date*/
+        line-height: 1;
         margin-top: 0.8rem;
         min-width: 0;
         padding: 1rem;

src/styles/layout/job-offers/job-offers.scss

@@ -66,7 +66,7 @@ sib-job-board {
           display: flex;
           margin: -0.25em;
 
-          >* {
+          >*:not(sib-action) {
             margin: 0.25em;
           }
 
@@ -171,3 +171,13 @@ sib-job-board {
     }
   }
 }
+sib-action[name='edit'] {
+  margin-left: auto;
+  color: $color-215-6-63;
+
+  &>sib-link {
+    @include icon('options-vertical');
+    font-size: 2rem;
+  }
+}
+