pierre/SimpleClient-releases
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 7 Wiki Activity

refactor: Refonte majeure de l'interface utilisateur (v1.2.0)

Browse Source 
SUPPRESSIONS:
- Sidebar latérale gauche complètement retirée
- Statistiques du jour supprimées
- Bouton et modal de simulation d'appel supprimés
- Scrollbars visibles masquées

AJOUTS:
- Zone de notes dynamique avec toggle via bouton 📝
- Sauvegarde des préférences dans localStorage
- Nouveau design moderne avec styles-modern.css

AMÉLIORATIONS:
- Interface épurée maximisant l'espace pour les webviews
- Onglets style Material Design avec animations
- Meilleure gestion de l'espace avec calc() CSS
- Code HTML et JavaScript nettoyé et simplifié
This commit is contained in:
Pierre Marx
2025-09-04 15:12:31 -04:00
parent 2bf8c3605a
commit 892d55a9f8
4 changed files with 979 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
index.html
View File

@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>SimpleConnect</title>
<link rel="stylesheet" href="choices.min.css" />
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="styles-modern.css" />
</head>
<body>
<!-- Page de connexion -->
@@ -69,8 +69,8 @@
</div>
</div>
<div class="header-right">
<button id="simulateCallBtn" class="btn-secondary">
Simuler un appel
<button id="toggleNotesBtn" class="btn-icon" title="Afficher/Masquer les notes">
<span class="icon-notes">📝</span>
</button>
<button id="logoutBtn" class="btn-secondary">Déconnexion</button>
</div>
@@ -89,25 +89,6 @@
<!-- 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 -->
@@ -120,9 +101,12 @@
</div>
</div>
<!-- Zone de notes rapides -->
<div class="notes-section">
<h4>Notes rapides</h4>
<!-- Zone de notes rapides (masquable) -->
<div id="notesSection" class="notes-section">
<div class="notes-header">
<h4>Notes rapides</h4>
<button id="closeNotesBtn" class="btn-close-notes" title="Fermer">×</button>
</div>
<textarea
id="quickNotes"
placeholder="Prenez des notes ici..."
@@ -133,21 +117,8 @@
</div>
</div>
<!-- Modal de simulation d'appel -->
<div id="callSimulationModal" class="modal">
<div class="modal-content">
<span class="close">&times;</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="choices.min.js"></script>
<script src="renderer.js"></script>
<script src="cti-simulator.js"></script>
</body>
</html>