csmith1865/browserPGP
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added decrypt.

Browse Source
This commit is contained in:
unknown
2018-11-07 16:15:27 +00:00
parent 63fd723414
commit b676dbc77a
4 changed files with 106 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
decrypt.html Normal file
View File

@@ -0,0 +1,93 @@
<html>
<head>
<title>BrowserPGP | Decrypt</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="openpgp.min.js"></script>
<script>
openpgp.initWorker({ path:'openpgp.worker.min.js' }) // set the relative web worker path
const encryptDecryptFunction = async() => {
// put keys in backtick (``) to avoid errors caused by spaces or tabs
const privkey = document.getElementById("privKey").value
const passphrase = document.getElementById("pass").value
const encrypted = document.getElementById("pgpMsg").value
const privKeyObj = (await openpgp.key.readArmored(privkey)).keys[0]
await privKeyObj.decrypt(passphrase)
const options = {
message: await openpgp.message.readArmored(encrypted), // parse armored message
privateKeys: [privKeyObj] // for decryption
}
openpgp.decrypt(options).then(plaintext => {
console.log(plaintext.data)
document.getElementById("result").value = plaintext.data;
})
}
</script>
<style>
html, body {
height: 95%;
}
div.main {
padding:20px;
height: 100%;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="/">BrowserPGP</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="/encrypt.html">Encrypt</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="/encrypt.html">Decrypt</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/gen.html">Key Generator</a>
</li>
<li class="nav-item">
<a class="nav-link" href="">More to come.</a>
</li>
</ul>
</div>
</nav>
<div class="main">
<div class="container-fluid" style="height:100%;">
<div class="row" style="height:100%;">
<div class="col-sm" style="height:100%;">
<div class="form-group">
<label for="exampleFormControlTextarea1">PGP Message</label>
<textarea class="form-control" style="font-size: 10px;height:45%;" id="pgpMsg" placeholder="-----BEGIN PGP MESSAGE-----"></textarea>
</div>
<div class="form-group">
<label for="exampleFormControlTextarea1">PGP Privkey</label>
<textarea class="form-control" style="font-size: 10px;height:45%;" id="privKey" placeholder="-----BEGIN PGP PRIVATE KEY BLOCK-----"></textarea>
</div>
</div>
<div class="col-sm">
<div class="form-group">
<label for="exampleInputEmail1">Privkey Passphrase</label>
<input type="password" class="form-control" id="pass" placeholder="Enter passphrase">
</div>
<button type="button" onclick="encryptDecryptFunction()" class="btn btn-primary">Decrypt</button>
</div>
<div class="col-sm" style="height:100%;">
<div class="form-group">
<label for="exampleFormControlTextarea1">PGP Output</label>
<textarea class="form-control" style="font-size: 10px;height:100%;" id="result" readonly></textarea>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

5
encrypt.html
View File

@@ -36,7 +36,7 @@
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-light bg-light"> <nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="/">PGP Tools</a> <a class="navbar-brand" href="/">BrowserPGP</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
@@ -45,6 +45,9 @@
<li class="nav-item active"> <li class="nav-item active">
<a class="nav-link" href="/encrypt.html">Encrypt</a> <a class="nav-link" href="/encrypt.html">Encrypt</a>
</li> </li>
<li class="nav-item">
<a class="nav-link" href="/encrypt.html">Decrypt</a>
</li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="/gen.html">Key Generator</a> <a class="nav-link" href="/gen.html">Key Generator</a>
</li> </li>

5
gen.html
View File

@@ -46,6 +46,9 @@
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="/encrypt.html">Encrypt</a> <a class="nav-link" href="/encrypt.html">Encrypt</a>
</li> </li>
<li class="nav-item">
<a class="nav-link" href="/encrypt.html">Decrypt</a>
</li>
<li class="nav-item active"> <li class="nav-item active">
<a class="nav-link" href="/gen.html">Key Generator</a> <a class="nav-link" href="/gen.html">Key Generator</a>
</li> </li>
@@ -77,7 +80,7 @@
<div class="form-group progress"> <div class="form-group progress">
<div class="progress-bar" role="progressbar" id="progressbar" style="width: 100%"></div> <div class="progress-bar" role="progressbar" id="progressbar" style="width: 100%"></div>
</div> </div>
<small id="emailHelp" class="form-text text-danger">This may take some time and cause browser to lag.</small> <small id="emailHelp" class="form-text text-danger">This may take some time and cause browser lag.</small>
<br> <br>
<div class="form-group"> <div class="form-group">
<button type="button" onclick="encryptDecryptFunction()" class="btn btn-primary">Encrypt</button> <button type="button" onclick="encryptDecryptFunction()" class="btn btn-primary">Encrypt</button>

7
index.html
View File

@@ -36,14 +36,17 @@
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-light bg-light"> <nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="/">PGP Tools</a> <a class="navbar-brand" href="/">BrowserPGP</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarNav"> <div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="/encrypt.html">Encrypt <span class="sr-only">(current)</span></a> <a class="nav-link" href="/encrypt.html">Encrypt</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/encrypt.html">Decrypt</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="/gen.html">Key Generator</a> <a class="nav-link" href="/gen.html">Key Generator</a>