File : dialogs/baseDialog/NonModalBaseDialog.js

1
/*
2
Copyright - 2017 2023 - wwwouaiebe - Contact: https://www.ouaie.be/
3
4
This  program is free software;
5
you can redistribute it and/or modify it under the terms of the
6
GNU General Public License as published by the Free Software Foundation;
7
either version 3 of the License, or any later version.
8
9
This program is distributed in the hope that it will be useful,
10
but WITHOUT ANY WARRANTY; without even the implied warranty of
11
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
12
GNU General Public License for more details.
13
14
You should have received a copy of the GNU General Public License
15
along with this program; if not, write to the Free Software
16
Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
17
*/
18
/*
19
Changes:
20
    - v4.0.0:
21
        - created from v3.6.0
22
Doc reviewed 202208
23
 */
24
25
import BaseDialog from '../BaseDialog/BaseDialog.js';
26
import BackgroundDragOverEL from './BackgroundDragOverEL.js';
27
28
/* ------------------------------------------------------------------------------------------------------------------------- */
29
/**
30
Base class for non modal dialogs
31
*/
32
/* ------------------------------------------------------------------------------------------------------------------------- */
33
34
class NonModalBaseDialog extends BaseDialog {
35
36
    /**
37
    Drag over the background event listener
38
    @type {BackgroundDragOverEL}
39
    */
40
41
    #backgroundDragOverEL;
42
43
    /**
44
    Create the event listener for the background
45
    */
46
47
    #createBackgroundHTMLElementEL ( ) {
48
49
        this.#backgroundDragOverEL = new BackgroundDragOverEL ( this.mover );
50
        document.body.addEventListener ( 'dragover', this.#backgroundDragOverEL, false );
51
    }
52
53
    /**
54
    The constructor
55
    */
56
57
    constructor ( ) {
58
        super ( );
59
    }
60
61
    /**
62
    Cancel button handler. Can be overloaded in the derived classes
63
    */
64
65
    onCancel ( ) {
66
        document.body.removeEventListener ( 'dragover', this.#backgroundDragOverEL, false );
67
        this.#backgroundDragOverEL = null;
68
        super.onCancel ( );
69
        this.removeFromBackground ( document.body );
70
    }
71
72
    /**
73
    Show the dialog
74
    */
75
76
    show ( ) {
77
        super.show ( );
78
        this.#createBackgroundHTMLElementEL ( );
79
        this.addToBackground ( document.body );
80
    }
81
}
82
83
export default NonModalBaseDialog;
84
85
/* --- End of file --------------------------------------------------------------------------------------------------------- */
86