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

Add fullscreen mode for modal

Browse Source
This commit is contained in:
Anthony Janin 2025-06-04 13:06:01 +02:00 committed by NicolasCantu
parent 8260c6c5da
commit 0e44a01218
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/router.ts
View File

@ -195,7 +195,7 @@ export async function registerAllListeners() {
`, `,
confirmText: 'Ajouter un service', confirmText: 'Ajouter un service',
cancelText: 'Annuler' cancelText: 'Annuler'
}); }, true);
try { try {
if (!result) { if (!result) {

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

@ -171,13 +171,13 @@ export default class ModalService {
if (this.modal) this.modal.style.display = 'none'; if (this.modal) this.modal.style.display = 'none';
} }
async showConfirmationModal(options: ConfirmationModalOptions): Promise<boolean> { async showConfirmationModal(options: ConfirmationModalOptions, fullscreen: boolean = false): Promise<boolean> {
// Create modal element // Create modal element
const modalElement = document.createElement('div'); const modalElement = document.createElement('div');
modalElement.id = 'confirmation-modal'; modalElement.id = 'confirmation-modal';
modalElement.innerHTML = ` modalElement.innerHTML = `
<div class="modal-overlay"> <div class="modal-overlay">
<div class="modal-content"> <div class="modal-content" ${fullscreen ? 'style="width: width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important; border-radius: 0 !important;"' : ''}>
<h2>${options.title}</h2> <h2>${options.title}</h2>
<div class="modal-body"> <div class="modal-body">
${options.content} ${options.content}