|
|
@ -64,19 +64,21 @@ |
|
|
|
:to="{ name: 'quick-action-bvc' }" |
|
|
|
class="block text-center text-md font-bold bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white mt-2 px-2 py-3 rounded-md" |
|
|
|
> |
|
|
|
Bountiful Voluntaryist Community Actions</router-link |
|
|
|
> |
|
|
|
Bountiful Voluntaryist Community Actions |
|
|
|
</router-link> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- show the actions for recognizing a give --> |
|
|
|
<div class="mb-8"> |
|
|
|
<div v-if="isCreatingIdentifier"> |
|
|
|
<p class="text-slate-500 text-center italic mt-4 mb-4"> |
|
|
|
<fa icon="spinner" class="fa-spin-pulse" /> Loading… |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-else> |
|
|
|
<!-- !isCreatingIdentifier --> |
|
|
|
<div |
|
|
|
v-if="!activeDid && !isCreatingIdentifier" |
|
|
|
v-if="!activeDid" |
|
|
|
class="bg-amber-200 rounded-md overflow-hidden text-center px-4 py-3 mb-4" |
|
|
|
> |
|
|
|
<p class="text-lg mb-3"> |
|
|
@ -87,15 +89,17 @@ |
|
|
|
:to="{ name: 'start' }" |
|
|
|
class="block text-center text-md font-bold bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white mt-2 px-2 py-3 rounded-md" |
|
|
|
> |
|
|
|
Create An Identifier</router-link |
|
|
|
> |
|
|
|
Create An Identifier |
|
|
|
</router-link> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div |
|
|
|
v-else-if="!isRegistered" |
|
|
|
class="bg-amber-200 rounded-md overflow-hidden text-center px-4 py-3 mb-4" |
|
|
|
> |
|
|
|
Someone must register you before you can give or offer. |
|
|
|
<!-- activeDid && !isRegistered --> |
|
|
|
Someone must register you before you can give kudos or make offers or |
|
|
|
create projects... basically before doing anything. |
|
|
|
<router-link |
|
|
|
:to="{ name: 'contact-qr' }" |
|
|
|
class="block text-center text-md font-bold bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white mt-2 px-2 py-3 rounded-md" |
|
|
@ -106,6 +110,8 @@ |
|
|
|
|
|
|
|
<div v-else> |
|
|
|
<!-- activeDid && isRegistered --> |
|
|
|
|
|
|
|
<!-- show the actions for recognizing a give --> |
|
|
|
<div class="mb-4"> |
|
|
|
<h2 class="text-xl font-bold">Record Something Given By:</h2> |
|
|
|
</div> |
|
|
@ -159,6 +165,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<GiftedDialog ref="customDialog" /> |
|
|
|
<GiftedPrompts ref="giftedPrompts" /> |
|
|
@ -200,14 +207,22 @@ |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="grid grid-cols-12"> |
|
|
|
<span class="col-span-1 justify-self-start"> |
|
|
|
<span class="pt-1 col-span-1 justify-self-start"> |
|
|
|
<span> |
|
|
|
<fa |
|
|
|
v-if="record.giver.known || record.receiver.known" |
|
|
|
icon="circle-user" |
|
|
|
class="pt-1 text-slate-500" |
|
|
|
:class=" |
|
|
|
computeKnownPersonIconStyleClassNames( |
|
|
|
record.giver.known || record.receiver.known, |
|
|
|
) |
|
|
|
" |
|
|
|
@click="toastUser('This involves your contacts.')" |
|
|
|
/> |
|
|
|
<fa |
|
|
|
icon="gift" |
|
|
|
class="pl-3 text-slate-500" |
|
|
|
@click="toastUser('This is a gift.')" |
|
|
|
/> |
|
|
|
<fa v-else icon="gift" class="pt-1 pl-3 text-slate-500" /> |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
<span class="col-span-10 justify-self-stretch"> |
|
|
@ -758,5 +773,21 @@ export default class HomeView extends Vue { |
|
|
|
openFeedFilters() { |
|
|
|
(this.$refs.feedFilters as FeedFilters).open(this.reloadFeedOnChange); |
|
|
|
} |
|
|
|
|
|
|
|
toastUser(message) { |
|
|
|
this.$notify( |
|
|
|
{ |
|
|
|
group: "alert", |
|
|
|
type: "toast", |
|
|
|
title: "FYI", |
|
|
|
text: message, |
|
|
|
}, |
|
|
|
2000, |
|
|
|
); |
|
|
|
} |
|
|
|
|
|
|
|
computeKnownPersonIconStyleClassNames(known: boolean) { |
|
|
|
return known ? "text-slate-500" : "text-slate-100"; |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|