|
|
@ -1,6 +1,55 @@ |
|
|
|
<template> |
|
|
|
<QuickNav selected="Profile"></QuickNav> |
|
|
|
<section> |
|
|
|
<section id="Content" class="p-6 pb-24"> |
|
|
|
<!-- Heading --> |
|
|
|
<h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8"> |
|
|
|
Switch Identities |
|
|
|
</h1> |
|
|
|
|
|
|
|
<!-- Identity List --> |
|
|
|
|
|
|
|
<!-- Current Identity - Display First! --> |
|
|
|
<a |
|
|
|
href="account-view.html" |
|
|
|
class="block bg-slate-100 rounded-md flex items-center px-4 py-3 mb-4" |
|
|
|
> |
|
|
|
<fa icon="circle-check" class="fa-fw text-blue-600 text-xl mr-3"></fa> |
|
|
|
<span> |
|
|
|
<h2 class="text-xl font-semibold mb-0">Firstname Lastname</h2> |
|
|
|
<div class="text-sm text-slate-500"> |
|
|
|
<b>ID:</b> <code>did:peer:kl45kj41lk451kl3</code> |
|
|
|
</div> |
|
|
|
</span> |
|
|
|
</a> |
|
|
|
|
|
|
|
<!-- Other Identity/ies --> |
|
|
|
<a |
|
|
|
href="account-view.html" |
|
|
|
class="block bg-slate-100 rounded-md flex items-center px-4 py-3 mb-4" |
|
|
|
> |
|
|
|
<fa icon="circle" class="fa-fw text-slate-400 text-xl mr-3"></fa> |
|
|
|
<span> |
|
|
|
<h2 class="text-xl font-semibold mb-0">Givenname Surname</h2> |
|
|
|
<div class="text-sm text-slate-500"> |
|
|
|
<b>ID:</b> <code>did:peer:lk451kl3kl45kj41</code> |
|
|
|
</div> |
|
|
|
</span> |
|
|
|
</a> |
|
|
|
|
|
|
|
<!-- Actions --> |
|
|
|
<router-link |
|
|
|
:to="{ name: 'start' }" |
|
|
|
class="block text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2" |
|
|
|
> |
|
|
|
Add Another Identity… |
|
|
|
</router-link> |
|
|
|
<a |
|
|
|
href="start.html" |
|
|
|
class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-8" |
|
|
|
> |
|
|
|
No Identity |
|
|
|
</a> |
|
|
|
|
|
|
|
<AlertMessage |
|
|
|
:alertTitle="alertTitle" |
|
|
|
:alertMessage="alertMessage" |
|
|
|