92 lines
2.8 KiB
HTML
92 lines
2.8 KiB
HTML
{% extends 'base.html' %}
|
|
|
|
{% block matrix %}
|
|
<canvas id="matrix"></canvas>
|
|
<script src="{{ url_for('static', filename='js/matrix.js') }}"></script>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<h2>Résultats pour "{{ query }}"</h2>
|
|
<table id="results-table">
|
|
<thead>
|
|
<tr>
|
|
<th onclick="sortTable(0)">Nom ⇅</th>
|
|
<th onclick="sortTable(1)">Taille ⇅</th>
|
|
<th onclick="sortTable(2)">Âge ⇅</th>
|
|
<th>Lien</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for item in results %}
|
|
<tr>
|
|
<td>{{ item.title }}</td>
|
|
<td>{{ item.size }}</td>
|
|
<td data-age="{{ item.age_days }}">{{ item.age_human }}</td>
|
|
<td>
|
|
<button onclick="getTorrentLink('{{ item.id }}', this)">Obtenir le lien</button>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
|
|
<script>
|
|
function parseSize(sizeStr) {
|
|
// Convertit "6.2 Go", "700 Mo" en octets
|
|
const units = { "o": 1, "Ko": 1024, "Mo": 1024**2, "Go": 1024**3, "To": 1024**4 };
|
|
const match = sizeStr.match(/([\d\.]+)\s*(o|Ko|Mo|Go|To)/);
|
|
if (!match) return 0;
|
|
return parseFloat(match[1]) * (units[match[2]] || 1);
|
|
}
|
|
|
|
function sortTable(colIndex) {
|
|
const table = document.getElementById("results-table");
|
|
const tbody = table.tBodies[0];
|
|
const rows = Array.from(tbody.rows);
|
|
const asc = table.asc = !table.asc;
|
|
|
|
rows.sort((a, b) => {
|
|
let aText = a.cells[colIndex].innerText.trim();
|
|
let bText = b.cells[colIndex].innerText.trim();
|
|
|
|
if (colIndex === 1) { // Taille
|
|
return asc ? parseSize(aText) - parseSize(bText) : parseSize(bText) - parseSize(aText);
|
|
} else if (colIndex === 2) { // Âge
|
|
const aVal = parseInt(a.cells[colIndex].dataset.age || 0);
|
|
const bVal = parseInt(b.cells[colIndex].dataset.age || 0);
|
|
return asc ? aVal - bVal : bVal - aVal;
|
|
} else { // Nom
|
|
return asc ? aText.localeCompare(bText) : bText.localeCompare(aText);
|
|
}
|
|
});
|
|
|
|
rows.forEach(row => tbody.appendChild(row));
|
|
}
|
|
|
|
async function getTorrentLink(torrentId, btn) {
|
|
btn.disabled = true;
|
|
btn.innerText = "Chargement...";
|
|
|
|
try {
|
|
const response = await fetch(`/torrent/${torrentId}`);
|
|
const links = await response.json(); // <-- lire comme JSON
|
|
|
|
if (links && links.length > 0) {
|
|
// Construire une liste HTML
|
|
const listHTML = links.map(link =>
|
|
`<li><a href="${link.link}" target="_blank">${link.name} (${(link.size / 1024 / 1024).toFixed(2)} Mo)</a></li>`
|
|
).join("");
|
|
|
|
btn.innerHTML = `<ul>${listHTML}</ul>`;
|
|
} else {
|
|
btn.innerText = "Aucun fichier trouvé";
|
|
}
|
|
} catch (err) {
|
|
btn.innerText = "Erreur";
|
|
console.error(err);
|
|
}
|
|
}
|
|
</script>
|
|
|
|
{% endblock %}
|