File : controls/passwordControl/EyeMouseDownEL.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
/* ------------------------------------------------------------------------------------------------------------------------- */
26
/**
27
mousedown and touchstart event listener for the eye button of the password dialog
28
*/
29
/* ------------------------------------------------------------------------------------------------------------------------- */
30
31
class EyeMouseDownEL {
32
33
    /**
34
    A reference to the password input of the dialogPassword
35
    @type {HTMLElement}
36
    */
37
38
    #passwordInput = null;
39
40
    /**
41
    The constructor
42
    @param {HTMLElement} passwordInput A reference to the password input of the dialogPassword
43
    */
44
45
    constructor ( passwordInput ) {
46
        Object.freeze ( this );
47
        this.#passwordInput = passwordInput;
48
    }
49
50
    /**
51
    Event listener method
52
    @param {Event} mouseDownOrTouchStartEvent The event to handle
53
    */
54
55
    handleEvent ( mouseDownOrTouchStartEvent ) {
56
        mouseDownOrTouchStartEvent.currentTarget.textContent = '👀';
57
        mouseDownOrTouchStartEvent.preventDefault ( );
58
        mouseDownOrTouchStartEvent.stopPropagation ( );
59
        this.#passwordInput.type = 'text';
60
    }
61
}
62
63
export default EyeMouseDownEL;
64
65
/* --- End of file --------------------------------------------------------------------------------------------------------- */
66