|
@ -89,7 +89,16 @@ |
|
|
<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=" |
|
|
|
|
|
copyText($event, activeDid, 'did'); |
|
|
|
|
|
did = !did; |
|
|
|
|
|
st(function () { |
|
|
|
|
|
did = !did; |
|
|
|
|
|
}); |
|
|
|
|
|
" |
|
|
|
|
|
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 class="whitespace-nowrap ml-4"> |
|
|
<span class="whitespace-nowrap ml-4"> |
|
@ -104,30 +113,52 @@ |
|
|
<fa icon="qrcode" class="fa-fw"></fa> |
|
|
<fa icon="qrcode" class="fa-fw"></fa> |
|
|
</button> |
|
|
</button> |
|
|
</span> |
|
|
</span> |
|
|
|
|
|
<span v-show="did">Copied!</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<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=" |
|
|
|
|
|
copyText($event, publicBase64, 'base64'); |
|
|
|
|
|
base64 = !base64; |
|
|
|
|
|
" |
|
|
|
|
|
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="base64">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=" |
|
|
|
|
|
copyText($event, publicHex, 'pubhex'); |
|
|
|
|
|
pubhex = !pubhex; |
|
|
|
|
|
" |
|
|
|
|
|
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="pubhex">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=" |
|
|
|
|
|
copyText($event, derivationPath, 'derpath'); |
|
|
|
|
|
derpath = !derpath; |
|
|
|
|
|
" |
|
|
|
|
|
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="derpath">Copied!</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
@ -288,7 +319,38 @@ export default class AccountViewView extends Vue { |
|
|
limits: RateLimits | null = null; |
|
|
limits: RateLimits | null = null; |
|
|
showContactGives = false; |
|
|
showContactGives = false; |
|
|
|
|
|
|
|
|
|
|
|
did = false; |
|
|
|
|
|
derpath = false; |
|
|
|
|
|
base64 = false; |
|
|
|
|
|
pubhex = false; |
|
|
|
|
|
|
|
|
copy = useClipboard().copy; |
|
|
copy = useClipboard().copy; |
|
|
|
|
|
text = useClipboard().text; |
|
|
|
|
|
|
|
|
|
|
|
showCopyMessage() { |
|
|
|
|
|
this.did = true; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
st(f) { |
|
|
|
|
|
setTimeout(f, 10000); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
copyText = (e: MouseEvent, inputText: string, loc: string) => { |
|
|
|
|
|
console.log(this); |
|
|
|
|
|
console.log(e, inputText); |
|
|
|
|
|
this.copy(inputText).then(() => { |
|
|
|
|
|
if (loc == "did") { |
|
|
|
|
|
this.showCopyMessage(); |
|
|
|
|
|
console.log(this); |
|
|
|
|
|
} else if (loc == "derpath") { |
|
|
|
|
|
this.derpath = true; |
|
|
|
|
|
} else if (loc == "base64") { |
|
|
|
|
|
this.base64 = true; |
|
|
|
|
|
} else if (loc == "pubhex") { |
|
|
|
|
|
this.pubhex = true; |
|
|
|
|
|
} |
|
|
|
|
|
}); |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
handleChange() { |
|
|
handleChange() { |
|
|
this.showContactGives = !this.showContactGives; |
|
|
this.showContactGives = !this.showContactGives; |
|
@ -299,6 +361,9 @@ export default class AccountViewView extends Vue { |
|
|
return timeStr.substring(0, timeStr.indexOf("T")); |
|
|
return timeStr.substring(0, timeStr.indexOf("T")); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
mounted() { |
|
|
|
|
|
console.log("Mounted", this); |
|
|
|
|
|
} |
|
|
// 'created' hook runs when the Vue instance is first created |
|
|
// 'created' hook runs when the Vue instance is first created |
|
|
async created() { |
|
|
async created() { |
|
|
// Uncomment to register this user on the test server. |
|
|
// Uncomment to register this user on the test server. |
|
@ -306,7 +371,7 @@ 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(); |
|
|
|
|
|
console.log("created", this); |
|
|
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); |
|
|