dani
/
lemonldap-ng
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Better look for remember timer box

This commit is contained in:
Clément OUDOT 2022-05-17 15:32:07 +02:00
parent ed03ce6a8e
commit 3fe037c226
6 changed files with 19 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
lemonldap-ng-portal/site/htdocs/static/bootstrap/css/styles.css
View File

@ -218,7 +218,7 @@ div.input-group > p.form-control > label {
}
/* Hide "remember my authentication choice" timer */
#remembertimer {
#remembertimercontainer {
display: none;
}

2
lemonldap-ng-portal/site/htdocs/static/bootstrap/css/styles.min.css vendored
View File

@ -1 +1 @@
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}div.actions button{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}.notif div.form{margin 0 auto;max-width:1024px}.notif .h2,h2{font-size:1.6rem;font-weght:bold;text-align:center}.notif .h3,h3{margin-top:30px;margin-bottom:30px;font-size:1.2rem}.notif .card-title{font-size:1.7rem}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}.fa.icon-blue{color:blue}.progress-bar-animated{width:100%}input.key{font-family:'password';width:100px}@font-face{font-family:'password';src:url(/static/common/fonts/password.ttf)}.info.table caption{color:black;text-align:center;caption-side:bottom}div.input-group>p.form-control{height:auto}div.input-group>p.form-control>label{display:revert;user-select:none;cursor:pointer}#remembertimer{display:none}#globalrememberauthchoicecontainer{display:none}
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}div.actions button{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}.notif div.form{margin 0 auto;max-width:1024px}.notif .h2,h2{font-size:1.6rem;font-weght:bold;text-align:center}.notif .h3,h3{margin-top:30px;margin-bottom:30px;font-size:1.2rem}.notif .card-title{font-size:1.7rem}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}.fa.icon-blue{color:blue}.progress-bar-animated{width:100%}input.key{font-family:'password';width:100px}@font-face{font-family:'password';src:url(/static/common/fonts/password.ttf)}.info.table caption{color:black;text-align:center;caption-side:bottom}div.input-group>p.form-control{height:auto}div.input-group>p.form-control>label{display:revert;user-select:none;cursor:pointer}#remembertimercontainer{display:none}#globalrememberauthchoicecontainer{display:none}

10
lemonldap-ng-portal/site/htdocs/static/bootstrap/js/skin.js
View File

@ -72,7 +72,7 @@ $(window).on("load", function() {
}
// store the new value
$( "input#rememberStopped" ).val(newval);
$( "#remembertimer" ).hide();
$( "#remembertimercontainer" ).hide();
$( "#globalrememberauthchoicecontainer" ).css('display', 'flex');
});
@ -81,14 +81,14 @@ $(window).on("load", function() {
function launchAuthenticationChoice()
{
var timer = $( "#remembertimer span" ).text();
var timer = $( "span#remembertimer" ).text();
var isStopped = $( "input#rememberStopped" ).val();
if ( isStopped != "stopped" )
{
timer--;
// display decremented timer in the appropriate html element
$( "#remembertimer span" ).text(timer);
$( "span#remembertimer" ).text(timer);
if ( timer > 0 )
{
@ -118,14 +118,14 @@ $(window).on("load", function() {
)
{
// show timer
$( "#remembertimer" ).css('display', 'flex');
$( "#remembertimercontainer" ).css('display', 'flex');
// remember last authentication choice again
$("#globalrememberauthchoice").prop('checked',true);
$( 'input[name="rememberauthchoice"]' ).each(function() {
$( this ).val('true');
});
// increment timer for starting to correct time
$( "#remembertimer span" ).text( parseInt($( "#remembertimer span" ).text()) + 1 );
$( "span#remembertimer" ).text( parseInt($( "span#remembertimer" ).text()) + 1 );
// launch remembered authentication choice when timer reaches 0
window.setTimeout( launchAuthenticationChoice, 0 );
}

3
lemonldap-ng-portal/site/htdocs/static/bootstrap/js/skin.min.js vendored
View File

@ -1 +1,2 @@
$(window).on("load",function(){function t(){var e=$("#remembertimer span").text();"stopped"!=$("input#rememberStopped").val()&&(e--,$("#remembertimer span").text(e),0<e?window.setTimeout(t,1e3):(e="#"+$.cookie(a)+" form",$(e).submit()))}$("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(){$(".navbar-toggler").hasClass("collapsed")||$(".navbar-toggler").trigger("click")}),$("#authMenu .nav-link").on("click",function(e){window.datas.choicetab=e.target.hash.substr(1)}),$("#remove2fModal").on("show.bs.modal",function(e){var t=$(e.relatedTarget),a=t.attr("device"),e=t.attr("epoch"),t=$(this);t.find(".remove2f").attr("device",a),t.find(".remove2f").attr("epoch",e)}),$(".nav-item").click(function(){$(".nav-item").attr("tabIndex",0)}),$(".nav-item").focusin(function(){$(".nav-item").attr("tabIndex",0)}),$(".nav-item").focusout(function(){$(".nav-item").attr("tabIndex",0)}),$("#globalrememberauthchoice").change(function(){var e=this.checked;$('input[name="rememberauthchoice"]').each(function(){$(this).val(e)})}),$("#buttonRememberStopped").click(function(){var e;"stopped"!=$("input#rememberStopped").val()?e="stopped":(e="running",window.setTimeout(t,0)),$("input#rememberStopped").val(e),$("#remembertimer").hide(),$("#globalrememberauthchoicecontainer").css("display","flex")});var a=$("#rememberCookieName").val();9==$("#errormsg div span").attr("trmsg")&&(void 0!==a&&void 0!==$.cookie(a)?($("#remembertimer").css("display","flex"),$("#globalrememberauthchoice").prop("checked",!0),$('input[name="rememberauthchoice"]').each(function(){$(this).val("true")}),$("#remembertimer span").text(parseInt($("#remembertimer span").text())+1),window.setTimeout(t,0)):$("#globalrememberauthchoicecontainer").css("display","flex"))});
$(window).on("load",function(){function e(){var a=$("span#remembertimer").text();if("stopped"!=$("input#rememberStopped").val())if(a--,$("span#remembertimer").text(a),a>0)window.setTimeout(e,1e3);else{var i="#"+$.cookie(t)+" form";$(i).submit()}}$("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(){$(".navbar-toggler").hasClass("collapsed")||$(".navbar-toggler").trigger("click")}),$("#authMenu .nav-link").on("click",function(e){window.datas.choicetab=e.target.hash.substr(1)}),$("#remove2fModal").on("show.bs.modal",function(e){var t=$(e.relatedTarget),a=t.attr("device"),i=t.attr("epoch"),r=$(this);r.find(".remove2f").attr("device",a),r.find(".remove2f").attr("epoch",i)}),$(".nav-item").click(function(){$(".nav-item").attr("tabIndex",0)}),$(".nav-item").focusin(function(){$(".nav-item").attr("tabIndex",0)}),$(".nav-item").focusout(function(){$(".nav-item").attr("tabIndex",0)}),$("#globalrememberauthchoice").change(function(){var e=this.checked;$('input[name="rememberauthchoice"]').each(function(){$(this).val(e)})}),$("#buttonRememberStopped").click(function(){var t,a=$("input#rememberStopped").val();"stopped"!=a?t="stopped":(t="running",window.setTimeout(e,0)),$("input#rememberStopped").val(t),$("#remembertimercontainer").hide(),$("#globalrememberauthchoicecontainer").css("display","flex")});var t=$("#rememberCookieName").val();9==$("#errormsg div span").attr("trmsg")&&(void 0!==t&&void 0!==$.cookie(t)?($("#remembertimercontainer").css("display","flex"),$("#globalrememberauthchoice").prop("checked",!0),$('input[name="rememberauthchoice"]').each(function(){$(this).val("true")}),$("span#remembertimer").text(parseInt($("span#remembertimer").text())+1),window.setTimeout(e,0)):$("#globalrememberauthchoicecontainer").css("display","flex"))});
//# sourceMappingURL=skin.min.js.map

2
lemonldap-ng-portal/site/htdocs/static/bootstrap/js/skin.min.js.map
View File

@ -1 +1 @@
{"version":3,"sources":["skin.js"],"names":["$","window","on","launchAuthenticationChoice","timer","text","val","setTimeout","choiceform","cookie","rememberCookieName","submit","addClass","hasClass","trigger","e","datas","choicetab","target","hash","substr","event","button","relatedTarget","device","attr","epoch","modal","this","find","click","focusin","focusout","change","checked","each","newval","hide","css","prop","parseInt"],"mappings":"AAAAA,EAAEC,QAAQC,GAAG,OAAQ,WAgFnB,SAASC,IAGL,IAAIC,EAAQJ,EAAG,uBAAwBK,OAGrB,WAFFL,EAAG,yBAA0BM,QAIzCF,IAEAJ,EAAG,uBAAwBK,KAAKD,GAEnB,EAARA,EAGDH,OAAOM,WAAYJ,EAA4B,MAK3CK,EAAa,IAAMR,EAAES,OAAOC,GAAsB,QACtDV,EAAGQ,GAAaG,WAlG5BX,EAAE,wBAAwBY,SAAS,iBACnCZ,EAAE,uBAAuBY,SAAS,iBAClCZ,EAAE,wBAAwBY,SAAS,gBAEnCZ,EAAE,cAAcY,SAAS,SAEzBZ,EAAE,eAAeY,SAAS,YAG1BZ,EAAE,mCAAmCE,GAAG,QAAS,WAC1CF,EAAE,mBAAmBa,SAAS,cACjCb,EAAE,mBAAmBc,QAAQ,WAKjCd,EAAE,uBAAuBE,GAAG,QAAS,SAAUa,GAC3Cd,OAAOe,MAAMC,UAAYF,EAAEG,OAAOC,KAAKC,OAAO,KAIlDpB,EAAE,kBAAkBE,GAAG,gBAAiB,SAAUmB,GAClD,IAAIC,EAAStB,EAAEqB,EAAME,eACjBC,EAASF,EAAOG,KAAK,UACrBC,EAAQJ,EAAOG,KAAK,SACpBE,EAAQ3B,EAAE4B,MAGdD,EAAME,KAAK,aAAaJ,KAAK,SAAUD,GACvCG,EAAME,KAAK,aAAaJ,KAAK,QAASC,KAOtC1B,EAAE,aAAa8B,MAAM,WACnB9B,EAAE,aAAayB,KAAM,WAAY,KAEnCzB,EAAE,aAAa+B,QAAQ,WACrB/B,EAAE,aAAayB,KAAM,WAAY,KAEnCzB,EAAE,aAAagC,SAAS,WACtBhC,EAAE,aAAayB,KAAM,WAAY,KAKnCzB,EAAE,6BAA6BiC,OAAO,WAClC,IAAIC,EAAUN,KAAKM,QACnBlC,EAAG,oCAAqCmC,KAAK,WACzCnC,EAAG4B,MAAOtB,IAAI4B,OAMtBlC,EAAE,0BAA0B8B,MAAM,WAC9B,IACIM,EACU,WAFDpC,EAAG,yBAA0BM,MAItC8B,EAAS,WAITA,EAAS,UACTnC,OAAOM,WAAYJ,EAA4B,IAGnDH,EAAG,yBAA0BM,IAAI8B,GACjCpC,EAAG,kBAAmBqC,OACtBrC,EAAG,sCAAuCsC,IAAI,UAAW,UAkC7D,IAAI5B,EAAqBV,EAAG,uBAAwBM,MAGnC,GAFDN,EAAG,sBAAuByB,KAAK,gBAKH,IAAvBf,QACiC,IAAjCV,EAAES,OAAOC,IAItBV,EAAG,kBAAmBsC,IAAI,UAAW,QAErCtC,EAAE,6BAA6BuC,KAAK,WAAU,GAC9CvC,EAAG,oCAAqCmC,KAAK,WAC3CnC,EAAG4B,MAAOtB,IAAI,UAGhBN,EAAG,uBAAwBK,KAAMmC,SAASxC,EAAG,uBAAwBK,QAAU,GAE/EJ,OAAOM,WAAYJ,EAA4B,IAKjDH,EAAG,sCAAuCsC,IAAI,UAAW"}
{"version":3,"sources":["skin.js"],"names":["$","window","on","launchAuthenticationChoice","timer","text","val","setTimeout","choiceform","cookie","rememberCookieName","submit","addClass","hasClass","trigger","e","datas","choicetab","target","hash","substr","event","button","relatedTarget","device","attr","epoch","modal","this","find","click","focusin","focusout","change","checked","each","newval","curval","hide","css","prop","parseInt"],"mappings":"AAAAA,EAAEC,QAAQC,GAAG,OAAQ,WAgFnB,QAASC,KAGL,GAAIC,GAAQJ,EAAG,sBAAuBK,MAGtC,IAAkB,WAFFL,EAAG,yBAA0BM,MAQzC,GAJAF,IAEAJ,EAAG,sBAAuBK,KAAKD,GAE1BA,EAAQ,EAGTH,OAAOM,WAAYJ,EAA4B,SAGnD,CAEI,GAAIK,GAAa,IAAMR,EAAES,OAAOC,GAAsB,OACtDV,GAAGQ,GAAaG,UAlG5BX,EAAE,wBAAwBY,SAAS,iBACnCZ,EAAE,uBAAuBY,SAAS,iBAClCZ,EAAE,wBAAwBY,SAAS,gBAEnCZ,EAAE,cAAcY,SAAS,SAEzBZ,EAAE,eAAeY,SAAS,YAG1BZ,EAAE,mCAAmCE,GAAG,QAAS,WAC1CF,EAAE,mBAAmBa,SAAS,cACjCb,EAAE,mBAAmBc,QAAQ,WAKjCd,EAAE,uBAAuBE,GAAG,QAAS,SAAUa,GAC3Cd,OAAOe,MAAMC,UAAYF,EAAEG,OAAOC,KAAKC,OAAO,KAIlDpB,EAAE,kBAAkBE,GAAG,gBAAiB,SAAUmB,GAClD,GAAIC,GAAStB,EAAEqB,EAAME,eACjBC,EAASF,EAAOG,KAAK,UACrBC,EAAQJ,EAAOG,KAAK,SACpBE,EAAQ3B,EAAE4B,KAGdD,GAAME,KAAK,aAAaJ,KAAK,SAAUD,GACvCG,EAAME,KAAK,aAAaJ,KAAK,QAASC,KAOtC1B,EAAE,aAAa8B,MAAM,WACnB9B,EAAE,aAAayB,KAAM,WAAY,KAEnCzB,EAAE,aAAa+B,QAAQ,WACrB/B,EAAE,aAAayB,KAAM,WAAY,KAEnCzB,EAAE,aAAagC,SAAS,WACtBhC,EAAE,aAAayB,KAAM,WAAY,KAKnCzB,EAAE,6BAA6BiC,OAAO,WAClC,GAAIC,GAAUN,KAAKM,OACnBlC,GAAG,oCAAqCmC,KAAK,WACzCnC,EAAG4B,MAAOtB,IAAI4B,OAMtBlC,EAAE,0BAA0B8B,MAAM,WAC9B,GACIM,GADAC,EAASrC,EAAG,yBAA0BM,KAE5B,YAAV+B,EAEAD,EAAS,WAITA,EAAS,UACTnC,OAAOM,WAAYJ,EAA4B,IAGnDH,EAAG,yBAA0BM,IAAI8B,GACjCpC,EAAG,2BAA4BsC,OAC/BtC,EAAG,sCAAuCuC,IAAI,UAAW,SAkC7D,IAAI7B,GAAqBV,EAAG,uBAAwBM,KAGnC,IAFDN,EAAG,sBAAuByB,KAAK,eAKH,KAAvBf,OACiC,KAAjCV,EAAES,OAAOC,IAItBV,EAAG,2BAA4BuC,IAAI,UAAW,QAE9CvC,EAAE,6BAA6BwC,KAAK,WAAU,GAC9CxC,EAAG,oCAAqCmC,KAAK,WAC3CnC,EAAG4B,MAAOtB,IAAI,UAGhBN,EAAG,sBAAuBK,KAAMoC,SAASzC,EAAG,sBAAuBK,QAAU,GAE7EJ,OAAOM,WAAYJ,EAA4B,IAKjDH,EAAG,sCAAuCuC,IAAI,UAAW","file":"skin.min.js"}

15
lemonldap-ng-portal/site/templates/bootstrap/login.tpl
View File

@ -130,13 +130,16 @@
</div>
<!-- Timer + stop button for triggering the remembered authentication choice -->
<p id="remembertimer" class="form-control">
<span><TMPL_VAR NAME="REMEMBERAUTHCHOICETIMER"></span>
<label id="rememberTimerLabel" trspan="rememberTimerLabel">s before automatic authentication</label>
<button id="buttonRememberStopped" class="btn"><i class="fa fa-stop-circle-o"></i> Stop</button>
<div id="remembertimercontainer" class="input-group">
<p class="form-control">
<span id="remembertimer"><TMPL_VAR NAME="REMEMBERAUTHCHOICETIMER"></span>
<label id="rememberTimerLabel" trspan="rememberTimerLabel">s before automatic authentication</label>
</p>
<input id="rememberStopped" name="rememberStopped" type="hidden" value="">
</p>
<div class="input-group-append inout-group">
<button class="btn btn-danger" id="buttonRememberStopped"><i class="fa fa-stop-circle-o"></i> Stop</button>
</div>
</div>
</div>
</TMPL_IF>