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

WIP bootstrap4/fontawesome (#1504)

parent af4d4391
......@@ -16,7 +16,7 @@
</div>
<div class="buttons mt-3">
<a href="<TMPL_VAR NAME="PORTAL_URL">?cancel=1" class="btn btn-primary" role="button">
<span class="fas fa-home"></span>&nbsp;
<span class="fas fa-home"></span>
<span trspan="cancel">Cancel</span>
</a>
</div>
......
......@@ -9,8 +9,9 @@
</TMPL_IF>
</div>
<TMPL_IF NAME="SFDEVICES">
<div class="alert alert-info">
<table class="table table-hover table-condensed table-responsive">
<div class="card mb-3 border-secondary">
<div class="card-body table-responsive">
<table class="table table-hover">
<thead>
<tr>
<th><span trspan="type">Type</span></th>
......@@ -22,31 +23,43 @@
<tbody>
<TMPL_LOOP NAME="SFDEVICES">
<tr id='delete-<TMPL_VAR NAME="epoch">'>
<td class="align-middle" ><TMPL_VAR NAME="type"></td><td class="align-middle"><TMPL_VAR NAME="name"></td><td class="data-epoch"><TMPL_VAR NAME="epoch"></td>
<td>
<span device='<TMPL_VAR NAME="type">' epoch='<TMPL_VAR NAME="epoch">' class="btn btn-danger" role="button">
<span class="fas fa-minus-circle"></span>
<span trspan="unregister">Unregister</span>
</span>
</td>
<td class="align-middle" ><TMPL_VAR NAME="type"></td>
<td class="align-middle"><TMPL_VAR NAME="name"></td>
<td class="data-epoch"><TMPL_VAR NAME="epoch"></td>
<td>
<span device='<TMPL_VAR NAME="type">' epoch='<TMPL_VAR NAME="epoch">' class="btn btn-danger" role="button">
<span class="fas fa-minus-circle"></span>
<span trspan="unregister">Unregister</span>
</span>
</td>
</tr>
</TMPL_LOOP>
</tbody>
</table>
</div>
</div>
</TMPL_IF>
<br>
<div class="buttons">
<div class="text-center mb-3 row">
<TMPL_LOOP NAME="MODULES">
<a href="<TMPL_VAR NAME="URL">" class="nodecor mx-3">
<div class="col">
<div class="card border-secondary">
<div class="card-body py-3">
<a href="<TMPL_VAR NAME="URL">" class="nodecor">
<img src="<TMPL_VAR NAME="STATIC_PREFIX"><TMPL_VAR NAME="SKIN">/<TMPL_VAR NAME="LOGO">" alt="<TMPL_VAR NAME="CODE">2F" title="<TMPL_VAR NAME="CODE">2F" />
</a>
</div>
<div class="card-footer text-white text-uppercase bg-secondary"><TMPL_VAR NAME="CODE">2F</div>
</div>
</div>
</TMPL_LOOP>
</div>
</div>
<div class="buttons mt-3">
<div class="buttons">
<a href="<TMPL_VAR NAME="PORTAL_URL">?cancel=1" class="btn btn-primary" role="button">
<span class="fas fa-home"></span>&nbsp;
<span class="fas fa-home"></span>
<span trspan="goToPortal">Go to portal</span>
</a>
</div>
......
......@@ -68,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="fas fa-home"></span>&nbsp;
<span class="fas fa-home"></span>
<span trspan="cancel">Cancel</span>
</a>
</div>
......
......@@ -183,7 +183,7 @@
<div class="buttons">
<button type="submit" class="btn btn-success">
<span class="fas fa-sign-in-alt"></span>&nbsp;
<span class="fas fa-sign-in-alt"></span>
<span trspan="connect">Connect</span>
</button>
</div>
......@@ -209,7 +209,7 @@
<div class="buttons">
<TMPL_IF NAME="MSG"><TMPL_VAR NAME="MSG"></TMPL_IF>
<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="fas fa-home"></span>&nbsp;
<span class="fas fa-home"></span>
<span trspan="goToPortal">Go to portal</span>
</a>
</div>
......
......@@ -17,7 +17,7 @@
<div class="buttons">
<TMPL_IF NAME="MSG"><TMPL_VAR NAME="MSG"></TMPL_IF>
<a href="<TMPL_VAR NAME="PORTAL_URL">/?cancel=1" class="btn btn-primary" role="button">
<span class="fas fa-home"></span>&nbsp;
<span class="fas fa-home"></span>
<span trspan="goToPortal">Go to portal</span>
</a>
</div>
......
......@@ -25,7 +25,7 @@
</div>
<div class="buttons">
<a href="<TMPL_VAR NAME="PORTAL_URL">?cancel=1" class="btn btn-primary" role="button">
<span class="fas fa-home"></span>&nbsp;
<span class="fas fa-home"></span>
<span trspan="cancel">Cancel</span>
</a>
</div>
......
......@@ -47,11 +47,11 @@
<div class="buttons">
<a href="<TMPL_VAR NAME="PORTAL_URL">2fregisters" class="btn btn-secondary" role="button">
<span class="fas fa-shield-alt"></span>&nbsp;
<span class="fas fa-shield-alt"></span>
<span trspan="sfaManager">sfaManager</span>
</a>
<a id="goback" 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="fas fa-home"></span>&nbsp;
<span class="fas fa-home"></span>
<span trspan="goToPortal">Go to portal</span>
</a>
</div>
......
......@@ -27,7 +27,7 @@
<span class="fas fa-save"></span>
<span trspan="register">Register</span>
</span>
&nbsp;&nbsp;
<span id="verify" class="btn btn-success" role="button">
<span class="fas fa-check-circle"></span>
<span trspan="verify">Verify</span>
......@@ -42,7 +42,7 @@
<span class="fas fa-shield-alt"></span>
<span trspan="sfaManager">sfaManager</span>
</a>
&nbsp;&nbsp;&nbsp;&nbsp;
<a id="goback" 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="fas fa-home"></span>
<span trspan="goToPortal">Go to portal</span>
......
......@@ -13,7 +13,7 @@
<span trspan="upgradeSession">Upgrade session</span>
</button>
<a href="<TMPL_VAR NAME="PORTAL_URL">" class="btn btn-primary" role="button">
<span class="fas fa-home"></span>&nbsp;
<span class="fas fa-home"></span>
<span trspan="goToPortal">Go to portal</span>
</a>
</div>
......
......@@ -15,7 +15,7 @@
<TMPL_IF NAME="AUTH_ERROR">
<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="goToPortal">Go to portal</span>
</a>
</div>
......@@ -45,21 +45,22 @@
</div>
</TMPL_IF>
<div class="form">
<div class="form-group input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i> </span>
<input name="code" value="" class="form-control" id="extcode" trplaceholder="code">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fas fa-lock"></i></span>
</div>
<input name="code" value="" class="form-control" id="extcode" trplaceholder="code" />
</div>
</div>
<div class="buttons">
<div class="buttons mb-3">
<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>
......
<TMPL_INCLUDE NAME="header.tpl">
<div class="container">
<div id="color" class="message message-positive alert"><span id="msg" trspan="clickOnYubikey"></span></div>
</div>
<main id="menucontent" class="container">
<div class="card text-white bg-info">
<div class="card-body">
<div id="color" class="message message-positive alert"><span id="msg" trspan="clickOnYubikey"></span></div>
<div class="card">
<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"/>
&nbsp;&nbsp;&nbsp;&nbsp;
<b><span trspan="id">Id</span></b></b> : <input type="text" id="otp" name="otp" />
<input class ="hidden" type="submit" value="Submit">
</div>
<div class="row">
<div class="col-md-6 text-center">
<img src="<TMPL_VAR NAME="STATIC_PREFIX"><TMPL_VAR NAME="SKIN">/yubikey.png" alt="Yubikey" title="Yubikey" />
</div>
<div class="col-md-6">
<div class="form-group">
<label for="UBKName"><span trspan="name">Name</span></label>
<input type="text" class="form-control" id="UBKName" name="UBKName" value="MyYubikey" trplaceholder="name" />
</div>
<div class="form-group">
<label for="otp"><span trspan="id">Id</span></label>
<input type="text" class="form-control" id="otp" name="otp" trplaceholder="Id" />
</div>
<input class="hidden" type="submit" value="Submit" />
</div>
</div>
</form>
</div>
</div>
</div>
</main>
<div class="buttons">
<a href="<TMPL_VAR NAME="PORTAL_URL">2fregisters" class="btn btn-warning" role="button">
<span class="glyphicon glyphicon-pencil"></span>&nbsp;
<a href="<TMPL_VAR NAME="PORTAL_URL">2fregisters" class="btn btn-secondary" role="button">
<span class="fas fa-shield-alt"></span>
<span trspan="sfaManager">sfaManager</span>
</a>
&nbsp;&nbsp;&nbsp;&nbsp;
<a id="goback" 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>
<span trspan="goToPortal">Go to portal</span>
</a>
</div>
......
<div class="form">
<div class="form-group input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-chevron-right"></i> </span>
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fas fa-chevron-right"></i></span>
</div>
<input name="yubikeyOTP" type="text" class="form-control" trplaceholder="enterYubikey" aria-required="true"/>
</div>
<TMPL_INCLUDE NAME="checklogins.tpl">
<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>
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