beuz/Beuz-Video-Game
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: move backup and migration actions into a sidebar tools menu

Browse Source
This commit is contained in:
Ponte
2026-02-11 15:20:24 +01:00
parent 110a6c4a1b
commit e2a7f0fdd9
4 changed files with 108 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
index.html
View File

@@ -13,6 +13,24 @@
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<button id="toolsToggleBtn" type="button" class="tools-toggle-btn">Outils</button>
<aside id="toolsDrawer" class="tools-drawer" aria-label="Menu outils">
<div class="tools-header">
<h2>Outils</h2>
<button id="toolsCloseBtn" type="button" class="btn-secondary tools-close-btn">Fermer</button>
</div>
<p class="tools-subtitle">Sauvegarde, restauration et migration.</p>
<button id="migrateBtn" type="button" class="btn-secondary hidden">
Migrer localStorage vers DB
</button>
<div id="backupControls" class="backup-controls hidden">
<button id="backupBtn" type="button" class="btn-secondary">Sauvegarder JSON</button>
<button id="restoreMergeBtn" type="button" class="btn-secondary">Restaurer (fusion)</button>
<button id="restoreReplaceBtn" type="button" class="btn-secondary">Restaurer (remplacement)</button>
<input id="restoreFileInput" type="file" accept="application/json" class="hidden" />
</div>
</aside>
<main class="app-shell">
<header class="hero">
<div>
@@ -50,15 +68,6 @@
<div class="panel-header">
<h2 id="gameSectionTitle">Jeux</h2>
<p id="dataModeInfo" class="data-mode"></p>
<button id="migrateBtn" type="button" class="btn-secondary hidden">
Migrer localStorage vers DB
</button>
<div id="backupControls" class="backup-controls hidden">
<button id="backupBtn" type="button" class="btn-secondary">Sauvegarder JSON</button>
<button id="restoreMergeBtn" type="button" class="btn-secondary">Restaurer (fusion)</button>
<button id="restoreReplaceBtn" type="button" class="btn-secondary">Restaurer (remplacement)</button>
<input id="restoreFileInput" type="file" accept="application/json" class="hidden" />
</div>
</div>
<form id="gameForm" class="grid-form game-form">