diff --git a/src/includes/components/widgets.pug b/src/includes/components/widgets.pug index 423bbbce7ff9d704a487850aabdc143aa05bc5de..219dc85e81015d613f7f7842bb2e1e85ddd77891 100644 --- a/src/includes/components/widgets.pug +++ b/src/includes/components/widgets.pug @@ -6,6 +6,10 @@ sib-widget(name='cs-display-resource-property') template p #[b ${label}] ${value} +sib-widget(name='cs-display-resource-comment') + template + div ${await value ? `<h3 class="title_form">Improvement suggestion</h3><p class="improvement_comment">${value}</p>` : ``} + sib-widget(name='cs-display-mentor-link') template p #[b ${label}] diff --git a/src/includes/entrepreneur/resources/detail.pug b/src/includes/entrepreneur/resources/detail.pug index 2246a924acb9bc2c6de2dad7132658db92b5f34d..3efe7304ee9ac6281c504c5ca4c8e9ee347561d1 100644 --- a/src/includes/entrepreneur/resources/detail.pug +++ b/src/includes/entrepreneur/resources/detail.pug @@ -120,7 +120,7 @@ nested-field="conversations" ) - h2.title_lead_avenir=`${data.RelatedResources}` + h2.title_form.related=`${data.RelatedResources}` sib-display( bind-resources diff --git a/src/includes/mentor/dashboard.pug b/src/includes/mentor/dashboard.pug index d30d8763b357b296e431b437e3f7b0cf2f3c84c9..d6680a0ee7ba9e3acd719a83200698a820d79b70 100644 --- a/src/includes/mentor/dashboard.pug +++ b/src/includes/mentor/dashboard.pug @@ -38,9 +38,11 @@ section#home hidden i.fas.fa-spinner.fa-spin + include resources/comment.pug + include resources/detail.pug - h2.title_lead_avenir=`${data.RelatedResources}` + h2.title_form.related=`${data.RelatedResources}` sib-display( bind-resources @@ -66,7 +68,7 @@ section#home include resources/detail.pug - h2.title_lead_avenir=`${data.RelatedResources}` + h2.title_form.related=`${data.RelatedResources}` sib-display( bind-resources diff --git a/src/includes/mentor/resources/comment.pug b/src/includes/mentor/resources/comment.pug new file mode 100644 index 0000000000000000000000000000000000000000..89b51cbe52d86f9a07ccf032b93a4f3a25358358 --- /dev/null +++ b/src/includes/mentor/resources/comment.pug @@ -0,0 +1,8 @@ +sib-display#comment-detail( + loader-id="detail-mentor-loader" + bind-resources + + fields='review.comment' + label-review.comment='' + widget-review.comment='cs-display-resource-comment' +) diff --git a/src/includes/public/resources/detail.pug b/src/includes/public/resources/detail.pug index 0caf27428ee6372948aa69ce430ac69da979fa05..b462b5f0d87e626ad6894513aaff8abad44f7dfc 100644 --- a/src/includes/public/resources/detail.pug +++ b/src/includes/public/resources/detail.pug @@ -122,7 +122,7 @@ ) - h2.title_lead_avenir=`${data.RelatedResources}` + h2.title_form.related=`${data.RelatedResources}` sib-display( bind-resources diff --git a/src/styles/index.scss b/src/styles/index.scss index 990a18eb9cde0ab57fde56c981e4e3972c85b429..31318f6a3c31beab2716685d255721e7bffac867 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -1304,6 +1304,16 @@ sib-multiple label{ color: var(--clr-roll-black); } } + +cs-display-resource-comment p.improvement_comment { + font-size: 1.4rem; + color: #3D424A; + border: 2px solid #5DC6F2; + padding: 10px; + border-radius: 4px; + margin-bottom: 20px; +} + sib-multiple label, cs-resource-status[name="review.status"]+*{ float: left; width: auto; @@ -1714,9 +1724,7 @@ div#entrepreneur-resource-detail cs-display-property[name="name"].title_form p { } sib-set-default[name="specifications"]>cs-display-resource-property, -sib-set-default[name="specifications"]>sib-multiple, -cs-display-entrepreneur-related, cs-display-mentor-related, -cs-display-mentor-database-related, cs-display-public-related { +sib-set-default[name="specifications"]>sib-multiple{ display: block; float: left; width: 33%; @@ -1734,9 +1742,33 @@ cs-display-mentor-database-related, cs-display-public-related { cs-display-entrepreneur-related, cs-display-mentor-related, cs-display-mentor-database-related, cs-display-public-related { + display: block; + float: left; + width: 33%; + border-radius: 3px; + padding: 2rem 0; + background: var(--bg-btn-base); + margin: 5px; cursor: pointer; - margin-left: 1px; + p{ + text-align: center; + margin:0; + font-size: 1.4rem; + color: var(--clr-roll-black); + sib-link { + color: #FFFFFF; + } + } +} + +#mentor-resource-detail h2.title_form.related, +#mentor-database-resource-detail h2.title_form.related, +#public-resource-detail h2.title_form.related, +#entrepreneur-resource-detail h2.title_form.related { + border-bottom: 1px solid #DBE2ED; + padding-bottom: 1rem; } + .sib-conversation div.conversation-form{ border: none;