112 lines
4.4 KiB
HTML
112 lines
4.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>SimpleConnect - Gestion Centralisée des Plannings</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body>
|
|
<!-- Page de connexion -->
|
|
<div id="loginPage" class="page active">
|
|
<div class="login-container">
|
|
<h1>SimpleConnect</h1>
|
|
<h2>Connexion Agent</h2>
|
|
<form id="loginForm">
|
|
<input type="email" id="email" placeholder="Email" required>
|
|
<input type="password" id="password" placeholder="Mot de passe" required>
|
|
<button type="submit">Se connecter</button>
|
|
<div id="loginError" class="error-message"></div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Page principale -->
|
|
<div id="mainPage" class="page">
|
|
<!-- Header -->
|
|
<header>
|
|
<div class="header-left">
|
|
<h1>SimpleConnect</h1>
|
|
<span id="agentName" class="agent-name"></span>
|
|
</div>
|
|
<div class="header-center">
|
|
<div id="callStatus" class="call-status">
|
|
<span class="status-indicator" id="statusIndicator"></span>
|
|
<span id="statusText">En attente</span>
|
|
</div>
|
|
</div>
|
|
<div class="header-right">
|
|
<button id="simulateCallBtn" class="btn-secondary">Simuler un appel</button>
|
|
<button id="logoutBtn" class="btn-secondary">Déconnexion</button>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Zone d'alerte appel entrant -->
|
|
<div id="incomingCallAlert" class="incoming-call-alert">
|
|
<div class="call-icon">📞</div>
|
|
<div class="call-info">
|
|
<div class="call-title">APPEL ENTRANT</div>
|
|
<div class="call-center" id="callCenterName"></div>
|
|
<div class="call-patient" id="callPatientInfo"></div>
|
|
</div>
|
|
<button id="acceptCallBtn" class="btn-accept">Prendre l'appel</button>
|
|
</div>
|
|
|
|
<!-- Conteneur principal -->
|
|
<div class="main-container">
|
|
<!-- Sidebar avec la liste des centres -->
|
|
<aside class="sidebar">
|
|
<h3>Mes Centres</h3>
|
|
<div id="centersList" class="centers-list"></div>
|
|
<div class="sidebar-footer">
|
|
<h4>Statistiques du jour</h4>
|
|
<div id="dailyStats" class="daily-stats">
|
|
<div class="stat-item">
|
|
<span class="stat-label">Appels traités:</span>
|
|
<span class="stat-value" id="callCount">0</span>
|
|
</div>
|
|
<div class="stat-item">
|
|
<span class="stat-label">RDV pris:</span>
|
|
<span class="stat-value" id="appointmentCount">0</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
|
|
<!-- Zone principale avec les webviews -->
|
|
<main class="content">
|
|
<!-- Onglets des centres -->
|
|
<div class="tabs" id="centerTabs"></div>
|
|
|
|
<!-- Container des webviews -->
|
|
<div id="webviewContainer" class="webview-container">
|
|
<div class="no-center-selected">
|
|
<p>Sélectionnez un centre ou attendez un appel entrant</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Zone de notes rapides -->
|
|
<div class="notes-section">
|
|
<h4>Notes rapides</h4>
|
|
<textarea id="quickNotes" placeholder="Prenez des notes ici..."></textarea>
|
|
<button id="saveNotesBtn" class="btn-small">Sauvegarder</button>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal de simulation d'appel -->
|
|
<div id="callSimulationModal" class="modal">
|
|
<div class="modal-content">
|
|
<span class="close">×</span>
|
|
<h2>Simuler un appel entrant</h2>
|
|
<div id="simulatedCallsList" class="simulated-calls-list"></div>
|
|
<button id="customCallBtn" class="btn-secondary">Appel personnalisé</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Scripts -->
|
|
<script src="renderer.js"></script>
|
|
<script src="cti-simulator.js"></script>
|
|
</body>
|
|
</html> |