diff --git a/src/dependencies.pug b/src/dependencies.pug
index 6ea236ad2bed8911cda77d2e8ac73bd78d34976d..4f225509b554e2d3b8993753d3bef59df1802d7a 100644
--- a/src/dependencies.pug
+++ b/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")
@@ -22,4 +22,4 @@ script(type="module" src="https://unpkg.com/@startinblox/component-chat@0.1")
script(type="module" src="https://unpkg.com/@startinblox/component-notifications@0.1")
script(type="module" src="https://unpkg.com/@startinblox/component-conversation@0.2")
script(type="module" src="https://unpkg.com/@startinblox/component-directory@0.1")
-script(type="module" src="https://unpkg.com/@startinblox/component-job-board@0.1")
+//- script(type="module" src="https://unpkg.com/@startinblox/component-job-board@0.1")
diff --git a/src/page-job-offer-edit.pug b/src/page-job-offer-edit.pug
index 2176ebee348b8049daecd3833f5990d768f2f10a..7fc4cc417f939c0f4cff32a32cb3a430385d75be 100644
--- a/src/page-job-offer-edit.pug
+++ b/src/page-job-offer-edit.pug
@@ -4,11 +4,17 @@
sib-form.block(
bind-resources
- data-fields='title, description'
+ data-fields='title, description, skills, closingDate'
label-title='Title*'
label-description='Description*'
+
+ label-skills='The required skills for this mission:*'
+ multiple-skills='sib-multiple-select'
+
+ label-closingDate='Publication end date:*'
+ widget-closingDate='sib-form-date'
next="job-offers"
)
diff --git a/src/styles/layout/job-offers/job-offers.scss b/src/styles/layout/job-offers/job-offers.scss
index e52bd49a2d08f5de30ce88137d370f7937210712..337bc7f034b8cec3cbfaa07cb27acc3f8713275f 100644
--- a/src/styles/layout/job-offers/job-offers.scss
+++ b/src/styles/layout/job-offers/job-offers.scss
@@ -34,7 +34,7 @@ sib-job-board {
}
}
- #offers-list {
+ .job-board__list {
@extend %grid-layer;
>sib-form {
@@ -66,7 +66,7 @@ sib-job-board {
display: flex;
margin: -0.25em;
- >* {
+ >*:not(sib-action) {
margin: 0.25em;
}
@@ -87,7 +87,7 @@ sib-job-board {
}
}
- hd-user-avatar {
+ author-avatar {
background-color: $color-0-0-100;
border-radius: 50%;
height: 4.25rem;
@@ -131,7 +131,7 @@ sib-job-board {
}
}
- hd-contact-author {
+ author-contact {
color: $color-244-73-62;
font-size: 1.3rem;
float: right;
@@ -171,4 +171,20 @@ sib-job-board {
}
}
+
+
+
+
+
+
}
+sib-action[name='edit'] {
+ margin-left: auto;
+ color: $color-215-6-63;
+
+ &>sib-link {
+ @include icon('options-vertical');
+ font-size: 2rem;
+ }
+}
+
diff --git a/src/styles/layout/job-offers/job-offers.scss.orig b/src/styles/layout/job-offers/job-offers.scss.orig
deleted file mode 100644
index aa452e945c779d12280d095cf32e365104dff96d..0000000000000000000000000000000000000000
--- a/src/styles/layout/job-offers/job-offers.scss.orig
+++ /dev/null
@@ -1,190 +0,0 @@
-.job-offers__container {
- @extend %grid-layer;
-}
-
-sib-job-board {
- @extend %grid-layer-main;
- @extend %containerV;
-}
-
-.job-offers__newoffer {
- @extend %grid-layer-links;
- @extend %containerV;
-}
-
-#job-offers {
-
- .plus-button {
- @extend .howto;
- background-color: $color-43-100-50;
- color: $color-0-0-100;
- font-weight: bold;
- text-transform: uppercase;
- cursor: pointer;
- display: flex;
- flex-wrap: wrap;
- justify-content: center;
- align-items: center;
-
- .icon-plus {
- font-size: 20px;
- justify-content: center;
- margin: 0.5rem 0.5rem 0.5rem 0;
-
- }
- }
-
- .job-board__list {
- @extend %grid-layer;
-
- >sib-form {
- grid-column-start: start;
- grid-column-end: middle;
- grid-row-start: start;
- grid-row-end: middle;
- }
-
- >div {
- grid-column-start: start;
- grid-column-end: end;
- grid-row-start: middle;
- grid-row-end: end;
-
- &:first-of-type {
- margin-top: 5rem;
- }
-
- >sib-display {
- @include window-style-modal();
- display: block;
- font-size: 1.5rem;
- margin: 1.7rem 0;
- padding: 3.4rem;
-
- [name='user-thumb'] {
- align-items: center;
- display: flex;
- margin: -0.25em;
-
- >*:not(sib-action) {
- margin: 0.25em;
- }
-
- [name='author.first_name'] {
- color: $color-0-0-29;
- font-weight: 600;
- }
-
- sib-multiple[name$='groups'] {
- display: flex;
-
- label {
- display: none;
- }
-
- >* {
- @extend %user-role;
- }
- }
-
- author-avatar {
- background-color: $color-0-0-100;
- border-radius: 50%;
- height: 4.25rem;
- overflow: hidden;
- position: relative;
- width: 4.25rem;
-
- img {
- height: 100%;
- left: 0;
- object-fit: cover;
- position: absolute;
- top: 0;
- width: 100%;
- }
- }
- }
-
- [name='creationDate'] {
- display: block;
- margin-bottom: 0.7rem;
- margin-top: 2rem;
- }
-
- [name='title'] {
- @extend h3;
- display: block;
- font-weight: bold;
- line-height: 19px;
- }
-
- [name='description'] {
- display: block;
- line-height: 1.6;
- margin-bottom: 1.6rem;
- }
-
- [name='skills'] {
- label {
- display: none;
- }
- }
-
- author-contact {
- color: $color-244-73-62;
- font-size: 1.3rem;
- float: right;
-
- >sib-link {
- cursor: pointer;
- @include icon('speech');
-
- &::before {
- font-size: 1.5rem;
- margin-right: 1.2rem;
- }
- }
- }
-
- [name='status'] {
- float: right;
- display: flex;
- align-items: center;
- margin: -0.25em;
-
- >* {
- margin: 0.25em;
- }
-
- strong {
- background-color: $color-244-73-62;
- border: none;
- border-radius: 100em;
- color: $color-0-0-100;
- display: inline-block;
- font-weight: normal;
- padding: 0.85rem 1.7rem;
- }
- }
- }
- }
- }
-<<<<<<< HEAD
-=======
-
-
-
-
- sib-action[name='edit'] {
- margin-left: auto;
- color: $color-215-6-63;
-
- & > sib-link {
- @include icon('options-vertical');
- font-size: 2rem;
- }
- }
-
->>>>>>> 3159083... add edit button, route updated, form
-}
\ No newline at end of file