diff options
Diffstat (limited to 'lang/js/DemoExtension')
| -rw-r--r-- | lang/js/DemoExtension/maindemo.js | 41 | ||||
| -rw-r--r-- | lang/js/DemoExtension/mainui.html | 63 | ||||
| -rw-r--r-- | lang/js/DemoExtension/ui.css | 23 |
3 files changed, 92 insertions, 35 deletions
diff --git a/lang/js/DemoExtension/maindemo.js b/lang/js/DemoExtension/maindemo.js index 6230c3f0..d0127c73 100644 --- a/lang/js/DemoExtension/maindemo.js +++ b/lang/js/DemoExtension/maindemo.js @@ -27,7 +27,7 @@ document.addEventListener('DOMContentLoaded', function() { Gpgmejs.init().then(function(gpgmejs){ document.getElementById('buttonencrypt').addEventListener('click', function(){ - let data = document.getElementById('cleartext').value; + let data = document.getElementById('inputtext').value; let keyId = document.getElementById('pubkey').value; gpgmejs.encrypt(data, keyId).then( function(answer){ @@ -42,7 +42,7 @@ document.addEventListener('DOMContentLoaded', function() { document.getElementById('buttondecrypt').addEventListener('click', function(){ - let data = document.getElementById('ciphertext').value; + let data = document.getElementById('inputtext').value; gpgmejs.decrypt(data).then( function(answer){ if (answer.data){ @@ -57,11 +57,46 @@ document.addEventListener('DOMContentLoaded', function() { document.getElementById('getdefaultkey').addEventListener('click', function(){ gpgmejs.Keyring.getDefaultKey().then(function(answer){ - document.getElementById('defaultkey').textContent = + document.getElementById('pubkey').value = answer.fingerprint; }, function(errormsg){ alert(errormsg.message); }); }); + + document.getElementById('signtext').addEventListener('click', + function(){ + let data = document.getElementById('inputtext').value; + let keyId = document.getElementById('pubkey').value; + gpgmejs.sign(data, keyId).then( + function(answer){ + if (answer.data){ + document.getElementById( + 'answer').value = answer.data; + } + }, function(errormsg){ + alert( errormsg.message); + }); + }); + + document.getElementById('verifytext').addEventListener('click', + function(){ + let data = document.getElementById('inputtext').value; + gpgmejs.verify(data).then( + function(answer){ + let vals = ''; + if (answer.all_valid === true){ + vals = 'Success! '; + } else { + vals = 'Failure! '; + } + vals = vals + (answer.count - answer.failures) + 'of ' + + answer.count + ' signature(s) were successfully ' + + 'verified.\n\n' + answer.data; + document.getElementById('answer').value = vals; + }, function(errormsg){ + alert( errormsg.message); + }); + }); }); }); diff --git a/lang/js/DemoExtension/mainui.html b/lang/js/DemoExtension/mainui.html index 91be7bbc..b6390363 100644 --- a/lang/js/DemoExtension/mainui.html +++ b/lang/js/DemoExtension/mainui.html @@ -7,38 +7,37 @@ <script src="maindemo.js"></script> </head> <body> - <ul> - <li> - <span class="label">Text: </span> - <input type="text" id='cleartext' /> - </li> - <li> - <span class="label">Public key ID: </span> - <input type="text" id="pubkey" value="" /> - </li> - </ul> - <button id="buttonencrypt">Encrypt</button><br> - <hr> - <ul> - <li> - <span class="label">Encrypted armored Text: </span> - <textarea rows="5" cols="65" id="ciphertext" wrap="hard"></textarea> - </li> - </ul> - <button id="buttondecrypt">Decrypt</button><br> - <hr> - <h3>Result data:</h3> - <textarea id="answer" rows="5" cols="65" wrap="hard"></textarea> + <div> - <hr> - <ul> - <li> - <span class="label">Default Key:</span> - <button id="getdefaultkey">Get</button><br> - <span id="defaultkey"></span> - </li> + <div class="left"> + <ul> + <li> + <span class="label">Input</span> + <textarea rows="5" cols="65" id="inputtext" wrap="hard"></textarea> + </li> + <li> + <span class="label">Fingerprint of Key to use: </span> + </li> + <input type="text" id="pubkey" value="" /> <br> + <button id="getdefaultkey">Set to default signing key</button> + </li> + </ul> + </div> + <div class="right"> + <ul> + <li> + <span class="label">Result</span> + <textarea id="answer" rows="5" cols="65" wrap="hard"></textarea> + </li> + </ul> + </div> + </div> + <div class="center"> + <button id="buttonencrypt">Encrypt input text</button><br> + <button id="buttondecrypt">Decrypt input text</button><br> + <button id="signtext">Sign input text</button> <br> + <button id="verifytext">Verify input text</button><br> - - </ul> - </body> + </div> +</body> </html> diff --git a/lang/js/DemoExtension/ui.css b/lang/js/DemoExtension/ui.css index 9c88698b..16dfb5ae 100644 --- a/lang/js/DemoExtension/ui.css +++ b/lang/js/DemoExtension/ui.css @@ -8,3 +8,26 @@ ul li span { width: 120px; margin-top: 6px; } + +div .left { + float: left; + align-items: stretch; + width: 40%; +} +div .center { + width: 50%; + align-content: space-between; +} + +div .center button { + align-self: stretch; +} +div .right { + float: right; + align-items: stretch; + width: 40%; +} + +div .bottom { + clear:both; +}
\ No newline at end of file |