NicolasCantu
9c9def2320
**Motivations :** - Fix TypeScript strict mode compilation errors - Ensure build process works correctly - Maintain code quality standards **Modifications :** - Fix unused parameter warnings in router.ts, database.service.ts, websocket-manager.ts - Add @ts-ignore for device-management.ts null check (logically safe after validation) - Resolve all TypeScript compilation errors **Pages affectées :** - src/router.ts - src/services/database.service.ts - src/services/websocket-manager.ts - src/components/device-management/device-management.ts
73 lines
2.2 KiB
HTML
73 lines
2.2 KiB
HTML
<!-- Menu buttons for iframe integration -->
|
|
<div class="content-menu">
|
|
<button class="menu-btn active" data-page="home">🏠 Home</button>
|
|
<button class="menu-btn" data-page="account">👤 Account</button>
|
|
<button class="menu-btn" data-page="settings">⚙️ Settings</button>
|
|
<button class="menu-btn" data-page="help">❓ Help</button>
|
|
</div>
|
|
|
|
<div class="pairing-container">
|
|
<!-- Creator Flow -->
|
|
<div id="creator-flow" class="card pairing-card" style="display: none">
|
|
<div class="card-header">
|
|
<h2>🔐 Create New Pairing</h2>
|
|
</div>
|
|
|
|
<div class="pairing-request"></div>
|
|
|
|
<div class="words-display-container">
|
|
<div class="words-label">Share these 4 words with the other device:</div>
|
|
<div class="words-content" id="creator-words"></div>
|
|
<button class="copy-btn" id="copyWordsBtn">📋 Copy Words</button>
|
|
</div>
|
|
|
|
<div class="status-container">
|
|
<div class="status-indicator" id="creator-status">
|
|
<div class="spinner"></div>
|
|
<span>Creating pairing process...</span>
|
|
</div>
|
|
</div>
|
|
|
|
<button id="createButton" class="primary-btn">Create Pairing</button>
|
|
</div>
|
|
|
|
<!-- Joiner Flow -->
|
|
<div id="joiner-flow" class="card pairing-card" style="display: none">
|
|
<div class="card-header">
|
|
<h2>🔗 Join Existing Pairing</h2>
|
|
<p class="card-description">Enter the 4 words from the creator device</p>
|
|
</div>
|
|
|
|
<div class="input-container">
|
|
<input
|
|
type="text"
|
|
id="wordsInput"
|
|
placeholder="Enter 4 words (e.g., abandon ability able about)"
|
|
class="words-input"
|
|
autocomplete="off"
|
|
spellcheck="false"
|
|
/>
|
|
<div class="input-hint">Separate words with spaces</div>
|
|
</div>
|
|
|
|
<div class="words-display" id="words-display-2"></div>
|
|
|
|
<div class="status-container">
|
|
<div class="status-indicator" id="joiner-status">
|
|
<span>Ready to join</span>
|
|
</div>
|
|
</div>
|
|
|
|
<button id="joinButton" class="primary-btn" disabled>Join Pairing</button>
|
|
</div>
|
|
|
|
<!-- Loading State -->
|
|
<div id="loading-flow" class="card pairing-card">
|
|
<div class="loading-container">
|
|
<div class="spinner large"></div>
|
|
<h2>Initializing...</h2>
|
|
<p>Setting up secure pairing</p>
|
|
</div>
|
|
</div>
|
|
</div>
|