diff --git a/src/includes/entrepreneur/components/header.pug b/src/includes/entrepreneur/components/header.pug
index 5d66d6b93471ae85848e6c8bc393cecbe83daa10..30a3b8e757d50d7b803d451089f934335ceda341 100644
--- a/src/includes/entrepreneur/components/header.pug
+++ b/src/includes/entrepreneur/components/header.pug
@@ -7,16 +7,17 @@
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
+ )
+ span.ico_droite.ico_search
+ input
.dropdownWrapper
sib-display#entrepreneur-account-picture.dropdownLabel(
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/list.pug b/src/includes/entrepreneur/resources/list.pug
index 73f5a0eac262cd0049502e7296227a1d6c7477f2..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 003205f11b19c29234fb8a61d36203d9f93843bb..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
diff --git a/src/includes/mentor/components/header.pug b/src/includes/mentor/components/header.pug
index 7ea9889c09f5429d9a3c6965621f4e4dc3ffb812..38761065b762e943e2a27d980065bee569fc3f4a 100644
--- a/src/includes/mentor/components/header.pug
+++ b/src/includes/mentor/components/header.pug
@@ -7,16 +7,17 @@
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
+ )
+ span.ico_droite.ico_search
+ input
.dropdownWrapper
sib-display#mentor-account-picture.dropdownLabel(
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..f099ec965cac1bc7c9e658e5c33cbdf25bfecf33 100644
--- a/src/includes/public/components/header.pug
+++ b/src/includes/public/components/header.pug
@@ -7,13 +7,14 @@
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
+ )
+ span.ico_droite.ico_search
+ input
diff --git a/src/includes/public/resources/list.pug b/src/includes/public/resources/list.pug
index fe8eca5019afa050c8f8cbbe764a53ba2610af4e..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
diff --git a/src/scripts/coopstarter.js b/src/scripts/coopstarter.js
index 7ed2b0c97c242c6006dec18a0ddfb3d60ebf6776..0312cf457fad3984efc34ca292f5e3d7e70e53c7 100644
--- a/src/scripts/coopstarter.js
+++ b/src/scripts/coopstarter.js
@@ -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");
}
}
}
@@ -529,7 +532,7 @@ jQuery(document).ready(function($) {
refreshPagination();
//init the fitering by step
- InitManagementForType();
+ // InitManagementForType();
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 24d3f81b445f15714dafe2aacf83c6aa8a7d2258..7f4e98f4f9f66eebdf519e513c025a3a7027f7e7 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 {
@@ -777,7 +880,7 @@ figure+figure .img_log{
margin: 0;
}
-h2.title_create{
+h2.title_create,{
font-family: 'var(--typo)';
font-size: 2.2rem;
text-align: center;
@@ -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, #public-resource-detail{
+
+#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,6 +1735,120 @@ 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);
@@ -1602,12 +1863,123 @@ 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:"";
+ }
}
+}
\ No newline at end of file