|
@ -8,10 +8,10 @@ |
|
|
{{ AppString.APP_NAME }} |
|
|
{{ AppString.APP_NAME }} |
|
|
</h1> |
|
|
</h1> |
|
|
|
|
|
|
|
|
<!-- prompt to install notifications --> |
|
|
<!-- prompt to install notifications, which we're making an advanced feature --> |
|
|
<div class="mb-8"> |
|
|
<div class="mb-8"> |
|
|
<div |
|
|
<div |
|
|
v-if="!notificationsSupported()" |
|
|
v-if="false" |
|
|
class="bg-amber-200 rounded-md overflow-hidden text-center px-4 py-3 mb-4" |
|
|
class="bg-amber-200 rounded-md overflow-hidden text-center px-4 py-3 mb-4" |
|
|
> |
|
|
> |
|
|
<p style="display: inline; align-items: center"> |
|
|
<p style="display: inline; align-items: center"> |
|
@ -107,8 +107,16 @@ |
|
|
<!-- activeDid && isRegistered --> |
|
|
<!-- activeDid && isRegistered --> |
|
|
|
|
|
|
|
|
<!-- show the actions for recognizing a give --> |
|
|
<!-- show the actions for recognizing a give --> |
|
|
<div class="mb-4"> |
|
|
<div class="flex justify-between mb-4"> |
|
|
<h2 class="text-xl font-bold">Record Something Given By:</h2> |
|
|
<h2 class="text-xl font-bold">Record Something Given By:</h2> |
|
|
|
|
|
<div class="flex justify-end"> |
|
|
|
|
|
<button |
|
|
|
|
|
@click="openGiftedPrompts()" |
|
|
|
|
|
class="block text-center text-md bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-4 py-2 rounded-md" |
|
|
|
|
|
> |
|
|
|
|
|
Ideas... |
|
|
|
|
|
</button> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<ul |
|
|
<ul |
|
@ -126,7 +134,7 @@ |
|
|
</h3> |
|
|
</h3> |
|
|
</li> |
|
|
</li> |
|
|
<li |
|
|
<li |
|
|
v-for="contact in allContacts.slice(0, 7)" |
|
|
v-for="contact in allContacts.slice(0, 6)" |
|
|
:key="contact.did" |
|
|
:key="contact.did" |
|
|
@click="openDialog(contact)" |
|
|
@click="openDialog(contact)" |
|
|
> |
|
|
> |
|
@ -141,23 +149,16 @@ |
|
|
{{ contact.name || contact.did }} |
|
|
{{ contact.name || contact.did }} |
|
|
</h3> |
|
|
</h3> |
|
|
</li> |
|
|
</li> |
|
|
</ul> |
|
|
<li> |
|
|
|
|
|
|
|
|
<div class="flex justify-between"> |
|
|
|
|
|
<router-link |
|
|
<router-link |
|
|
v-if="allContacts.length >= 7" |
|
|
v-if="allContacts.length >= 6" |
|
|
:to="{ name: 'contact-gift' }" |
|
|
:to="{ name: 'contact-gift' }" |
|
|
class="block text-center text-md font-bold bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md" |
|
|
class="block text-center text-md font-bold bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md" |
|
|
> |
|
|
> |
|
|
Choose From All Contacts |
|
|
Choose From All Contacts |
|
|
</router-link> |
|
|
</router-link> |
|
|
<button |
|
|
</li> |
|
|
@click="openGiftedPrompts()" |
|
|
</ul> |
|
|
class="block text-center text-md bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-4 py-2 rounded-md" |
|
|
|
|
|
> |
|
|
|
|
|
Ideas... |
|
|
|
|
|
</button> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|