68 lines
2.7 KiB
HTML
68 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Soundboard A5L</title>
|
|
<script src="auth.js"></script>
|
|
<link rel="manifest" href="manifest.json">
|
|
<link rel="stylesheet" href="style.css">
|
|
<meta name="theme-color" content="#00f2ff">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<header>
|
|
<div style="display: flex; gap: 10px; align-items: center;">
|
|
<button class="stop-all" onclick="stopAll()">🛑 STOP ALL</button>
|
|
<span id="app-version" style="color: #555; font-size: 0.8rem; margin-left: 10px;"><a href="readme.md">1.214</a></span>
|
|
|
|
<button id="installBtn" style="display:none; ...">📥 INSTALLER</button>
|
|
|
|
<div id="auth-zone">
|
|
<button id="loginBtn" onclick="login()" style="background:var(--accent); color:black;">SE CONNECTER</button>
|
|
<div id="userProfile" style="display:none;">
|
|
<span id="userName"></span>
|
|
<button onclick="logout()" style="background:none; color:var(--danger); border:1px solid">DÉCONNEXION</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<button onclick="toggleEditMode()" id="toggleBtn">MODE ÉDITION</button>
|
|
</header>
|
|
|
|
<div class="grid" id="board"></div>
|
|
|
|
<div id="editOverlay">
|
|
<div id="editPanel">
|
|
<h2 id="editTitle" style="margin-top:0; color:var(--accent)">Configuration Bouton</h2>
|
|
<label>Nom de l'échantillon</label>
|
|
<input type="text" id="inputName">
|
|
|
|
<button onclick="document.getElementById('fileInput').click()" style="width:100%; padding:15px; margin:15px 0; background:#333; color:white; border:1px solid #555; border-radius:4px;">📁 CHARGER LE FICHIER AUDIO</button>
|
|
<center><small id="fileNameLabel" style="color:#777"></small></center>
|
|
|
|
<div style="margin-top:20px;">
|
|
<input type="checkbox" id="inputLoop"> <label>Activer la boucle infinie</label>
|
|
</div>
|
|
|
|
<label style="margin-top:20px; display:block">Volume (Gain)</label>
|
|
<input type="range" id="inputVolume" min="0" max="1" step="0.01" value="1">
|
|
|
|
<div class="actions">
|
|
<button class="btn-cancel" onclick="closeEdit()">ANNULER</button>
|
|
<button class="btn-save" onclick="saveSettings()">APPLIQUER</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<input type="file" id="fileInput" accept="audio/*" style="display:none">
|
|
|
|
<input type="file" id="fileInput" accept="audio/*, .mp3, .wav, .ogg, .m4a" style="display:none">
|
|
|
|
<script src="script.js"></script>
|
|
|
|
</body>
|
|
</html> |