Update v1.1.1-beta1
This commit is contained in:
@@ -29,6 +29,33 @@
|
||||
</style>
|
||||
</head>
|
||||
<body class="animate">
|
||||
<div class="context-menu" style="display: none;">
|
||||
<button class="menu-item" data-action="open">
|
||||
<i class="fas fa-folder-open"></i>
|
||||
<span>Ouvrir</span>
|
||||
</button>
|
||||
<button class="menu-item" data-action="rename">
|
||||
<i class="fas fa-edit"></i>
|
||||
<span>Renommer</span>
|
||||
</button>
|
||||
<button class="menu-item" data-action="collaborate">
|
||||
<i class="fas fa-users"></i>
|
||||
<span>Collaborer</span>
|
||||
</button>
|
||||
<button class="menu-item" data-action="copy-link">
|
||||
<i class="fas fa-link"></i>
|
||||
<span>Copier le lien</span>
|
||||
</button>
|
||||
<button class="menu-item" data-action="move">
|
||||
<i class="fas fa-file-export"></i>
|
||||
<span>Déplacer</span>
|
||||
</button>
|
||||
<div class="menu-separator"></div>
|
||||
<button class="menu-item destructive" data-action="delete">
|
||||
<i class="fas fa-trash-alt"></i>
|
||||
<span>Supprimer</span>
|
||||
</button>
|
||||
</div>
|
||||
<nav class="navbar navbar-expand-md navbar-light bg-light header">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="/dpanel/dashboard">
|
||||
@@ -61,10 +88,11 @@
|
||||
<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;"
|
||||
src="<%= user.profilePicture ? user.profilePicture : `https://api.dicebear.com/7.x/initials/svg?seed=${encodeURIComponent(user.name)}&background=%234e54c8&radius=50` %>"
|
||||
alt="<%= user.name %>"
|
||||
class="rounded-full user-avatar"
|
||||
style="width: 40px; height: 40px;"
|
||||
onerror="this.src=`https://api.dicebear.com/7.x/initials/svg?seed=${encodeURIComponent('<%= user.name %>')}&background=%234e54c8&radius=50`"
|
||||
/>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right" id="accountDropdownMenu">
|
||||
@@ -97,77 +125,212 @@
|
||||
</nav>
|
||||
|
||||
|
||||
<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 class="container mt-4 animate">
|
||||
<!-- Menu contextuel -->
|
||||
<div id="contextMenu" class="context-menu" style="display: none; position: fixed; z-index: 1000;">
|
||||
<div class="bg-white rounded-lg shadow-lg py-2 w-48">
|
||||
<a href="#" class="context-item-open w-full text-left px-4 py-2 hover:bg-gray-100 flex items-center">
|
||||
<i class="fas fa-folder-open mr-2"></i> Ouvrir
|
||||
</a>
|
||||
<button class="context-item-rename w-full text-left px-4 py-2 hover:bg-gray-100 flex items-center">
|
||||
<i class="fas fa-edit mr-2"></i> Renommer
|
||||
</button>
|
||||
<button class="context-item-collaborate w-full text-left px-4 py-2 hover:bg-gray-100 flex items-center">
|
||||
<i class="fas fa-users mr-2"></i> Collaborer
|
||||
</button>
|
||||
<button class="context-item-share w-full text-left px-4 py-2 hover:bg-gray-100 flex items-center">
|
||||
<i class="fas fa-share-alt mr-2"></i> Copier le lien
|
||||
</button>
|
||||
<button class="context-item-move w-full text-left px-4 py-2 hover:bg-gray-100 flex items-center">
|
||||
<i class="fas fa-file-export mr-2"></i> Déplacer
|
||||
</button>
|
||||
<div class="border-t border-gray-200 my-2"></div>
|
||||
<button class="context-item-delete w-full text-left px-4 py-2 hover:bg-gray-100 flex items-center text-red-600">
|
||||
<i class="fas fa-trash-alt mr-2"></i> Supprimer
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table" id="fileTable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Nom du fichier</th>
|
||||
<th>Taille</th>
|
||||
<th class="text-right">Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<% files.forEach(file => { %>
|
||||
<tr data-extension="<%= file.extension %>" data-type="<%= file.type %>">
|
||||
<% if (fileInfoNames.includes(file.name)) { %>
|
||||
<td><a href="#" onclick="showFileInfo('<%= file.name %>')"><%= file.name %></a></td>
|
||||
<% } else { %>
|
||||
<td><%= file.name %></td>
|
||||
|
||||
<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="table-responsive">
|
||||
<table class="table" id="fileTable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Nom</th>
|
||||
<th class="text-center">Type</th>
|
||||
<th class="text-center">Propriétaire</th>
|
||||
<th class="text-center">Taille</th>
|
||||
<th class="text-right">Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!-- Dossiers personnels -->
|
||||
<% files.filter(item => item.type === 'folder').forEach(folder => { %>
|
||||
<tr data-type="folder" data-name="<%= folder.name %>" data-url="/dpanel/dashboard/folder/<%= encodeURIComponent(folder.name) %>" class="hover:bg-gray-50">
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<i class="fas fa-folder text-warning mr-2"></i>
|
||||
<%= folder.name %>
|
||||
<% if (folder.isCollaborative) { %>
|
||||
<span class="ml-2 badge badge-info collaboration-badge">
|
||||
<i class="fas fa-users"></i>
|
||||
<span class="active-users-count"><%= folder.activeUsers.length %></span>
|
||||
</span>
|
||||
<% } %>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span class="badge badge-warning">Dossier</span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span class="text-muted">
|
||||
<i class="fas fa-user"></i>
|
||||
moi
|
||||
</span>
|
||||
</td>
|
||||
<td class="text-center">-</td>
|
||||
<td class="text-right">
|
||||
<div class="dropdown">
|
||||
<button class="btn btn-link btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown">
|
||||
<i class="fas fa-ellipsis-v"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-end">
|
||||
<a href="/dpanel/dashboard/folder/<%= encodeURIComponent(folder.name) %>"
|
||||
class="dropdown-item">
|
||||
<i class="fas fa-folder-open mr-2"></i> Ouvrir
|
||||
</a>
|
||||
<button class="dropdown-item rename-folder-btn" data-folder-name="<%= folder.name %>">
|
||||
<i class="fas fa-edit mr-2"></i> Renommer
|
||||
</button>
|
||||
<button class="dropdown-item text-primary toggle-collaboration-btn"
|
||||
data-item-name="<%= folder.name %>"
|
||||
data-item-type="folder"
|
||||
data-is-collaborative="<%= folder.isCollaborative ? 'true' : 'false' %>">
|
||||
<i class="fas fa-users mr-2"></i> Collaborer
|
||||
</button>
|
||||
<div class="dropdown-divider"></div>
|
||||
<button class="dropdown-item text-danger delete-folder-btn" data-folder-name="<%= folder.name %>">
|
||||
<i class="fas fa-trash-alt mr-2"></i> Supprimer
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<% }); %>
|
||||
|
||||
<!-- Dossiers partagés -->
|
||||
<% if (sharedFolders && sharedFolders.length > 0) { %>
|
||||
<% sharedFolders.forEach(folder => { %>
|
||||
<tr data-type="shared-folder" data-name="<%= folder.folderName %>" data-url="/dpanel/dashboard/folder/shared/<%= folder.owner %>/<%= encodeURIComponent(folder.folderName) %>" class="hover:bg-gray-50">
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<i class="fas fa-folder-open text-info mr-2"></i>
|
||||
<%= folder.folderName %>
|
||||
<span class="ml-2 badge badge-info collaboration-badge">
|
||||
<i class="fas fa-users"></i>
|
||||
<span class="active-users-count"><%= folder.activeUsers.length %></span>
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span class="badge badge-info">Dossier partagé</span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span class="text-muted">
|
||||
<i class="fas fa-user"></i>
|
||||
<%= folder.owner === userData.name ? 'moi' : folder.owner %>
|
||||
</span>
|
||||
</td>
|
||||
<td class="text-center">-</td>
|
||||
<td class="text-right">
|
||||
<div class="dropdown">
|
||||
<button class="btn btn-link btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown">
|
||||
<i class="fas fa-ellipsis-v"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-end">
|
||||
<a href="/dpanel/dashboard/folder/shared/<%= folder.owner %>/<%= encodeURIComponent(folder.folderName) %>"
|
||||
class="dropdown-item">
|
||||
<i class="fas fa-folder-open mr-2"></i> Ouvrir
|
||||
</a>
|
||||
<button class="dropdown-item leave-folder-btn">
|
||||
<i class="fas fa-user-minus mr-2"></i> Quitter
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<% }); %>
|
||||
<% } %>
|
||||
<td>
|
||||
<% if (file.type === 'folder') { %>
|
||||
Dossier
|
||||
<% } else { %>
|
||||
<span class="file-size" data-size="<%= file.size %>"><%= file.size %> octets</span>
|
||||
<% } %>
|
||||
</td>
|
||||
<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>
|
||||
|
||||
<!-- Fichiers -->
|
||||
<% files.filter(item => item.type === 'file').forEach(file => { %>
|
||||
<tr data-type="file" data-name="<%= file.name %>" data-url="<%= file.url %>" class="hover:bg-gray-50">
|
||||
<td>
|
||||
<div class="d-flex align-items-center">
|
||||
<i class="fas fa-file text-secondary mr-2"></i>
|
||||
<%= file.name %>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span class="badge badge-secondary">Fichier</span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span class="text-muted">
|
||||
<i class="fas fa-user"></i>
|
||||
moi
|
||||
</span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span class="file-size" data-size="<%= file.size %>">
|
||||
<%= file.size %> octets
|
||||
</span>
|
||||
</td>
|
||||
<td class="text-right">
|
||||
<div class="dropdown">
|
||||
<button class="btn btn-link btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown">
|
||||
<i class="fas fa-ellipsis-v"></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>
|
||||
<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 class="dropdown-menu dropdown-menu-end">
|
||||
<button class="dropdown-item rename-file-btn" data-file-name="<%= file.name %>">
|
||||
<i class="fas fa-edit mr-2"></i> Renommer
|
||||
</button>
|
||||
<button class="dropdown-item copy-button" data-file-url="<%= file.url %>">
|
||||
<i class="fas fa-copy mr-2"></i> Copier le lien
|
||||
</button>
|
||||
<button class="dropdown-item move-file-btn" data-file-name="<%= file.name %>">
|
||||
<i class="fas fa-file-export mr-2"></i> Déplacer
|
||||
</button>
|
||||
<div class="dropdown-divider"></div>
|
||||
<button class="dropdown-item text-danger delete-file-button" data-file-name="<%= file.name %>">
|
||||
<i class="fas fa-trash-alt mr-2"></i> Supprimer
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<% }); %>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer mt-auto py-3 bg-light">
|
||||
<div class="container">
|
||||
<span class="text-muted">Version: <span id="version-number">...</span> | © 2024 Myaxrin Labs</span>
|
||||
<span class="text-muted">Version: <span id="version-number">...</span> | © <span id="current-year"></span> Myaxrin Labs</span>
|
||||
<a href="#" class="float-right" onclick="displayMetadata()">Metadata</a>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
document.getElementById('current-year').textContent = new Date().getFullYear();
|
||||
</script>
|
||||
|
||||
<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">
|
||||
@@ -207,7 +370,7 @@
|
||||
<select class="form-control" id="moveFolderSelect" name="folderName">
|
||||
<option value="" disabled selected>Choisir un dossier...</option>
|
||||
<% allFolders.forEach(folder => { %>
|
||||
<option value="<%= folder %>"><%= folder %></option>
|
||||
<option value="<%= folder.name %>"><%= folder.name %></option>
|
||||
<% }); %>
|
||||
</select>
|
||||
</form>
|
||||
@@ -220,6 +383,45 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal Collaboration -->
|
||||
<div class="modal fade" id="collaborationModal" tabindex="-1" aria-labelledby="collaborationModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="collaborationModalLabel">Gestion de la collaboration</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="collaboration-users mb-4">
|
||||
<!-- Liste des utilisateurs -->
|
||||
</div>
|
||||
<div class="add-collaborator">
|
||||
<h6 class="mb-3">Ajouter un collaborateur</h6>
|
||||
<div class="input-group mb-3">
|
||||
<input type="text" id="searchCollabUser" class="form-control" placeholder="Rechercher un utilisateur">
|
||||
<div class="input-group-append">
|
||||
<button class="btn btn-outline-secondary" type="button" id="searchCollabBtn">
|
||||
<i class="fas fa-search"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="searchCollabResults" class="mb-3">
|
||||
<!-- Résultats de recherche -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer justify-content-between">
|
||||
<button type="button" class="btn btn-danger" id="disableCollabBtn">
|
||||
<i class="fas fa-users-slash"></i> Désactiver la collaboration
|
||||
</button>
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</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>
|
||||
|
||||
Reference in New Issue
Block a user