Commit 82b7affb authored by Christophe Maudoux's avatar Christophe Maudoux 🐛

Improve 2F GUI

parent 5a832b57
......@@ -155,3 +155,7 @@ div.oidc_consent_message > ul {
.nodecor:hover, .nodecor:active.nodecor:focus {
text-decoration: none;
}
.invisible {
visibility: hidden;
}
\ No newline at end of file
html,body{height:100%;background:radial-gradient(circle at 50% 0,#fff 0,#ddd 100%) no-repeat scroll 0 0 #ddd}#wrap{min-height:100%;height:auto;margin:0 auto -80px;padding:20px 0 80px}#footer{height:80px;background-color:#fff;background-color:rgba(255,255,255,0.9);text-align:center;padding-top:10px;overflow:hidden}#header img{background-color:#fff;background-color:rgba(255,255,255,0.8);margin-bottom:20px}.card,.navbar-light{background-color:#fff;background-color:rgba(255,255,255,0.9);background-image:none}.login,.password{text-align:center;padding:20px}div.form{margin:0 auto;max-width:330px}div.actions{margin:10px 0 0 0}div.actions a{margin-top:10px}.buttons{text-align:center;margin:10px 0 0 0;cursor:pointer}.btn{white-space:normal}.btn span.fa{padding-right:8px}li.ui-state-active{background-color:#fafafa;background-color:rgba(250,250,250,0.9)}#appslist,#password,#loginHistory,#logout,#oidcConsents{margin-top:20px}div.category{margin:10px 0;cursor:grab}div.application{margin:5px 0;overflow:hidden}div.application a,div.application a:hover{text-decoration:none}p.notifCheck label{margin-left:5px;margin-top:3px;display:inline-block}img.langicon{cursor:pointer}button.idploop{max-width:300px}button.idploop img{max-height:30px}div.oidc_consent_message>ul{text-align:left;list-style:circle}@media(min-width:768px){div.application{height:80px}div.application h4.appname{margin:0}#wrap{margin:0 auto -60px}#footer{height:60px}}.hiddenFrame{border:0;display:hidden;margin:0}.noborder{border:0}.max{width:100%}.link{cursor:pointer}.nodecor:hover,.nodecor:active.nodecor:focus{text-decoration:none}
\ No newline at end of file
html,body{height:100%;background:radial-gradient(circle at 50% 0,#fff 0,#ddd 100%) no-repeat scroll 0 0 #ddd}#wrap{min-height:100%;height:auto;margin:0 auto -80px;padding:20px 0 80px}#footer{height:80px;background-color:#fff;background-color:rgba(255,255,255,0.9);text-align:center;padding-top:10px;overflow:hidden}#header img{background-color:#fff;background-color:rgba(255,255,255,0.8);margin-bottom:20px}.card,.navbar-light{background-color:#fff;background-color:rgba(255,255,255,0.9);background-image:none}.login,.password{text-align:center;padding:20px}div.form{margin:0 auto;max-width:330px}div.actions{margin:10px 0 0 0}div.actions a{margin-top:10px}.buttons{text-align:center;margin:10px 0 0 0;cursor:pointer}.btn{white-space:normal}.btn span.fa{padding-right:8px}li.ui-state-active{background-color:#fafafa;background-color:rgba(250,250,250,0.9)}#appslist,#password,#loginHistory,#logout,#oidcConsents{margin-top:20px}div.category{margin:10px 0;cursor:grab}div.application{margin:5px 0;overflow:hidden}div.application a,div.application a:hover{text-decoration:none}p.notifCheck label{margin-left:5px;margin-top:3px;display:inline-block}img.langicon{cursor:pointer}button.idploop{max-width:300px}button.idploop img{max-height:30px}div.oidc_consent_message>ul{text-align:left;list-style:circle}@media(min-width:768px){div.application{height:80px}div.application h4.appname{margin:0}#wrap{margin:0 auto -60px}#footer{height:60px}}.hiddenFrame{border:0;display:hidden;margin:0}.noborder{border:0}.max{width:100%}.link{cursor:pointer}.nodecor:hover,.nodecor:active.nodecor:focus{text-decoration:none}.invisible{visibility:hidden}
\ No newline at end of file
......@@ -45,6 +45,12 @@
</TMPL_IF>
<div class="buttons">
<TMPL_IF RAW_ERROR>
<a href="<TMPL_VAR NAME="PORTAL_URL">2fregisters" class="btn btn-warning" role="button">
<span class="fa fa-shield"></span>
<span trspan="sfaManager">sfaManager</span>
</a>
</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="fa fa-home"></span>
<span trspan="goToPortal">Go to portal</span>
......
......@@ -8,16 +8,14 @@
<div class="card-body">
<div class="row">
<div class="col-md-6 text-center">
<div id="divToHide">
<canvas id="qr"></canvas>
<pre id="serialized"></pre>
</div>
<div id="divToHide" class="col-md-6 text-center">
<div >
<canvas id="qr"></canvas>
<pre id="serialized"></pre>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="TOTPName"><span trspan="name">Name</span></label>
<input type="text" class="form-control" id="TOTPName" name="TOTPName" value="MyTOTP" trplaceholder="name" />
......@@ -26,17 +24,16 @@
<label for="code"><span trspan="code">Code</span></label>
<input id="code" class="form-control" name="code" type="number" />
</div>
</div>
</div>
<div class="buttons">
<span id="changekey" class="btn btn-secondary" role="button">
<span id="changekey" class="btn btn-info" role="button">
<span class="fa fa-refresh"></span>
<span trspan="changeKey">Change key</span>
</span>
<span id="verify" class="btn btn-success" role="button">
<span class="fa fa-check-circle"></span>
<span class="fa fa-floppy-o"></span>
<span trspan="register">Register</span>
</span>
</div>
......@@ -46,7 +43,7 @@
</main>
<div class="buttons">
<a href="<TMPL_VAR NAME="PORTAL_URL">2fregisters" class="btn btn-secondary" role="button">
<a href="<TMPL_VAR NAME="PORTAL_URL">2fregisters" class="btn btn-warning" role="button">
<span class="fa fa-shield"></span>
<span trspan="sfaManager">sfaManager</span>
</a>
......
......@@ -23,22 +23,21 @@
</div>
<div class="buttons">
<span id="register" class="btn btn-secondary" role="button">
<span class="fa fa-floppy-o"></span>
<span trspan="register">Register</span>
</span>
<span id="verify" class="btn btn-success" role="button">
<span id="verify" class="btn btn-info" role="button">
<span class="fa fa-check-circle"></span>
<span trspan="verify">Verify</span>
</span>
<span id="register" class="btn btn-success" role="button">
<span class="fa fa-floppy-o"></span>
<span trspan="register">Register</span>
</span>
</div>
</div>
</div>
</main>
<div class="buttons">
<a href="<TMPL_VAR NAME="PORTAL_URL">2fregisters" class="btn btn-secondary" role="button">
<a href="<TMPL_VAR NAME="PORTAL_URL">2fregisters" class="btn btn-warning" role="button">
<span class="fa fa-shield"></span>
<span trspan="sfaManager">sfaManager</span>
</a>
......
......@@ -23,7 +23,7 @@
<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" />
<input class="invisible" type="submit" value="Submit" />
</div>
</div>
......@@ -35,7 +35,7 @@
</main>
<div class="buttons">
<a href="<TMPL_VAR NAME="PORTAL_URL">2fregisters" class="btn btn-secondary" role="button">
<a href="<TMPL_VAR NAME="PORTAL_URL">2fregisters" class="btn btn-warning" role="button">
<span class="fa fa-shield"></span>
<span trspan="sfaManager">sfaManager</span>
</a>
......
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