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

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-passwd.tt (-5 / +32 lines)
Lines 5-11 Link Here
5
</head>
5
</head>
6
[% INCLUDE 'bodytag.inc' bodyid='opac-passwd' %]
6
[% INCLUDE 'bodytag.inc' bodyid='opac-passwd' %]
7
[% INCLUDE 'masthead.inc' %]
7
[% INCLUDE 'masthead.inc' %]
8
9
<div class="main">
8
<div class="main">
10
    <ul class="breadcrumb">
9
    <ul class="breadcrumb">
11
        <li><a href="/cgi-bin/koha/opac-main.pl">Home</a> <span class="divider">&rsaquo;</span></li>
10
        <li><a href="/cgi-bin/koha/opac-main.pl">Home</a> <span class="divider">&rsaquo;</span></li>
Lines 40-51 Link Here
40
                            </p>
39
                            </p>
41
                        </div>
40
                        </div>
42
                    [% END # /IF Error_messages %]
41
                    [% END # /IF Error_messages %]
43
44
                    [% IF ( OpacPasswordChange ) %]
42
                    [% IF ( OpacPasswordChange ) %]
45
                        [% IF ( Ask_data ) %]
43
                        [% IF ( Ask_data ) %]
46
                            <form action="/cgi-bin/koha/opac-passwd.pl" name="mainform" id="mainform" method="post">
44
                            <form action="/cgi-bin/koha/opac-passwd.pl" name="mainform" id="mainform" method="post">
47
                                <fieldset>
45
                                <fieldset>
48
                                    [% UNLESS ( ShortPass ) %]<div class="alert alert-info">Your password must be at least [% minpasslen %] characters long.</div>[% END %]
46
                                    [% UNLESS ( ShortPass ) %]
47
                                    <div class="alert alert-info">
48
                                        <p>Your password must be at least [% minpasslen %] characters long.</p>
49
                                        <p>
50
                                            It is your responsability to set a strong password, and the below meter will give you an estimate
51
                                            of your chosen passwords strength.</br>
52
                                            Hint: Passphrases are inherantly stronger than passwords, and
53
                                            come with the added bonus that they are often substantially easier to remember too.
54
                                        </p>
55
                                        <div class="progress">
56
                                            <div id="complexity-bar" class="bar bar-danger" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%"></div>
57
                                        </div>
58
                                    </div>
59
                                    [% END %]
49
                                    <label for="Oldkey">Current password:</label> <input type="password" id="Oldkey" size="25"  name="Oldkey" />
60
                                    <label for="Oldkey">Current password:</label> <input type="password" id="Oldkey" size="25"  name="Oldkey" />
50
                                    <label for="Newkey">New password:</label> <input type="password" id="Newkey"  size="25"  name="Newkey" />
61
                                    <label for="Newkey">New password:</label> <input type="password" id="Newkey"  size="25"  name="Newkey" />
51
                                    <label for="Confirm">Re-type new password:</label> <input type="password"  id="Confirm" size="25" name="Confirm" />
62
                                    <label for="Confirm">Re-type new password:</label> <input type="password"  id="Confirm" size="25" name="Confirm" />
Lines 76-79 Link Here
76
87
77
88
78
[% INCLUDE 'opac-bottom.inc' %]
89
[% INCLUDE 'opac-bottom.inc' %]
79
[% BLOCK jsinclude %][% END %]
90
[% BLOCK jsinclude %]
91
[% INCLUDE 'complexify.inc' %]
92
<script type="text/javascript">
93
//<![CDATA[
94
$(document).ready(function() {
95
    $("#Newkey").complexify({}, function(valid, complexity){
96
      var progressBar = $('#complexity-bar');
97
98
      progressBar.toggleClass('bar-success', valid);
99
      progressBar.toggleClass('bar-danger', !valid);
100
      progressBar.css({'width': complexity + '%'});
101
102
      $('#complexify #complexity').text(Math.round(complexity) + '%');
103
    });
104
});
105
//]]>
106
</script>
107
[% END %]
80
- 

Return to bug 13664