feat: compteurs onglets dynamiques (JS) dans le portail production
This commit is contained in:
parent
73bc61947d
commit
eefb94a61d
30
index.html
30
index.html
|
|
@ -430,16 +430,34 @@
|
|||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
function switchTab(tabName, btn) {
|
||||
// Désactiver tous les onglets et panels
|
||||
document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
|
||||
document.querySelectorAll('.tab-panel').forEach(p => p.classList.remove('active'));
|
||||
|
||||
// Activer l'onglet cliqué
|
||||
|
||||
|
||||
<script>
|
||||
function updateTabCounts() {
|
||||
// Compter les app-card dans chaque panel et mettre à jour les badges
|
||||
document.querySelectorAll('.tab-btn').forEach(function(btn) {
|
||||
var onclick = btn.getAttribute('onclick') || '';
|
||||
var match = onclick.match(/switchTab\('(\w+)'/);
|
||||
if (!match) return;
|
||||
var panelId = 'panel-' + match[1];
|
||||
var panel = document.getElementById(panelId);
|
||||
if (!panel) return;
|
||||
var count = panel.querySelectorAll('.app-card').length;
|
||||
var badge = btn.querySelector('.tab-count');
|
||||
if (badge) badge.textContent = count;
|
||||
});
|
||||
}
|
||||
|
||||
function switchTab(tabName, btn) {
|
||||
document.querySelectorAll('.tab-btn').forEach(function(b) { b.classList.remove('active'); });
|
||||
document.querySelectorAll('.tab-panel').forEach(function(p) { p.classList.remove('active'); });
|
||||
btn.classList.add('active');
|
||||
document.getElementById('panel-' + tabName).classList.add('active');
|
||||
}
|
||||
|
||||
// Mise à jour au chargement
|
||||
document.addEventListener('DOMContentLoaded', updateTabCounts);
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
Loading…
Reference in New Issue