diff --git a/src/scripts/coopstarter.js b/src/scripts/coopstarter.js index 22cb7d2e0bd544d5ec20ae29c472f5b17f381e07..92ff5ec46477ce25a80a25883295a2dc840da184 100644 --- a/src/scripts/coopstarter.js +++ b/src/scripts/coopstarter.js @@ -153,6 +153,70 @@ function selectHiddenManagementForType(tab, form) { } } +//Manage the accordion for step in entrepreneur dashboard +function manageAccordionByStep(){ + var acc = document.getElementsByClassName("accordion"); + var i; + + for (i = 0; i < acc.length; i++) { + acc[i].addEventListener("click", function() { + this.classList.toggle("active"); + this.closest(".step").querySelector('nav').removeAttribute("hidden"); + refreshPagination() + + var panel = this.nextElementSibling.querySelector("sib-form + div"); + + if (panel.style.maxHeight) { + panel.style.maxHeight = null; + } else { + panel.style.maxHeight = panel.scrollHeight + "px"; + } + + }); + } +} + +//Manage the accordion for requested resources in the mentor dashboard +function manageAccordionForRequest(){ + var accRequest = document.querySelectorAll( + "#requests accordion-request-resource" + ); + + for (let i = 0; i < accRequest.length; i++) { + accRequest[i].addEventListener("click", function() { + /* Toggle between adding and removing the "active" class, + to highlight the button that controls the panel */ + this.classList.toggle("active"); + + /* Toggle between hiding and showing the active panel */ + var panelRequest = this.nextElementSibling; + if (panelRequest.style.maxHeight) { + panelRequest.style.maxHeight = null; + } else { + panelRequest.style.maxHeight = panelRequest.scrollHeight + "px"; + } + }); + } +} + +//Manage the action of the logout button +function manageLogoutButton(){ + const logoutButtons = document.getElementsByClassName("logout-button"); + for (var i = 0; i < logoutButtons.length; i++) { + logoutButtons[i].addEventListener("click", function() { + window.dispatchEvent( + new CustomEvent("requestNavigation", { + detail: { route: "splash-index" } + }) + ); + document.querySelector("sib-auth").logout(); + setTimeout(function() { + location.reload(); + }, 1000); + }); + } +} + function addProperFilterToSearchComponents(targetId) { var baseElement = document.getElementById(targetId); var forms = baseElement.querySelectorAll(".resource_by_step"); @@ -319,7 +383,10 @@ function addProperFilterToSearchComponents(targetId) { }); }); } - +/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX +XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX +XXXXXXXXXXXXXXXXXXXXXXXXXXXX ON LOAD XXXXXXXXXXXXXXXXXXXXXXX +XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ jQuery(document).ready(function($) { //Refresh pagination refreshPagination(); @@ -367,22 +434,12 @@ jQuery(document).ready(function($) { } //Manage the logout action - const logoutButtons = document.getElementsByClassName("logout-button"); - for (var i = 0; i < logoutButtons.length; i++) { - logoutButtons[i].addEventListener("click", function() { - window.dispatchEvent( - new CustomEvent("requestNavigation", { - detail: { route: "splash-index" } - }) - ); - document.querySelector("sib-auth").logout(); - setTimeout(function() { - location.reload(); - }, 1000); - }); - } + manageLogoutButton() - //MENTOR DASHBOARD************************************************************* +/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX +XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX +XXXXXXXXXXXXXXXXXXXXXX MENTOR DASHBOARD XXXXXXXXXXXXXXXXXXXX +XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ window.setTimeout(() => { var forms = document.querySelectorAll("sib-form"); forms.forEach(form => { @@ -403,25 +460,7 @@ jQuery(document).ready(function($) { }); //Manage the accordion in request mentor dashboard. - var accRequest = document.querySelectorAll( - "#requests accordion-request-resource" - ); - - for (let i = 0; i < accRequest.length; i++) { - accRequest[i].addEventListener("click", function() { - /* Toggle between adding and removing the "active" class, - to highlight the button that controls the panel */ - this.classList.toggle("active"); - - /* Toggle between hiding and showing the active panel */ - var panelRequest = this.nextElementSibling; - if (panelRequest.style.maxHeight) { - panelRequest.style.maxHeight = null; - } else { - panelRequest.style.maxHeight = panelRequest.scrollHeight + "px"; - } - }); - } + manageAccordionForRequest() //Refresh data list on delete resources const deleteButton = document.querySelectorAll("sib-delete"); @@ -449,31 +488,16 @@ jQuery(document).ready(function($) { }); }, 2000); - //ENTREPRENEUR DASHBOARD************************************************************* +/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX +XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX +XXXXXXXXXXXXXXXX ENTREPRENEUR DASHBOARD XXXXXXXXXXXXXXXXXXXX +XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ window.setTimeout(() => { - //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"); - this.closest(".step").querySelector('nav').removeAttribute("hidden"); - refreshPagination() - - var panel = this.nextElementSibling.querySelector("sib-form + div"); - - if (panel.style.maxHeight) { - panel.style.maxHeight = null; - } else { - panel.style.maxHeight = panel.scrollHeight + "px"; - } - - }); - - } + //Manage accordion by step + manageAccordionByStep() refreshPagination() + }, 2000); //In the entrepreneur dashboard, we set data from the display form to the hidden ones.