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

WIP bootstrap4/fontawesome (#1504)

parent 94468795
......@@ -10,9 +10,9 @@ $(document).ready(function() {
$(".notifCheck").addClass("checkbox");
// Collapse menu on click
$('.nav a[class!="dropdown-toggle"]').on('click', function() {
if ($('.navbar-toggle').css('display') != 'none') {
$(".navbar-toggle").trigger("click");
$('.collapse li[class!="dropdown"]').on('click', function() {
if (!$('.navbar-toggler').hasClass('collapsed')) {
$(".navbar-toggler").trigger("click");
}
});
......
$(document).ready(function(){$("div.message-positive").addClass("alert-success");$("div.message-warning").addClass("alert-warning");$("div.message-negative").addClass("alert-danger");$("table.info").addClass("table");$(".notifCheck").addClass("checkbox");$('.nav a[class!="dropdown-toggle"]').on("click",function(){if($(".navbar-toggle").css("display")!="none"){$(".navbar-toggle").trigger("click")}})});
\ No newline at end of file
$(document).ready(function(){$("div.message-positive").addClass("alert-success");$("div.message-warning").addClass("alert-warning");$("div.message-negative").addClass("alert-danger");$("table.info").addClass("table");$(".notifCheck").addClass("checkbox");$('.collapse li[class!="dropdown"]').on("click",function(){if(!$(".navbar-toggler").hasClass("collapsed")){$(".navbar-toggler").trigger("click")}})});
......@@ -10,21 +10,23 @@
<div class="form">
<input type="hidden" id="token" name="token" value="<TMPL_VAR NAME="TOKEN">">
<input type="hidden" id="checkLogins" name="checkLogins" value="<TMPL_VAR NAME="CHECKLOGINS">">
<div class="form-group input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i> </span>
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fas fa-lock"></i> </span>
<input name="code" value="" class="form-control" id="extcode" trplaceholder="code">
</div>
</div>
</div>
<div class="buttons">
<button type="submit" class="btn btn-success">
<span class="glyphicon glyphicon-log-in"></span>
<span class="fas fa-sign-in-alt"></span>
<span trspan="connect">Connect</span>
</button>
</div>
<br/>
<div class="buttons">
<a href="<TMPL_VAR NAME="PORTAL_URL">?cancel=1" class="btn btn-primary" role="button">
<span class="glyphicon glyphicon-home"></span>&nbsp;
<span class="fas fa-home"></span>
<span trspan="cancel">Cancel</span>
</a>
</div>
......
......@@ -17,8 +17,8 @@
</TMPL_IF>
<input type="hidden" name="skin" value="<TMPL_VAR NAME="SKIN">" />
<div class="card text-white bg-info">
<div class="card-header">
<div class="card border-info">
<div class="card-header text-white bg-info">
<h3 class="card-title">
<span trspan="selectIdP">Select your Identity Provider</span>
</h3>
......@@ -29,12 +29,12 @@
<div class="row">
<TMPL_LOOP NAME="LIST">
<div class="col-sm-6 <TMPL_VAR NAME="class">">
<button type="submit" class="btn btn-info idploop" val="<TMPL_VAR NAME="VAL">">
<div class="col-sm-6 <TMPL_VAR NAME="class"> mb-3">
<button type="submit" class="btn btn-secondary idploop" val="<TMPL_VAR NAME="VAL">">
<TMPL_IF NAME="icon">
<img src="<TMPL_VAR NAME="icon">" class="glyphicon" />
<img src="<TMPL_VAR NAME="icon">" />
<TMPL_ELSE>
<i class="glyphicon glyphicon-chevron-right"></i>
<i class="fas fa-globe"></i>
</TMPL_IF>
<TMPL_VAR NAME="NAME">
</button>
......@@ -43,8 +43,12 @@
</div>
<TMPL_IF NAME="REMEMBER">
<div class="form-check">
<input class="form-check-input" type="checkbox" id="remember" name="cookie_type" value="1" aria-describedby="rememberlabel">
<div class="input-group mb-3">
<div class="input-group-prepend">
<div class="input-group-text">
<input class="form-check-input" type="checkbox" id="remember" name="cookie_type" value="1" aria-describedby="rememberlabel">
</div>
</div>
<label class="form-check-label" id="rememberlabel" for="remember">
<span trspan="rememberChoice">Remember my choice</span>
</label>
......@@ -64,7 +68,7 @@
<div id="logout">
<div class="buttons">
<a href="<TMPL_VAR NAME="PORTAL_URL">/?cancel=1<TMPL_IF NAME="AUTH_URL">&url=<TMPL_VAR NAME="AUTH_URL"></TMPL_IF>" class="btn btn-primary" role="button">
<span class="glyphicon glyphicon-home"></span>&nbsp;
<span class="fas fa-home"></span>&nbsp;
<span trspan="cancel">Cancel</span>
</a>
</div>
......
......@@ -9,7 +9,7 @@
<div id="menu">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#"></a>
<a class="navbar-brand" href="#"><i class="fas fa-home"></i></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>
......@@ -165,7 +165,7 @@
<div id="password">
<div class="card border-secondary">
<div class="card-header text-white bg-secondary">
<h3 class="card-title" trspan="changePwd">Change your password</h3>
<h4 class="card-title" trspan="changePwd">Change your password</h4>
</div>
<div class="card-body">
<TMPL_INCLUDE NAME="password.tpl">
......@@ -179,7 +179,7 @@
<TMPL_IF NAME="SUCCESS_LOGIN">
<div class="card border-secondary">
<div class="card-header text-white bg-secondary">
<h3 class="card-title" trspan="lastLogins">Last logins</h3>
<h4 class="card-title" trspan="lastLogins">Last logins</h4>
</div>
<div class="card-body">
<TMPL_VAR NAME="SUCCESS_LOGIN">
......@@ -189,7 +189,7 @@
<TMPL_IF NAME="FAILED_LOGIN">
<div class="card border-secondary">
<div class="card-header text-white bg-secondary">
<h3 class="card-title" trspan="lastFailedLogins">Last failed logins</h3>
<h4 class="card-title" trspan="lastFailedLogins">Last failed logins</h4>
</div>
<div class="card-body">
<TMPL_VAR NAME="FAILED_LOGIN">
......@@ -203,7 +203,7 @@
<div id="oidcConsents">
<div class="card border-secondary">
<div class="card-header text-white bg-secondary">
<h3 class="card-title" trspan="oidcConsentsFull">OpenID-Connect Consents</h3>
<h4 class="card-title" trspan="oidcConsentsFull">OpenID-Connect Consents</h4>
</div>
<div class="card-body">
<TMPL_VAR NAME="OIDC_CONSENTS">
......@@ -220,7 +220,7 @@
</div>
<div class="card-body buttons">
<a href="<TMPL_VAR NAME="LOGOUT_URL">" class="btn btn-success" role="button">
<span class="glyphicon glyphicon-ok"></span>
<span class="fas fa-check-circle"></span>
<span trspan="imSure">I'm sure</span>
</a>
</div>
......
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