login_form.html
1 <#--
2 <div class="row">
3
4
5 <fieldset>
6 <legend>#i18n{mylutece.xpage.login_form.pageTitle}</legend>
7 <br/>
8 <font color="red"><b>${error_message}</b><br/>${error_detail}</font>
9 <br/>
10 <div class="form-group">
11 <label class="control-label col-xs-12 col-sm-12 col-md-3 col-lg-3">#i18n{mylutece.xpage.login_form.labelAccessCode} :</label>
12 <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
13 <input type="text" name="username" class="form-control input-sm" />
14 </div>
15 </div>
16 <div class="form-group">
17 <label class="control-label col-xs-12 col-sm-12 col-md-3 col-lg-3">#i18n{mylutece.xpage.login_form.labelPassword} :</label>
18 <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
19 <input type="password" name="password" class="form-control input-sm" />
20 </div>
21 </div>
22 <#if is_active_captcha>
23 <div class="form-group">
24 ${captcha}
25 </div>
26 </#if>
27 <br/><br/>
28
29 <button type="submit" class="btn btn-primary btn-sm" name="Submit">
30 <span class="glyphicon glyphicon-lock"></span> #i18n{mylutece.xpage.login_form.labelButton} </button>
31 <#if url_new_account?has_content>
32 <a class="btn btn-primary btn-sm" style="color:#fff;" title="#i18n{mylutece.xpage.login_form.labelButtonCreateAccount}" href="${url_new_account}">
33 <span class="glyphicon glyphicon-plus"></span> #i18n{mylutece.xpage.login_form.labelButtonCreateAccount}
34 </a>
35 </#if>
36 </fieldset>
37 </form>
38 </div>
39 -->
40
41 <#if error_message?? && error_message != ''><div class="alert alert-warning">${error_message}<#if error_details !=''<br/>${error_detail}</#if></div></#if>
42 <div class="form-signin w-100 m-auto">
43 <form class="form-horizontal" method="post" action="${url_dologin}">
44 <input type="hidden" name="page" value="mylutece" />
45 <input type="hidden" name="action" value="dologin" />
46 <input type="hidden" name="token" value="${token}" />
47 <!-- <img class="mb-4" src="../assets/brand/bootstrap-logo.svg" alt="" width="72" height="57"> -->
48 <h1 class="h3 mb-3 fw-normal">#i18n{mylutece.xpage.login_form.pageTitle</h1>
49 <div class="form-floating">
50 <input type="test" class="form-control" name="username" id="floatingInput" placeholder="name@example.com">
51 <label for="floatingInput">#i18n{mylutece.xpage.login_form.labelAccessCode} </label>
52 </div>
53 <div class="form-floating">
54 <input type="password" name="password" class="form-control" id="floatingPassword" placeholder="#i18n{mylutece.xpage.login_form.labelPassword}">
55 <label for="floatingPassword">#i18n{mylutece.xpage.login_form.labelPassword} </label>
56 </div>
57 <#if is_active_captcha>
58 <div class="form-row">
59 ${captcha}
60 </div>
61 </#if>
62 <div class="form-check text-start my-3">
63 <input class="form-check-input" type="checkbox" value="remember-me" id="flexCheckDefault">
64 <label class="form-check-label" for="flexCheckDefault">
65 Remember me
66 </label>
67 </div>
68 <button class="btn btn-primary w-100 py-2" type="submit">Sign in</button>
69 <p class="mt-5 mb-3 text-body-secondary">© 2017–2023</p>
70 </form>
71 <#if url_new_account?has_content>
72 <a class="btn btn-primary btn-sm" style="color:#fff;" title="#i18n{mylutece.xpage.login_form.labelButtonCreateAccount}" href="${url_new_account}">
73 <span class="glyphicon glyphicon-plus"></span> #i18n{mylutece.xpage.login_form.labelButtonCreateAccount}
74 </a>
75 </#if>
76 </div>