Bertrand Benjamin
ef69a6ec20
All checks were successful
Deploy MinIO Explorer / deploy (push) Successful in 34s
82 lines
3.3 KiB
HTML
82 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Index of /</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<!-- Prism.js pour la coloration syntaxique -->
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism.min.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div id="page-container">
|
|
<!-- Header fixe -->
|
|
<div id="header">
|
|
<h1>Index of <span id="current-path">/</span></h1>
|
|
|
|
<!-- START_DEV_SECTION -->
|
|
<!-- Formulaire de développement pour tester différentes URLs -->
|
|
<div id="dev-form" class="dev-section">
|
|
<h2>Mode Développement</h2>
|
|
<form id="url-form">
|
|
<label for="minio-url">URL MinIO à explorer :</label>
|
|
<input type="text" id="minio-url" placeholder="https://mon-minio.example.com" />
|
|
|
|
<button type="submit">Explorer</button>
|
|
</form>
|
|
</div>
|
|
<!-- END_DEV_SECTION -->
|
|
|
|
<!-- Configuration info - toujours présent même en production -->
|
|
<div id="config-info"></div>
|
|
|
|
<!-- Section d'erreur -->
|
|
<div id="error-section" class="error" style="display: none;">
|
|
<p id="error-message"></p>
|
|
</div>
|
|
|
|
<!-- Loading indicator -->
|
|
<div id="loading" style="display: none;">Chargement...</div>
|
|
</div>
|
|
|
|
<!-- Container principal avec layout adaptatif -->
|
|
<div id="main-container">
|
|
<!-- Section de gauche/haut : tableau -->
|
|
<div id="content-section">
|
|
<!-- Tableau des fichiers et dossiers -->
|
|
<table id="files-table" style="display: none;">
|
|
<thead>
|
|
<tr>
|
|
<th>Nom</th>
|
|
<th>Taille</th>
|
|
<th>Date de modification</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="files-tbody">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<!-- Section de droite/bas : prévisualisation -->
|
|
<div id="preview-section" style="display: none;">
|
|
<div class="preview-header">
|
|
<span class="preview-title" id="preview-title">Prévisualisation:</span>
|
|
<button id="close-preview">✕</button>
|
|
</div>
|
|
<div class="preview-content" id="preview-content">
|
|
<!-- Contenu dynamique selon le type de fichier -->
|
|
</div>
|
|
<div class="preview-actions">
|
|
<button id="download-file">Télécharger</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="script.js"></script>
|
|
<!-- Prism.js core et langages communs -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-core.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js"></script>
|
|
</body>
|
|
</html> |