diff --git a/src/includes/entrepreneur/resources/list.pug b/src/includes/entrepreneur/resources/list.pug index 7b8b01611e51f897e486c881053a30958a0b8999..e65292ab29768b5d4150f06161161685e29f917c 100644 --- a/src/includes/entrepreneur/resources/list.pug +++ b/src/includes/entrepreneur/resources/list.pug @@ -10,382 +10,383 @@ div.container_min //I'm waiting for a confirmation to suppress step field -container.block_list.flex.flex_espace - div.w_75.block-g-entre - div - h2.title_form Search for a resource - 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, description, author)' - label-keyword="Search by author, name..." - widget-keyword="sib-form-placeholder-text" +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-form.search-by-keyword( + data-src=`${endpoints.resources}`, + loader-id="resources-loader" + fields='keyword(name_keyword, description, author)' + label-keyword="Search by author, name..." + widget-keyword="sib-form-placeholder-text" + + widget-description='cs-display-property' + widget-name_keyword='cs-display-property' + widget-author='cs-display-property' - widget-description='cs-display-property' - widget-name_keyword='cs-display-property' - widget-author='cs-display-property' + naked + ) - naked - ) + div.keyword_submit.button__actions + div.button_base.ico_gauche Search - div.keyword_submit.button__actions - div.button_base.ico_gauche Search - - sib-form.instance_database_only( + 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='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}` - - 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' - ) + 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' - div(class='tablink filter_by_type', onclick="openFakeTab(this)") - sib-display#type2( - data-src=`${endpoints.types}2/` - fields='name' - widget-name='fake-tabs' + range-language=`${endpoints.languages}` + range-fields=`${endpoints.fields}` + range-format=`${endpoints.formats}` + + 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.block_log.block_list - - //Step 1 - div.step - div#step1-loader - hidden Loading the resources, please wait... + 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#circles-list( - loader-id="resources-loader" - 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( - loader-id="step1-loader" - data-src=`${endpoints.steps}1/resources/`, - fields='name, format, publication_year, description, like, dislike', - search-fields='search_for_a_resource(name, description, author), 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-search_for_a_resource="hidden-widget" - search-widget-more_criterias_hidden="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='cs-display-property' - 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='cs-display-multiple-property' - widget-like='fake-like' - widget-dislike='fake-dislike' - label-format='' - multiple-format - 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/`, + //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' - class="accordion" - - label-name ='Step 2 ' - label-resources='' - - widget-name='cs-steps-header' - ) - - sib-display.resource_by_step( - data-src=`${endpoints.steps}2/resources/`, - fields='name, format, publication_year, description, like, dislike', - search-fields='search_for_a_resource(name, description, author), 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-search_for_a_resource="hidden-widget" - search-widget-more_criterias_hidden="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='cs-display-property' - 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='cs-display-multiple-property' - widget-like='fake-like' - widget-dislike='fake-dislike' - label-format='' - multiple-format - label-language='' - multiple-language - label-fields='' - multiple-fields - class="panel" - next='entrepreneur-resource-detail' - - paginate-by="5" + widget-name='fake-tabs' ) - //Step 3 - div.step - sib-display#circles-list( - data-src=`${endpoints.steps}3/`, + div(class='tablink filter_by_type', onclick="openFakeTab(this)") + sib-display#type2( + data-src=`${endpoints.types}2/` 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/`, - fields='name, format, publication_year, description, like, dislike', - search-fields='search_for_a_resource(name, description, author), 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-search_for_a_resource="hidden-widget" - search-widget-more_criterias_hidden="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='cs-display-property' - 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='cs-display-multiple-property' - widget-like='fake-like' - widget-dislike='fake-dislike' - label-format='' - multiple-format - label-language='' - multiple-language - label-fields='' - multiple-fields - class="panel" - next='entrepreneur-resource-detail' - - paginate-by="5" + widget-name='fake-tabs' ) - //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/`, - fields='name, format, publication_year, description, like, dislike', - search-fields='search_for_a_resource(name, description, author), 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-search_for_a_resource="hidden-widget" - search-widget-more_criterias_hidden="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='cs-display-property' - 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='cs-display-multiple-property' - widget-like='fake-like' - widget-dislike='fake-dislike' - label-format='' - multiple-format - label-language='' - multiple-language - label-fields='' - multiple-fields - class="panel" - next='entrepreneur-resource-detail' - - paginate-by="5" - ) + div.block_log.block_list + + //Step 1 + div.step + div#step1-loader + hidden Loading the resources, please wait... + + + sib-display#circles-list( + loader-id="resources-loader" + 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( + loader-id="step1-loader" + data-src=`${endpoints.steps}1/resources/`, + fields='name, format, publication_year, description, like, dislike', + search-fields='search_for_a_resource(name, description, author), 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-search_for_a_resource="hidden-widget" + search-widget-more_criterias_hidden="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='cs-display-property' + 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='cs-display-multiple-property' + widget-like='fake-like' + widget-dislike='fake-dislike' + label-format='' + multiple-format + 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/`, + fields='name, format, publication_year, description, like, dislike', + search-fields='search_for_a_resource(name, description, author), 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-search_for_a_resource="hidden-widget" + search-widget-more_criterias_hidden="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='cs-display-property' + 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='cs-display-multiple-property' + widget-like='fake-like' + widget-dislike='fake-dislike' + label-format='' + multiple-format + label-language='' + multiple-language + label-fields='' + multiple-fields + class="panel" + next='entrepreneur-resource-detail' + + paginate-by="5" + ) + + //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/`, + fields='name, format, publication_year, description, like, dislike', + search-fields='search_for_a_resource(name, description, author), 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-search_for_a_resource="hidden-widget" + search-widget-more_criterias_hidden="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='cs-display-property' + 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='cs-display-multiple-property' + widget-like='fake-like' + widget-dislike='fake-dislike' + label-format='' + multiple-format + label-language='' + multiple-language + label-fields='' + multiple-fields + class="panel" + next='entrepreneur-resource-detail' + + paginate-by="5" + ) + + //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/`, + fields='name, format, publication_year, description, like, dislike', + search-fields='search_for_a_resource(name, description, author), 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-search_for_a_resource="hidden-widget" + search-widget-more_criterias_hidden="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='cs-display-property' + 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='cs-display-multiple-property' + widget-like='fake-like' + widget-dislike='fake-dislike' + label-format='' + multiple-format + 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/`, + fields='name, format, publication_year, description, like, dislike', + search-fields='search_for_a_resource(name, description, author), 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-search_for_a_resource="hidden-widget" + search-widget-more_criterias_hidden="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='cs-display-property' + 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='cs-display-multiple-property' + widget-like='fake-like' + widget-dislike='fake-dislike' + label-format='' + multiple-format + 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/`, - fields='name, format, publication_year, description, like, dislike', - search-fields='search_for_a_resource(name, description, author), 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-search_for_a_resource="hidden-widget" - search-widget-more_criterias_hidden="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='cs-display-property' - 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='cs-display-multiple-property' - widget-like='fake-like' - widget-dislike='fake-dislike' - label-format='' - multiple-format - label-language='' - multiple-language - label-fields='' - multiple-fields - class="panel" - next='entrepreneur-resource-detail' - - paginate-by="5" - ) - diff --git a/src/includes/mentor/validation-process.pug b/src/includes/mentor/validation-process.pug index af3fa37a9c68d61eec8a2177c98fcf9b42453410..cb13241e26c1d4391435a50f20c2a62129140a05 100644 --- a/src/includes/mentor/validation-process.pug +++ b/src/includes/mentor/validation-process.pug @@ -1,8 +1,7 @@ div.block_log.block_creat_count.no_shadow sib-link(class="backlink", next="mentor-resource-list") - .like - p.backlink - 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/styles/index.scss b/src/styles/index.scss index 80bcd07eb679979feea94aa0a58e0bd67a06d819..24d9f65690d51e18b9ba2ad8f13ef64645e27ec4 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 { @@ -1199,11 +1199,19 @@ sib-multiple label, cs-resource-status[name="review.status"]+*{ } } -.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;