diff --git a/src/includes/entrepreneur/components/header.pug b/src/includes/entrepreneur/components/header.pug
index 2e707496280b4a80755342de18352d81684237b2..998a38c103cc0e8a80935667f2aadd208fa1fb4f 100644
--- a/src/includes/entrepreneur/components/header.pug
+++ b/src/includes/entrepreneur/components/header.pug
@@ -7,19 +7,18 @@
include menu.pug
div.flex.flex_espace.flex_item_center
- //- sib-form(
- //- data-src=`${endpoints.languages}`
- //- fields='languages'
- //- range-languages=`${endpoints.languages}`
- //- widget-languages='sib-form-dropdown'
- //- selected-languages=`${endpoints.languages}/1/`
- //- label-languages=''
- //- naked
- //- )
- //- input.ico_droite.ico_search
+ sib-form(
+ data-src=`${endpoints.languages}`
+ fields='languages'
+ range-languages=`${endpoints.languages}`
+ widget-languages='sib-form-dropdown'
+ selected-languages=`${endpoints.languages}/1/`
+ label-languages=''
+ naked
+ )
.dropdownWrapper
- sib-display#user-account-picture.dropdownLabel(
+ sib-display#entrepreneur-account-picture.dropdownLabel(
bind-user
fields='account.picture',
widget-account.picture='cs-account-picture'
diff --git a/src/includes/entrepreneur/profile/detail.pug b/src/includes/entrepreneur/profile/detail.pug
index 66884ff88bad4fd049c19e110e1625cefa60755a..e0099ead827d881b651c0edfca53d53d104f9637 100644
--- a/src/includes/entrepreneur/profile/detail.pug
+++ b/src/includes/entrepreneur/profile/detail.pug
@@ -25,8 +25,9 @@ div.block_list.flex
sib-display#entrepreneur_info(
bind-user
- fields='name, entrepreneur_profile.organisation.name, registered_on'
+ fields='account.picture, name, entrepreneur_profile.organisation.name, registered_on'
widget-name='cs-display-property'
+ widget-account.picture='cs-profile-picture'
widget-entrepreneur_profile.organisation.name='cs-display-property'
widget-entrepreneur_profile.registered_on='cs-display-property'
)
diff --git a/src/includes/entrepreneur/profile/edit.pug b/src/includes/entrepreneur/profile/edit.pug
index c18664c6a31bfcaffca86172e96f09e304d55eb7..8028caf09c60e8ccb345e18e769a6c85f47da8af 100644
--- a/src/includes/entrepreneur/profile/edit.pug
+++ b/src/includes/entrepreneur/profile/edit.pug
@@ -9,7 +9,6 @@ sib-form#entrepreneur_profile_edition.block_log.block_creat_count(
label-first_name="Surname"
label-last_name="Name"
- label-username="Username"
label-entrepreneur_profile.organisation="Organisation"
label-account.picture="Profile picture"
widget-username="sib-form-hidden"
diff --git a/src/includes/entrepreneur/requests/create.pug b/src/includes/entrepreneur/requests/create.pug
index 5c5938b29b15f5af7f7f851d0a7f837b4957f5b8..c08525499f777e26e1125f509e876d9bf64abdd9 100644
--- a/src/includes/entrepreneur/requests/create.pug
+++ b/src/includes/entrepreneur/requests/create.pug
@@ -9,6 +9,7 @@
h2.title_form Request a ressource
p.p_entete You can't find a resource you are looking for ? You need resources to acquire certain skills or progress in your cooperative developement ? It can be a book, a document model, a tutorial, anything you need, make a request to our mentors so they know how to help you.
+ img(src="../images/asid_entre.png" alt="rechercher de ressources")
sib-form#resource-creation-form(
loader-id="resource-creation-form-loader"
diff --git a/src/includes/entrepreneur/resources/detail.pug b/src/includes/entrepreneur/resources/detail.pug
index 1d4d19f5a9d2d3817485b50a245a911742bcd5c4..cafcdbb3e7a9b64e6985dfd4979a27523d3a592b 100644
--- a/src/includes/entrepreneur/resources/detail.pug
+++ b/src/includes/entrepreneur/resources/detail.pug
@@ -129,7 +129,7 @@ include ../../components/widgets
widget-name='cs-display-property'
label-detail=''
widget-detail='sib-action'
- action-detail='mentor-resource-detail'
+ action-detail='entrepreneur-resource-detail'
)
diff --git a/src/includes/entrepreneur/resources/list.pug b/src/includes/entrepreneur/resources/list.pug
index 55cf9245bf94fed89141509ca1de121fd9cb4727..20b2f8518e1afc64493d8750508ca65800a40446 100644
--- a/src/includes/entrepreneur/resources/list.pug
+++ b/src/includes/entrepreneur/resources/list.pug
@@ -9,433 +9,432 @@ dialog#resource-report-broken-link-entrepreneur
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
+ i.far.fa-play-circle
//-About :
//It will be great to have autocompletion on country
//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
- div#resources-loader
- hidden
- i.fas.fa-spinner.fa-spin
- sib-form.search-by-keyword(
- data-src=`${endpoints.resources}`,
- loader-id="resources-loader"
- fields='keyword(name_keyword)'
- label-name_keyword="Search by name..."
- widget-name_keyword="sib-form-placeholder-text"
-
- naked
- )
-
- div.keyword_submit.button__actions
- div.button_base.ico_gauche Search
-
- sib-form.instance_database_only(
- data-src=`${endpoints.resources}`,
- fields='instance_database_only'
- widget-instance_database_only='cs-display-checkbox'
- class-instance_database_only = 'ss-list checkbox'
-
- naked
- )
- sib-form.more_criterias.flex.flex_espace(
- data-src=`${endpoints.resources}`,
- fields='header_criterias, format, publication_year, country, language, fields'
- label-header_criterias='More criterias'
- label-format='Format:'
- label-publication_year='Year of publication'
- label-country='Country of publication'
- label-language='Language'
- label-fields='Field'
- widget-header_criterias='cs-section_header'
-
- range-language=`${endpoints.languages}`
- range-fields=`${endpoints.fields}`
- range-format=`${endpoints.formats}`
- range-country=`${endpoints.countries}`
-
- multiple-country='sib-form-dropdown'
- widget-country='sib-form-auto-completion'
-
- multiple-language='sib-form-dropdown'
- widget-language='sib-form-auto-completion'
-
- multiple-format='sib-form-dropdown'
- widget-format='sib-form-auto-completion'
-
- multiple-fields='sib-form-dropdown'
- widget-fields='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
-
-
- //Fake tabs to filter by type.
- div.tabs.flex_espace
- div(class='tablink filter_by_type active', onclick="openFakeTab(this)")
- sib-display#type1(
- data-src=`${endpoints.types}1/`
- fields='name'
- widget-name='fake-tabs'
- )
-
- div(class='tablink filter_by_type', onclick="openFakeTab(this)")
- sib-display#type2(
- data-src=`${endpoints.types}2/`
- fields='name'
- widget-name='fake-tabs'
- )
-
- div.block_log.block_list
-
- //Step 1
- div.step
- div#resources-loader-step1
+container.block_list
+ div.flex.flex_espace
+ div.w_75.block-g-entre
+ div
+ h2.title_form Search for a resource
+ div#resources-loader
hidden
i.fas.fa-spinner.fa-spin
-
- sib-display#circles-list(
- loader-id="resources-loader-step1"
- data-src=`${endpoints.steps}1/`,
- fields='name'
- class="accordion active"
-
- label-name ='Step 1 '
- label-resources=''
-
- widget-name='cs-steps-header'
- )
-
- sib-display.resource_by_step(
- data-src=`${endpoints.steps}1/resources/validated/`,
- fields='name, author, format.name, publication_year, description, like, dislike, country, language, fields',
- search-fields='search_for_a_resource(name), more_criterias_hidden(format, publication_year, country, language, fields, type)',
- search-range-format=`${endpoints.formats}`
- search-range-language=`${endpoints.languages}`
- search-range-fields=`${endpoints.fields}`
- search-range-type=`${endpoints.types}`
-
- search-widget-more_criterias_hidden="hidden-widget"
- search-widget-search_for_a_resource="hidden-widget"
- search-multiple-type='sib-form-dropdown'
- search-widget-type='sib-form-auto-completion'
- search-multiple-format='sib-form-dropdown'
- search-widget-format='sib-form-auto-completion'
- search-multiple-language='sib-form-dropdown'
- search-widget-language='sib-form-auto-completion'
- search-multiple-fields='sib-form-dropdown'
- search-widget-fields='sib-form-auto-completion'
-
-
- widget-name='cs-display-property'
- widget-country='hidden-widget'
- widget-publication_year='cs-display-property'
- widget-description='cs-display-property'
- widget-fields='hidden-widget'
- widget-language="hidden-widget"
- widget-author="hidden-widget"
- widget-format.name='cs-display-resource-property'
- widget-like='fake-like'
- widget-dislike='fake-dislike'
- label-format.name=''
- label-language=''
- multiple-language
- label-fields=''
- multiple-fields
- class="panel"
-
- next='entrepreneur-resource-detail'
-
- paginate-by="5"
- )
-
- //Step 2
- div.step
- sib-display#circles-list(
- data-src=`${endpoints.steps}2/`,
- fields='name'
- class="accordion"
-
- label-name ='Step 2 '
- label-resources=''
-
- widget-name='cs-steps-header'
- )
-
- sib-display.resource_by_step(
- data-src=`${endpoints.steps}2/resources/validated/`,
- fields='name, author, format.name, publication_year, description, like, dislike, country, language, fields',
- search-fields='search_for_a_resource(name), more_criterias_hidden(format, publication_year, country, language, fields, type)',
- search-range-format=`${endpoints.formats}`
- search-range-language=`${endpoints.languages}`
- search-range-fields=`${endpoints.fields}`
- search-range-type=`${endpoints.types}`
-
- search-widget-more_criterias_hidden="hidden-widget"
- search-widget-search_for_a_resource="hidden-widget"
- search-multiple-type='sib-form-dropdown'
- search-widget-type='sib-form-auto-completion'
- search-multiple-format='sib-form-dropdown'
- search-widget-format='sib-form-auto-completion'
- search-multiple-language='sib-form-dropdown'
- search-widget-language='sib-form-auto-completion'
- search-multiple-fields='sib-form-dropdown'
- search-widget-fields='sib-form-auto-completion'
-
-
- widget-name='cs-display-property'
- widget-country='hidden-widget'
- widget-publication_year='cs-display-property'
- widget-description='cs-display-property'
- widget-fields='hidden-widget'
- widget-language="hidden-widget"
- widget-author="hidden-widget"
- widget-format.name='cs-display-resource-property'
- widget-like='fake-like'
- widget-dislike='fake-dislike'
- label-format.name=''
- label-language=''
- multiple-language
- label-fields=''
- multiple-fields
- class="panel"
- next='entrepreneur-resource-detail'
-
- paginate-by="5"
+ sib-form.search-by-keyword(
+ data-src=`${endpoints.resources}`,
+ loader-id="resources-loader"
+ fields='keyword(name_keyword)'
+ label-name_keyword="Search by name..."
+ widget-name_keyword="sib-form-placeholder-text"
+ naked
)
- //Step 3
- div.step
- sib-display#circles-list(
- data-src=`${endpoints.steps}3/`,
- fields='name'
- class="accordion"
-
- label-name ='Step 3 '
- label-resources=''
-
- widget-name='cs-steps-header'
-
- )
-
- sib-display.resource_by_step(
- data-src=`${endpoints.steps}3/resources/validated/`,
- fields='name, author, format.name, publication_year, description, like, dislike, country, language, fields',
- search-fields='search_for_a_resource(name), more_criterias_hidden(format, publication_year, country, language, fields, type)',
- search-range-format=`${endpoints.formats}`
- search-range-language=`${endpoints.languages}`
- search-range-fields=`${endpoints.fields}`
- search-range-type=`${endpoints.types}`
-
- search-widget-more_criterias_hidden="hidden-widget"
- search-widget-search_for_a_resource="hidden-widget"
- search-multiple-type='sib-form-dropdown'
- search-widget-type='sib-form-auto-completion'
- search-multiple-format='sib-form-dropdown'
- search-widget-format='sib-form-auto-completion'
- search-multiple-language='sib-form-dropdown'
- search-widget-language='sib-form-auto-completion'
- search-multiple-fields='sib-form-dropdown'
- search-widget-fields='sib-form-auto-completion'
-
- widget-name='cs-display-property'
- widget-country='hidden-widget'
- widget-publication_year='cs-display-property'
- widget-description='cs-display-property'
- widget-fields='hidden-widget'
- widget-language="hidden-widget"
- widget-author="hidden-widget"
- widget-format.name='cs-display-resource-property'
- widget-like='fake-like'
- widget-dislike='fake-dislike'
- label-format.name=''
- label-language=''
- multiple-language
- label-fields=''
- multiple-fields
- class="panel"
- next='entrepreneur-resource-detail'
-
- paginate-by="5"
- )
+ div.keyword_submit.button__actions
+ div.button_base.ico_gauche Search
- //Step 4
- div.step
- sib-display#circles-list(
- data-src=`${endpoints.steps}4/`,
- fields='name'
- class="accordion"
-
- label-name ='Step 4 '
- label-resources=''
-
- widget-name='cs-steps-header'
-
- )
-
- sib-display.resource_by_step(
- data-src=`${endpoints.steps}4/resources/validated/`,
- fields='name, author, format.name, publication_year, description, like, dislike, country, language, fields',
- search-fields='search_for_a_resource(name), more_criterias_hidden(format, publication_year, country, language, fields, type)',
- search-range-format=`${endpoints.formats}`
- search-range-language=`${endpoints.languages}`
- search-range-fields=`${endpoints.fields}`
- search-range-type=`${endpoints.types}`
-
- search-widget-more_criterias_hidden="hidden-widget"
- search-widget-search_for_a_resource="hidden-widget"
- search-multiple-type='sib-form-dropdown'
- search-widget-type='sib-form-auto-completion'
- search-multiple-format='sib-form-dropdown'
- search-widget-format='sib-form-auto-completion'
- search-multiple-language='sib-form-dropdown'
- search-widget-language='sib-form-auto-completion'
- search-multiple-fields='sib-form-dropdown'
- search-widget-fields='sib-form-auto-completion'
-
-
- widget-name='cs-display-property'
- widget-country='hidden-widget'
- widget-publication_year='cs-display-property'
- widget-description='cs-display-property'
- widget-fields='hidden-widget'
- widget-language="hidden-widget"
- widget-author="hidden-widget"
- widget-format.name='cs-display-resource-property'
- widget-like='fake-like'
- widget-dislike='fake-dislike'
- label-format.name=''
- label-language=''
- multiple-language
- label-fields=''
- multiple-fields
- class="panel"
- next='entrepreneur-resource-detail'
-
- paginate-by="5"
+ sib-form.instance_database_only(
+ data-src=`${endpoints.resources}`,
+ fields='instance_database_only'
+ widget-instance_database_only='cs-display-checkbox'
+ class-instance_database_only = 'ss-list checkbox'
+
+ naked
)
- //Step 5
- div.step
- sib-display#circles-list(
- data-src=`${endpoints.steps}5/`,
- fields='name'
- class="accordion"
-
- label-name ='Step 5 '
- label-resources=''
-
- widget-name='cs-steps-header'
+ sib-form.more_criterias.flex.flex_espace(
+ data-src=`${endpoints.resources}`,
+ fields='header_criterias, format, publication_year, country, language, fields'
+ label-header_criterias='More criterias'
+ label-format='Format:'
+ label-publication_year='Year of publication'
+ label-country='Country of publication'
+ label-language='Language'
+ label-fields='Field'
+ widget-header_criterias='cs-section_header'
+
+ range-language=`${endpoints.languages}`
+ range-fields=`${endpoints.fields}`
+ range-format=`${endpoints.formats}`
+ range-country=`${endpoints.countries}`
+
+ multiple-country='sib-form-dropdown'
+ widget-country='sib-form-auto-completion'
+
+ multiple-language='sib-form-dropdown'
+ widget-language='sib-form-auto-completion'
+
+ multiple-format='sib-form-dropdown'
+ widget-format='sib-form-auto-completion'
+
+ multiple-fields='sib-form-dropdown'
+ widget-fields='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
+
- sib-display.resource_by_step(
- data-src=`${endpoints.steps}5/resources/validated/`,
- fields='name, author, format.name, publication_year, description, like, dislike, country, language, fields',
- search-fields='search_for_a_resource(name), more_criterias_hidden(format, publication_year, country, language, fields, type)',
- search-range-format=`${endpoints.formats}`
- search-range-language=`${endpoints.languages}`
- search-range-fields=`${endpoints.fields}`
- search-range-type=`${endpoints.types}`
-
- search-widget-more_criterias_hidden="hidden-widget"
- search-widget-search_for_a_resource="hidden-widget"
- search-multiple-type='sib-form-dropdown'
- search-widget-type='sib-form-auto-completion'
- search-multiple-format='sib-form-dropdown'
- search-widget-format='sib-form-auto-completion'
- search-multiple-language='sib-form-dropdown'
- search-widget-language='sib-form-auto-completion'
- search-multiple-fields='sib-form-dropdown'
- search-widget-fields='sib-form-auto-completion'
-
-
- widget-name='cs-display-property'
- widget-country='hidden-widget'
- widget-publication_year='cs-display-property'
- widget-description='cs-display-property'
- widget-fields='hidden-widget'
- widget-language="hidden-widget"
- widget-author="hidden-widget"
- widget-format.name='cs-display-resource-property'
- widget-like='fake-like'
- widget-dislike='fake-dislike'
- label-format.name=''
- label-language=''
- multiple-language
- label-fields=''
- multiple-fields
- class="panel"
- next='entrepreneur-resource-detail'
-
- paginate-by="5"
+ //Fake tabs to filter by type.
+ div.tabs.flex_espace
+ div(class='tablink filter_by_type active', onclick="openFakeTab(this)")
+ sib-display.type1(
+ data-src=`${endpoints.types}1/`
+ fields='name'
+ widget-name='fake-tabs'
)
- //Step 6
- div.step
- sib-display#circles-list(
- data-src=`${endpoints.steps}6/`,
+ div(class='tablink filter_by_type', onclick="openFakeTab(this)")
+ sib-display.type2(
+ data-src=`${endpoints.types}2/`
fields='name'
- class="accordion"
-
- label-name ='Step 6 '
- label-resources=''
-
- widget-name='cs-steps-header'
- )
-
- sib-display.resource_by_step(
- data-src=`${endpoints.steps}6/resources/validated/`,
- fields='name, author, format.name, publication_year, description, like, dislike, country, language, fields',
- search-fields='search_for_a_resource(name), more_criterias_hidden(format, publication_year, country, language, fields, type)',
- search-range-format=`${endpoints.formats}`
- search-range-language=`${endpoints.languages}`
- search-range-fields=`${endpoints.fields}`
- search-range-type=`${endpoints.types}`
-
- search-widget-more_criterias_hidden="hidden-widget"
- search-widget-search_for_a_resource="hidden-widget"
- search-multiple-type='sib-form-dropdown'
- search-widget-type='sib-form-auto-completion'
- search-multiple-format='sib-form-dropdown'
- search-widget-format='sib-form-auto-completion'
- search-multiple-language='sib-form-dropdown'
- search-widget-language='sib-form-auto-completion'
- search-multiple-fields='sib-form-dropdown'
- search-widget-fields='sib-form-auto-completion'
-
-
- widget-name='cs-display-property'
- widget-country='hidden-widget'
- widget-publication_year='cs-display-property'
- widget-description='cs-display-property'
- widget-fields='hidden-widget'
- widget-language="hidden-widget"
- widget-author="hidden-widget"
- widget-format.name='cs-display-resource-property'
- widget-like='fake-like'
- widget-dislike='fake-dislike'
- label-format.name=''
- label-language=''
- multiple-language
- label-fields=''
- multiple-fields
- class="panel"
- next='entrepreneur-resource-detail'
-
- paginate-by="5"
+ widget-name='fake-tabs'
)
+
+ div.block_log.block_list
+
+ //Step 1
+ div.step
+ div#resources-loader-step1
+ hidden
+ i.fas.fa-spinner.fa-spin
+
+ sib-display#circles-list(
+ loader-id="resources-loader-step1"
+ data-src=`${endpoints.steps}1/`,
+ fields='name'
+ class="accordion active"
+
+ label-name ='Step 1 '
+ label-resources=''
+
+ widget-name='cs-steps-header'
+ )
+
+ sib-display.resource_by_step(
+ data-src=`${endpoints.steps}1/resources/validated/`,
+ fields='name, author, format.name, publication_year, description, like, dislike, country, language, fields',
+ search-fields='search_for_a_resource(name), more_criterias_hidden(format, publication_year, country, language, fields, type)',
+ search-range-format=`${endpoints.formats}`
+ search-range-language=`${endpoints.languages}`
+ search-range-fields=`${endpoints.fields}`
+ search-range-type=`${endpoints.types}`
+
+ search-widget-more_criterias_hidden="hidden-widget"
+ search-widget-search_for_a_resource="hidden-widget"
+ search-multiple-type='sib-form-dropdown'
+ search-widget-type='sib-form-auto-completion'
+ search-multiple-format='sib-form-dropdown'
+ search-widget-format='sib-form-auto-completion'
+ search-multiple-language='sib-form-dropdown'
+ search-widget-language='sib-form-auto-completion'
+ search-multiple-fields='sib-form-dropdown'
+ search-widget-fields='sib-form-auto-completion'
+
+
+ widget-name='cs-display-property'
+ widget-country='hidden-widget'
+ widget-publication_year='cs-display-property'
+ widget-description='cs-display-property'
+ widget-fields='hidden-widget'
+ widget-language="hidden-widget"
+ widget-author="hidden-widget"
+ widget-format.name='cs-display-resource-property'
+ widget-like='fake-like'
+ widget-dislike='fake-dislike'
+ label-format.name=''
+ label-language=''
+ multiple-language
+ label-fields=''
+ multiple-fields
+ class="panel"
+
+ next='entrepreneur-resource-detail'
+
+ paginate-by="2"
+ )
+
+ //Step 2
+ div.step
+ sib-display#circles-list(
+ data-src=`${endpoints.steps}2/`,
+ fields='name'
+ class="accordion"
+
+ label-name ='Step 2 '
+ label-resources=''
+
+ widget-name='cs-steps-header'
+ )
+
+ sib-display.resource_by_step(
+ data-src=`${endpoints.steps}2/resources/validated/`,
+ fields='name, author, format.name, publication_year, description, like, dislike, country, language, fields',
+ search-fields='search_for_a_resource(name), more_criterias_hidden(format, publication_year, country, language, fields, type)',
+ search-range-format=`${endpoints.formats}`
+ search-range-language=`${endpoints.languages}`
+ search-range-fields=`${endpoints.fields}`
+ search-range-type=`${endpoints.types}`
+
+ search-widget-more_criterias_hidden="hidden-widget"
+ search-widget-search_for_a_resource="hidden-widget"
+ search-multiple-type='sib-form-dropdown'
+ search-widget-type='sib-form-auto-completion'
+ search-multiple-format='sib-form-dropdown'
+ search-widget-format='sib-form-auto-completion'
+ search-multiple-language='sib-form-dropdown'
+ search-widget-language='sib-form-auto-completion'
+ search-multiple-fields='sib-form-dropdown'
+ search-widget-fields='sib-form-auto-completion'
+
+
+ widget-name='cs-display-property'
+ widget-country='hidden-widget'
+ widget-publication_year='cs-display-property'
+ widget-description='cs-display-property'
+ widget-fields='hidden-widget'
+ widget-language="hidden-widget"
+ widget-author="hidden-widget"
+ widget-format.name='cs-display-resource-property'
+ widget-like='fake-like'
+ widget-dislike='fake-dislike'
+ label-format.name=''
+ label-language=''
+ multiple-language
+ label-fields=''
+ multiple-fields
+ class="panel"
+ next='entrepreneur-resource-detail'
+
+ paginate-by="2"
+ )
+
+ div.step
+ sib-display#circles-list(
+ data-src=`${endpoints.steps}3/`,
+ fields='name'
+ class="accordion"
+
+ label-name ='Step 3 '
+ label-resources=''
+
+ widget-name='cs-steps-header'
+ )
+
+ sib-display.resource_by_step(
+ data-src=`${endpoints.steps}3/resources/validated/`,
+ fields='name, author, format.name, publication_year, description, like, dislike, country, language, fields',
+ search-fields='search_for_a_resource(name), more_criterias_hidden(format, publication_year, country, language, fields, type)',
+ search-range-format=`${endpoints.formats}`
+ search-range-language=`${endpoints.languages}`
+ search-range-fields=`${endpoints.fields}`
+ search-range-type=`${endpoints.types}`
+
+ search-widget-more_criterias_hidden="hidden-widget"
+ search-widget-search_for_a_resource="hidden-widget"
+ search-multiple-type='sib-form-dropdown'
+ search-widget-type='sib-form-auto-completion'
+ search-multiple-format='sib-form-dropdown'
+ search-widget-format='sib-form-auto-completion'
+ search-multiple-language='sib-form-dropdown'
+ search-widget-language='sib-form-auto-completion'
+ search-multiple-fields='sib-form-dropdown'
+ search-widget-fields='sib-form-auto-completion'
+
+ widget-name='cs-display-property'
+ widget-country='hidden-widget'
+ widget-publication_year='cs-display-property'
+ widget-description='cs-display-property'
+ widget-fields='hidden-widget'
+ widget-language="hidden-widget"
+ widget-author="hidden-widget"
+ widget-format.name='cs-display-resource-property'
+ widget-like='fake-like'
+ widget-dislike='fake-dislike'
+ label-format.name=''
+ label-language=''
+ multiple-language
+ label-fields=''
+ multiple-fields
+ class="panel"
+ next='entrepreneur-resource-detail'
+
+ paginate-by="2"
+ )
+
+ //Step 4
+ div.step
+ sib-display#circles-list(
+ data-src=`${endpoints.steps}4/`,
+ fields='name'
+ class="accordion"
+
+ label-name ='Step 4 '
+ label-resources=''
+
+ widget-name='cs-steps-header'
+
+ )
+
+ sib-display.resource_by_step(
+ data-src=`${endpoints.steps}4/resources/validated/`,
+ fields='name, author, format.name, publication_year, description, like, dislike, country, language, fields',
+ search-fields='search_for_a_resource(name), more_criterias_hidden(format, publication_year, country, language, fields, type)',
+ search-range-format=`${endpoints.formats}`
+ search-range-language=`${endpoints.languages}`
+ search-range-fields=`${endpoints.fields}`
+ search-range-type=`${endpoints.types}`
+
+ search-widget-more_criterias_hidden="hidden-widget"
+ search-widget-search_for_a_resource="hidden-widget"
+ search-multiple-type='sib-form-dropdown'
+ search-widget-type='sib-form-auto-completion'
+ search-multiple-format='sib-form-dropdown'
+ search-widget-format='sib-form-auto-completion'
+ search-multiple-language='sib-form-dropdown'
+ search-widget-language='sib-form-auto-completion'
+ search-multiple-fields='sib-form-dropdown'
+ search-widget-fields='sib-form-auto-completion'
+
+
+ widget-name='cs-display-property'
+ widget-country='hidden-widget'
+ widget-publication_year='cs-display-property'
+ widget-description='cs-display-property'
+ widget-fields='hidden-widget'
+ widget-language="hidden-widget"
+ widget-author="hidden-widget"
+ widget-format.name='cs-display-resource-property'
+ widget-like='fake-like'
+ widget-dislike='fake-dislike'
+ label-format.name=''
+ label-language=''
+ multiple-language
+ label-fields=''
+ multiple-fields
+ class="panel"
+ next='entrepreneur-resource-detail'
+
+ paginate-by="5"
+ )
+
+ //Step 5
+ div.step
+ sib-display#circles-list(
+ data-src=`${endpoints.steps}5/`,
+ fields='name'
+ class="accordion"
+
+ label-name ='Step 5 '
+ label-resources=''
+
+ widget-name='cs-steps-header'
+ )
+
+ sib-display.resource_by_step(
+ data-src=`${endpoints.steps}5/resources/validated/`,
+ fields='name, author, format.name, publication_year, description, like, dislike, country, language, fields',
+ search-fields='search_for_a_resource(name), more_criterias_hidden(format, publication_year, country, language, fields, type)',
+ search-range-format=`${endpoints.formats}`
+ search-range-language=`${endpoints.languages}`
+ search-range-fields=`${endpoints.fields}`
+ search-range-type=`${endpoints.types}`
+
+ search-widget-more_criterias_hidden="hidden-widget"
+ search-widget-search_for_a_resource="hidden-widget"
+ search-multiple-type='sib-form-dropdown'
+ search-widget-type='sib-form-auto-completion'
+ search-multiple-format='sib-form-dropdown'
+ search-widget-format='sib-form-auto-completion'
+ search-multiple-language='sib-form-dropdown'
+ search-widget-language='sib-form-auto-completion'
+ search-multiple-fields='sib-form-dropdown'
+ search-widget-fields='sib-form-auto-completion'
+
+
+ widget-name='cs-display-property'
+ widget-country='hidden-widget'
+ widget-publication_year='cs-display-property'
+ widget-description='cs-display-property'
+ widget-fields='hidden-widget'
+ widget-language="hidden-widget"
+ widget-author="hidden-widget"
+ widget-format.name='cs-display-resource-property'
+ widget-like='fake-like'
+ widget-dislike='fake-dislike'
+ label-format.name=''
+ label-language=''
+ multiple-language
+ label-fields=''
+ multiple-fields
+ class="panel"
+ next='entrepreneur-resource-detail'
+
+ paginate-by="5"
+ )
+
+ //Step 6
+ div.step
+ sib-display#circles-list(
+ data-src=`${endpoints.steps}6/`,
+ fields='name'
+ class="accordion"
+
+ label-name ='Step 6 '
+ label-resources=''
+
+ widget-name='cs-steps-header'
+ )
+
+ sib-display.resource_by_step(
+ data-src=`${endpoints.steps}6/resources/validated/`,
+ fields='name, author, format.name, publication_year, description, like, dislike, country, language, fields',
+ search-fields='search_for_a_resource(name), more_criterias_hidden(format, publication_year, country, language, fields, type)',
+ search-range-format=`${endpoints.formats}`
+ search-range-language=`${endpoints.languages}`
+ search-range-fields=`${endpoints.fields}`
+ search-range-type=`${endpoints.types}`
+
+ search-widget-more_criterias_hidden="hidden-widget"
+ search-widget-search_for_a_resource="hidden-widget"
+ search-multiple-type='sib-form-dropdown'
+ search-widget-type='sib-form-auto-completion'
+ search-multiple-format='sib-form-dropdown'
+ search-widget-format='sib-form-auto-completion'
+ search-multiple-language='sib-form-dropdown'
+ search-widget-language='sib-form-auto-completion'
+ search-multiple-fields='sib-form-dropdown'
+ search-widget-fields='sib-form-auto-completion'
+
+
+ widget-name='cs-display-property'
+ widget-country='hidden-widget'
+ widget-publication_year='cs-display-property'
+ widget-description='cs-display-property'
+ widget-fields='hidden-widget'
+ widget-language="hidden-widget"
+ widget-author="hidden-widget"
+ widget-format.name='cs-display-resource-property'
+ widget-like='fake-like'
+ widget-dislike='fake-dislike'
+ label-format.name=''
+ label-language=''
+ multiple-language
+ label-fields=''
+ multiple-fields
+ class="panel"
+ next='entrepreneur-resource-detail'
+
+ paginate-by="5"
+ )
diff --git a/src/includes/mentor/browseDatabase.pug b/src/includes/mentor/browseDatabase.pug
index e2f32bf9e94a521b70fd7007a8040e05206f8ada..4b3d385ea11bef4c6d72bda027effc90a3bc39af 100644
--- a/src/includes/mentor/browseDatabase.pug
+++ b/src/includes/mentor/browseDatabase.pug
@@ -4,6 +4,7 @@ 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
+ i.far.fa-play-circle
div.block_list
div.button__actions
@@ -81,7 +82,7 @@ container.block_list.flex.flex_espace
//Fake tabs to filter by type.
div.tabs.flex_espace
div(class='tablink filter_by_type active', onclick="openFakeTab(this)")
- sib-display#type1(
+ sib-display.type1(
data-src=`${endpoints.types}1/`
fields='name'
widget-name='fake-tabs'
diff --git a/src/includes/mentor/components/header.pug b/src/includes/mentor/components/header.pug
index 0f09c6476c9c75384edd320c7ebb8b509e9308be..3e7b4a4612af679e9baa3adf62b7dda7673e2774 100644
--- a/src/includes/mentor/components/header.pug
+++ b/src/includes/mentor/components/header.pug
@@ -7,19 +7,18 @@
include menu.pug
div.flex.flex_espace.flex_item_center
- //- sib-form(
- //- data-src=`${endpoints.languages}`
- //- fields='languages'
- //- range-languages=`${endpoints.languages}`
- //- widget-languages='sib-form-dropdown'
- //- selected-languages=`${endpoints.languages}/1/`
- //- label-languages=''
- //- naked
- //- )
- //- input.ico_droite.ico_search
+ sib-form(
+ data-src=`${endpoints.languages}`
+ fields='languages'
+ range-languages=`${endpoints.languages}`
+ widget-languages='sib-form-dropdown'
+ selected-languages=`${endpoints.languages}/1/`
+ label-languages=''
+ naked
+ )
.dropdownWrapper
- sib-display#user-account-picture.dropdownLabel(
+ sib-display#mentor-account-picture.dropdownLabel(
bind-user
fields='account.picture',
widget-account.picture='cs-account-picture'
diff --git a/src/includes/mentor/resources/list.pug b/src/includes/mentor/resources/list.pug
index 75c19e5897329875fb2089ff2eb8288db5653dc6..72cea6cdcedf44af9280cd445322fdde22f4a2d6 100644
--- a/src/includes/mentor/resources/list.pug
+++ b/src/includes/mentor/resources/list.pug
@@ -17,6 +17,7 @@ dialog#confirm_status_change.no-sidebar
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
+ i.far.fa-play-circle
div.block_list
div.button__actions
diff --git a/src/includes/mentor/validation-process.pug b/src/includes/mentor/validation-process.pug
index 14e4b4b3bb832e53540e89001491ccc63ad3cf00..64b2a5f9411d0d43bc1b4a8f6e9cd8959cb62ed2 100644
--- a/src/includes/mentor/validation-process.pug
+++ b/src/includes/mentor/validation-process.pug
@@ -1,8 +1,6 @@
div.block_log.block_creat_count.no_shadow
sib-link(class="backlink", next="mentor-resource-list")
- .like
- p
- i.fas.fa-times
+ i.fas.fa-times
div#validation-process
h2 What is a validation process ?
div.flex.w_100
diff --git a/src/includes/public/components/header.pug b/src/includes/public/components/header.pug
index 36a8d5ff4c0ef6ee2a20a80987b697d0ff2f7df3..dcd974cb5ba4906aaecfa5cd44d38c7b06c45470 100644
--- a/src/includes/public/components/header.pug
+++ b/src/includes/public/components/header.pug
@@ -7,13 +7,12 @@
include menu.pug
div.flex.flex_espace.flex_item_center
- //- sib-form(
- //- data-src=`${endpoints.languages}`
- //- fields='languages'
- //- range-languages=`${endpoints.languages}`
- //- widget-languages='sib-form-dropdown'
- //- selected-languages=`${endpoints.languages}/1/`
- //- label-languages=''
- //- naked
- //- )
- //- input.ico_droite.ico_search
+ sib-form(
+ data-src=`${endpoints.languages}`
+ fields='languages'
+ range-languages=`${endpoints.languages}`
+ widget-languages='sib-form-dropdown'
+ selected-languages=`${endpoints.languages}/1/`
+ label-languages=''
+ naked
+ )
diff --git a/src/includes/public/resources/list.pug b/src/includes/public/resources/list.pug
index ba13d1bf44e1cbf505687fad7e1ffdef21b35cdc..4bcbb62babcb6df368eac1047208ad30b67fdb14 100644
--- a/src/includes/public/resources/list.pug
+++ b/src/includes/public/resources/list.pug
@@ -9,6 +9,7 @@ dialog#resource-report-broken-link-public
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
+ i.far.fa-play-circle
container.block_list.flex.flex_espace
div.w_75.block-g-entre
@@ -73,7 +74,7 @@ container.block_list.flex.flex_espace
//Fake tabs to filter by type.
div.tabs.flex_espace
div(class='tablink filter_by_type active', onclick="openFakeTab(this)")
- sib-display#type1(
+ sib-display.type1(
data-src=`${endpoints.types}1/`
fields='name'
widget-name='fake-tabs'
@@ -422,7 +423,6 @@ container.block_list.flex.flex_espace
label-fields=''
multiple-fields
class="panel"
-
next='public-resource-detail'
paginate-by="5"
diff --git a/src/scripts/coopstarter.js b/src/scripts/coopstarter.js
index 2f43bc724231c9e91e2a0a11413422d0d76d7a15..0312cf457fad3984efc34ca292f5e3d7e70e53c7 100644
--- a/src/scripts/coopstarter.js
+++ b/src/scripts/coopstarter.js
@@ -66,19 +66,19 @@ function loadFile(event) {
/**
* Fill datas to a form.
- * @param {HTMLElment} detail - Element with the datas to retrieve.
+ * @param {HTMLElment} element - Element with the datas to retrieve.
* @param {string} targetFormName - Id of the form to fill.
- * @param {string} inputName - Name of the input to fill.
+ * @param {string} inputName - Name of the input to fill in the form.
*/
-function linkDatasetToField(detail, targetFormName, inputName) {
+function linkDatasetToField(element, targetFormName, inputName) {
let targetForm = document.getElementById(targetFormName);
targetForm.addEventListener("populate", event => {
let resourceField = targetForm.querySelector(`input[name="${inputName}"]`);
if (resourceField) {
- resourceField.value = JSON.stringify({ "@id": detail.dataset.src });
+ resourceField.value = JSON.stringify({ "@id": element.dataset.src });
resourceField.setAttribute(
"value",
- JSON.stringify({ "@id": detail.dataset.src })
+ JSON.stringify({ "@id": element.dataset.src })
);
}
});
@@ -120,6 +120,9 @@ function refreshPagination() {
.querySelector(".accordion:not(.active)")
) {
resources_container.nextSibling.setAttribute("hidden", "hidden");
+ resources_container.nextSibling.setAttribute("style", "display:none");
+ } else {
+ resources_container.nextSibling.setAttribute("style", "display:flex");
}
}
}
@@ -195,6 +198,40 @@ function selectHiddenManagementForType(tab, form) {
}
}
+/**
+ * Init type to type 1
+ */
+function InitManagementForType() {
+ var forms = document.querySelectorAll(".resource_by_step");
+
+ forms.forEach(form => {
+ form.addEventListener(
+ "populate",
+ e => {
+ window.setTimeout(() => {
+ let type_hidden_field = form.querySelectorAll('select[name="type"]');
+ type_hidden_field.forEach(function(select_hidden) {
+ options_hidden = select_hidden.getElementsByTagName("option");
+ for (let option_hidden of options_hidden) {
+ option_hidden.removeAttribute("selected");
+ if (option_hidden.value == '{"@id": "http://localhost:8000/types/1/"}') {
+ //Actually selecting the option if it is the good one
+ option_hidden.setAttribute("selected", "selected");
+ select_hidden.setAttribute("value", option_hidden.value);
+ }
+ }
+ //Trigerring a reload of the associated form
+ let parent_form = select_hidden.closest("sib-form");
+ parent_form.component.inputChange();
+ refreshPagination();
+ });
+ });
+ },
+ 3000
+ );
+ });
+}
+
/**
* Manage the report broken links hidden form
*/
@@ -288,6 +325,24 @@ function manageLogoutButton() {
}
}
+/**
+ * Initi the custom form file behaviour
+ * Todo : we can improve the performance adding param to reduce the loop
+ */
+function initFileUpload(){
+ var previewImage = document.querySelectorAll(
+ "sib-form-file input[name='preview_image']+input"
+ );
+ var previewlabel = document.querySelectorAll("sib-form-file div");
+ for (let item of previewlabel) {
+ item.innerHTML = "Upload a file";
+ }
+
+ for (let item of previewImage) {
+ item.addEventListener("change", loadFile);
+ }
+}
+
/**
* For entrepreneur dashboard only :
* As we cannot have multiple imbricated filtering with the native sib-display, we manage it manually.
@@ -476,6 +531,9 @@ jQuery(document).ready(function($) {
//Refresh pagination
refreshPagination();
+ //init the fitering by step
+ // InitManagementForType();
+
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
@@ -495,20 +553,24 @@ jQuery(document).ready(function($) {
refreshList("improvement-dialog-form", "pending-resources");
refreshList("entrepreneur_profile_creation", "entrepreneur_info");
refreshList("entrepreneur_profile_creation", "entrepreneur_contact");
- refreshList("entrepreneur_profile_creation", "user-account-picture");
+ refreshList("entrepreneur_profile_creation", "entrepreneur-account-picture");
refreshList("mentor_profile_creation", "mentor_info");
refreshList("mentor_profile_creation", "mentor_complementary");
refreshList("mentor_profile_creation", "mentor_contact");
- refreshList("mentor_profile_creation", "user-account-picture");
+ refreshList("mentor_profile_creation", "mentor-account-picture");
refreshList("entrepreneur_profile_edition", "entrepreneur_info");
refreshList("entrepreneur_profile_edition", "entrepreneur_contact");
- refreshList("entrepreneur_profile_edition", "user-account-picture");
+ refreshList("entrepreneur_profile_edition", "entrepreneur-account-picture");
refreshList("mentor_profile_edition", "mentor_info");
refreshList("mentor_profile_edition", "mentor_complementary");
refreshList("mentor_profile_edition", "mentor_contact");
- refreshList("mentor_profile_edition", "user-account-picture");
+ refreshList("mentor_profile_edition", "mentor-account-picture");
refreshList("change_status_request", "request-list");
+ addProperFilterToSearchComponents("entrepreneur-resource-list");
+ addProperFilterToSearchComponents("mentor-database");
+ addProperFilterToSearchComponents("public-resource-list");
+
var header_dropdown = $(".dropdownWrapper"),
drop_choices = header_dropdown.find(".dropdownLabel");
@@ -540,17 +602,8 @@ jQuery(document).ready(function($) {
fillReportBrokenLinkForm(event, userWhoSubmitReport, formBrokenLink);
});
- var previewImage = document.querySelectorAll(
- "sib-form-file input[name='preview_image']+input"
- );
- var previewlabel = document.querySelectorAll("sib-form-file div");
- for (let item of previewlabel) {
- item.innerHTML = "Upload a file";
- }
-
- for (let item of previewImage) {
- item.addEventListener("change", loadFile);
- }
+ //Init the form file behaviour
+ initFileUpload()
//Manage the accordion in request mentor dashboard.
manageAccordionForRequest()
@@ -596,11 +649,11 @@ jQuery(document).ready(function($) {
window.setTimeout(() => {
//Manage accordion by step
manageAccordionByStep();
- refreshPagination();
- }, 2000);
- //In the entrepreneur dashboard, we set data from the display form to the hidden ones.
- addProperFilterToSearchComponents("entrepreneur-resource-list");
- addProperFilterToSearchComponents("mentor-database");
- addProperFilterToSearchComponents("public-resource-list");
+ //Init the form file behaviour
+ initFileUpload();
+
+ //Correct the native default of pagination
+ refreshPagination();
+ }, 3000);
});
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 665ec505d677955d8eccdd35835c106315bb59fa..ba9c64ae2b0cf6c2289158cfcc42ffcbc3475715 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -34,7 +34,7 @@ time, mark, audio, video {
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
+footer, header, hgroup, menu, nav, section, container {
display: block;
}
body {
@@ -227,7 +227,8 @@ body{
}
.button_base, input[type="submit"], #mentor-resource-detail a, #entrepreneur-resource-detail a,
-#mentor-resource-validate a, .sib-conversation form input[type="submit"]{
+#mentor-resource-validate a, .sib-conversation form input[type="submit"],
+#public-resource-detail a{
transition: all .3s ease-in-out;
background-color: var(--bg-btn-base);
color: var(--bg-block);
@@ -243,7 +244,7 @@ body{
cursor: pointer;
}
.button_base:hover, input[type="submit"]:hover, #mentor-resource-detail a:hover, #mentor-resource-validate a:hover,
-#entrepreneur-resource-detail a:hover,.sib-conversation form input[type="submit"]:hover{
+#entrepreneur-resource-detail a:hover,.sib-conversation form input[type="submit"]:hover, #public-resource-detail a:hover{
background-color: var(--bg-block);
color: var(--bg-btn-base);
}
@@ -345,10 +346,96 @@ p{
.bold{
font-weight: bold;
}
+/* pagination */
+.step nav{
+ display: flex;
+ justify-content: center;
+ padding-top: 1rem;
+ width: auto;
+}
+.step nav button+button{
+ order:3;
+}
+.step nav button+button:after{
+ content: "\f061";
+}
+.step nav button:after{
+ font-family: "Font Awesome 5 pro";
+ content: "\f060";
+ font-weight: 900;
+ position : absolute;
+ display: block;
+ width: 2rem;
+ height: 2rem;
+ right: 1.4rem;
+ top: 0.5rem;
+ font-size: 1.7rem;
+ font-weight: bold;
+ color: #7A8789;
+ cursor: pointer;
+ transition: all .3s ease-in;
+}
+.step nav button:hover:after{
+ color: var(--bg-btn-base);
+}
+.step nav button{
+ position: relative;
+ border: none;
+ background: none;
+ color: white;
+}
+.step nav button[disabled]{
+ opacity: .35;
+}
+.step nav button[disabled]:after,
+.step nav button[disabled]:hover:after{
+ cursor: default;
+ color: #7A8789;
+}
+.step nav>span{
+ order: 2;
+ font-family: "var(--typo-btn)";
+ color: white;
+ font-size: 1rem;
+ font-weight: bold;
+ padding:1rem .5rem 1rem .5rem;
+ border-radius: 50%;
+ background: var(--bg-btn-base);
+ margin: 0 2rem;
+ position: relative;
+ right: 1rem;
+}
+/* fleche accordion */
+
+.step .accordion>div{
+ position: relative;
+}
+.step>.accordion>div:after{
+ font-family: "Font Awesome 5 pro";
+ content: "\f078";
+ font-weight: 900;
+ position : absolute;
+ display: block;
+ width: 1.5rem;
+ height: 1.5rem;
+ right: 1.4rem;
+ top: 0rem;
+ transform-origin: .7rem .7rem;
+ transform: rotate(0);
+ transition: .2s all ease-in;
+ cursor: pointer;
+}
+.step>.accordion>div:hover:after{
+ color: var(--bg-btn-base);
+}
+.step .accordion.active>div:after{
+ transform: rotate(180deg);
+}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXX ICONES XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
-.ico_gauche, #mentor-resource-detail a, #mentor-resource-validate a, #entrepreneur-resource-detail a, #entrepreneur-resource-list cs-display-property[name="name"] p{
+.ico_gauche, #mentor-resource-detail a, #mentor-resource-validate a, #entrepreneur-resource-detail a, #entrepreneur-resource-list cs-display-property[name="name"] p,
+#public-resource-detail a{
padding-left: 3.5rem;
position: relative;
}
@@ -357,7 +444,7 @@ p{
position: relative;
}
-.ico_gauche:before,ico_droite:before, #mentor-resource-detail a:before, #mentor-resource-validate a:before, #entrepreneur-resource-detail a:before,#entrepreneur-resource-list cs-display-property[name="name"] p:before, #confirm_suppress button:before{
+.ico_gauche:before,ico_droite:before, #mentor-resource-detail a:before, #mentor-resource-validate a:before, #entrepreneur-resource-detail a:before,#entrepreneur-resource-list cs-display-property[name="name"] p:before, #confirm_suppress button:before, header span:before, #public-resource-detail cs-display-link[label="Link to resource"] a:before{
font-family: "Font Awesome 5 pro";
font-weight: 900;
position : absolute;
@@ -378,10 +465,14 @@ ico_droite:before{
.ico_database:before{
content:"\f1c0";
}
-.ico_search:before{
+header .ico_search:before{
content: "\f002";
+ font-size: 1.3rem;
+ color: #282828;
+ left: 75%;
+ top: 33%;
}
-#mentor-resource-detail a:before, #mentor-resource-validate a:before, #entrepreneur-resource-detail a:before{ /* ico link to ressource dans détail ressources*/
+#mentor-resource-detail a:before, #mentor-resource-validate a:before, #entrepreneur-resource-detail a:before,#public-resource-detail a:before{ /* ico link to ressource dans détail ressources*/
content:"\f0c1";
}
.ico_arrow:before{
@@ -401,6 +492,11 @@ ico_droite:before{
left: auto;
}
+.far.fa-play-circle{
+ margin-left: 2rem;
+ font-size: 1.5rem;
+}
+
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXx FIN ICONE XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* XXXXXXXXXXXXXXXXXXXXXXXX formulaires XXXXXXXXXXXXXXXXXXXXXX */
@@ -515,6 +611,7 @@ div#mentor-resource-validate cs-display-property[name="name"] p, div#entrepreneu
left: 0;
height: 100px;
opacity: 0;
+ cursor: pointer;
}
sib-form-label-text[name="iframe_link"] div{
@@ -625,6 +722,8 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
header#header{
background:var(--bg-block);
height: 10rem;
+ box-shadow: 0 2px 10px 0 rgba(0,0,0,0.14);
+ position: relative;
}
header#header img[alt="Coopstarter"] {
width: auto;
@@ -636,7 +735,7 @@ header#header img[alt="Coopstarter"] {
width: 3rem;
height: 3rem;
border-radius: 50%;
- background: blue;
+ background: white;
margin-right: 5rem;
}
header#header .avatar img, #mentor-resource-detail .avatar img, #mentor-resource-validate .avatar img, #entrepreneur-resource-detail .avatar img{
@@ -648,10 +747,14 @@ header select{
margin-right: 2rem;
border-radius: 50px;
}
-header input{
- width:14.5rem;
- margin-right: 2rem;
- border-radius: 50px;
+header span.ico_search{
+ padding-right: 0;
+ input{
+ width:14.5rem;
+ margin-right: 2rem;
+ border-radius: 50px;
+ padding-right: 3rem;
+ }
}
header#header sib-form-dropdown>label>div {
@@ -820,7 +923,7 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
}
#entrepreneur-resource-list container, #public-resource-list container, #mentor-database container{
- padding-top: 3.5rem;
+ padding-top: 3.5rem;display: block;
sib-form-placeholder-text[name="name_keyword"]{
float: left;
width: 76%;
@@ -897,12 +1000,15 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
}
div sib-display:nth-child(odd) div{
background: #F7F9FE;
+ cursor: pointer;
}
div sib-display:nth-child(even) div{
background: white;
+ cursor: pointer;
}
cs-steps-header p{
margin-bottom: 1.5rem;
+ color: var(--clr-roll-black);
b{
text-transform: uppercase;
}
@@ -910,7 +1016,9 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
}
}
-#entrepreneur-resource-list .step div div{
+#entrepreneur-resource-list .step div div,
+#public-resource-list .step div div,
+#mentor-database .step div div{
position: relative;
fake-like, fake-dislike{
position: absolute;
@@ -1085,7 +1193,7 @@ div .contenu_list p, div .contenu_list label{
font-size: 1.4rem;
float: left;
margin-right: 1rem;
-}
+}
sib-display-value,sib-multiple label,cs-resource-status div{
font-weight: bold;
@@ -1206,16 +1314,28 @@ sib-multiple label, cs-resource-status[name="review.status"]+*{
transform: rotate(0);
transition: .2s all ease-in;
}
- accordion-request-resource.active h2:after{
+ accordion-request-resource.active h2:hover:after{
+ color: var(--bg-btn-base);
+ }
+ accordion-request-resource.active h2:after
+ {
transform: rotate(180deg);
}
}
-.accordion:not(.active) + .panel sib-form + div{
- max-height: 0;
- overflow: hidden;
- transition: max-height 0.2s ease-out;
- }
+.accordion{
+ &:not(.active) + .panel sib-form + div {
+ overflow: hidden;
+ transition: max-height 0.2s ease-out;
+ max-height: 0;
+ }
+
+ &.active + .panel sib-form + div {
+ overflow: hidden;
+ transition: max-height 0.2s ease-out;
+ max-height: 1500px;
+ }
+}
/*XXXXXXXXXXXXXXXXXXXXX DETAIL RESSOURCES XXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.format_type p{
border-radius: 5px;
@@ -1263,6 +1383,7 @@ sib-set-default[name="submitter_info"]{
p{
font-size: 1.4rem;
margin-bottom: 1rem;
+ color: #3D424A;
}
}
/* XXXXXXXXXXXXXXXXXXXXXXXXX Modal XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
@@ -1333,7 +1454,8 @@ sib-set-default[name="submitter_info"]{
}
}
}
-#mentor-resource-detail, #entrepreneur-resource-detail, #mentor-resource-validate{
+
+#mentor-resource-detail, #entrepreneur-resource-detail, #mentor-resource-validate,#entrepreneur-request-create,#public-resource-detail{
border: none;
top: 0;
padding: 0;
@@ -1348,6 +1470,7 @@ sib-set-default[name="submitter_info"]{
}
}
+
h2.title_form{
margin-top: 3rem;
}
@@ -1378,6 +1501,8 @@ sib-set-default[name="submitter_info"]{
cs-display-step-property p{
color: #3D424A;
font-size: 1.6rem;
+ padding-right: 1rem;
+ margin-right: .5rem;
}
}
.like{
@@ -1412,8 +1537,30 @@ sib-set-default[name="submitter_info"]{
padding-top: 2rem;
}
}
-
-#mentor-resource-detail a, #mentor-resource-validate a, #entrepreneur-resource-detail a{
+ #entrepreneur-request-create h2.title_form,#public-resource-list cs-display-property[name="name"].title_form p{
+ font-family: 'var(--typo)';
+ font-size: 2.2rem;
+ color: #444C4D;
+ padding: 0 0 1.5rem 0;
+ margin: 0 0 2rem 0;
+ border-bottom: 1px solid #DBE2ED;
+ &+p{
+ width: 80%;
+ display: inline-block;
+ font-size: 1.6rem;
+ text-align: left;
+ vertical-align: top;
+ padding-top: .5rem;
+ margin-right: 2rem;
+ }
+ }
+ #entrepreneur-request-create form h2.title_form{
+ font-family: 'var(--typo-btn)';
+ font-size: 1.6rem;
+ color: #3D424A;
+ font-weight: bold;
+ }
+#mentor-resource-detail a, #mentor-resource-validate a, #entrepreneur-resource-detail a, #public-resource-detail a{
text-decoration: none;
display: inline-block;
margin: 0;
@@ -1588,26 +1735,252 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXX MEDIA QUERIES XXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
+@media screen and (max-width: 920px) {
+ /* Partie mentor */
+ #resources-history > div div{
+ flex-wrap: nowrap;
+ .button_base.button_pending{
+ margin-top: 0;
+ }
+ }
+}
+@media screen and (max-width: 920px) {
+ /* Partie mentor */
+ .tablink{
+ font-size: 1.5rem;
+ }
+}
+@media screen and (max-width: 800px) {
+ /* Partie entrepreneur */
+ .container_min{
+ width: 100%;
+ }
+ .block_aside_entre{
+ display: none;
+ }
+ .block_list .w_75{
+ width: 100%;
+ }
+ input, textarea, select, form .ss-main .ss-multi-selected{
+ height: 4.6rem;
+ }
+ #entrepreneur-resource-list container .keyword_submit div, #public-resource-list container .keyword_submit div, #mentor-database container .keyword_submit div{
+ top:-5rem;
+ }
+ .button_base, input[type="submit"]{
+ padding: 1.8rem 0.9rem 1.8rem 0.9rem;
+ }
+ #mentor-resource-detail a, #entrepreneur-resource-detail a, #mentor-resource-validate a, #public-resource-detail a{
+ padding: 1.8rem 0.9rem 1.8rem 2.9rem;
+ }
+ .ico_gauche:before, ico_droite:before, #mentor-resource-detail a:before, #mentor-resource-validate a:before, #entrepreneur-resource-detail a:before, #entrepreneur-resource-list cs-display-property[name="name"] p:before, #confirm_suppress button:before, header span:before, #public-resource-detail cs-display-link[label="Link to resource"] a:before {
+ left: 1rem;
+ top: 1.7rem;
+ }
+ #mentor-resource-detail .broken sib-link, #entrepreneur-resource-detail .broken sib-link, #mentor-resource-validate .broken sib-link, #entrepreneur-request-create .broken sib-link, #public-resource-detail .broken sib-link {
+ margin: 2rem 0 0 3rem;
+ }
+ #mentor-resource-detail, #entrepreneur-resource-detail, #mentor-resource-validate, #entrepreneur-request-create, #public-resource-detail{
+ padding: 1rem 1rem 30% 1rem;
+ }
+ #entrepreneur-resource-detail sib-set-default[name="content"],
+ #mentor-resource-detail sib-set-default[name="content"],
+ #public-resource-detail sib-set-default[name="content"]{
+ width: 100%;
+ }
+ #entrepreneur-account .button__actions, #mentor-account .button__actions{
+ width: 100%;
+ text-align: center;
+ &>div{
+ display: inline-block;
+ }
+ &>div:first-child div{
+ padding: 1.8rem 0.9rem 1.8rem 2.9rem;
+ }
+ &+.profile_information{
+ margin: 1rem;
+ .button_edit{
+ right: -.5rem;
+ }
+ }
+ }
+ .format_type p,#mentor-database container .step cs-display-resource-property[name="format.name"] p,#entrepreneur-resource-list container .step cs-display-resource-property[name="format.name"] p, #public-resource-list container .step cs-display-resource-property[name="format.name"] p, #mentor-database container .step cs-display-resource-property[name="format.name"] p{
+ padding: 1.5rem;
+ }
+/* Partie mentor */
+ .button__actions .resources__newresource .button_base,
+ #mentor-resource-list .button__actions .dashboard__database .button_base,
+ #confirm_suppress button, .ico_database {
+ padding: 1.8rem 0.9rem 1.8rem 2.9rem;
+ }
+ #confirm_suppress > div, #confirm_status_change > div, #resource-validation-process > div, #resource-validation-process-confirmation > div {
+ margin-top: 5%;
+ }
+/* Partie public */
+ #public-resource-list container .step cs-display-resource-property[name="format.name"] p{
+ padding: 1.5rem;
+ }
+ #entrepreneur-resource-list .step div div fake-dislike, #public-resource-list .step div div fake-dislike, #mentor-database .step div div fake-dislike{
+ right: 25%;
+ }
+ #entrepreneur-resource-list .step div div fake-like, #public-resource-list .step div div fake-like, #mentor-database .step div div fake-like{
+ right: 30%;
+ }
+ #entrepreneur-resource-list cs-display-property[name="name"] p:before{
+ top: 0;
+ left: 0;
+ }
+ #resource-validation-process div, #resource-validation-process-confirmation div{
+ background-image: none;
+ figure{
+ width: 80%;
+ margin: 1.5rem;
+ position: relative;
+ }
+ figure:nth-last-child(-n+2):before{
+ content: "or";
+ position: absolute;
+ top: -2rem;
+ right: 45%;
+ font-weight: bold;
+ font-family: 'var(--typo-btn)';
+ font-size: 2rem;
+ color: var(--bg-btn-base);
+ }
+ }
+}
+
@media screen and (max-width: 750px) {
.block_log {
padding:var(--marge-base-750);
}
}
-[hidden] {
- display: none !important;
-}
-
b, strong {
font-weight: bolder;
}
-/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-XXXXXXXXX Little tricks for 04/10 Démonstration XXXXXXXXXXXX
-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
-fake-like,
-fake-dislike {
- display: none;
+@media screen and (max-width: 660px) {
+ header#header{
+ height: auto;
+ padding-bottom: 2rem;
+ }
+ .container_min+.block_list .button__actions:not(.keyword_submit){
+ display: flex;
+ justify-content: space-between;
+ width: 100%;
+ flex-wrap: wrap;
+ }
+ header>div>.flex{
+ flex-direction: column;
+ flex-wrap: nowrap;
+ .flex{
+ width: 90%;
+ margin: 0 auto;
+ figure{
+ margin: 0;
+ }
+
+ }
+ .logo_head {
+ margin: 2rem;
+ }
+ }
+ #mentor-account .resources__newresource sib-link>div:first-child{
+ padding: 0;
+ }
+ #mentor-account .button__actions > div{
+ width: 50%;
+ }
+ sib-form-label-text, sib-multiple-select, sib-form-dropdown, sib-form-auto-completion, sib-form-number{
+ width: 100%;
+ }
+ .input_photo{
+ margin: 1rem;
+ }
+ sib-set-default[name="specifications"]{
+ flex-direction: column;
+ }
+ sib-set-default[name="specifications"] > cs-display-resource-property, sib-set-default[name="specifications"] > sib-multiple{
+ width: 100%;
+ }
+ #confirm_suppress > div{
+ width: 80%;
+ }
+ #entrepreneur-resource-list .step div div fake-dislike, #public-resource-list .step div div fake-dislike, #mentor-database .step div div fake-dislike{
+ top: 8.7rem;
+ right: 5%;
+ }
+ #entrepreneur-resource-list .step div div fake-like, #public-resource-list .step div div fake-like, #mentor-database .step div div fake-like{
+ right: 15%;
+ top: 8.7rem;
+ }
+ #entrepreneur-resource-list container .step cs-display-resource-property[name="format.name"], #public-resource-list container .step cs-display-resource-property[name="format.name"], #mentor-database container .step cs-display-resource-property[name="format.name"]{
+ margin-bottom: 2rem;
+ }
+ #mentor-resource-detail .like, #entrepreneur-resource-detail .like, #mentor-resource-validate .like, #entrepreneur-request-create .like, #public-resource-detail .like{
+ position: absolute;
+ right: 9px;
+ top: 10px;
+ }
+
+ /* onglet mentor dashboard */
+ #mentor-resource-list .tabs .tablink h2{
+ width: 100%;
+ font-size: .000001rem;
+ color: #f5f6fa;
+ height: 3rem;
+ }
+ #mentor-resource-list .tabs .tablink:after{
+ font-family: "Font Awesome 5 pro";
+ font-weight: 900;
+ content:"\f271";
+ position : absolute;
+ display: block;
+ font-size: 3rem;
+ left: 50%;
+ top: -1.7rem;
+ }
+ #mentor-resource-list .tablink+div>div{
+ position:relative;
+ }
+ #mentor-resource-list .tabs .tablink.active+.tablink+.tablink+div div:before{
+ content: "Resources requesting validation";
+ position: absolute;
+ font-family: 'var(--typo-btn)';
+ top: -5px;
+ left: 0;
+ font-size: 1.4rem;
+ }
+ #mentor-resource-list .tabs .tablink.active+.tablink+div #requests:before{
+ content: "Requested resources";
+ position: absolute;
+ font-family: 'var(--typo-btn)';
+ top: -5px;
+ left: 40%;
+ font-size: 1.4rem;
+ }
+ #mentor-resource-list .tabs .tablink.active+div #history:before{
+ content: "History of your resources";
+ position: absolute;
+ font-family: 'var(--typo-btn)';
+ top: -5px;
+ right: -8px;
+ font-size: 1.4rem;
+ }
+ #mentor-resource-list .tabs div:nth-child(2):after{
+ content:"\f274";
+ }
+ #mentor-resource-list .tabs div:nth-child(3):after{
+ content:"\f073";
+ }
+ #mentor-resource-list .tabs div.active:after{
+ content:"";
+ }
}
+
+
+[hidden] {
+ display: none !important;
+}
\ No newline at end of file