4nk/ihm_client
5
0
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases Wiki Activity

Add showConfirmationModal

Browse Source
This commit is contained in:
NicolasCantu 2025-04-27 16:42:01 +02:00
parent ecba13594b
commit 37bdb3dad3
1 changed files with 47 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
src/services/modal.service.ts
View File

@ -171,37 +171,56 @@ export default class ModalService {
if (this.modal) this.modal.style.display = 'none';
}
// async confirmPairing() {
// const service = await Services.getInstance();
// if (this.modal) this.modal.style.display = 'none';
async showConfirmationModal(options: ConfirmationModalOptions): Promise<boolean> {
// Create modal element
const modalElement = document.createElement('div');
modalElement.id = 'confirmation-modal';
modalElement.innerHTML = `
<div class="modal-overlay">
<div class="modal-content">
<h2>${options.title}</h2>
<div class="modal-body">
${options.content}
</div>
<div class="modal-footer">
<button id="cancel-button" class="btn btn-secondary">${options.cancelText || 'Annuler'}</button>
<button id="confirm-button" class="btn btn-primary">${options.confirmText || 'Confirmer'}</button>
</div>
</div>
</div>
`;
// // We send the prd update
// if (this.stateId && this.processId) {
// try {
// const createPrdUpdateReturn = service.createPrdUpdate(this.processId, this.stateId);
// await service.handleApiReturn(createPrdUpdateReturn);
// } catch (e) {
// throw e;
// }
// } else {
// throw new Error('No currentPcdCommitment');
// }
// Add modal to document
document.body.appendChild(modalElement);
// try {
// const approveChangeReturn = await service.approveChange(this.processId!, this.stateId!);
// await service.handleApiReturn(approveChangeReturn);
// Return promise that resolves with user choice
return new Promise((resolve) => {
const confirmButton = modalElement.querySelector('#confirm-button');
const cancelButton = modalElement.querySelector('#cancel-button');
const modalOverlay = modalElement.querySelector('.modal-overlay');
// service.pairDevice(this.paired_addresses, this.processId);
// this.paired_addresses = [];
// this.processId = null;
// this.stateId = null;
// const newDevice = service.dumpDeviceFromMemory();
// console.log(newDevice);
// await service.saveDeviceInDatabase(newDevice);
// } catch (e) {
// throw e;
// }
// }
const cleanup = () => {
modalElement.remove();
};
confirmButton?.addEventListener('click', () => {
cleanup();
resolve(true);
});
cancelButton?.addEventListener('click', () => {
cleanup();
resolve(false);
});
modalOverlay?.addEventListener('click', (e) => {
if (e.target === modalOverlay) {
cleanup();
resolve(false);
}
});
});
}
async closeConfirmationModal() {
const service = await Services.getInstance();