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 2981-2984 $star-selected: #EDB867; Link Here
2981
    }
2981
    }
2982
}
2982
}
2983
2983
2984
#loginModal .local-login input.show-password-toggle-checkbox {
2985
    width: inherit;
2986
    display: inline;
2987
}
2988
2984
@import "responsive";
2989
@import "responsive";
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/masthead.inc (+1 lines)
Lines 440-445 Link Here
440
                                <div class="local-login">
440
                                <div class="local-login">
441
                                    <label for="muserid">Login:</label><input type="text" id="muserid" name="login_userid" autocomplete="off" />
441
                                    <label for="muserid">Login:</label><input type="text" id="muserid" name="login_userid" autocomplete="off" />
442
                                    <label for="mpassword">Password:</label><input type="password" id="mpassword" name="login_password" autocomplete="off" />
442
                                    <label for="mpassword">Password:</label><input type="password" id="mpassword" name="login_password" autocomplete="off" />
443
                                    [% INCLUDE 'show-password-toggle.inc' %]
443
                                    <fieldset class="action">
444
                                    <fieldset class="action">
444
                                        <input type="hidden" name="op" value="cud-login" />
445
                                        <input type="hidden" name="op" value="cud-login" />
445
                                        <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/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 243-248 Link Here
243
                                            <label for="password">Password:</label>
243
                                            <label for="password">Password:</label>
244
                                            <input class="form-control" type="password"  size="25" id="password"  name="login_password" autocomplete="off" />
244
                                            <input class="form-control" type="password"  size="25" id="password"  name="login_password" autocomplete="off" />
245
                                        </div>
245
                                        </div>
246
                                        [% INCLUDE 'show-password-toggle.inc' %]
246
                                        <fieldset class="action">
247
                                        <fieldset class="action">
247
                                            <input type="submit" value="Log in" class="btn btn-primary" />
248
                                            <input type="submit" value="Log in" class="btn btn-primary" />
248
                                        </fieldset>
249
                                        </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