Mirrors/keyoxide-web
1
0
Fork 1
mirror of https://codeberg.org/keyoxide/keyoxide-web.git synced 2024-12-22 23:09:29 -07:00
Code Issues Projects Releases Packages Wiki Activity

Add search, improve all forms

Browse source
This commit is contained in:
Yarmo Mackenbach 2021-05-04 10:01:04 +02:00
parent d448cfdeb8
commit 637a0a5f5c
No known key found for this signature in database
GPG key ID: 37367F4AF4087AD1
3 changed files with 99 additions and 55 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
static/scripts.js
View file

@ -30,6 +30,9 @@ more information on this, and how to apply and follow the GNU AGPL, see <https:/
// Verify all claims
const claims = document.querySelectorAll('kx-claim');
claims.forEach(function(claim) {
if (claim.hasAttribute('data-skip') && claim.getAttribute('data-skip')) {
return;
}
claim.verify();
});
@ -46,6 +49,7 @@ document.querySelectorAll('dialog').forEach(function(d) {
// Register form listeners
const elFormEncrypt = document.body.querySelector("#dialog--encryptMessage form");
if (elFormEncrypt) {
elFormEncrypt.onsubmit = async function (evt) {
evt.preventDefault();
@ -63,9 +67,11 @@ elFormEncrypt.onsubmit = async function (evt) {
console.error(e);
elFormEncrypt.querySelector('.output').value = `Could not encrypt message!\n==========================\n${e.message ? e.message : e}`;
}
};
}
}
const elFormVerify = document.body.querySelector("#dialog--verifySignature form");
if (elFormVerify) {
elFormVerify.onsubmit = async function (evt) {
evt.preventDefault();
@ -102,8 +108,31 @@ elFormVerify.onsubmit = async function (evt) {
console.error(e);
elFormVerify.querySelector('.output').value = `Could not verify signature!\n===========================\n${e.message ? e.message : e}`;
}
};
}
}
const elFormSearch = document.body.querySelector("#search");
if (elFormSearch) {
elFormSearch.onsubmit = function (evt) {
evt.preventDefault();
}
const elSearchRadio = elFormSearch.querySelectorAll("input[type='radio']");
elSearchRadio.forEach(function (el) {
el.oninput = function (evt) {
evt.preventDefault();
if (evt.target.getAttribute('id') === 'protocol-sig') {
elFormSearch.querySelector("input[type='search']").setAttribute('disabled', true);
} else {
elFormSearch.querySelector("input[type='search']").removeAttribute('disabled');
}
}
});
elFormSearch.querySelector("input[type='radio']:checked").dispatchEvent(new Event('input'));
}
// Functions
const fetchProfileKey = async function() {
if (window.kx.key.object && window.kx.key.object instanceof openpgp.key.Key) {
return;

20
views/index.pug
View file

@ -1,14 +1,28 @@
extends templates/base.pug
block js
//- script(type='application/javascript' src='/static/dialog-polyfill.js' charset='utf-8')
script(type='application/javascript' src='/static/openpgp.min.js' charset='utf-8')
script(type='application/javascript' src='/static/doip.js' charset='utf-8')
script(type='application/javascript' src='/static/kx-claim.js' charset='utf-8')
script(type='application/javascript' src='/static/scripts.js' charset='utf-8')
block content
.demo.narrow
kx-claim(data-claim= demoData)
kx-claim(data-claim= demoData data-skip="true")
.narrow
#search.form-wrapper.card
h2 Generate a profile
form(action="post")
input(type="search" name="query" placeholder="3637202523e7c1309ab79e99ef2dc5827b445f4b, test@doip.rocks")
div.radio-wrapper
input#protocol-hkp(type="radio" name="protocol" value="hkp" checked="true")
label(for="protocol-hkp") HKP
input#protocol-wkd(type="radio" name="protocol" value="wkd")
label(for="protocol-wkd") WKD
input#protocol-sig(type="radio" name="protocol" value="sig")
label(for="protocol-sig") Signature
input(type="submit" value="Generate profile")
if highlights.length > 0
h2 Highlights
@ -22,7 +36,7 @@ block content
span.details= hl.description
.spacer
p
a(href=`/${hl.fingerprint}`) View profile
a(href=`/${hl.fingerprint}`).button.full-width View profile
- var n = 0
while n < 3-highlights.length
.card.card--small-profile-dummy

13
views/profile.pug
View file

@ -37,7 +37,7 @@ block content
div
form(method='post')
textarea.input(name='message' placeholder='Message')
input(type='submit' name='submit' value='ENCRYPT MESSAGE')
input.no-margin(type='submit' name='submit' value='ENCRYPT MESSAGE')
textarea.output(name='message' placeholder='Waiting for input' readonly)
form(method="dialog")
input(type="submit" value="Close")
@ -46,7 +46,7 @@ block content
div
form(method='post')
textarea.input(name='signature' placeholder='Signature')
input(type='submit' name='submit' value='VERIFY SIGNATURE')
input.no-margin(type='submit' name='submit' value='VERIFY SIGNATURE')
textarea.output(name='message' placeholder='Waiting for input' readonly)
form(method="dialog")
input(type="submit" value="Close")
@ -58,7 +58,8 @@ block content
a#qr--altLink
if (isSignature)
#profileSigInput.card.card--form
#profileSigInput.form-wrapper.card
h2 Signature profile
form#formGenerateSignatureProfile(method='post')
label(for="signature") Please enter the raw profile signature below and press "Generate profile".
textarea#signature(name='signature')= signature
@ -72,16 +73,16 @@ block content
li= error
else
unless (isSignature && !signature)
#profileHeader.card.card--profileHeader
#profileHeader.card.card--transparent.card--profileHeader
a.avatar(href="#")
img#profileAvatar(src=data.extra.avatarURL alt="avatar")
p#profileName= data.keyData.users[data.keyData.primaryUserIndex].userData.name
.buttons
.button-wrapper
button(onClick="document.querySelector('#dialog--encryptMessage').showModal();") Encrypt message
button(onClick="document.querySelector('#dialog--verifySignature').showModal();") Verify signature
#profileProofs.card
#profileProofs.card.card--transparent
h2 Key
kx-key(data-keydata=data.keyData)