diff --git a/app/org_eleicoes/votepeloclima/candidature/static/js/carousel-icons.js b/app/org_eleicoes/votepeloclima/candidature/static/js/carousel-icons.js new file mode 100644 index 00000000..d2a82b0b --- /dev/null +++ b/app/org_eleicoes/votepeloclima/candidature/static/js/carousel-icons.js @@ -0,0 +1,62 @@ +document.addEventListener("DOMContentLoaded", function () { + const items = [ + { icon: "ds-icon-compromisso-laranja-1", text: "Políticas de adaptação das cidades para reduzir tragédias" }, + { icon: "ds-icon-compromisso-laranja-2", text: "Políticas para redução de emissões e transição energética" }, + { icon: "ds-icon-compromisso-laranja-3", text: "Políticas sociais de apoio às populações atingidas" }, + { icon: "ds-icon-compromisso-laranja-4", text: "Transição climática com justiça social, racial e de gênero" }, + { icon: "ds-icon-compromisso-laranja-5", text: "Proteção ambiental e de recursos naturais" }, + { icon: "ds-icon-compromisso-laranja-6", text: "Incentivo à participação popular e ao engajamento da juventude" }, + { icon: "ds-icon-compromisso-laranja-7", text: "Investimentos em pesquisa e inovação para enfrentar a crise climática" }, + { icon: "ds-icon-compromisso-laranja-8", text: "Valorização de saberes tradicionais e tecnologias sociais na busca de soluções" }, + ]; + + const carouselInner = document.querySelector(".carousel-inner"); + const carouselIndicators = document.querySelector(".carousel-indicators"); + + function createSlides(itemsPerSlide) { + carouselInner.innerHTML = ""; + carouselIndicators.innerHTML = ""; + + for (let i = 0; i < items.length; i += itemsPerSlide) { + const slide = document.createElement("div"); + slide.className = "carousel-item" + (i === 0 ? " active" : ""); + + const container = document.createElement("div"); + container.className = "d-flex justify-content-center"; + + for (let j = i; j < i + itemsPerSlide && j < items.length; j++) { + const col = document.createElement("div"); + col.className = "d-flex flex-column align-items-center text-center"; + col.innerHTML = ` + +
${items[j].text}
+ `; + container.appendChild(col); + } + + slide.appendChild(container); + carouselInner.appendChild(slide); + + // Cria indicadores + const indicator = document.createElement("button"); + indicator.type = "button"; + indicator.setAttribute("data-bs-target", "#carouselControls"); + indicator.setAttribute("data-bs-slide-to", (i / itemsPerSlide).toString()); + if (i === 0) indicator.className = "active"; + carouselIndicators.appendChild(indicator); + } + } + + // Inicializa o carousel com base na largura da tela + function initializeCarousel() { + const itemsPerSlide = window.innerWidth < 992 ? 1 : 4; + createSlides(itemsPerSlide); + } + + initializeCarousel(); + + // Reajusta o número de itens por slide + window.addEventListener("resize", function () { + initializeCarousel(); + }); +}); \ No newline at end of file diff --git a/app/org_eleicoes/votepeloclima/candidature/templates/candidature/candidate_profile.html b/app/org_eleicoes/votepeloclima/candidature/templates/candidature/candidate_profile.html index 88d470ac..c16b6c54 100644 --- a/app/org_eleicoes/votepeloclima/candidature/templates/candidature/candidate_profile.html +++ b/app/org_eleicoes/votepeloclima/candidature/templates/candidature/candidate_profile.html @@ -106,49 +106,15 @@*As organizações da plataforma não se comprometem com a efetividade e execução dos compromissos firmados. O controle social e a participação ativa da cidadania são fundamentais para que parlamentares e gestores públicos cumpram suas promessas.