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

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss (+5 lines)
Lines 2970-2973 $star-selected: #EDB867; Link Here
2970
    }
2970
    }
2971
}
2971
}
2972
2972
2973
#loginModal .local-login input.show-password-toggle-checkbox {
2974
    width: inherit;
2975
    display: inline;
2976
}
2977
2973
@import "responsive";
2978
@import "responsive";
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/masthead.inc (+1 lines)
Lines 441-446 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' %]
444
                                        <fieldset class="action">
445
                                        <fieldset class="action">
445
                                            <input type="hidden" name="op" value="cud-login" />
446
                                            <input type="hidden" name="op" value="cud-login" />
446
                                            <input type="submit" class="btn btn-primary" value="Log in" />
447
                                            <input type="submit" class="btn btn-primary" value="Log in" />
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/opac-bottom.inc (+1 lines)
Lines 162-167 Link Here
162
[% END %]
162
[% END %]
163
163
164
[% Asset.js("lib/js-cookie/js.cookie-3.0.1.min.js") | $raw %]
164
[% Asset.js("lib/js-cookie/js.cookie-3.0.1.min.js") | $raw %]
165
[% Asset.js("bootstrap/js/show-password-toggle.js") | $raw %]
165
<script>
166
<script>
166
$(document).ready(function() {
167
$(document).ready(function() {
167
    if($('#searchsubmit').length) {
168
    if($('#searchsubmit').length) {
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/show-password-toggle.inc (+4 lines)
Line 0 Link Here
1
<div class="show-password-toggle">
2
    <input type="checkbox" class="show-password-toggle-checkbox">
3
    <span class="show-password-toggle-label"> Show password</span>
4
</div>
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-auth.tt (+1 lines)
Lines 249-254 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' %]
252
                                        <fieldset class="action">
253
                                        <fieldset class="action">
253
                                            <input type="submit" value="Log in" class="btn btn-primary" />
254
                                            <input type="submit" value="Log in" class="btn btn-primary" />
254
                                        </fieldset>
255
                                        </fieldset>
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-main.tt (+1 lines)
Lines 204-209 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' %]
207
                                            <fieldset class="action">
208
                                            <fieldset class="action">
208
                                                <input type="hidden" name="op" value="cud-login" />
209
                                                <input type="hidden" name="op" value="cud-login" />
209
                                                <input type="submit" value="Log in" class="btn btn-primary" />
210
                                                <input type="submit" value="Log in" class="btn btn-primary" />
(-)a/koha-tmpl/opac-tmpl/bootstrap/js/show-password-toggle.js (-1 / +17 lines)
Line 0 Link Here
0
- 
1
document.addEventListener("DOMContentLoaded", function() {
2
    const local_logins = document.querySelectorAll('.local-login');
3
    local_logins.forEach( (local_login) => {
4
        const password_field = local_login.querySelector('#password,#mpassword');
5
        const toggle_box = local_login.querySelector('input.show-password-toggle-checkbox');
6
        if (password_field && toggle_box){
7
            toggle_box.addEventListener('click',function(ev){
8
                if (password_field.type === 'password'){
9
                    password_field.type = 'text';
10
                }
11
                else {
12
                    password_field.type = 'password';
13
                }
14
            });
15
        }
16
    });
17
});

Return to bug 34778