diff --git a/src/index.pug b/src/index.pug
index a6668347f483065675b56a0535fdef1df763b806..527915cf5e11508a00d4a9500357a48fe27c69b9 100644
--- a/src/index.pug
+++ b/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
diff --git a/src/menu-left.pug b/src/menu-left.pug
index 104aadacd2877181161ce8fadf678c6b824cb877..b4df35d3b17e9d167fae93e5c70e67f7bd8d5b84 100644
--- a/src/menu-left.pug
+++ b/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
diff --git a/src/page-job-offer-edit.pug b/src/page-job-offer-edit.pug
new file mode 100644
index 0000000000000000000000000000000000000000..2176ebee348b8049daecd3833f5990d768f2f10a
--- /dev/null
+++ b/src/page-job-offer-edit.pug
@@ -0,0 +1,15 @@
+.content-box.with-form
+ h1 Edit your job offer
+
+ sib-form.block(
+ bind-resources
+
+ data-fields='title, description'
+
+ label-title='Title*'
+
+ label-description='Description*'
+
+ next="job-offers"
+ )
+
diff --git a/src/page-job-offers.pug b/src/page-job-offers.pug
index 0eaebc657486eb1fb21d34e5c8fb3f251ed8001c..6a42e97d4fb03aa7077dae62acabede41f8ee484 100644
--- a/src/page-job-offers.pug
+++ b/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
-
diff --git a/src/styles/layout/job-offers/job-offers.scss b/src/styles/layout/job-offers/job-offers.scss
index b0329c0014fda445879c6bf014e49729e7a22df1..e52bd49a2d08f5de30ce88137d370f7937210712 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 {
}
}
- .job-board__list {
+ #offers-list {
@extend %grid-layer;
>sib-form {
@@ -87,7 +87,7 @@ sib-job-board {
}
}
- author-avatar {
+ hd-user-avatar {
background-color: $color-0-0-100;
border-radius: 50%;
height: 4.25rem;
@@ -131,7 +131,7 @@ sib-job-board {
}
}
- author-contact {
+ hd-contact-author {
color: $color-244-73-62;
font-size: 1.3rem;
float: right;
@@ -170,4 +170,5 @@ sib-job-board {
}
}
}
-}
\ No newline at end of file
+
+}
diff --git a/src/styles/layout/job-offers/job-offers.scss.orig b/src/styles/layout/job-offers/job-offers.scss.orig
new file mode 100644
index 0000000000000000000000000000000000000000..aa452e945c779d12280d095cf32e365104dff96d
--- /dev/null
+++ b/src/styles/layout/job-offers/job-offers.scss.orig
@@ -0,0 +1,190 @@
+.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