Version initiale
This commit is contained in:
112
index.html
Normal file
112
index.html
Normal file
@@ -0,0 +1,112 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user