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

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss (-3 / +19 lines)
Lines 825-831 th { Link Here
825
        color: #C00;
825
        color: #C00;
826
        display: block;
826
        display: block;
827
        font-size: 95%;
827
        font-size: 95%;
828
        margin-left: 10rem;
829
        margin-top: 3px;
828
        margin-top: 3px;
830
    }
829
    }
831
}
830
}
Lines 1049-1054 fieldset { Link Here
1049
            display: block;
1048
            display: block;
1050
            margin-left: 10rem;
1049
            margin-left: 10rem;
1051
        }
1050
        }
1051
1052
        .required_label {
1053
            &.required {
1054
                margin-left: 10rem;
1055
            }
1056
        }
1052
    }
1057
    }
1053
1058
1054
    div {
1059
    div {
Lines 1736-1741 nav { Link Here
1736
    margin-bottom: 1rem;
1741
    margin-bottom: 1rem;
1737
}
1742
}
1738
1743
1744
#password_recovery_login,
1745
#password_recovery_email,
1746
#password_recovery_submit {
1747
    padding: 1rem;
1748
}
1749
1739
#password_recovery_options {
1750
#password_recovery_options {
1740
    background-color: #F0F3F3;
1751
    background-color: #F0F3F3;
1741
    display: flex;
1752
    display: flex;
Lines 1744-1751 nav { Link Here
1744
    padding: 1rem;
1755
    padding: 1rem;
1745
}
1756
}
1746
1757
1747
#use_login a,
1758
#use_login,
1748
#use_email a {
1759
#use_email {
1749
    background-color: #FFF;
1760
    background-color: #FFF;
1750
    border: 1px solid #0074AD;
1761
    border: 1px solid #0074AD;
1751
    border-radius: 10px;
1762
    border-radius: 10px;
Lines 1753-1758 nav { Link Here
1753
    font-size: 130%;
1764
    font-size: 130%;
1754
    padding: 1rem;
1765
    padding: 1rem;
1755
    white-space: nowrap;
1766
    white-space: nowrap;
1767
1768
    &.select-login-active {
1769
        background-color: #0074AD;
1770
        color: #FFF;
1771
    }
1756
}
1772
}
1757
1773
1758
#renewcontrols {
1774
#renewcontrols {
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-password-recovery.tt (-15 / +28 lines)
Lines 88-116 Link Here
88
                            [% INCLUDE 'csrf-token.inc' %]
88
                            [% INCLUDE 'csrf-token.inc' %]
89
                            <legend class="sr-only">Password recovery</legend>
89
                            <legend class="sr-only">Password recovery</legend>
90
                            <input type="hidden" name="koha_login_context" value="opac" />
90
                            <input type="hidden" name="koha_login_context" value="opac" />
91
                            <p>To reset your password, enter your login or your email address.</p>
91
                            [% UNLESS ( errMultipleAccountsForEmail ) %]
92
                                <p id="password_recovery_msg">To reset your password, enter your login or your email address.</p>
93
                            [% END %]
92
                            <fieldset class="brief">
94
                            <fieldset class="brief">
93
95
94
                                <div id="password_recovery_options">
96
                                <div id="password_recovery_options">
95
                                    <div id="use_login">
97
                                    <a id="use_login" href="#"><i class="fa fa-user" aria-hidden="true"></i> I know my login</a>
96
                                        <a href="#"><i class="fa fa-user" aria-hidden="true"></i> I know my login</a>
98
                                    <a id="use_email" href="#"><i class="fa fa-envelope" aria-hidden="true"></i> I know my email address</a>
97
                                    </div>
98
                                    <div id="use_email">
99
                                        <a href="#"><i class="fa fa-envelope" aria-hidden="true"></i> I know my email address</a>
100
                                    </div>
101
                                </div>
99
                                </div>
102
100
103
                                <div class="form-row" id="password_recovery_login" style="display:none">
101
                                <div class="form-row" id="password_recovery_login" style="display:none">
104
                                    <div class="col-md-6">
102
                                    <div class="col-md-6">
105
                                        <label for="username">Login:</label>
103
                                        [% IF ( errMultipleAccountsForEmail ) %]
106
                                        <input class="form-control" type="text" id="username" size="40" name="username" value="[% username | html %]" />
104
                                            <label for="username" class="required">Login:</label>
105
                                            <input class="form-control required" required="required" type="text" id="username" size="40" name="username" value="[% username | html %]" />
106
                                            <div class="required_label required">Required</div>
107
                                        [% ELSE %]
108
                                            <label for="username">Login:</label>
109
                                            <input class="form-control" type="text" id="username" size="40" name="username" value="[% username | html %]" />
110
                                        [% END %]
107
                                    </div>
111
                                    </div>
108
                                </div>
112
                                </div>
109
113
110
                                <div class="form-row" id="password_recovery_email" style="display:none">
114
                                <div class="form-row" id="password_recovery_email" style="display:none">
111
                                    <div class="col-md-6">
115
                                    <div class="col-md-6">
112
                                        <label for="email">Email:</label>
116
                                        [% IF ( errMultipleAccountsForEmail ) %]
113
                                        <input class="form-control" type="text" id="email" size="40" name="email" value="[% email | html %]" />
117
                                            <label for="email" class="required">Email:</label>
118
                                            <input class="form-control required" required="required" type="text" id="email" size="40" name="email" value="[% email | html %]" />
119
                                            <div class="required_label required">Required</div>
120
                                        [% ELSE %]
121
                                            <label for="email">Email:</label>
122
                                            <input class="form-control" type="text" id="email" size="40" name="email" value="[% email | html %]" />
123
                                        [% END %]
114
                                    </div>
124
                                    </div>
115
                                </div>
125
                                </div>
116
                                <fieldset class="action" id="password_recovery_submit" style="display:none">
126
                                <fieldset class="action" id="password_recovery_submit" style="display:none">
Lines 208-228 Link Here
208
            [% END %]
218
            [% END %]
209
219
210
            $("#use_email").on("click", function(){
220
            $("#use_email").on("click", function(){
221
                $("#use_login").removeClass("select-login-active");
222
                $(this).addClass("select-login-active");
211
                $("#username").val("");
223
                $("#username").val("");
212
                $("#password_recovery_login").hide();
224
                $("#password_recovery_login, #password_recovery_msg").hide();
213
                $("#password_recovery_email, #password_recovery_submit").show();
225
                $("#password_recovery_email, #password_recovery_submit").show();
214
                $("#email").focus();
226
                $("#email").focus();
215
            });
227
            });
216
228
217
            $("#use_login").on("click", function(){
229
            $("#use_login").on("click", function(){
230
                $("#use_email").removeClass("select-login-active");
231
                $(this).addClass("select-login-active");
218
                $("#email").val("");
232
                $("#email").val("");
219
                $("#password_recovery_email").hide();
233
                $("#password_recovery_email, #password_recovery_msg").hide();
220
                $("#password_recovery_login, #password_recovery_submit").show();
234
                $("#password_recovery_login, #password_recovery_submit").show();
221
                $("#username").focus();
235
                $("#username").focus();
222
            });
236
            });
223
237
224
            $(".password_recovery_cancel").on("click", function(){
238
            $(".password_recovery_cancel").on("click", function(){
225
                $("#password_recovery_options").show();
239
                $("#password_recovery_options, #password_recovery_msg").show();
226
                $("#password_recovery_login, #password_recovery_email, #password_recovery_submit").hide();
240
                $("#password_recovery_login, #password_recovery_email, #password_recovery_submit").hide();
227
            });
241
            });
228
        })
242
        })
229
- 

Return to bug 30088