Dinawo/CDN-APP-INSIDER
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

V1.0.0-beta.16 Update
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source 
Note: We appreciate your feedback and bug reports to continue improving our platform. Thank you for your continued support!
This commit is contained in:
.dinawo
2024-10-27 16:48:30 +01:00
parent f83358c67d
commit 9ff4642a10
33 changed files with 3550 additions and 2058 deletions
Download Patch File Download Diff File Expand all files Collapse all files

694
views/dashboard.ejs
View File

@@ -1,108 +1,417 @@
<!DOCTYPE html>
<html lang="en">
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
integrity="sha384-GLhlTQ8iRABdZLl6O5oVMWSktQOp6b7In1Zl3/JiR3eZB1+nHN/8u8UqXj2l1tji" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
<script src="/public/js/dashboard.js"></script>
<link rel="stylesheet" href="/public/css/styles.css" />
<title>Dashboard</title>
<title>Dashboard CDN</title>
<link rel="icon" href="/public/assets/homelab_logo.png" />
<link rel="apple-touch-icon" sizes="57x57" href="/public/assets/homelab_logo@2x.png">
<link rel="apple-touch-icon" sizes="60x60" href="/public/assets/homelab_logo@3x.png">
<link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
</head>
:root {
--background: 0 0% 100%;
--foreground: 222.2 84% 4.9%;
--card: 0 0% 100%;
--card-foreground: 222.2 84% 4.9%;
--popover: 0 0% 100%;
--popover-foreground: 222.2 84% 4.9%;
--primary: 222.2 47.4% 11.2%;
--primary-foreground: 210 40% 98%;
--secondary: 210 40% 96.1%;
--secondary-foreground: 222.2 47.4% 11.2%;
--muted: 210 40% 96.1%;
--muted-foreground: 215.4 16.3% 46.9%;
--accent: 210 40% 96.1%;
--accent-foreground: 222.2 47.4% 11.2%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 210 40% 98%;
--border: 214.3 31.8% 91.4%;
--input: 214.3 31.8% 91.4%;
--ring: 222.2 84% 4.9%;
--radius: 0.5rem;
}
<style>
body {
background-image: url('<%= user.wallpaper %>');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
margin: 0;
height: 100vh;
overflow: hidden;
.dark {
--background: 222.2 84% 4.9%;
--foreground: 210 40% 98%;
--card: 222.2 84% 4.9%;
--card-foreground: 210 40% 98%;
--popover: 222.2 84% 4.9%;
--popover-foreground: 210 40% 98%;
--primary: 210 40% 98%;
--primary-foreground: 222.2 47.4% 11.2%;
--secondary: 217.2 32.6% 17.5%;
--secondary-foreground: 210 40% 98%;
--muted: 217.2 32.6% 17.5%;
--muted-foreground: 215 20.2% 65.1%;
--accent: 217.2 32.6% 17.5%;
--accent-foreground: 210 40% 98%;
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 210 40% 98%;
--border: 217.2 32.6% 17.5%;
--input: 217.2 32.6% 17.5%;
--ring: 212.7 26.8% 83.9%;
}
body {
font-family: 'Inter', sans-serif;
background-color: hsl(var(--background));
color: hsl(var(--foreground));
transition: background-color 0.3s ease, color 0.3s ease;
background-image: url('<%= user.wallpaper %>');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
margin: 0;
min-height: 100vh;
display: flex;
flex-direction: column;
}
.container {
max-width: 90%;
margin: 0 auto;
padding: 2rem;
flex: 1 0 auto;
}
.form-container {
background-color: hsl(var(--card));
border: 1px solid hsl(var(--border));
border-radius: var(--radius);
padding: 2rem;
}
.form-control {
width: 100%;
padding: 0.5rem;
border: 1px solid hsl(var(--border));
border-radius: var(--radius);
background-color: hsl(var(--background));
color: hsl(var(--foreground));
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: var(--radius);
font-weight: 500;
transition: all 0.3s ease;
cursor: pointer;
padding: 0.5rem 1rem;
}
.btn-primary {
background-color: hsl(var(--primary));
color: hsl(var(--primary-foreground));
}
.btn-primary:hover {
opacity: 0.9;
}
.btn-secondary {
background-color: hsl(var(--secondary));
color: hsl(var(--secondary-foreground));
}
.btn-secondary:hover {
opacity: 0.9;
}
.btn-success {
background-color: hsl(var(--primary));
color: hsl(var(--primary-foreground));
}
.btn-success:hover {
opacity: 0.9;
}
.btn-danger {
background-color: hsl(var(--destructive));
color: hsl(var(--destructive-foreground));
}
.btn-danger:hover {
opacity: 0.9;
}
.animate {
animation: fadeIn 0.5s ease-out;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.table-responsive {
overflow-x: auto;
}
.table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
.table th,
.table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid hsl(var(--border));
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid hsl(var(--border));
}
.header {
background-color: hsl(var(--background));
border-bottom: 1px solid hsl(var(--border));
}
.dropdown-menu {
display: none;
background-color: hsl(var(--card));
border: 1px solid hsl(var(--border));
border-radius: var(--radius);
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
min-width: 150px;
}
.dropdown-menu.show {
display: block;
}
.dropdown-item {
color: hsl(var(--foreground));
padding: 0.5rem 1rem;
text-decoration: none;
display: block;
}
.dropdown-item:hover {
background-color: hsl(var(--muted));
color: hsl(var(--foreground));
}
.dropdown-divider {
border-top: 1px solid hsl(var(--border));
}
.footer {
flex-shrink: 0;
background-color: hsl(var(--background));
border-top: 1px solid hsl(var(--border));
padding: 1rem 0;
}
.modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
justify-content: center;
align-items: center;
z-index: 1000;
}
.modal.show {
display: flex;
}
.modal-content {
background-color: hsl(var(--card));
border-radius: 15px;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
padding: 20px;
max-width: 90%;
width: 600px;
}
.modal-header, .modal-body, .modal-footer {
padding: 20px;
}
.modal-header {
border-bottom: none;
}
.modal-footer {
border-top: none;
display: flex;
justify-content: flex-end;
gap: 0.5rem;
}
.modal .close {
font-size: 28px;
opacity: 0.6;
transition: opacity 0.3s ease;
}
.modal .close:hover {
opacity: 1;
}
.navbar {
padding: 0.5rem 1rem;
}
</style>
/* Alignement des boutons à droite */
.navbar {
padding: 0.5rem 1rem !important;
}
<body class="light-mode">
.container-fluid {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
}
/* Alignement des boutons à droite */
.navbar-nav {
display: flex !important;
align-items: center !important;
margin-left: auto !important;
}
.navbar-nav .nav-item {
margin-left: 10px !important;
}
/* Style pour les boutons de la navbar */
.nav-btn {
padding: 0.375rem 0.75rem !important;
font-size: 1rem !important;
line-height: 1.5 !important;
border-radius: 0.25rem !important;
}
/* Style pour l'avatar de l'utilisateur */
.user-avatar {
width: 40px !important;
height: 40px !important;
object-fit: cover !important;
border-radius: 50% !important;
}
/* Style pour le bouton du dropdown */
#accountDropdownBtn {
padding: 0 !important;
border: none !important;
background: none !important;
}
/* Style pour le menu dropdown */
.dropdown-menu {
right: 0 !important;
left: auto !important;
}
/* Assurez-vous que le dropdown est positionné correctement */
.dropdown {
position: relative !important;
}
/* Ajustement pour les écrans plus petits */
@media (max-width: 768px) {
.navbar-nav {
flex-direction: row !important;
justify-content: flex-end !important;
width: 100% !important;
}
.navbar-nav .nav-item {
margin-left: 5px !important;
}
}
</style>
</head>
<body class="animate">
<nav class="navbar navbar-expand-md navbar-light bg-light header">
<a class="navbar-brand">
Dashboard CDN
<span class="badge badge-info ml-1">Beta</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<form action="/dpanel/upload" class="form-inline">
<button class="btn btn-primary btn-round mr-2 animated-button">
<i class="fas fa-cloud-upload-alt"></i> Téléverser un fichier
<div class="container-fluid">
<a class="navbar-brand" href="/dpanel/dashboard">
Dashboard CDN
<span class="bg-purple-100 text-purple-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded-full dark:bg-purple-900 dark:text-purple-300">Beta</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a href="/dpanel/upload" class="btn btn-primary">
<i class="fas fa-cloud-upload-alt"></i> Téléverser
</a>
</li>
<li class="nav-item">
<button type="button" class="btn btn-success" id="newFolderBtn">
<i class="fas fa-folder-open"></i> Nouveau
</button>
</form>
</li>
<li class="nav-item">
<form id="newFolderModalForm" class="form-inline ml-2">
<button type="submit" class="btn btn-success btn-round ml-2 animated-button" id="newFolderModalBtn" data-toggle="modal" data-target="#newFolderModal">
<i class="fas fa-folder-open"></i> Nouveau Dossier
</li>
<li class="nav-item">
<button id="themeSwitcher" class="btn btn-secondary p-2">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" />
</svg>
</button>
</form>
</li>
<li class="nav-item">
<button id="styleSwitcher" class="btn btn-link btn-round animated-button">
<i id="themeIcon"></i>
</button>
</li>
<li class="nav-item dropdown">
<a class="btn dropdown-toggle" id="accountDropdownBtn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img
src="<%= user.profilePicture || 'https://api.dicebear.com/7.x/initials/svg?seed=' + user.name %>"
alt="User Icon"
class="rounded-circle"
style="width: 30px; height: 30px;"
/>
</a>
<div class="dropdown-menu dropdown-menu-right p-4 bg-dark text-white" id="accountDropdownMenu">
<div class="mb-3 text-center">
<a class="dropdown-item text-center text-white no-hover custom-btn" href="/dpanel/dashboard/profil" id="logoutLink">
<i class="fas fa-sign-out-alt text-white"></i> Mon profile
</li>
<li class="nav-item dropdown">
<button class="btn dropdown-toggle nav-btn" id="accountDropdownBtn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img
src="<%= user.profilePicture || 'https://api.dicebear.com/7.x/initials/svg?seed=' + encodeURIComponent(user.name) %>"
alt="User Icon"
class="rounded-full"
style="max-width: 50px; max-height: 50px;"
/>
</button>
<div class="dropdown-menu dropdown-menu-right" id="accountDropdownMenu">
<a class="dropdown-item" href="/dpanel/dashboard/profil">
<i class="fas fa-user"></i> Mon profil
</a>
<a class="dropdown-item" href="/dpanel/dashboard/admin">
<i class="fas fa-user-shield"></i> Administration du site
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="/auth/logout">
<i class="fas fa-sign-out-alt"></i> Déconnexion
</a>
</div>
<div class="dropdown-divider mb-2"></div>
<% if (user.role === 'admin') { %>
<a class="dropdown-item text-center text-white no-hover custom-btn" href="/dpanel/dashboard/admin" id="adminLink">
<i class="fas fa-user-shield"></i> Administration du site
</a><br>
<% } %>
<br><a class="dropdown-item text-center text-white no-hover custom-btn" href="/auth/logout" id="logoutLink">
<i class="fas fa-sign-out-alt text-white"></i> Déconnexion
</a>
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div class="alert alert-primary text-center" role="alert">
Un nouveau look sera bientôt disponible pour le tableau de bord. Myaxrin Labs va améliorer son application pour la rendre plus rapide et plus facile à utiliser.
<div class="container mt-4 animate">
<div class="form-container">
<div class="flex justify-between items-center mb-4">
<input type="text" id="searchInput" class="form-control w-1/2" placeholder="Rechercher par nom de fichier">
<button id="searchButton" class="btn btn-primary">Rechercher</button>
</div>
<div class="container mt-4 table-container">
<div class="table-responsive">
<table class="table w-100 table table-hover">
<table class="table" id="fileTable">
<thead>
<tr>
<th>Nom du fichier</th>
@@ -122,161 +431,104 @@
<% if (file.type === 'folder') { %>
Dossier
<% } else { %>
<%
const fileSizeInBytes = file.size;
let fileSize;
if (fileSizeInBytes < 1024 * 1024) {
fileSize = `${(fileSizeInBytes / 1024).toFixed(2)} Ko`;
} else if (fileSizeInBytes < 1024 * 1024 * 1024) {
fileSize = `${(fileSizeInBytes / (1024 * 1024)).toFixed(2)} Mo`;
} else {
fileSize = `${(fileSizeInBytes / (1024 * 1024 * 1024)).toFixed(2)} Go`;
}
%>
<%= fileSize %>
<span class="file-size" data-size="<%= file.size %>"><%= file.size %> octets</span>
<% } %>
</td>
<td class="d-flex justify-content-end align-items-center">
<% if (file.type === 'folder') { %>
<form class="file-actions mb-2">
<input type="hidden" name="folderName" value="<%= file.name %>">
<button class="delete-folder-button btn btn-danger btn-round animated-button" type="button">
<i class="fas fa-trash-alt"></i>
</button>
</form>
<a href="/dpanel/dashboard/folder/<%= file.name %>" class="btn btn-primary btn-round mb-2 animated-button">
<i class="fas fa-folder-open"></i> Accéder
</a>
<% } else { %>
<button class="btn btn-primary btn-round animated-button" onclick="renameFile('<%= folderName %>', '<%= file.name %>')">
<i class="fas fa-edit"></i> Renommer
</button>
<form class="file-actions mb-2" id="deleteForm" action="/api/dpanel/dashboard/delete" method="post">
<input type="hidden" name="_method" value="DELETE">
<input type="hidden" name="filename" value="<%= file.name %>">
<button class="delete-button btn btn-danger btn-round animated-button" type="button" onclick="confirmDelete('<%= file.name %>')">
<i class="fas fa-trash-alt"></i>
</button>
</form>
<form class="file-actions mb-2">
<div class="copy-link-container d-flex align-items-center">
<input type="text" class="file-link form-control rounded mr-2" value="<%= file.url %>" readonly style="display: none;">
<button class="button copy-button btn btn-success btn-round animated-button" data-file="<%= file.name %>">
<td class="text-right">
<div class="action-buttons">
<% if (file.type === 'folder') { %>
<button class="delete-folder-button btn btn-danger btn-sm" data-folder-name="<%= file.name %>">
<i class="fas fa-trash-alt"></i>
</button>
<a href="/dpanel/dashboard/folder/<%= file.name %>" class="btn btn-primary btn-sm">
<i class="fas fa-folder-open"></i>
</a>
<% } else { %>
<button class="btn btn-primary btn-sm rename-file-btn" data-file-name="<%= file.name %>" data-folder-name="<%= folderName %>">
<i class="fas fa-edit"></i>
</button>
<button class="delete-file-button btn btn-danger btn-sm" data-file-name="<%= file.name %>">
<i class="fas fa-trash-alt"></i>
</button>
<button class="copy-button btn btn-success btn-sm" data-file-url="<%= file.url %>">
<i class="fas fa-copy"></i>
</button>
</div>
</form>
<form id="moveFileForm" class="file-actions d-flex align-items-center mb-2" onsubmit="event.preventDefault(); moveFile(this.folderName.value, this.fileName.value);">
<input type="hidden" name="fileName" value="<%= file.name %>">
<select class="form-control rounded mr-2 custom-dropdown" name="folderName">
<option value="" disabled selected>Déplacer vers...</option>
<% allFolders.forEach(folder => { %>
<option value="<%= folder %>"><%= folder %></option>
<% }); %>
</select>
<button type="submit" id="movefilebutton" class="btn btn-success btn-round animated-button">Déplacer</button>
</form>
<% } %>
</td>
<button class="btn btn-secondary btn-sm move-file-btn" data-file-name="<%= file.name %>">
<i class="fas fa-file-export"></i>
</button>
<% } %>
</div>
</td>
</tr>
<% }); %>
</tbody>
</table>
</div>
</div>
</div>
<div class="modal fade" id="patchNoteModal" tabindex="-1" role="dialog" aria-labelledby="patchNoteModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg rounded-lg" role="document">
<div class="modal-content">
<footer class="footer mt-auto py-3 bg-light">
<div class="container">
<span class="text-muted">Version: 1.0.0-beta.16 | &copy; 2024 Myaxrin Labs</span>
<a href="#" class="float-right" onclick="displayMetadata()">Metadata</a>
</div>
</footer>
<div class="modal fade" id="metadataModal" tabindex="-1" role="dialog" aria-labelledby="metadataModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="patchNoteModalLabel">Patch Note<span class="badge badge-info ml-1">v1.0.0-beta.15</span></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<h5 class="modal-title" id="metadataModalLabel">Metadata</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="patch-note-item">
<p><i class="fas fa-tools"></i> Nouvelles Fonctionnalités :</p>
<ul>
<li>Intégration de l'authentification Discord<span class="badge badge-success ml-1">AMÉLIORATION MINEURE</span></li>
<li>Personnalisation de l'arrière-plan de l'application<span class="badge badge-success ml-1">AMÉLIORATION MAJEURE</span></li>
<li>Nouveau design pour l'affichage du token dans le panneau administrateur<span class="badge badge-success ml-1">AMÉLIORATION MAJEURE</span></li>
</ul>
</div>
<div class="patch-note-item">
<p><i class="fas fa-wrench"></i> Améliorations :</p>
<ul>
<li>Optimisation des performances de l'application<span class="badge badge-success ml-1">AMÉLIORATION MINEURE</span></li>
<li>Amélioration de l'interface utilisateur pour une meilleure expérience<span class="badge badge-success ml-1">AMÉLIORATION MAJEURE</span></li>
<li>Mise à jour des dépendances pour une meilleure stabilité<span class="badge badge-success ml-1">AMÉLIORATION MINEURE</span></li>
</ul>
</div>
<div class="patch-note-item">
<p><i class="fas fa-bug"></i> Corrections de Bugs :</p>
<ul>
<li>Correction des erreurs d'affichage dans certains navigateurs<span class="badge badge-success ml-1">CORRECTION MINEURE</span></li>
</ul>
</div>
<div class="patch-note-item">
<p><i class="fas fa-lock"></i> Sécurité :</p>
<ul>
<li>Renforcement de la sécurité de l'authentification<span class="badge badge-success ml-1">AMÉLIORATION MAJEURE</span></li>
<li>Mise à jour des protocoles de chiffrement<span class="badge badge-success ml-1">AMÉLIORATION MINEURE</span></li>
</ul>
</div>
<p class="note">Remarque : Nous sommes toujours à l'écoute de vos retours pour améliorer notre plateforme. N'hésitez pas à nous faire part de vos commentaires et suggestions !</p>
<p><i class="fas fa-code-branch"></i> Version de Build: <span id="buildVersion"></span></p>
<p><i class="fab fa-node"></i> Version de Node.js: <span id="nodeVersion"></span></p>
<p><i class="fas fa-server"></i> Version de Express.js: <span id="expressVersion"></span></p>
<p><i class="fas fa-hashtag"></i> SHA de Build: <span id="buildSha"></span></p>
<p><i class="fas fa-windows"></i> Type d'OS: <span id="osType"></span></p>
<p><i class="fas fa-laptop-code"></i> Version d'OS: <span id="osRelease"></span></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
<button type="button" class="btn btn-primary" onclick="displayMetadata()">Afficher les métadonnées</button>
</div>
</div>
</div>
</div>
<div id="metadataModal" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Metadata</h5>
<button type="button" class="close" data-dismiss="modal" onclick="closeModal()" aria-label="Fermer">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p><i class="fas fa-code-branch"></i> Version de Build: <span id="buildVersion"></span></p>
<p><i class="fab fa-node"></i> Version de Node.js: <span id="nodeVersion"></span></p>
<p><i class="fas fa-server"></i> Version de Express.js: <span id="expressVersion"></span></p>
<p><i class="fas fa-hashtag"></i> SHA de Build: <span id="buildSha"></span></p>
<p><i class="fas fa-windows"></i> Type d'OS: <span id="osType"></span></p>
<p><i class="fas fa-laptop-code"></i> Version d'OS: <span id="osRelease"></span></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary btn-block" data-dismiss="modal" onclick="closeModal()">OK</button>
</div>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
</div>
</div>
</div>
<div class="container">
<footer class="py-3 my-4">
<ul class="nav justify-content-center border-bottom pb-3 mb-3">
<li class="nav-item">
<a class="nav-link px-2 text-muted" href="#" data-toggle="modal" data-target="#patchNoteModal">
Version: 1.0.0-beta.15
</a>
</li>
</ul>
<div class="d-flex justify-content-center align-items-center">
<p class="text-center text-muted mb-0">&copy; 2024 Myaxrin Labs</p>
<div class="ml-3">
</div>
</div>
</footer>
</div>
</div>
<div class="modal fade" id="moveFileModal" tabindex="-1" role="dialog" aria-labelledby="moveFileModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Déplacer le fichier</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Fermer">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<form id="moveFileForm">
<input type="hidden" id="moveFileName" name="fileName">
<select class="form-control" id="moveFolderSelect" name="folderName">
<option value="" disabled selected>Choisir un dossier...</option>
<% allFolders.forEach(folder => { %>
<option value="<%= folder %>"><%= folder %></option>
<% }); %>
</select>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
<button type="button" class="btn btn-primary" id="confirmMoveFile">Déplacer</button>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="/public/js/dashboard.js"></script>
</body>
</html>