View | Details | Raw Unified | Return to bug 34778
Collapse All | Expand All

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/masthead.inc (-1 lines)
Lines 441-447 Link Here
441
                                    <div class="local-login">
441
                                    <div class="local-login">
442
                                        [% PROCESS login_label for="muserid" %]<input type="text" id="muserid" name="login_userid" autocomplete="off" />
442
                                        [% PROCESS login_label for="muserid" %]<input type="text" id="muserid" name="login_userid" autocomplete="off" />
443
                                        <label for="mpassword">Password:</label><input type="password" id="mpassword" name="login_password" autocomplete="off" />
443
                                        <label for="mpassword">Password:</label><input type="password" id="mpassword" name="login_password" autocomplete="off" />
444
                                        [% INCLUDE 'show-password-toggle.inc' checkbox_id_suffix='modal' %]
445
                                        <fieldset class="action">
444
                                        <fieldset class="action">
446
                                            <input type="hidden" name="op" value="cud-login" />
445
                                            <input type="hidden" name="op" value="cud-login" />
447
                                            <input type="submit" class="btn btn-primary" value="Log in" />
446
                                            <input type="submit" class="btn btn-primary" value="Log in" />
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/show-password-toggle.inc (-4 lines)
Lines 1-4 Link Here
1
<div class="show-password-toggle">
2
    <input type="checkbox" class="show-password-toggle-checkbox" id="show-password-toggle-checkbox-[% checkbox_id_suffix | html %]">
3
    <label class="show-password-toggle-label" for="show-password-toggle-checkbox-[% checkbox_id_suffix | html %]"> Show password</label>
4
</div>
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-auth.tt (-1 lines)
Lines 249-255 Link Here
249
                                            <label for="password">Password:</label>
249
                                            <label for="password">Password:</label>
250
                                            <input class="form-control" type="password"  size="25" id="password"  name="login_password" autocomplete="off" />
250
                                            <input class="form-control" type="password"  size="25" id="password"  name="login_password" autocomplete="off" />
251
                                        </div>
251
                                        </div>
252
                                        [% INCLUDE 'show-password-toggle.inc' checkbox_id_suffix='auth' %]
253
                                        <fieldset class="action">
252
                                        <fieldset class="action">
254
                                            <input type="submit" value="Log in" class="btn btn-primary" />
253
                                            <input type="submit" value="Log in" class="btn btn-primary" />
255
                                        </fieldset>
254
                                        </fieldset>
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-main.tt (-1 lines)
Lines 204-210 Link Here
204
                                            <input class="form-control" type="text" id="userid" name="login_userid" autocomplete="off" />
204
                                            <input class="form-control" type="text" id="userid" name="login_userid" autocomplete="off" />
205
                                            <label for="password">Password:</label>
205
                                            <label for="password">Password:</label>
206
                                            <input class="form-control" type="password" id="password" name="login_password" autocomplete="off" />
206
                                            <input class="form-control" type="password" id="password" name="login_password" autocomplete="off" />
207
                                            [% INCLUDE 'show-password-toggle.inc' checkbox_id_suffix='main' %]
208
                                            <fieldset class="action">
207
                                            <fieldset class="action">
209
                                                <input type="hidden" name="op" value="cud-login" />
208
                                                <input type="hidden" name="op" value="cud-login" />
210
                                                <input type="submit" value="Log in" class="btn btn-primary" />
209
                                                <input type="submit" value="Log in" class="btn btn-primary" />
(-)a/koha-tmpl/opac-tmpl/bootstrap/js/show-password-toggle.js (-2 / +23 lines)
Lines 1-6 Link Here
1
function create_show_password_toggle(loop_counter) {
2
    const container = document.createElement('div');
3
    container.className = 'show-password-toggle';
4
5
    const checkbox = document.createElement('input');
6
    checkbox.type = 'checkbox';
7
    checkbox.className = 'show-password-toggle-checkbox';
8
    checkbox.id = `show-password-toggle-checkbox-${loop_counter}`;
9
10
    const label = document.createElement('label');
11
    label.className = 'show-password-toggle-label';
12
    label.htmlFor = checkbox.id;
13
    label.textContent = " " + __('Show password');
14
15
    container.appendChild(checkbox);
16
    container.appendChild(label);
17
18
    return container;
19
}
20
1
document.addEventListener("DOMContentLoaded", function() {
21
document.addEventListener("DOMContentLoaded", function() {
2
    const local_logins = document.querySelectorAll('.local-login');
22
    const local_logins = document.querySelectorAll('.local-login');
3
    local_logins.forEach( (local_login) => {
23
    local_logins.forEach( (local_login, i) => {
24
        let show_password_toggle_node = create_show_password_toggle(i);
25
        local_login.querySelector("input[type='password']").after(show_password_toggle_node);
4
        const password_field = local_login.querySelector('#password,#mpassword');
26
        const password_field = local_login.querySelector('#password,#mpassword');
5
        const toggle_box = local_login.querySelector('input.show-password-toggle-checkbox');
27
        const toggle_box = local_login.querySelector('input.show-password-toggle-checkbox');
6
        if (password_field && toggle_box){
28
        if (password_field && toggle_box){
7
- 

Return to bug 34778