Projets/ObsiGate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add fallback clipboard copy and wrap content in layout container

Browse Source
This commit is contained in:
Bruno Charest 2026-05-25 21:21:41 -04:00
parent 370420aa00
commit e84b66a257
3 changed files with 50 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
frontend/app.js
View File

@ -6029,11 +6029,38 @@
}, },
_copyPath(path) { _copyPath(path) {
navigator.clipboard.writeText(path).then(() => { // Try modern clipboard API first, fall back to execCommand for non-secure contexts
showToast(`Chemin copié : ${path}`, 'success'); if (navigator.clipboard && navigator.clipboard.writeText) {
}).catch(() => { navigator.clipboard.writeText(path).then(() => {
showToast(`Chemin copié : ${path}`, 'success');
}).catch(() => {
this._copyPathFallback(path);
});
} else {
this._copyPathFallback(path);
}
},
_copyPathFallback(path) {
const textarea = document.createElement('textarea');
textarea.value = path;
textarea.style.position = 'fixed';
textarea.style.left = '-9999px';
textarea.style.top = '-9999px';
document.body.appendChild(textarea);
textarea.focus();
textarea.select();
try {
const success = document.execCommand('copy');
if (success) {
showToast(`Chemin copié : ${path}`, 'success');
} else {
showToast('Erreur lors de la copie', 'error');
}
} catch (e) {
showToast('Erreur lors de la copie', 'error'); showToast('Erreur lors de la copie', 'error');
}); }
document.body.removeChild(textarea);
} }
}; };

15
frontend/index.html
View File

@ -348,13 +348,15 @@
<!-- Sidebar resize handle --> <!-- Sidebar resize handle -->
<div class="sidebar-resize-handle" id="sidebar-resize-handle"></div> <div class="sidebar-resize-handle" id="sidebar-resize-handle"></div>
<!-- Tab bar --> <!-- Content Wrapper (tab bar + content area) -->
<div class="tab-bar" id="tab-bar" hidden> <div class="content-wrapper">
<div class="tab-list" id="tab-list"></div> <!-- Tab bar -->
</div> <div class="tab-bar" id="tab-bar" hidden>
<div class="tab-list" id="tab-list"></div>
</div>
<!-- Content --> <!-- Content -->
<main class="content-area" id="content-area" aria-label="Contenu principal"> <main class="content-area" id="content-area" aria-label="Contenu principal">
<div id="dashboard-home" class="dashboard-home" role="region" aria-label="Tableau de bord"> <div id="dashboard-home" class="dashboard-home" role="region" aria-label="Tableau de bord">
<!-- Bookmarks Section --> <!-- Bookmarks Section -->
<div id="dashboard-bookmarks-section" class="dashboard-section"> <div id="dashboard-bookmarks-section" class="dashboard-section">
@ -406,6 +408,7 @@
</div> </div>
</div> </div>
</main> </main>
</div><!-- /content-wrapper -->
<!-- Right sidebar resize handle --> <!-- Right sidebar resize handle -->
<div class="right-sidebar-resize-handle" id="right-sidebar-resize-handle"></div> <div class="right-sidebar-resize-handle" id="right-sidebar-resize-handle"></div>

11
frontend/style.css
View File

@ -1036,6 +1036,15 @@ select {
pointer-events: none; pointer-events: none;
} }
/* --- Content Wrapper (tabs + content) --- */
.content-wrapper {
flex: 1;
display: flex;
flex-direction: column;
min-width: 0;
overflow: hidden;
}
/* --- Content Area --- */ /* --- Content Area --- */
.content-area { .content-area {
flex: 1; flex: 1;
@ -1049,7 +1058,7 @@ select {
} }
/* Center content when sidebar is hidden */ /* Center content when sidebar is hidden */
.sidebar.hidden ~ .content-area { .sidebar.hidden ~ .content-wrapper .content-area {
margin: 0 auto; margin: 0 auto;
max-width: 1200px; max-width: 1200px;
} }