From 4eed37e5c923476dcecd3a6492fd2a2d27be6d84 Mon Sep 17 00:00:00 2001
From: Alice <alice.poggioli@hotmail.fr>
Date: Fri, 20 Sep 2019 09:17:32 +0200
Subject: [PATCH] Feature: set accordion structure in entrepreneur dashboard.
---
src/includes/entrepreneur/resources/list.pug | 15 +++++++++++++++
src/scripts/coopstarter.js | 17 +++++++++++++++++
src/styles/index.scss | 4 ++--
3 files changed, 34 insertions(+), 2 deletions(-)
diff --git a/src/includes/entrepreneur/resources/list.pug b/src/includes/entrepreneur/resources/list.pug
index f6470fc5..abb510a4 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 910ba261..aa7f5e08 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 4681eb3a..5cb9225b 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";
--
GitLab