archinsa/js/ens.js

187 lines
6.7 KiB
JavaScript
Raw Normal View History

2024-04-06 18:21:03 +02:00
/*
pour les docs afficher un truc du même acabit que la php :
if (strtolower($extension) === 'pdf'):
echo "<embed src=\"{$doc['upload_path']}\" type=\"application/pdf\" width=\"100%\" height=\"600px\" />";
elseif (in_array(strtolower($extension), ['jpg', 'jpeg', 'png', 'gif'])):
echo "<img src=\"{$doc['upload_path']}\">";
else:
echo "<p>Oups ! Je ne sais pas afficher ce document :/ (Rales autant que tu veux je men fous) </p>".$doc['upload_path'];
endif;
*/
// fetch l'api et afficher tout ce qu'elle nous rend
function querystring(key) {
2024-04-06 18:21:03 +02:00
var re = new RegExp("(?:\\?|&)" + key + "=(.*?)(?=&|$)", "gi");
var r = [],
m;
while ((m = re.exec(document.location.search)) != null) r[r.length] = m[1];
return r;
}
2024-04-06 18:21:03 +02:00
async function gen_contenu() {
try {
const response = await fetch('api.php/decomposer_ensemble?ensemble_id='+querystring("ensemble_id"));
const data = await response.json();
console.log(data);
if (data.status === "1" && data.msg.documents.length > 0) {
const table = document.createElement('table');
const thead = document.createElement('thead');
const tbody = document.createElement('tbody');
const headerRow = document.createElement('tr');
const idHeader = document.createElement('th');
idHeader.textContent = 'ID';
const titreHeader = document.createElement('th');
titreHeader.textContent = 'Titre';
const typeHeader = document.createElement('th');
typeHeader.textContent = 'Type';
const uploadPathHeader = document.createElement('th');
uploadPathHeader.textContent = 'Upload Path';
const previewHeader = document.createElement('th');
previewHeader.textContent = 'Preview';
const commentaireHeader = document.createElement('th');
commentaireHeader.textContent = 'Commentaire Auteur';
const exerciceHeader = document.createElement('th');
exerciceHeader.textContent = 'Exercices';
headerRow.appendChild(idHeader);
headerRow.appendChild(titreHeader);
headerRow.appendChild(typeHeader);
headerRow.appendChild(uploadPathHeader);
headerRow.appendChild(previewHeader);
headerRow.appendChild(commentaireHeader);
headerRow.appendChild(exerciceHeader);
thead.appendChild(headerRow);
data.msg.documents.forEach(doc => {
const row = document.createElement('tr');
const idCell = document.createElement('td');
idCell.textContent = doc.id;
const titreCell = document.createElement('td');
titreCell.textContent = doc.titre;
const typeCell = document.createElement('td');
typeCell.textContent = doc.type;
const uploadPathCell = document.createElement('td');
uploadPathCell.textContent = doc.upload_path;
let previewCell;
let ext = doc.upload_path.toString().split(".").pop();
2024-04-07 11:12:41 +02:00
let image_extensions = [
'jpg',
'jpeg',
'png',
'gif',
'bmp',
'tiff',
'tif',
'webp',
'svg',
'ico',
'raw'];
2024-04-06 18:21:03 +02:00
switch (ext) {
2024-04-07 11:12:41 +02:00
case image_extensions.includes(ext): // image
2024-04-06 18:21:03 +02:00
previewCell = document.createElement('td');
const img = document.createElement('img');
img.src = doc.upload_path;
img.alt = doc.titre;
previewCell.appendChild(img);
2024-04-07 11:12:41 +02:00
let link = document.createElement('a');
link.href = doc.upload_path;
link.textContent = 'Voir image';
link.target = '_blank';
previewCell.appendChild(link);
2024-04-06 18:21:03 +02:00
break;
case "pdf": // pdf
previewCell = document.createElement('td');
const pdfLink = document.createElement('a');
pdfLink.href = doc.upload_path;
2024-04-07 11:09:07 +02:00
pdfLink.textContent = 'Voir PDF';
2024-04-06 18:21:03 +02:00
pdfLink.target = '_blank';
previewCell.appendChild(pdfLink);
break;
case "mp4": // video
previewCell = document.createElement('td');
const video = document.createElement('video');
video.src = doc.upload_path;
video.controls = true;
previewCell.appendChild(video);
break;
2024-04-06 22:36:28 +02:00
case "html":
previewCell = document.createElement('td');
const iframe = document.createElement('iframe');
iframe.href = doc.upload_path;
//iframe.textContent = doc.titre;
previewCell.appendChild(iframe);
break;
default :
2024-04-06 18:21:03 +02:00
previewCell = document.createElement('td');
2024-04-07 11:12:41 +02:00
link = document.createElement('a');
2024-04-06 18:21:03 +02:00
link.href = doc.upload_path;
2024-04-06 22:36:28 +02:00
link.textContent = 'Type de fichier non supporté.';
2024-04-06 18:21:03 +02:00
link.target = '_blank';
previewCell.appendChild(link);
2024-04-06 22:36:28 +02:00
break;
2024-04-06 18:21:03 +02:00
}
const commentaireCell = document.createElement('td');
commentaireCell.textContent = data.msg.commentaire_auteur || '';
const exerciceCell = document.createElement('td');
if (doc.exercices && doc.exercices.length > 0) {
const exerciceList = document.createElement('ul');
doc.exercices.forEach(exercice => {
const exerciceItem = document.createElement('li');
exerciceItem.textContent = `Exo n°${exercice.id} ${exercice.commentaire_auteur}, Duree: ${exercice.duree}`;
exerciceList.appendChild(exerciceItem);
});
exerciceCell.appendChild(exerciceList);
} else {
exerciceCell.textContent = 'Pas de détails sur les exercices';
}
row.appendChild(idCell);
row.appendChild(titreCell);
row.appendChild(typeCell);
row.appendChild(uploadPathCell);
row.appendChild(previewCell);
row.appendChild(commentaireCell);
row.appendChild(exerciceCell);
tbody.appendChild(row);
});
table.appendChild(thead);
table.appendChild(tbody);
const dataContainer = document.getElementById('data-container');
dataContainer.appendChild(table);
} else {
const dataContainer = document.getElementById('data-container');
dataContainer.textContent = data.msg;
}
} catch (error) {
console.error(error);
alert(error);
}
2024-04-06 18:21:03 +02:00
}
document.addEventListener("DOMContentLoaded", (event)=>{
gen_contenu();
document.getElementById("titre").addEventListener("click", (event) => {
window.location.pathname = "/archinsa";
});
});