diff --git a/src/includes/entrepreneur/resources/list.pug b/src/includes/entrepreneur/resources/list.pug index f6470fc5fb6e73225986bb1d60aa0465cbeddec1..abb510a449523fea03915755d77700139b9a6c78 100644 --- a/src/includes/entrepreneur/resources/list.pug +++ b/src/includes/entrepreneur/resources/list.pug @@ -102,6 +102,7 @@ container.block_list.flex.flex_espace loader-id="resources-loader" data-src=`${endpoints.steps}1/`, fields='name' + class="accordion" label-name ='Step 1 ' label-resources='' @@ -147,6 +148,8 @@ container.block_list.flex.flex_espace multiple-language label-fields='' multiple-fields + + class="panel" paginate-by="5" ) @@ -155,6 +158,7 @@ container.block_list.flex.flex_espace sib-display#circles-list( data-src=`${endpoints.steps}2/`, fields='name' + class="accordion" label-name ='Step 2 ' label-resources='' @@ -200,6 +204,8 @@ container.block_list.flex.flex_espace multiple-language label-fields='' multiple-fields + + class="panel" paginate-by="5" ) @@ -208,6 +214,7 @@ container.block_list.flex.flex_espace sib-display#circles-list( data-src=`${endpoints.steps}3/`, fields='name' + class="accordion" label-name ='Step 3 ' label-resources='' @@ -253,6 +260,8 @@ container.block_list.flex.flex_espace multiple-language label-fields='' multiple-fields + + class="panel" paginate-by="5" ) @@ -261,6 +270,7 @@ container.block_list.flex.flex_espace sib-display#circles-list( data-src=`${endpoints.steps}4/`, fields='name' + class="accordion" label-name ='Step 4 ' label-resources='' @@ -307,6 +317,8 @@ container.block_list.flex.flex_espace multiple-language label-fields='' multiple-fields + + class="panel" paginate-by="5" ) @@ -315,6 +327,7 @@ container.block_list.flex.flex_espace sib-display#circles-list( data-src=`${endpoints.steps}5/`, fields='name' + class="accordion" label-name ='Step 5 ' label-resources='' @@ -360,6 +373,8 @@ container.block_list.flex.flex_espace multiple-language label-fields='' multiple-fields + + class="panel" paginate-by="5" ) diff --git a/src/scripts/coopstarter.js b/src/scripts/coopstarter.js index 910ba261a72963e26e5326820a8c56c1e25526a8..aa7f5e0884b780611a1857e1d2598ce7b0ada027 100644 --- a/src/scripts/coopstarter.js +++ b/src/scripts/coopstarter.js @@ -169,6 +169,23 @@ jQuery(document).ready(function($) { } //ENTREPRENEUR DASHBOARD************************************************************* + + //Accordion by step + var acc = document.getElementsByClassName("accordion"); + var i; + + for (i = 0; i < acc.length; i++) { + acc[i].addEventListener("click", function() { + this.classList.toggle("active"); + var panel = this.nextElementSibling; + if (panel.style.display === "block") { + panel.style.display = "none"; + } else { + panel.style.display = "block"; + } + }); + } + //In the entrepreneur dashboard, we set data from the display form to the hidden ones. var forms = document.querySelectorAll(".resource_by_step"); diff --git a/src/styles/index.scss b/src/styles/index.scss index 4681eb3a6f034e582059e8f5427bd667e9aa054b..5cb9225b7ada919d62107362cadc9e4fcb443911 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -1,7 +1,7 @@ @charset "UTF-8"; -@import '../../node_modules/include-media/dist/include-media'; -@import '../../node_modules/normalize.css/normalize'; +@import "../../node_modules/include-media/dist/include-media"; +@import "../../node_modules/normalize.css/normalize"; @import "variables"; @import "header";