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

feat: add QR button for profiles

Browse source
This commit is contained in:
Yarmo Mackenbach 2023-10-04 10:06:21 +02:00
parent 91244b992b
commit 995e4c73f7
No known key found for this signature in database
GPG key ID: 3C57D093219103A3
2 changed files with 4 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
static-src/styles/typography.scss
View file

@ -35,7 +35,7 @@ h1 {
cursor: default; cursor: default;
} }
h2 { h2 {
margin: 2em 0 0.5em; margin: 1em 0 0.5em;
font-size: 1.2em; font-size: 1.2em;
font-weight: bold; font-weight: bold;
color: var(--h2-color); color: var(--h2-color);

10
views/profile.pug
View file

@ -23,7 +23,7 @@ mixin generatePersona(persona, isPrimary)
.info .info
img(src=`https://design.keyoxide.org/brands/service-providers/_/icon.svg` onerror="this.src='https://design.keyoxide.org/brands/service-providers/_/icon.svg'") img(src=`https://design.keyoxide.org/brands/service-providers/_/icon.svg` onerror="this.src='https://design.keyoxide.org/brands/service-providers/_/icon.svg'")
p p
span.title= claim.display.name span.title= claim.display.profileName
span.subtitle-wrapper span.subtitle-wrapper
| [ | [
span.subtitle= claim.display.serviceproviderName span.subtitle= claim.display.serviceproviderName
@ -130,6 +130,8 @@ block content
each persona, index in data.personas each persona, index in data.personas
unless index == data.primaryPersonaIndex unless index == data.primaryPersonaIndex
+generatePersona(persona, false) +generatePersona(persona, false)
h2 Profile
button(onClick=`showQR('${data.identifier}', 'profile_identifier')` aria-label='Show profile ID QR') Profile ID QR
section section
h2 Profile information h2 Profile information
@ -151,9 +153,3 @@ block content
div div
p Key link: p Key link:
a.u-key(href=data.publicKey.fetch.resolvedUrl rel="pgpkey" aria-label="Link to cryptographic key")= data.publicKey.fetch.resolvedUrl a.u-key(href=data.publicKey.fetch.resolvedUrl rel="pgpkey" aria-label="Link to cryptographic key")= data.publicKey.fetch.resolvedUrl
hr
if (data.profileType === 'openpgp')
.subsection
img(src='/static/img/qrcode.png')
div
button(onClick=`showQR('${data.publicKey.fingerprint}', 'fingerprint')` aria-label='Show QR code for cryptographic fingerprint') Show OpenPGP fingerprint QR