TOTP self registration in progress (#1359)
Xavier Guimard
7 years ago
parent
d8dbf1a615
commit
560341ea51
@ -0,0 +1,49 @@ |
||||
### |
||||
LemonLDAP::NG TOTP registration script |
||||
### |
||||
|
||||
setMsg = (msg, level) -> |
||||
$('#msg').html window.translate msg |
||||
$('#color').removeClass 'message-positive message-warning alert-success alert-warning' |
||||
$('#color').addClass "message-#{level}" |
||||
level = 'success' if level == 'positive' |
||||
$('#color').addClass "alert-#{level}" |
||||
|
||||
displayError = (j, status, err) -> |
||||
console.log 'Error', err |
||||
res = JSON.parse j.responseText |
||||
if res and res.error |
||||
res = res.error.replace /.* /, '' |
||||
console.log 'Returned error', res |
||||
setMsg res, 'warning' |
||||
|
||||
token='' |
||||
|
||||
getKey = (reset) -> |
||||
$.ajax |
||||
type: "POST", |
||||
url: "#{portal}/totpregister/getkey" |
||||
data: |
||||
newkey: reset |
||||
error: displayError |
||||
# Display key and QR code |
||||
success: (data) -> |
||||
console.log data |
||||
# Generate OTP url |
||||
s = "otpauth://totp/#{escape(data.portal)}:#{escape(data.user)}?secret=#{data.secret}&issuer=#{escape(data.portal)}" |
||||
# Generate QR code |
||||
qr = new QRious |
||||
element: document.getElementById('qr'), |
||||
value: s |
||||
size:150 |
||||
# Display serialized key |
||||
$('#serialized').text(s) |
||||
# Show message (warning level if key is new) |
||||
if data.newkey |
||||
setMsg 'yourNewTotpKey', 'warning' |
||||
else |
||||
setMsg 'yourTotpKey', 'info' |
||||
token = data.token |
||||
|
||||
$(document).ready -> |
||||
getKey(0) |
||||
@ -0,0 +1,65 @@ |
||||
// Generated by CoffeeScript 1.10.0
|
||||
|
||||
/* |
||||
LemonLDAP::NG TOTP registration script |
||||
*/ |
||||
|
||||
(function() { |
||||
var displayError, getKey, setMsg, token; |
||||
|
||||
setMsg = function(msg, level) { |
||||
$('#msg').html(window.translate(msg)); |
||||
$('#color').removeClass('message-positive message-warning alert-success alert-warning'); |
||||
$('#color').addClass("message-" + level); |
||||
if (level === 'positive') { |
||||
level = 'success'; |
||||
} |
||||
return $('#color').addClass("alert-" + level); |
||||
}; |
||||
|
||||
displayError = function(j, status, err) { |
||||
var res; |
||||
console.log('Error', err); |
||||
res = JSON.parse(j.responseText); |
||||
if (res && res.error) { |
||||
res = res.error.replace(/.* /, ''); |
||||
console.log('Returned error', res); |
||||
return setMsg(res, 'warning'); |
||||
} |
||||
}; |
||||
|
||||
token = ''; |
||||
|
||||
getKey = function(reset) { |
||||
return $.ajax({ |
||||
type: "POST", |
||||
url: portal + "/totpregister/getkey", |
||||
data: { |
||||
newkey: reset |
||||
}, |
||||
error: displayError, |
||||
success: function(data) { |
||||
var qr, s; |
||||
console.log(data); |
||||
s = "otpauth://totp/" + (escape(data.portal)) + ":" + (escape(data.user)) + "?secret=" + data.secret + "&issuer=" + (escape(data.portal)); |
||||
qr = new QRious({ |
||||
element: document.getElementById('qr'), |
||||
value: s, |
||||
size: 150 |
||||
}); |
||||
$('#serialized').text(s); |
||||
if (data.newkey) { |
||||
setMsg('yourNewTotpKey', 'warning'); |
||||
} else { |
||||
setMsg('yourTotpKey', 'info'); |
||||
} |
||||
return token = data.token; |
||||
} |
||||
}); |
||||
}; |
||||
|
||||
$(document).ready(function() { |
||||
return getKey(0); |
||||
}); |
||||
|
||||
}).call(this); |
||||
@ -0,0 +1 @@ |
||||
(function(){var a,b,d,c;d=function(e,f){$("#msg").html(window.translate(e));$("#color").removeClass("message-positive message-warning alert-success alert-warning");$("#color").addClass("message-"+f);if(f==="positive"){f="success"}return $("#color").addClass("alert-"+f)};a=function(f,e,h){var g;console.log("Error",h);g=JSON.parse(f.responseText);if(g&&g.error){g=g.error.replace(/.* /,"");console.log("Returned error",g);return d(g,"warning")}};c="";b=function(e){return $.ajax({type:"POST",url:portal+"/totpregister/getkey",data:{newkey:e},error:a,success:function(h){var f,g;console.log(h);g="otpauth://totp/"+(escape(h.portal))+":"+(escape(h.user))+"?secret="+h.secret+"&issuer="+(escape(h.portal));f=new QRious({element:document.getElementById("qr"),value:g,size:150});$("#serialized").text(g);if(h.newkey){d("yourNewTotpKey","warning")}else{d("yourTotpKey","info")}return c=h.token}})};$(document).ready(function(){return b(0)})}).call(this); |
||||
@ -0,0 +1,46 @@ |
||||
<TMPL_INCLUDE NAME="header.tpl"> |
||||
|
||||
<div class="container"> |
||||
<div id="color" class="message message-positive alert"><span id="msg"></span></div> |
||||
</div> |
||||
|
||||
<main id="menucontent" class="container"> |
||||
<div class="panel panel-info"> |
||||
<div class="panel-body"> |
||||
<div> |
||||
<canvas id="qr"></canvas> |
||||
<pre id="serialized"> |
||||
</pre> |
||||
</div> |
||||
<div class="form-group"> |
||||
<input name="code" type="number" /> |
||||
</div> |
||||
<div class="buttons"> |
||||
<span id="changekey" class="btn btn-success" role="button"> |
||||
<span class="glyphicon glyphicon-check"></span> |
||||
<span trspan="changeKey">Change key</span> |
||||
</span> |
||||
<span id="verify" class="btn btn-success" role="button"> |
||||
<span class="glyphicon glyphicon-check"></span> |
||||
<span trspan="verify">Verify</span> |
||||
</span> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</main> |
||||
|
||||
<div class="buttons"> |
||||
<a id="goback" href="" class="btn btn-primary" role="button"> |
||||
<span class="glyphicon glyphicon-home"></span> |
||||
<span trspan="goToPortal">Go to portal</span> |
||||
</a> |
||||
</div> |
||||
|
||||
<!-- //if:jsminified |
||||
<script type="text/javascript" src="<TMPL_VAR NAME="STATIC_PREFIX">bwr/qrious/dist/qrious.min.js"></script> |
||||
<script type="text/javascript" src="<TMPL_VAR NAME="STATIC_PREFIX">/common/js/totpregistration.min.js"></script> |
||||
//else --> |
||||
<script type="text/javascript" src="<TMPL_VAR NAME="STATIC_PREFIX">bwr/qrious/dist/qrious.js"></script> |
||||
<script type="text/javascript" src="<TMPL_VAR NAME="STATIC_PREFIX">/common/js/totpregistration.js"></script> |
||||
<!-- //endif --> |
||||
<TMPL_INCLUDE NAME="footer.tpl"> |
||||
Loading…
Reference in new issue