diff --git a/src/components/device-management/device-management.ts b/src/components/device-management/device-management.ts index e6efee3..feb41a8 100644 --- a/src/components/device-management/device-management.ts +++ b/src/components/device-management/device-management.ts @@ -87,10 +87,36 @@ export class DeviceManagementComponent extends HTMLElement { .header p { color: #666; - margin: 0; + margin: 0 0 20px 0; font-size: 16px; } + .contract-description { + background: rgba(58, 80, 107, 0.05); + border-radius: 8px; + padding: 20px; + margin-top: 20px; + border-left: 4px solid #3a506b; + } + + .contract-description p { + margin: 0 0 10px 0; + color: #3a506b; + font-size: 14px; + } + + .contract-description ul { + margin: 0; + padding-left: 20px; + } + + .contract-description li { + margin-bottom: 8px; + color: #555; + font-size: 14px; + line-height: 1.4; + } + .current-device { background: #f8f9fa; border-radius: 8px; @@ -334,8 +360,17 @@ export class DeviceManagementComponent extends HTMLElement {
-

🔐 Gestion des Devices

-

Contrat de pairing sécurisé avec authentification 4 mots

+

🔐 Contrat de Pairing

+

Gestion sécurisée de vos devices avec authentification 4 mots

+
+

📋 Description du contrat :

+
    +
  • 🔐 Sécurité : Chaque device est authentifié par 4 mots uniques
  • +
  • 🔗 Pairing : Connexion sécurisée entre devices approuvés
  • +
  • 🛡️ Protection : Au moins 1 device doit toujours rester actif
  • +
  • 🔄 Gestion : Ajout/suppression de devices en temps réel
  • +
+
@@ -629,18 +664,18 @@ export class DeviceManagementComponent extends HTMLElement { // Show loading status this.showStatus('🗑️ Suppression du compte en cours...', 'success'); - + // Delete the account await this.service.deleteAccount(); - + // Show success message this.showStatus('✅ Compte supprimé avec succès ! Redirection en cours...', 'success'); - + // Reload the page to restart the application setTimeout(() => { window.location.reload(); }, 2000); - + } catch (error) { console.error('❌ Erreur lors de la suppression du compte:', error); this.showStatus(`❌ Erreur lors de la suppression du compte: ${error}`, 'error');