Are you sure you want to delete your account? This action cannot be undone.
@@ -404,18 +137,18 @@ function confirmDeleteAccount(): void {
modal.remove();
});
- confirmBtn?.addEventListener('click', () => {
- deleteAccount();
- modal.remove();
- });
+ confirmBtn?.addEventListener('click', () => {
+ this.deleteAccount();
+ modal.remove();
+ });
}
-function deleteAccount(): void {
+private deleteAccount(): void {
localStorage.clear();
window.location.href = '/login.html';
}
-function updateNavbarBanner(imageUrl: string): void {
+private updateNavbarBanner(imageUrl: string): void {
const navbarSection = document.querySelector('.nav-wrapper .avatar-section');
if (!navbarSection) return;
@@ -430,23 +163,23 @@ function updateNavbarBanner(imageUrl: string): void {
bannerImg.src = imageUrl;
}
-function saveBannerToLocalStorage(dataUrl: string): void {
+private saveBannerToLocalStorage(dataUrl: string): void {
localStorage.setItem('userBanner', dataUrl);
}
-function loadSavedBanner(): void {
+private loadSavedBanner(): void {
const savedBanner = localStorage.getItem('userBanner');
if (savedBanner) {
const bannerImg = document.getElementById('popup-banner-img') as HTMLImageElement;
if (bannerImg) {
bannerImg.src = savedBanner;
}
- updateNavbarBanner(savedBanner);
+ this.updateNavbarBanner(savedBanner);
}
}
-function closeNotificationPopup(event: Event): void {
+private closeNotificationPopup(event: Event): void {
const target = event.target as HTMLElement;
const isOverlay = target.classList.contains('notification-popup-overlay');
const isCloseButton = target.classList.contains('close-popup');
@@ -456,7 +189,7 @@ function closeNotificationPopup(event: Event): void {
if (popup) popup.remove();
}
-function markAsRead(processName: string, messageId: number, element: HTMLElement): void {
+private markAsRead(processName: string, messageId: number, element: HTMLElement): void {
const process = mockProcessRows.find(p => p.process === processName);
if (!process) return;
@@ -473,7 +206,7 @@ function markAsRead(processName: string, messageId: number, element: HTMLElement
statusIcon.classList.add('fa-check');
}
- const notifCount = calculateNotifications(process.notification.messages);
+ const notifCount = this.calculateNotifications(process.notification.messages);
const countElement = document.querySelector(`.notification-count[data-process="${processName}"]`);
if (countElement) {
countElement.textContent = `${notifCount.unread}/${notifCount.total}`;
@@ -488,21 +221,14 @@ function markAsRead(processName: string, messageId: number, element: HTMLElement
}
// Fonctions de gestion des données et de l'interface
-interface NotificationMessage {
- id: number;
- read: boolean;
- date: string;
- message: string;
-}
-
-function calculateNotifications(messages: NotificationMessage[]): { unread: number; total: number } {
+private calculateNotifications(messages: NotificationMessage[]): { unread: number; total: number } {
const total = messages.length;
const unread = messages.filter(msg => !msg.read).length;
return { unread, total };
}
// Fonctions de récupération
-function exportRecovery(): void {
+private exportRecovery(): void {
Swal.fire({
title: 'Recovery Words Export',
text: '4 words will be displayed. We strongly recommend writing them down on paper before exporting the account. Do you want to continue?',
@@ -514,7 +240,7 @@ function exportRecovery(): void {
cancelButtonColor: '#6c757d'
}).then((result) => {
if (result.isConfirmed) {
- const recoveryWords = generateRecoveryWords();
+ const recoveryWords = this.generateRecoveryWords();
localStorage.setItem('recoveryWords', JSON.stringify(recoveryWords));
Swal.fire({
@@ -554,13 +280,11 @@ function exportRecovery(): void {
});
}
-const wordsList: string[] = [
- "apple", "banana", "carrot", "diamond", "elephant", "forest", "guitar", "hammer",
- "island", "jacket", "kettle", "lemon", "marble", "needle", "orange", "pencil",
- "quartz", "rabbit", "sunset", "turtle", "umbrella", "violet", "wallet", "yellow"
-];
-
-function generateRecoveryWords(): string[] {
+private generateRecoveryWords(): string[] {
+ const wordsList = [
+ 'apple', 'banana', 'orange', 'grape', 'kiwi', 'mango', 'peach', 'plum',
+ 'lemon', 'lime', 'cherry', 'melon', 'pear', 'fig', 'date', 'berry'
+ ];
const recoveryWords: string[] = [];
while (recoveryWords.length < 4) {
const randomWord = wordsList[Math.floor(Math.random() * wordsList.length)];
@@ -571,7 +295,7 @@ function generateRecoveryWords(): string[] {
return recoveryWords;
}
-function exportUserData(): void {
+private exportUserData(): void {
const data: { [key: string]: string | null } = {};
for (let i = 0; i < localStorage.length; i++) {
const key = localStorage.key(i);
@@ -593,19 +317,19 @@ function exportUserData(): void {
URL.revokeObjectURL(url);
}
-function updateActionButtons(): void {
+private updateActionButtons(): void {
const buttonContainer = document.querySelector('.button-container');
if (!buttonContainer) return;
buttonContainer.innerHTML = `
-
-
+
+
`;
}
-function getConfirmFunction(): string {
+private getConfirmFunction(): string {
switch (currentMode) {
case 'wallet':
return 'window.confirmWalletRow()';
@@ -616,7 +340,7 @@ function getConfirmFunction(): string {
}
}
-function getCancelFunction(): string {
+private getCancelFunction(): string {
switch (currentMode) {
case 'wallet':
return 'window.cancelWalletRow()';
@@ -628,7 +352,7 @@ function getCancelFunction(): string {
}
// Fonctions de gestion des tableaux
-function addRow(): void {
+private addRow(): void {
if (isAddingRow) return;
isAddingRow = true;
@@ -645,19 +369,18 @@ function addRow(): void {
input.className = 'edit-input';
// Ajouter un événement pour mettre à jour automatiquement les emojis
- if (index === 0) { // SP Address input
- input.addEventListener('input', (e) => {
+ if (index === 0) {
+ input.addEventListener('input', async (e) => {
const addressInput = e.target as HTMLInputElement;
- const emojiCell = currentRow!.cells[2]; // Changé à 2 pour la troisième colonne
- const emojis = addressToEmoji(addressInput.value);
+ const emojiCell = currentRow!.cells[2];
+ const emojis = await addressToEmoji(addressInput.value);
if (emojiCell.querySelector('input')) {
(emojiCell.querySelector('input') as HTMLInputElement).value = emojis;
}
});
}
- // Désactiver l'input des emojis car il est automatique
- if (index === 2) { // SP Emojis input (troisième colonne)
+ if (index === 2) {
input.readOnly = true;
}
@@ -667,12 +390,31 @@ function addRow(): void {
const deleteCell = currentRow.insertCell();
deleteCell.style.width = '40px';
- updateActionButtons();
+ this.updateActionButtons();
+}
+
+// Fonctions de mise à jour de l'interface
+private updateTableContent(rows: Row[]): void {
+ const tbody = document.querySelector('#pairing-table tbody');
+ if (!tbody) return;
+
+ tbody.innerHTML = rows.map(row => `
+
+ | ${row.column1} |
+ ${row.column2} |
+ ${row.column3} |
+
+
+ |
+
+ `).join('');
}
-function confirmRow(): void {
+private confirmRow(): void {
if (!currentRow) return;
const inputs = currentRow.getElementsByTagName('input');
@@ -704,30 +446,30 @@ function confirmRow(): void {
isAddingRow = false;
currentRow = null;
- resetButtonContainer();
- updateTableContent(rows);
+ this.resetButtonContainer();
+ this.updateTableContent(rows);
}
-function cancelRow(): void {
+private cancelRow(): void {
if (!currentRow) return;
currentRow.remove();
isAddingRow = false;
currentRow = null;
- resetButtonContainer();
+ this.resetButtonContainer();
}
-function resetButtonContainer(): void {
+private resetButtonContainer(): void {
const buttonContainer = document.querySelector('.button-container');
if (!buttonContainer) return;
buttonContainer.innerHTML = `
-
+
`;
}
-function deleteRow(button: HTMLButtonElement): void {
+private deleteRow(button: HTMLButtonElement): void {
const row = button.closest('tr');
if (!row) return;
@@ -760,7 +502,7 @@ function deleteRow(button: HTMLButtonElement): void {
}, 300);
}
-function editDeviceName(cell: HTMLTableCellElement): void {
+private editDeviceName(cell: HTMLTableCellElement): void {
if (cell.classList.contains('editing')) return;
const currentValue = cell.textContent || '';
@@ -769,10 +511,10 @@ function editDeviceName(cell: HTMLTableCellElement): void {
input.value = currentValue;
input.className = 'edit-input';
- input.addEventListener('blur', () => finishEditing(cell, input));
+ input.addEventListener('blur', () => this.finishEditing(cell, input));
input.addEventListener('keypress', (e: KeyboardEvent) => {
if (e.key === 'Enter') {
- finishEditing(cell, input);
+ this.finishEditing(cell, input);
}
});
@@ -782,7 +524,7 @@ function editDeviceName(cell: HTMLTableCellElement): void {
input.focus();
}
-function finishEditing(cell: HTMLTableCellElement, input: HTMLInputElement): void {
+private finishEditing(cell: HTMLTableCellElement, input: HTMLInputElement): void {
const newValue = input.value.trim();
if (newValue === '') {
cell.textContent = cell.getAttribute('data-original-value') || '';
@@ -808,54 +550,8 @@ function finishEditing(cell: HTMLTableCellElement, input: HTMLInputElement): voi
cell.textContent = newValue;
cell.classList.remove('editing');
}
-
-function showAlert(message: string): void {
- // Créer la popup si elle n'existe pas
- let alertPopup = document.querySelector('.alert-popup');
- if (!alertPopup) {
- alertPopup = document.createElement('div');
- alertPopup.className = 'alert-popup';
- document.body.appendChild(alertPopup);
- }
-
- // Définir le message et afficher la popup
- alertPopup.textContent = message;
- (alertPopup as HTMLElement).style.display = 'block';
-
- // Cacher la popup après 3 secondes
- setTimeout(() => {
- (alertPopup as HTMLElement).style.display = 'none';
- }, 3000);
-}
-
-// Fonction pour gérer les événements d'édition
-function initializeEventListeners(): void {
- const editableFields = document.querySelectorAll
('.editable');
- editableFields.forEach(field => {
- field.addEventListener('click', () => {
- if (!field.classList.contains('editing')) {
- const currentValue = field.textContent || '';
- const input = document.createElement('input');
- input.type = 'text';
- input.value = currentValue;
- input.className = 'edit-input';
-
- field.textContent = '';
- field.appendChild(input);
- field.classList.add('editing');
- input.focus();
- }
- });
- });
-
- const avatarInput = document.getElementById('avatar-upload') as HTMLInputElement;
- if (avatarInput) {
- avatarInput.addEventListener('change', handleAvatarUpload);
- }
-}
-
// Fonction pour gérer le téléchargement de l'avatar
-function handleAvatarUpload(event: Event): void {
+private handleAvatarUpload(event: Event): void {
const input = event.target as HTMLInputElement;
const file = input.files?.[0];
@@ -875,24 +571,11 @@ function handleAvatarUpload(event: Event): void {
}
}
-// Initialisation au chargement de la page
-if (!localStorage.getItem('rows')) {
- localStorage.setItem('rows', JSON.stringify(defaultRows));
-}
-// Event Listeners et initialisation
-document.addEventListener('DOMContentLoaded', () => {
- //console.log("DOM Content Loaded");
- initAccount();
- showPairing();
-});
-
-
-
-function showProcess(): void {
+private showProcess(): void {
//console.log("showProcess called");
currentMode = 'process';
- hideAllContent();
+ this.hideAllContent();
const headerTitle = document.getElementById('header-title');
if (headerTitle) headerTitle.textContent = 'Process';
@@ -917,12 +600,12 @@ function showProcess(): void {
`;
// Utiliser mockProcessRows au lieu du localStorage
- updateProcessTableContent(mockProcessRows);
+ this.updateProcessTableContent(mockProcessRows);
}
}
// Fonction utilitaire pour mettre à jour le contenu du tableau Process
-function updateProcessTableContent(rows: any[]): void {
+private updateProcessTableContent(rows: any[]): void {
const tbody = document.querySelector('#process-table tbody');
if (!tbody) return;
@@ -944,7 +627,7 @@ function updateProcessTableContent(rows: any[]): void {
-function showProcessNotifications(processName: string): void {
+private showProcessNotifications(processName: string): void {
const process = mockProcessRows.find(p => p.process === processName);
if (!process) return;
@@ -983,54 +666,26 @@ function showProcessNotifications(processName: string): void {
// Mettre à jour le compteur de notifications
const countElement = document.querySelector(`.notification-count[data-process="${processName}"]`);
if (countElement) {
- const notifCount = calculateNotifications(process.notification.messages);
+ const notifCount = this.calculateNotifications(process.notification.messages);
countElement.textContent = `${notifCount.unread}/${notifCount.total}`;
}
const closeButton = modal.querySelector('.close-notifications');
closeButton?.addEventListener('click', () => {
modal.remove();
- showProcess(); // Rafraîchir l'affichage pour mettre à jour les compteurs
+ this.showProcess(); // Rafraîchir l'affichage pour mettre à jour les compteurs
});
}
-function generateRandomNotification(): void {
- const processes = JSON.parse(localStorage.getItem(STORAGE_KEYS.process) || '[]');
- if (processes.length === 0) return;
- const randomProcess = processes[Math.floor(Math.random() * processes.length)].column1;
- const notification = {
- message: notificationMessages[Math.floor(Math.random() * notificationMessages.length)],
- timestamp: new Date().toLocaleString(),
- isRead: false
- };
-
- if (!mockNotifications[randomProcess]) {
- mockNotifications[randomProcess] = [];
- }
- mockNotifications[randomProcess].push(notification);
-
- if (currentMode === 'process') {
- showProcess();
- }
-}
-
-function handleLogout(): void {
+private handleLogout(): void {
localStorage.clear();
window.location.href = '../login/login.html';
}
-
-// Initialisation des notifications
-document.addEventListener('DOMContentLoaded', () => {
- loadUserInfo();
- setInterval(generateRandomNotification, 60000);
-});
-
-
// Fonctions de gestion des contrats
-function showContractPopup(contractId: string) {
+private showContractPopup(contractId: string) {
// Empêcher la navigation par défaut
event?.preventDefault();
// Check if the contract exists in mockContracts
@@ -1073,10 +728,10 @@ function showContractPopup(contractId: string) {
}
// Ajouter à l'objet window
-window.showContractPopup = showContractPopup;
+
// Fonction utilitaire pour cacher tous les contenus
-function hideAllContent(): void {
+private hideAllContent(): void {
const contents = ['pairing-content', 'wallet-content', 'process-content', 'data-content'];
contents.forEach(id => {
const element = document.getElementById(id);
@@ -1087,14 +742,14 @@ function hideAllContent(): void {
}
// Fonctions d'affichage des sections
-function showPairing(): void {
+private showPairing(): void {
isAddingRow = false;
currentRow = null;
currentMode = 'pairing';
// Cacher tous les contenus
- hideAllContent();
+ this.hideAllContent();
// Mettre à jour le titre
const headerElement = document.getElementById('parameter-header');
@@ -1130,16 +785,16 @@ function showPairing(): void {
// Mettre à jour le contenu du tableau
const rows = JSON.parse(localStorage.getItem(STORAGE_KEYS.pairing) || '[]');
- updateTableContent(rows);
+ this.updateTableContent(rows);
}
}
-function showWallet(): void {
+private showWallet(): void {
isAddingRow = false;
currentRow = null;
currentMode = 'wallet';
- hideAllContent();
+ this.hideAllContent();
// Mettre à jour le titre
const headerTitle = document.getElementById('header-title');
@@ -1147,7 +802,7 @@ function showWallet(): void {
const walletContent = document.getElementById('wallet-content');
if (!walletContent) return;
- walletContent.style.display = 'block'; // Ajout de cette ligne pour rendre visible
+ walletContent.style.display = 'block';
walletContent.innerHTML = `
@@ -1168,11 +823,11 @@ function showWallet(): void {
`;
const rows = JSON.parse(localStorage.getItem(STORAGE_KEYS.wallet) || '[]');
- updateWalletTableContent(rows);
+ this.updateWalletTableContent(rows);
}
-function updateWalletTableContent(rows: WalletRow[]): void {
+private updateWalletTableContent(rows: WalletRow[]): void {
const tbody = document.querySelector('#wallet-table tbody');
if (!tbody) return;
@@ -1185,10 +840,10 @@ function updateWalletTableContent(rows: WalletRow[]): void {
`).join('');
}
-function showData(): void {
+private showData(): void {
//console.log("showData called");
currentMode = 'data';
- hideAllContent();
+ this.hideAllContent();
const headerTitle = document.getElementById('header-title');
if (headerTitle) headerTitle.textContent = 'Data';
@@ -1216,12 +871,12 @@ function showData(): void {
`;
const rows = mockDataRows || JSON.parse(localStorage.getItem(STORAGE_KEYS.data) || '[]');
- updateDataTableContent(rows);
+ this.updateDataTableContent(rows);
}
}
// Fonctions de gestion du wallet
-function addWalletRow(): void {
+private addWalletRow(): void {
if (isAddingRow) return;
isAddingRow = true;
@@ -1251,10 +906,10 @@ function addWalletRow(): void {
`;
- updateActionButtons();
+ this.updateActionButtons();
}
-function confirmWalletRow(): void {
+private confirmWalletRow(): void {
if (!currentRow) return;
const inputs = Array.from(currentRow.getElementsByTagName('input'));
@@ -1273,13 +928,13 @@ function confirmWalletRow(): void {
isAddingRow = false;
currentRow = null;
- showWallet();
+ this.showWallet();
} else {
showAlert('Please complete all fields before confirming.');
}
}
-function cancelWalletRow(): void {
+private cancelWalletRow(): void {
if (!currentRow) return;
currentRow.remove();
@@ -1298,13 +953,13 @@ function cancelWalletRow(): void {
}
// Fonctions de sauvegarde
-function saveDataRowToLocalStorage(row: DataRow): void {
+private saveDataRowToLocalStorage(row: DataRow): void {
const rows: DataRow[] = JSON.parse(localStorage.getItem(STORAGE_KEYS.data) || '[]');
rows.push(row);
localStorage.setItem(STORAGE_KEYS.data, JSON.stringify(rows));
}
-function saveDeviceName(cell: HTMLTableCellElement, newValue: string): void {
+private saveDeviceName(cell: HTMLTableCellElement, newValue: string): void {
const row = cell.closest('tr');
if (!row) return;
@@ -1317,33 +972,13 @@ function saveDeviceName(cell: HTMLTableCellElement, newValue: string): void {
}
}
-function saveRowToLocalStorage(row: Row): void {
+private saveRowToLocalStorage(row: Row): void {
const rows: Row[] = JSON.parse(localStorage.getItem(STORAGE_KEYS[currentMode]) || '[]');
rows.push(row);
localStorage.setItem(STORAGE_KEYS[currentMode], JSON.stringify(rows));
}
-
-// Fonctions de mise à jour de l'interface
-function updateTableContent(rows: Row[]): void {
- const tbody = document.querySelector('#pairing-table tbody');
- if (!tbody) return;
-
- tbody.innerHTML = rows.map(row => `
-
- | ${row.column1} |
- ${row.column2} |
- ${row.column3} |
-
-
- |
-
- `).join('');
-}
-
-function updateDataTableContent(rows: DataRow[]): void {
+private updateDataTableContent(rows: DataRow[]): void {
const tbody = document.querySelector('#data-table tbody');
if (!tbody) return;
@@ -1362,7 +997,7 @@ function updateDataTableContent(rows: DataRow[]): void {
}
// Fonctions de gestion de l'avatar et de la bannière
-function openAvatarPopup(): void {
+private openAvatarPopup(): void {
const popup = document.getElementById('avatar-popup');
if (!popup) return;
@@ -1371,7 +1006,7 @@ function openAvatarPopup(): void {
const savedLastName = localStorage.getItem('userLastName') || 'Doe';
const savedAvatar = localStorage.getItem('userAvatar') || 'https://via.placeholder.com/150';
const savedBanner = localStorage.getItem('userBanner') || 'https://via.placeholder.com/800x200';
- const savedAddress = localStorage.getItem('userAddress') || '🏠 🌍 🗽🎊😩-🎊😑🎄😩';
+ const savedAddress = localStorage.getItem('userAddress') || '🏠 🌍 🗽🎊😩-🎊😑😩';
popup.innerHTML = `