diff --git a/app.js b/app.js index 2ff2699..e16f5ec 100644 --- a/app.js +++ b/app.js @@ -127,33 +127,48 @@ $$('input').map(function ($el) { $el.disabled = true; }); $$('button').map(function ($el) { $el.disabled = true; }); - var opts = { - jwk: JSON.parse($('textarea[name="jwk"]').value), - claims: { - exp: "1h", - iss: document.getElementById(`-acmeDomains`).value - } - }; + try { - Keypairs.signJwt(opts).then(function (msg) { - $('.js-jwt').innerText = msg; - $('.js-toc-jwt').hidden = false; - var msgArr = msg.split(".") - var protected64 = msgArr[0] - var payload64 = msgArr[1] - var signature = msgArr[2] - var signedMsg = { - protected: protected64 - , payload: payload64 - , signature + + var opts = { + jwk: JSON.parse($('textarea[name="jwk"]').value), + claims: { + exp: "1h", + iss: document.getElementById(`-acmeDomains`).value + } }; - $('.js-jws').innerText = JSON.stringify(signedMsg, null, 2); - $('.js-toc-jws').hidden = false; + + Keypairs.signJwt(opts).then(function (msg) { + document.getElementById(`sign-error`).innerText = null; + $('.js-jwt').innerText = msg; + $('.js-toc-jwt').hidden = false; + var msgArr = msg.split(".") + var protected64 = msgArr[0] + var payload64 = msgArr[1] + var signature = msgArr[2] + var signedMsg = { + protected: protected64 + , payload: payload64 + , signature + }; + $('.js-jws').innerText = JSON.stringify(signedMsg, null, 2); + $('.js-toc-jws').hidden = false; + $('.js-pem-loading').hidden = true; + $$('input').map(function ($el) { $el.disabled = false; }); + $$('button').map(function ($el) { $el.disabled = false; }); + }).catch(function (error) { + document.getElementById(`sign-error`).innerText = error.message + $('.js-pem-loading').hidden = true; + $$('input').map(function ($el) { $el.disabled = false; }); + $$('button').map(function ($el) { $el.disabled = false; }); + }) + } catch (error) { + document.getElementById(`sign-error`).innerText = error.message $('.js-pem-loading').hidden = true; $$('input').map(function ($el) { $el.disabled = false; }); $$('button').map(function ($el) { $el.disabled = false; }); - }) - + } + }); $('.js-generate').hidden = false; diff --git a/index.html b/index.html index 00298de..e140335 100644 --- a/index.html +++ b/index.html @@ -7,14 +7,17 @@ width: 42em; height: 10em; } - /* need to word wrap the binary no space der */ - .js-der-public, .js-der-private, .js-jwt{ - white-space: pre-wrap; /* CSS3 */ - white-space: -moz-pre-wrap; /* Firefox */ - white-space: -pre-wrap; /* Opera <7 */ - white-space: -o-pre-wrap; /* Opera 7 */ - word-wrap: break-word; /* IE */ - } + /* need to word wrap the binary no space der */ + .js-der-public, .js-der-private, .js-jwt{ + white-space: pre-wrap; /* CSS3 */ + white-space: -moz-pre-wrap; /* Firefox */ + white-space: -pre-wrap; /* Opera <7 */ + white-space: -o-pre-wrap; /* Opera 7 */ + word-wrap: break-word; /* IE */ + } + .errors { + color: red; + }