Commit f9bdc75f authored by Clément OUDOT's avatar Clément OUDOT

Update HTML code to bootstrap 4 (#1504)

parent 185c63e1
<TMPL_IF NAME="CHECK_LOGINS">
<div class="form-group input-group">
<span class="input-group-addon">
<input type="checkbox" name="checkLogins" aria-describedby="checkLoginsLabel" <TMPL_IF NAME="ASK_LOGINS">checked</TMPL_IF> />
</span>
<div class="input-group mb-3">
<div class="input-group-prepend">
<div class="input-group-text">
<input type="checkbox" name="checkLogins" aria-describedby="checkLoginsLabel" <TMPL_IF NAME="ASK_LOGINS">checked</TMPL_IF> />
</div>
</div>
<p class="form-control">
<label id="checkLoginsLabel" for="checkLogins" trspan="checkLastLogins">Check my last logins</label>
</p>
</div>
</TMPL_IF>
<TMPL_IF NAME="STAYCONNECTED">
<div class="form-group input-group">
<span class="input-group-addon">
<input type="checkbox" id="stayconnected" name="stayconnected" aria-describedby="stayConnectedLabel" />
</span>
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<input type="checkbox" id="stayconnected" name="stayconnected" aria-describedby="stayConnectedLabel" />
</div>
</div>
<p class="form-control">
<label id="stayConnectedLabel" for="stayconnected" trspan="stayConnected">Stay connected on this device</label>
</p>
......
......@@ -16,13 +16,13 @@
</TMPL_IF>
<input type="hidden" name="skin" value="<TMPL_VAR NAME="SKIN">" />
<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title">
<div class="card text-white bg-info">
<div class="card-header">
<h3 class="card-title">
<span trspan="confirmation">Confirmation</span>
</h3>
</div>
<div class="panel-body form">
<div class="card-body form">
<TMPL_VAR NAME="MSG">
......
<!-- Custom HTML footer -->
<p>
<span trspan="serviceProvidedBy">Service provided by</span>
<a href="http://lemonldap-ng.org" target="_blank" class="btn btn-default btn-xs">
<a href="http://lemonldap-ng.org" target="_blank" class="btn btn-secondary btn-xs">
<span class="glyphicon glyphicon-new-window"></span>
LemonLDAP::NG
</a>
......
<!-- Custom HTML header -->
<img src="<TMPL_VAR NAME="STATIC_PREFIX">common/logos/logo_llng_400px.png" class="img-responsive img-rounded center-block" />
<img src="<TMPL_VAR NAME="STATIC_PREFIX">common/logos/logo_llng_400px.png" class="img-fluid rounded mx-auto d-block" />
......@@ -4,7 +4,7 @@
<div class="message message-positive alert"><span trspan="<TMPL_IF "LEGEND"><TMPL_VAR "LEGEND"><TMPL_ELSE>enterExt2fCode</TMPL_IF>"></span></div>
<div class="panel panel-default">
<div class="card">
<form action="<TMPL_IF "TARGET"><TMPL_VAR "TARGET"><TMPL_ELSE>/ext2fcheck</TMPL_IF>" method="post" class="password" role="form">
<div class="form">
......
</div>
<div id="footer">
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8 col-xs-10">
<div class="col-md-8 col-10">
<TMPL_INCLUDE NAME="customfooter.tpl">
</div>
<div class="col-md-2 col-xs-2 text-right">
<div class="col-md-2 col-2 text-right">
<span id="languages"></span>
</div>
</div>
</div>
<!-- Constants -->
......
......@@ -17,13 +17,13 @@
</TMPL_IF>
<input type="hidden" name="skin" value="<TMPL_VAR NAME="SKIN">" />
<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title">
<div class="card text-white bg-info">
<div class="card-header">
<h3 class="card-title">
<span trspan="selectIdP">Select your Identity Provider</span>
</h3>
</div>
<div class="panel-body form">
<div class="card-body form">
<input type="hidden" id="idp" name="idp"/>
......@@ -43,10 +43,9 @@
</div>
<TMPL_IF NAME="REMEMBER">
<p>&nbsp;</p>
<div class="checkbox">
<input type="checkbox" id="remember" name="cookie_type" value="1" aria-describedby="rememberlabel">
<label id="rememberlabel" for="remember">
<div class="form-check">
<input class="form-check-input" type="checkbox" id="remember" name="cookie_type" value="1" aria-describedby="rememberlabel">
<label class="form-check-label" id="rememberlabel" for="remember">
<span trspan="rememberChoice">Remember my choice</span>
</label>
</div>
......@@ -56,7 +55,7 @@
<script type="text/javascript" src="<TMPL_VAR NAME="STATIC_PREFIX">common/js/idpchoice.min.js"></script>
//else -->
<script type="text/javascript" src="<TMPL_VAR NAME="STATIC_PREFIX">common/js/idpchoice.js"></script>
<!-- //endif -->
<!-- //endif -->
</div>
</div>
......
......@@ -8,11 +8,11 @@
<input type="hidden" id="authKey" name="<TMPL_VAR NAME="CHOICE_PARAM">" value="<TMPL_VAR NAME="CHOICE_VALUE">" />
</TMPL_IF>
<input type="hidden" name="skin" value="<TMPL_VAR NAME="SKIN">" />
<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title" trspan="info">Information</h3>
<div class="card text-white bg-info">
<div class="card-header">
<h3 class="card-title" trspan="info">Information</h3>
</div>
<div class="panel-body">
<div class="card-body">
<TMPL_VAR NAME="MSG">
</div>
</div>
......
......@@ -9,38 +9,28 @@
<TMPL_IF AUTH_LOOP>
<div id="authMenu">
<div id="authMenu" class="card">
<!-- Authentication loop -->
<div class="nav navbar-default">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="navbar-header">
<button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse" type="button">
<span class="sr-only">
Toggle navigation
</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<a class="navbar-brand" href="#"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#">
<span class="glyphicon glyphicon-user"></span>
</a>
</div>
<!-- Choice tabs -->
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<TMPL_LOOP NAME="AUTH_LOOP">
<li title="<TMPL_VAR NAME="key">"><a href="#<TMPL_VAR NAME="key">"><TMPL_VAR NAME="name"></a></li>
<li class="nav-item" title="<TMPL_VAR NAME="key">"><a class="nav-link" href="#<TMPL_VAR NAME="key">"><TMPL_VAR NAME="name"></a></li>
</TMPL_LOOP>
</ul>
</div>
</nav>
<div>
<!-- Forms -->
<TMPL_LOOP NAME="AUTH_LOOP">
......@@ -105,7 +95,7 @@
</TMPL_IF>
<TMPL_IF NAME="DISPLAY_FORM">
<div class="panel panel-default">
<div class="card">
<TMPL_IF NAME="module">
<form id="lform" action="#" method="post" class="login <TMPL_VAR NAME="module">" role="form">
<TMPL_ELSE>
......@@ -122,7 +112,7 @@
</TMPL_IF>
<TMPL_IF NAME="DISPLAY_OPENID_FORM">
<div class="panel panel-default">
<div class="card">
<TMPL_IF NAME="module">
<form id="lform" action="#" method="post" class="login <TMPL_VAR NAME="module">" role="form">
<TMPL_ELSE>
......@@ -139,7 +129,7 @@
</TMPL_IF>
<TMPL_IF NAME="DISPLAY_SSL_FORM">
<div class="panel panel-default">
<div class="card">
<TMPL_IF NAME="module">
<form id="lform" action="#" method="post" class="login <TMPL_VAR NAME="module">" role="form">
<TMPL_ELSE>
......@@ -156,7 +146,7 @@
</TMPL_IF>
<TMPL_IF NAME="DISPLAY_YUBIKEY_FORM">
<div class="panel panel-default">
<div class="card">
<TMPL_IF NAME="module">
<form id="lform" action="#" method="post" class="login <TMPL_VAR NAME="module">" role="form">
<TMPL_ELSE>
......@@ -173,7 +163,7 @@
</TMPL_IF>
<TMPL_IF NAME="DISPLAY_LOGO_FORM">
<div class="panel panel-default">
<div class="card">
<TMPL_IF NAME="module">
<form id="lform" action="#" method="post" class="login <TMPL_VAR NAME="module">" role="form">
<TMPL_ELSE>
......@@ -203,7 +193,7 @@
</TMPL_IF>
<TMPL_IF NAME="DISPLAY_PASSWORD">
<div id="password" class="panel panel-default">
<div id="password" class="card">
<TMPL_INCLUDE NAME="password.tpl">
</div>
</TMPL_IF>
......
......@@ -6,7 +6,7 @@
<div class="message message-<TMPL_VAR NAME="AUTH_ERROR_TYPE"> alert"><span trmsg="<TMPL_VAR NAME="AUTH_ERROR">"></span></div>
</TMPL_IF>
<div class="panel panel-default">
<div class="card">
<TMPL_IF NAME="DISPLAY_FORM">
......@@ -71,11 +71,9 @@
</p>
<div class="checkbox">
<label>
<input id="resendconfirmation" type="checkbox" name="resendconfirmation" aria-describedby="resendconfirmationlabel">
<label for="resendconfirmation" id="resendconfirmationlabel" trspan="confirmPwd">Yes, resend the mail</label>
</label>
<div class="form-check">
<input class="form-check-input" id="resendconfirmation" type="checkbox" name="resendconfirmation" aria-describedby="resendconfirmationlabel">
<label class="form-check-label" for="resendconfirmation" id="resendconfirmationlabel" trspan="confirmPwd">Yes, resend the mail</label>
</div>
<div class="form-group">
......@@ -115,11 +113,9 @@
<input name="confirmpassword" type="password" class="form-control" trplaceholder="confirmPwd" />
</div>
<div class="checkbox">
<label>
<input id="reset" type="checkbox" name="reset" aria-describedby="resetlabel"/>
<label for="reset" id="resetlabel" trspan="generatePwd">Generate the password automatically</label>
</label>
<div class="form-check">
<input class="form-check-input" id="reset" type="checkbox" name="reset" aria-describedby="resetlabel"/>
<label class="form-check-label" for="reset" id="resetlabel" trspan="generatePwd">Generate the password automatically</label>
</div>
<div class="form-group">
......
......@@ -10,12 +10,12 @@
<TMPL_IF NAME="AUTH_URL">
<input type="hidden" name="url" value="<TMPL_VAR NAME="AUTH_URL">" />
</TMPL_IF>
<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title" trspan="gotNewMessages">You have some new messages</h3>
<div class="card text-white bg-info">
<div class="card-header">
<h3 class="card-title" trspan="gotNewMessages">You have some new messages</h3>
</div>
<div class="panel-body">
<div class="form well">
<div class="card-body">
<div class="form card.card-body">
<TMPL_VAR NAME="NOTIFICATION">
</div>
</div>
......
......@@ -6,7 +6,7 @@
<div class="message message-<TMPL_VAR NAME="AUTH_ERROR_TYPE"> alert"><span trmsg="<TMPL_VAR NAME="AUTH_ERROR">"></span></div>
</TMPL_IF>
<div class="panel panel-default">
<div class="card">
<TMPL_IF NAME="DISPLAY_FORM">
......@@ -85,11 +85,9 @@
</p>
<div class="checkbox">
<label for="resendconfirmation">
<input id="resendconfirmation" type="checkbox" name="resendconfirmation" ariadescribedby="resendconfirmationlabel">
<label id="resendconfirmationlabel" for="resendconfirmation" trspan="yesResendMail">Yes, resend the mail</label>
</label>
<div class="form-check">
<input class="form-check-input" id="resendconfirmation" type="checkbox" name="resendconfirmation" ariadescribedby="resendconfirmationlabel">
<label class="form-check-label" id="resendconfirmationlabel" for="resendconfirmation" trspan="yesResendMail">Yes, resend the mail</label>
</div>
<div class="form-group">
......
......@@ -4,7 +4,7 @@
<div class="message message-positive alert"><span trspan="enterTotpCode"></span></div>
<div class="panel panel-default">
<div class="card">
<form action="/totp2fcheck" method="post" class="password" role="form">
<div class="form">
......
......@@ -5,8 +5,8 @@
</div>
<main id="menucontent" class="container">
<div class="panel panel-info">
<div class="panel-body">
<div class="card">
<div class="card-body">
<div id="divToHide">
<canvas id="qr"></canvas>
......
......@@ -5,8 +5,8 @@
</div>
<main id="menucontent" class="container">
<div class="panel panel-info">
<div class="panel-body">
<div class="card">
<div class="card-body">
<div id="u2fPermission" trspan="u2fPermission" class="alert alert-info">You may be prompted to allow the site permission to access your security keys. After granting permission, the device will start to blink.
</div>
<div class="buttons">
......
......@@ -6,7 +6,7 @@
<div class="message message-<TMPL_VAR NAME="AUTH_ERROR_TYPE"> alert"><span trmsg="<TMPL_VAR NAME="AUTH_ERROR">"></span></div>
</TMPL_IF>
<div class="panel panel-default">
<div class="card">
<TMPL_IF NAME="FAILED">
<p trspan="u2fFailed"></p>
......
......@@ -4,8 +4,8 @@
<div id="color" class="message message-positive alert"><span id="msg" trspan="clickOnYubikey"></span></div>
</div>
<main id="menucontent" class="container">
<div class="panel panel-info">
<div class="panel-body">
<div class="card text-white bg-info">
<div class="card-body">
<form action="/2fregisters/yubikey/register" method="post">
<div class="form-group">
<b><span trspan="name">Name</span></b> : <input type="text" id="UBKName" name="UBKName" value="MyYubikey"/>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment