diff --git a/src/images/asid_entre.png b/src/images/asid_entre.png
new file mode 100644
index 0000000000000000000000000000000000000000..5cbad5cd4b10fe82760dd53c805a380c82736728
Binary files /dev/null and b/src/images/asid_entre.png differ
diff --git a/src/includes/entrepreneur/profile/detail.pug b/src/includes/entrepreneur/profile/detail.pug
index a597bd0cb78a454819cb3e489fde11c7854867d0..722ed9a88d2c4ef8bd9b5a7237dd98aaae2a9b12 100644
--- a/src/includes/entrepreneur/profile/detail.pug
+++ b/src/includes/entrepreneur/profile/detail.pug
@@ -21,7 +21,7 @@ div.block_list.flex
div.profile_information.block_log.w_75
sib-link(next='entrepreneur-account-edit')
- button.button_edit Edit
+ button.button_edit <i class="fas fa-pen" aria-hidden="true"></i>
sib-display(
bind-user
diff --git a/src/includes/entrepreneur/profile/edit.pug b/src/includes/entrepreneur/profile/edit.pug
index 3f0197f8e9e1544b6b7090b085ca80eeeb182f91..84fcc332151af2f0a1f92b9638190b5a84f3c15c 100644
--- a/src/includes/entrepreneur/profile/edit.pug
+++ b/src/includes/entrepreneur/profile/edit.pug
@@ -4,10 +4,9 @@ h2.title_create Edit your account
sib-form.block_log.block_creat_count(
bind-user
- fields="last_name, first_name, username, email, entrepreneur_profile.organisation"
-
+ fields="last_name, first_name, username, email, entrepreneur_profile.organisation"
range-entrepreneur_profile.organisation=`${endpoints.organisations}`
-
+
label-first_name="Surname"
label-last_name="Name"
label-username="Username"
diff --git a/src/includes/entrepreneur/resources/list.pug b/src/includes/entrepreneur/resources/list.pug
index 3cb4aab189e172fd2ccba37d05212996a272778b..1897d71bfa1bc3ec473eb94117b3046879e7aa90 100644
--- a/src/includes/entrepreneur/resources/list.pug
+++ b/src/includes/entrepreneur/resources/list.pug
@@ -1,5 +1,6 @@
include ../../components/widgets
+
div.container_min
h2.title_lead.fd_bleu International index of resources for cooperative mentors and entrepreneurs
button.button_dark.pull-right Watch the presentation
@@ -9,77 +10,80 @@ div.container_min
//I'm waiting for a confirmation to suppress step field
+container.block_list.flex.flex_espace
+ div.w_75.block-g-entre
+ div
+ h2.title_form Search for a resource
+ sib-form#search-by-keyword(
+ data-src=`${endpoints.resources}`,
+ fields='keyword(name_keyword, description, author)'
+ label-keyword="Search by author, name..."
+ widget-keyword="sib-form-placeholder-text"
-.block_log.block_creat_count
- h2.title_form Search for a resource
- sib-form#search-by-keyword(
- data-src=`${endpoints.resources}`,
- fields='keyword(name_keyword, description, author)'
- label-keyword="Search by author, name..."
- widget-keyword="sib-form-placeholder-text"
+ widget-description='cs-display-property'
+ widget-name_keyword='cs-display-property'
+ widget-author='cs-display-property'
- widget-description='cs-display-property'
- widget-name_keyword='cs-display-property'
- widget-author='cs-display-property'
+ naked
+ )
- naked
- )
+ div#keyword_submit.button__actions
+ div.button_base.ico_gauche Search
- div#keyword_submit.button__actions
- div.button_base.ico_gauche Search
+ sib-form(
+ data-src=`${endpoints.resources}`,
+ fields='instance_database_only'
- sib-form(
- data-src=`${endpoints.resources}`,
- fields='instance_database_only'
+ widget-instance_database_only='cs-display-checkbox'
- widget-instance_database_only='cs-display-checkbox'
-
- class-instance_database_only = 'ss-list checkbox'
-
- naked
- )
+ class-instance_database_only = 'ss-list checkbox'
+
+ naked
+ )
- sib-form#more_criterias(
- data-src=`${endpoints.resources}`,
- fields='header_criterias, format, publication_year, country, language.name, fields, steps'
-
- label-header_criterias='More criterias'
- label-format='Format:'
- label-publication_year='Year of publication'
- label-country='Country of publication'
- label-language.name='Language'
- label-fields='Field'
- label-steps='Step of : Staring up a cooperative business'
- widget-header_criterias='cs-section_header'
-
- range-language.name=`${endpoints.languages}`
- range-fields=`${endpoints.fields}`
- range-steps=`${endpoints.steps}`
- range-format=`${endpoints.formats}`
-
- multiple-language.name='sib-multiple-select'
- widget-language.name='sib-form-auto-completion'
-
- multiple-format='sib-multiple-select'
- widget-format='sib-form-auto-completion'
-
- multiple-fields='sib-multiple-select'
- widget-fields='sib-form-auto-completion'
-
- multiple-steps='sib-multiple-select'
- widget-steps='sib-form-auto-completion'
+ sib-form#more_criterias(
+ data-src=`${endpoints.resources}`,
+ fields='header_criterias, format, publication_year, country, language.name, fields, steps'
- naked
- )
+ label-header_criterias='More criterias'
+ label-format='Format:'
+ label-publication_year='Year of publication'
+ label-country='Country of publication'
+ label-language.name='Language'
+ label-fields='Field'
+ label-steps='Step of : Staring up a cooperative business'
+ widget-header_criterias='cs-section_header'
+
+ range-language.name=`${endpoints.languages}`
+ range-fields=`${endpoints.fields}`
+ range-steps=`${endpoints.steps}`
+ range-format=`${endpoints.formats}`
+
+ multiple-language.name='sib-multiple-select'
+ widget-language.name='sib-form-auto-completion'
+
+ multiple-format='sib-multiple-select'
+ widget-format='sib-form-auto-completion'
+
+ multiple-fields='sib-multiple-select'
+ widget-fields='sib-form-auto-completion'
+
+ multiple-steps='sib-multiple-select'
+ widget-steps='sib-form-auto-completion'
+
+ naked
+ )
+
+ div.w_25
+ div.block_aside_entre
+ img(src="../images/asid_entre.png" alt="rechercher de ressources")
+ p Can't find the ressource you need ?
+ div.button__actions
+ sib-link(next='entrepreneur-request-create')
+ div
+ div.button_base Make a request
-div.side-block.block_log
- p Can't find the ressource you need ?
- div.button__actions
- sib-link(next='entrepreneur-request-create')
- div
- div.button_base.ico_gauche.ico_plus Make a request
-#circles
sib-display#circles-list(
data-src=`${endpoints.steps}1/`,
fields='name'
@@ -246,3 +250,33 @@ div.side-block.block_log
paginate-by="5"
)
+
+//- search-fields="keyword, instance_database_only,\
+//- more_criterias(header_criterias, format, publication_year, country, language, field, step)"
+//- search-label-keyword="Search by author, name..."
+//- search-label-header_criterias='More criterias'
+//- search-label-format='Format'
+//- search-label-publication_year='Year of publication'
+//- search-label-country='Country of publication'
+//- search-label-language='Language'
+//- search-label-field='Field'
+//- search-label-step='Step of : Staring up a cooperative business'
+//- search-widget-keyword="sib-form-placeholder-text"
+//- search-widget-instance_database_only='cs-display-checkbox'
+//- search-widget-header_criterias='cs-section_header'
+
+//- search-range-language=`${endpoints.languages}`
+//- search-range-field=`${endpoints.fields}`
+//- search-range-step=`${endpoints.step}`
+
+//- search-multiple-language='sib-multiple-select'
+//- search-widget-language='sib-form-auto-completion'
+
+//- search-multiple-field='sib-multiple-select'
+//- search-widget-field='sib-form-auto-completion'
+
+//- search-multiple-step='sib-multiple-select'
+//- search-widget-step='sib-form-auto-completion'
+
+//- widget-description='cs-display-property'
+//- widget-name='cs-display-property'
diff --git a/src/includes/mentor/dashboard.pug b/src/includes/mentor/dashboard.pug
index 245cf662f7ebaf9f5ef8a9837bdd2c63c11ba4d7..fc8f613b000d2de63fb05220e354fb2916fdc137 100644
--- a/src/includes/mentor/dashboard.pug
+++ b/src/includes/mentor/dashboard.pug
@@ -19,7 +19,7 @@ section#home
sib-route(id-prefix=`${endpoints.resources}`, name='mentor-resource-detail', use-id)
sib-route(id-prefix=`${endpoints.resources}`, name='mentor-resource-validate', use-id)
- dialog#mentor-resource-detail.no-sidebar.container
+ dialog#mentor-resource-detail.no-sidebar
include resources/detail.pug
sib-link(class="backlink", next="mentor-resource-list") Back to the dashboard
diff --git a/src/includes/mentor/profile/detail.pug b/src/includes/mentor/profile/detail.pug
index 00a95bf89c4aebfbc3d6f31e86fdc545a09fa84b..f6d61e1250068849f8f1d6257e628371b5b837d5 100644
--- a/src/includes/mentor/profile/detail.pug
+++ b/src/includes/mentor/profile/detail.pug
@@ -25,7 +25,7 @@ div.block_list.flex
div.profile_information.block_log.w_75
sib-link(next='mentor-account-edit')
- button.button_edit Edit
+ button.button_edit <i class="fas fa-pen" aria-hidden="true"></i>
sib-display(
bind-user
diff --git a/src/includes/mentor/resources/detail.pug b/src/includes/mentor/resources/detail.pug
index 84265290b564741b382d19c245edba48ffce5d43..427645b0745e0611f93b8ebb5bcdc810d9bfbce7 100644
--- a/src/includes/mentor/resources/detail.pug
+++ b/src/includes/mentor/resources/detail.pug
@@ -1,6 +1,6 @@
include ../../components/widgets
-.block_log.block_creat_count
+.block_log.block_creat_count.no_shadow
sib-display(
bind-resources,
fields='name, steps, format, content(preview_image, tags),\
@@ -12,12 +12,17 @@ include ../../components/widgets
edit',
widget-submitter.name='cs-display-resource-property',
+ class-name="title_form"
+ class-steps="steps"
widget-edit='sib-action',
widget-author='cs-display-resource-property',
widget-country='cs-display-resource-property',
widget-submitter.mentor_profile.organisation.name='cs-display-resource-property'
+ class-submitter.name="autor_ressource"
+ class-broken="broken"
widget-format='cs-display-multiple-property'
widget-uri='cs-display-link'
+ class-uri="pull-left"
widget-skills='cs-display-resource-property'
widget-description='cs-display-property'
widget-name='cs-display-property'
@@ -29,6 +34,7 @@ include ../../components/widgets
widget-review.status='cs-resource-status'
widget-review.reviewer.account.picture='cs-account-picture'
widget-review.reviewer.name='cs-resource-reviewer'
+ class-review.reviewer.name="validator_ressource"
widget-header_specifications='cs-section_header'
label-broken='Report broken link'
@@ -63,6 +69,14 @@ include ../../components/widgets
action-broken='resource-report-broken-link'
)
+ //- Add likes here
+ <div class="like">
+ <p class="backlink"><i class='far fa-thumbs-up'></i>18</p>
+ <p class="backlink"><i class='far fa-thumbs-down'></i>3</p>
+ </div>
+ <div class="like">
+ <p class="backlink"><i class="fas fa-times"></i></p>
+ </div>
sib-display(
bind-resources
fields=""
diff --git a/src/includes/mentor/resources/list.pug b/src/includes/mentor/resources/list.pug
index 185e7b695b0fecef4c7167ea191fbebd36365ed5..8fcfea89d469221d74f8c25c993577c3b7bf8823 100644
--- a/src/includes/mentor/resources/list.pug
+++ b/src/includes/mentor/resources/list.pug
@@ -37,6 +37,7 @@ div.block_list
action-validate='mentor-resource-validate'
label-validate='Check ->'
+ class-validate="check_ressource"
widget-validate='cs-validate-action'
)
diff --git a/src/scripts/coopstarter.js b/src/scripts/coopstarter.js
index b343d81fd58092bbf29a5df53f287d448e175b97..6fe2c2ebacedcabdf01372d59e91d20f2fc52fc9 100644
--- a/src/scripts/coopstarter.js
+++ b/src/scripts/coopstarter.js
@@ -103,12 +103,15 @@ jQuery(document).ready(function($) {
let format_field_search = more_criterias_form.querySelector(
`select[name="format"]`
);
+ console.log(format_field_search);
format_hidden_fields = document.querySelectorAll(
'hidden-widget[name="more_criterias_hidden"] input[name="format"]'
);
format_field_search.onchange = function() {
+ console.log("new format ask")
format_hidden_fields.forEach(format_field => {
+ console.log(format_field)
format_field.setAttribute(
"value",
format_field_search.options[format_field_search.selectedIndex]
@@ -188,7 +191,7 @@ jQuery(document).ready(function($) {
form.querySelector("sib-form").component.inputChange();
});
});
- });
+ }, 2000);
},
4000
);
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 6f55b44dc2f1b5becaf762a14d0a5fb2a5864e80..93df0a0aba6652c75e05f0c64aa1216bf29f980f 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -122,6 +122,10 @@ img{
width: auto;
}
+.block{
+ display: block;
+}
+
.flex, sib-set-default,#resources-history>div div, #entrepreneur-new-account sib-form form{
display: flex;
flex-direction: row;
@@ -129,7 +133,7 @@ img{
justify-content: center;
}
-.flex_espace, sib-set-default,#resources-history>div div, #entrepreneur-new-account sib-form form{
+.flex_espace, sib-set-default,#resources-history>div div, #entrepreneur-new-account sib-form form {
justify-content: space-between;
}
sib-set-default[name="actions"]{
@@ -218,6 +222,10 @@ body{
margin: 0 auto;
}
+.no_shadow{
+ box-shadow: none;
+}
+
.button_base, input[type="submit"], #mentor-resource-detail a,.sib-conversation form input[type="submit"]{
transition: all .3s ease-in-out;
background-color: var(--bg-btn-base);
@@ -273,7 +281,7 @@ p{
font-size: 1.8rem;
}
-.backlink{
+.backlink, .broken sib-link{
display: inline-block;
color: var(--clr-typo-base);
font-size: 1.4rem;
@@ -284,7 +292,7 @@ p{
cursor: pointer;
}
-.backlink:hover{
+.backlink:hover, .broken sib-link:hover{
color: var(--bg-btn-base);
}
@@ -374,6 +382,9 @@ ico_droite:before{
#mentor-resource-detail a:before{ /* ico link to ressource dans détail ressources*/
content:"\f0c1";
}
+.ico_arrow:before{
+ content: "\f061";
+}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXx FIN ICONE XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
@@ -432,7 +443,7 @@ input, textarea, select, form .ss-main .ss-multi-selected{
input:focus, textarea:focus{
background: var(--bg-form-focus);
}
-.title_form, cs-section_introduction h2, div#mentor-resource-detail cs-display-property[name="name"] p{
+.title_form,.title_form p, cs-section_introduction h2, div#mentor-resource-detail cs-display-property[name="name"] p{
font-family: 'var(--typo)';
font-size: 2.2rem;
text-align: left;
@@ -535,12 +546,12 @@ form .ss-main .ss-multi-selected .ss-values .ss-value{
color: #818998;
font-weight: lighter;
}
-.ss-list.checkbox .ss-option{
+.ss-list.checkbox .ss-option, .ss-list.checkbox input{
position: relative;
font-weight: lighter;
}
-.ss-list.checkbox .ss-option:before {
+.ss-list.checkbox .ss-option:before, , .ss-list.checkbox input:before {
content: "";
position : absolute;
display: block;
@@ -551,7 +562,7 @@ form .ss-main .ss-multi-selected .ss-values .ss-value{
left: -2.5rem;
top: .9rem;
}
-.ss-list.checkbox .ss-option.active:after {
+.ss-list.checkbox .ss-option.active:after, , .ss-list.checkbox input:after {
font-family: "Font Awesome 5 pro";
font-weight: 900;
content: "\f00C";
@@ -585,7 +596,7 @@ header#header img {
background: blue;
margin-right: 5rem;
}
-header#header .avatar img{
+header#header .avatar img, #mentor-resource-detail .avatar img{
border-radius: 50%;
}
@@ -618,6 +629,7 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
width: 3rem;
height: 3rem;
border-radius: 50%;
+ cursor: pointer;
}
#header .flex, #header>div{
@@ -686,6 +698,41 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
margin-top: 10rem;
}
+
+/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+XXXXXXXXXXXXXXXXXXXXXXXX Home entrepreneur XXXXXXXXXXXXXXXXXX
+XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
+
+.block_aside_entre{
+ background: white;
+ margin-left: 2rem;
+ padding: 1.5rem;
+ text-align: center;
+ p{
+ color: #152935;
+ font-size: 1.4rem;
+ font-weight: bold;
+ margin: 2rem 0 2rem 0;
+ }
+}
+.block-g-entre{
+ background: white;
+ padding: 2rem;
+}
+
+#entrepreneur-resource-list container{
+ padding-top: 3.5rem;
+ input[name="keyword"]{
+ float: left;
+ width: 80%;
+ }
+ #keyword_submit{
+ float: right;
+ margin-top: 0;
+ width: 20%;
+ }
+}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXX LISTE RESSOURCE XXXXXXXXXXXXXXXXXX
@@ -843,7 +890,44 @@ sib-multiple label, cs-resource-status[name="review.status"]+*{
display:flex;
justify-content: space-between;
}
-
+
+#pending-resources {
+ sib-set-default[name="content"] sib-display-value{
+ font-size: 1.6rem;
+ color: #444C4D;
+ margin-bottom: 2rem;
+ }
+ sib-set-default[name="info"]{
+ justify-content: flex-start;
+ cs-display-resource-property{
+ margin-right: 0rem;
+ p,b{
+ color: var(--clr-typo-base);
+ font-size: 1.4rem;
+ }
+ }
+ }
+}
+.request_accordeon {
+ sib-set-default[name="content"] sib-display-value{
+ font-size: 1.6rem;
+ color: #444C4D;
+ }
+ sib-set-default[name="info"]{
+ justify-content: flex-start;
+ cs-display-resource-property{
+ margin-right: 7rem;
+ p,b{
+ color: var(--clr-typo-base);
+ font-size: 1.4rem;
+ }
+ }
+ }
+}
+.check_ressource>div{
+ position: relative;
+ top: 35%;
+}
/*XXXXXXXXXXXXXXXXXXXXX DETAIL RESSOURCES XXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
cs-display-step-property[label="Step"] p{
@@ -871,10 +955,81 @@ sib-set-default[name="submitter_info"]{
margin-bottom: 1rem;
}
}
+
+#mentor-resource-detail{
+ border: none;
+ top: 0;
+ padding: 0;
+ width: 100%;
+ height: auto;
+ background: rgba(0,0,0,0.7);
+ .block_creat_count{
+ margin: 0 0 0 auto;
+ }
+ .title_form{
+ font-size: 1.6rem;
+ color: #3D424A;
+ font-family: 'var(--typo-btn)';
+ text-align: left;
+ border: none;
+ font-weight: bold;
+ margin: 0 0 1.5rem 0;
+ padding: 0;
+ p {
+ font-size: 2.2rem;
+ margin: 0 0 2rem 0;
+ font-weight: normal;
+ }
+ }
+ cs-display-multiple-property[name="format"] p{
+ text-align: right;
+ }
+ .avatar{
+ float: left;
+ margin-right: 1rem;
+ }
+ .steps{
+ cs-display-step-property p{
+ color: #3D424A;
+ font-size: 2.2rem;
+ }
+ }
+ .like{
+ display: flex;
+ flex-wrap: nowrap;
+ justify-content: flex-end;
+ p.backlink{
+ font-size: 1.4rem;
+ margin:0 0 0 2.5rem;
+ text-decoration: none;
+ }
+ }
+ .autor_ressource, .validator_ressource{
+ p{
+ color: var(--clr-typo-base);
+ font-size: 1.4rem;
+ }
+ b{
+ display: block;
+ color: var(--clr-roll-black);
+ }
+ }
+ cs-display-link *, sib-link{
+ margin: 0;
+ }
+ .broken sib-link{
+ margin: 1rem 0 0 3rem;
+ }
+ cs-display-property p{
+ clear: both;
+ padding-top: 2rem;
+ }
+}
+
#mentor-resource-detail a{
text-decoration: none;
display: inline-block;
- margin: 3rem 0;
+ margin: 0;
}
sib-set-default[name="specifications"]>cs-display-resource-property,
@@ -941,6 +1096,7 @@ cs-validate-action div{
clear: both;
text-align: right;
}
+
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXX PROFILE XXXXXXXXXXXXXXXXXXXXX
@@ -1007,6 +1163,26 @@ cs-display-property[name="mentor_profile.country"] p{
color: var(--bg-block);
cursor: pointer;
}
+
+.button_edit{
+ position: absolute;
+ top: -1rem;
+ right: -2rem;
+ width: 5rem;
+ height: 5rem;
+ border-radius: 50%;
+ background: var(--clr-roll-black);
+ color:white;
+ border: 2px rgba(68,76,77, 0) solid;
+ transition: .4s all ease-in;
+ font-size: 1.4rem;
+ cursor: pointer;
+}
+.button_edit:hover{
+ color: var(--clr-roll-black);
+ background: white;
+ border: 2px rgba(68,76,77, 1) solid;
+}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXX MEDIA QUERIES XXXXXXXXXXXXXXXXXXXXX