Différences
Ci-dessous, les différences entre deux révisions de la page.
| Prochaine révision | Révision précédente | ||
| new [2026/06/15 07:58] – créée madum | new [2026/06/15 08:18] (Version actuelle) – madum | ||
|---|---|---|---|
| Ligne 1: | Ligne 1: | ||
| - | <!DOCTYPE | + | < |
| - | <html lang=" | + | |
| - | < | ||
| - | <meta charset=" | ||
| - | < | ||
| - | <link href=" | ||
| - | <script src=" | ||
| - | < | ||
| - | body { | ||
| - | padding-top: | ||
| - | transition: background-color 0.3s; | ||
| - | } | ||
| - | .card { | + | <link href=" |
| - | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); | + | <script src=" |
| - | } | + | |
| - | + | ||
| - | .btn-copy { | + | |
| - | font-size: 0.8em; | + | |
| - | margin-left: | + | |
| - | padding: 0px 5px; | + | |
| - | } | + | |
| - | + | ||
| - | .flash-msg { | + | |
| - | color: #198754; | + | |
| - | font-weight: | + | |
| - | margin-left: | + | |
| - | opacity: 0; | + | |
| - | transition: opacity 0.5s; | + | |
| - | } | + | |
| - | | + | |
| - | </ | + | |
| - | + | ||
| - | < | + | |
| - | + | ||
| - | <nav class=" | + | |
| - | <div class=" | + | |
| - | <a class=" | + | |
| - | <div class=" | + | |
| - | <ul class=" | + | |
| - | <li class=" | + | |
| - | <a class=" | + | |
| - | <ul class=" | + | |
| - | < | + | |
| - | | + | |
| - | target=" | + | |
| - | < | + | |
| - | target="_blank">Ma vue</ | + | |
| - | </ul> | + | |
| - | </ | + | |
| - | <li class=" | + | |
| - | target=" | + | |
| - | <li class=" | + | |
| - | target=" | + | |
| - | <li class=" | + | |
| - | target=" | + | |
| - | </ | + | |
| - | <div class=" | + | |
| - | <button class=" | + | |
| - | Sombre</ | + | |
| - | </ | + | |
| - | </ | + | |
| - | </ | + | |
| - | | + | |
| - | | + | <div class=" |
| + | <div class=" | ||
| <h2 class=" | <h2 class=" | ||
| <input type=" | <input type=" | ||
| - | <button onclick=" | + | <button onclick=" |
| - | | + | |
| <div id=" | <div id=" | ||
| Ligne 95: | Ligne 35: | ||
| </ | </ | ||
| </ | </ | ||
| + | </ | ||
| - | | + | < |
| - | | + | let filesData = []; |
| - | | + | |
| - | // Gestion du chargement via input type=" | + | |
| - | | + | filesData = Array.from(event.target.files).filter(f => f.name.match(/ |
| - | filesData = Array.from(event.target.files).filter(f => f.name.match(/ | + | document.getElementById(' |
| - | document.getElementById(' | + | }); |
| - | }); | + | |
| - | | + | |
| - | const html = document.documentElement; | + | const td = document.createElement('td'); |
| - | const btn = document.getElementById('theme-btn'); | + | |
| - | const isLight | + | |
| - | html.setAttribute('data-bs-theme', | + | |
| - | btn.innerText | + | |
| - | } | + | |
| - | | + | |
| - | const td = document.createElement('td'); | + | |
| - | td.innerHTML = `<div class="d-flex align-items-center">< | + | |
| - | | + | flash.style.opacity |
| - | | + | setTimeout(() |
| + | } | ||
| - | | + | |
| - | | + | |
| - | const flash = element.parentElement.querySelector('.flash-msg'); | + | } |
| - | flash.style.opacity | + | |
| - | | + | |
| - | | + | |
| - | | + | async function |
| - | document.getElementById(' | + | const tbody = document.getElementById(' |
| - | | + | tbody.innerHTML = ""; |
| + | | ||
| + | const prenomQ = document.getElementById(' | ||
| + | const nomQ = document.getElementById(' | ||
| - | | + | |
| - | const tbody = document.getElementById(' | + | const data = await file.arrayBuffer(); |
| - | tbody.innerHTML = "" | + | const wb = XLSX.read(data, { type: 'array' |
| - | const idQ = document.getElementById('id-in').value.toLowerCase(); | + | const json = XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]); |
| - | const prenomQ | + | |
| - | const nomQ = document.getElementById(' | + | |
| - | | + | |
| - | const data = await file.arrayBuffer(); | + | const email = String(row[' |
| - | const wb = XLSX.read(data, { type: 'array' | + | const parts = email.split('@' |
| - | const json = XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]); | + | const prenom |
| + | const nom = parts[1] || "" | ||
| - | | + | |
| - | const email = String(row[' | + | |
| - | | + | nom.toLowerCase().includes(nomQ)) { |
| - | const prenom = parts[0] || ""; | + | |
| - | | + | |
| - | | + | const tr = document.createElement(' |
| - | prenom.toLowerCase().includes(prenomQ) && | + | tr.appendChild(creerCellule(file.name)); |
| - | nom.toLowerCase().includes(nomQ)) { | + | tr.appendChild(creerCellule(String(row.ID))); |
| - | + | tr.appendChild(creerCellule(row.Name || (nom.toUpperCase() + ' ' + prenom))); | |
| - | | + | tr.appendChild(creerCellule(row[' |
| - | tr.appendChild(creerCellule(file.name)); | + | tbody.appendChild(tr); |
| - | tr.appendChild(creerCellule(String(row.ID))); | + | } |
| - | tr.appendChild(creerCellule(row.Name || (nom.toUpperCase() + ' ' + prenom))); | + | }); |
| - | tr.appendChild(creerCellule(row[' | + | |
| - | tbody.appendChild(tr); | + | |
| - | } | + | |
| - | }); | + | |
| - | } | + | |
| } | } | ||
| - | </ | + | |
| - | </ | + | </ |
| </ | </ | ||
