|
@ -89,9 +89,15 @@ |
|
|
<div class="text-slate-500 text-sm font-bold">ID</div> |
|
|
<div class="text-slate-500 text-sm font-bold">ID</div> |
|
|
<div class="text-sm text-slate-500 flex justify-start items-center mb-1"> |
|
|
<div class="text-sm text-slate-500 flex justify-start items-center mb-1"> |
|
|
<code class="truncate">{{ activeDid }}</code> |
|
|
<code class="truncate">{{ activeDid }}</code> |
|
|
<button @click="copy(activeDid)" class="ml-2"> |
|
|
<button |
|
|
|
|
|
@click=" |
|
|
|
|
|
doCopyTwoSecRedo(activeDid, () => (showDidCopy = !showDidCopy)) |
|
|
|
|
|
" |
|
|
|
|
|
class="ml-2" |
|
|
|
|
|
> |
|
|
<fa icon="copy" class="text-slate-400 fa-fw"></fa> |
|
|
<fa icon="copy" class="text-slate-400 fa-fw"></fa> |
|
|
</button> |
|
|
</button> |
|
|
|
|
|
<span v-show="showDidCopy">Copied!</span> |
|
|
<span class="whitespace-nowrap ml-4"> |
|
|
<span class="whitespace-nowrap ml-4"> |
|
|
<button |
|
|
<button |
|
|
class="text-xs uppercase bg-slate-500 text-white px-1.5 py-1 rounded-md" |
|
|
class="text-xs uppercase bg-slate-500 text-white px-1.5 py-1 rounded-md" |
|
@ -109,25 +115,43 @@ |
|
|
<div class="text-slate-500 text-sm font-bold">Public Key (base 64)</div> |
|
|
<div class="text-slate-500 text-sm font-bold">Public Key (base 64)</div> |
|
|
<div class="text-sm text-slate-500 flex justify-start items-center mb-1"> |
|
|
<div class="text-sm text-slate-500 flex justify-start items-center mb-1"> |
|
|
<code class="truncate">{{ publicBase64 }}</code> |
|
|
<code class="truncate">{{ publicBase64 }}</code> |
|
|
<button @click="copy(publicBase64)" class="ml-2"> |
|
|
<button |
|
|
|
|
|
@click=" |
|
|
|
|
|
doCopyTwoSecRedo(publicBase64, () => (showB64Copy = !showB64Copy)) |
|
|
|
|
|
" |
|
|
|
|
|
class="ml-2" |
|
|
|
|
|
> |
|
|
<fa icon="copy" class="text-slate-400 fa-fw"></fa> |
|
|
<fa icon="copy" class="text-slate-400 fa-fw"></fa> |
|
|
</button> |
|
|
</button> |
|
|
|
|
|
<span v-show="showB64Copy">Copied!</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="text-slate-500 text-sm font-bold">Public Key (hex)</div> |
|
|
<div class="text-slate-500 text-sm font-bold">Public Key (hex)</div> |
|
|
<div class="text-sm text-slate-500 flex justify-start items-center mb-1"> |
|
|
<div class="text-sm text-slate-500 flex justify-start items-center mb-1"> |
|
|
<code class="truncate">{{ publicHex }}</code> |
|
|
<code class="truncate">{{ publicHex }}</code> |
|
|
<button @click="copy(publicHex)" class="ml-2"> |
|
|
<button |
|
|
|
|
|
@click=" |
|
|
|
|
|
doCopyTwoSecRedo(publicHex, () => (showPubCopy = !showPubCopy)) |
|
|
|
|
|
" |
|
|
|
|
|
class="ml-2" |
|
|
|
|
|
> |
|
|
<fa icon="copy" class="text-slate-400 fa-fw"></fa> |
|
|
<fa icon="copy" class="text-slate-400 fa-fw"></fa> |
|
|
</button> |
|
|
</button> |
|
|
|
|
|
<span v-show="showPubCopy">Copied!</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="text-slate-500 text-sm font-bold">Derivation Path</div> |
|
|
<div class="text-slate-500 text-sm font-bold">Derivation Path</div> |
|
|
<div class="text-sm text-slate-500 flex justify-start items-center mb-1"> |
|
|
<div class="text-sm text-slate-500 flex justify-start items-center mb-1"> |
|
|
<code class="truncate">{{ derivationPath }}</code> |
|
|
<code class="truncate">{{ derivationPath }}</code> |
|
|
<button @click="copy(derivationPath)" class="ml-2"> |
|
|
<button |
|
|
|
|
|
@click=" |
|
|
|
|
|
doCopyTwoSecRedo(derivationPath, () => (showDerCopy = !showDerCopy)) |
|
|
|
|
|
" |
|
|
|
|
|
class="ml-2" |
|
|
|
|
|
> |
|
|
<fa icon="copy" class="text-slate-400 fa-fw"></fa> |
|
|
<fa icon="copy" class="text-slate-400 fa-fw"></fa> |
|
|
</button> |
|
|
</button> |
|
|
|
|
|
<span v-show="showDerCopy">Copied!</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
@ -299,7 +323,18 @@ export default class AccountViewView extends Vue { |
|
|
limits: RateLimits | null = null; |
|
|
limits: RateLimits | null = null; |
|
|
showContactGives = false; |
|
|
showContactGives = false; |
|
|
|
|
|
|
|
|
copy = useClipboard().copy; |
|
|
showDidCopy = false; |
|
|
|
|
|
showDerCopy = false; |
|
|
|
|
|
showB64Copy = false; |
|
|
|
|
|
showPubCopy = false; |
|
|
|
|
|
|
|
|
|
|
|
// call fn, copy text to the clipboard, then redo fn after 2 seconds |
|
|
|
|
|
doCopyTwoSecRedo(text, fn) { |
|
|
|
|
|
fn(); |
|
|
|
|
|
useClipboard() |
|
|
|
|
|
.copy(text) |
|
|
|
|
|
.then(() => setTimeout(fn, 2000)); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
handleChange() { |
|
|
handleChange() { |
|
|
this.showContactGives = !this.showContactGives; |
|
|
this.showContactGives = !this.showContactGives; |
|
@ -317,7 +352,6 @@ export default class AccountViewView extends Vue { |
|
|
// assign this to a class variable, eg. "registerThisUser = testServerRegisterUser", |
|
|
// assign this to a class variable, eg. "registerThisUser = testServerRegisterUser", |
|
|
// select a component in the extension, and enter in the console: $vm.ctx.registerThisUser() |
|
|
// select a component in the extension, and enter in the console: $vm.ctx.registerThisUser() |
|
|
//testServerRegisterUser(); |
|
|
//testServerRegisterUser(); |
|
|
|
|
|
|
|
|
try { |
|
|
try { |
|
|
await db.open(); |
|
|
await db.open(); |
|
|
const settings = await db.settings.get(MASTER_SETTINGS_KEY); |
|
|
const settings = await db.settings.get(MASTER_SETTINGS_KEY); |
|
|