Glissez votre fichier CSV ici ou parcourez vos fichiers
Aucun fichier sélectionné
document.addEventListener('DOMContentLoaded', function () {
// Onglets
const tabs = document.querySelectorAll('.directory-tab');
const contents = document.querySelectorAll('.directory-tab-content');
function switchTab(tabId) {
// Gérer onglets
tabs.forEach(tab => {
tab.classList.toggle('active', tab.dataset.tab === tabId);
});
// Gérer contenus
contents.forEach(content => {
content.style.display = content.id === tabId ? 'block' : 'none';
});
}
// Écouteur sur les onglets
tabs.forEach(tab => {
tab.addEventListener('click', function () {
const tabId = this.dataset.tab;
switchTab(tabId);
// Si on clique sur "Ajout manuel" → réinitialiser à l'étape 1
if (tabId === 'manual-add') {
document.querySelectorAll('.formulaire_ajout_annuaire_section').forEach(el => el.style.display = 'none');
const step1 = document.querySelector('.form-step-1');
if (step1) step1.style.display = 'block';
document.querySelectorAll('.formulaire_etape').forEach(el => el.classList.remove('active'));
const indicator1 = document.querySelector('.formulaire_etape-1');
if (indicator1) indicator1.classList.add('active');
}
});
});
// Navigation étapes
document.querySelectorAll('.next-step').forEach(btn => {
btn.addEventListener('click', function () {
const next = btn.dataset.next;
document.querySelectorAll('.formulaire_ajout_annuaire_section').forEach(s => s.style.display = 'none');
document.querySelector(`.form-step-${next}`).style.display = 'block';
document.querySelectorAll('.formulaire_etape').forEach(e => e.classList.remove('active'));
document.querySelector(`.formulaire_etape-${next}`).classList.add('active');
});
});
document.querySelectorAll('.prev-step').forEach(btn => {
btn.addEventListener('click', function () {
const prev = btn.dataset.prev;
document.querySelectorAll('.formulaire_ajout_annuaire_section').forEach(s => s.style.display = 'none');
document.querySelector(`.form-step-${prev}`).style.display = 'block';
document.querySelectorAll('.formulaire_etape').forEach(e => e.classList.remove('active'));
document.querySelector(`.formulaire_etape-${prev}`).classList.add('active');
});
});
// Initialiser par défaut si JS désactivé ou erreur de style
switchTab('manual-add'); // Forcé à l'ouverture
});
.directory-tab {
display: inline-block;
padding: 10px 18px;
background: #eee;
margin-right: 10px;
border-radius: 20px;
cursor: pointer;
font-weight: 600;
}
.directory-tab.active {
background: #1a73e8;
color: white;
}
.directory-tab-content {
margin-top: 20px;
display: none;
}
.directory-tab-content.active {
display: block;
}
