|
@ -56,8 +56,11 @@ |
|
|
<div class="text-sm text-slate-500"> |
|
|
<div class="text-sm text-slate-500"> |
|
|
<div v-if="!expanded"> |
|
|
<div v-if="!expanded"> |
|
|
{{ truncatedDesc }} |
|
|
{{ truncatedDesc }} |
|
|
<a v-if="description.length >= truncateLength" @click="expandText" |
|
|
<a |
|
|
>Read More</a |
|
|
v-if="description.length >= truncateLength" |
|
|
|
|
|
@click="expandText" |
|
|
|
|
|
class="uppercase text-xs font-semibold text-slate-700" |
|
|
|
|
|
>... Read More</a |
|
|
> |
|
|
> |
|
|
</div> |
|
|
</div> |
|
|
<div v-else> |
|
|
<div v-else> |
|
@ -65,7 +68,7 @@ |
|
|
<a |
|
|
<a |
|
|
@click="collapseText" |
|
|
@click="collapseText" |
|
|
class="uppercase text-xs font-semibold text-slate-700" |
|
|
class="uppercase text-xs font-semibold text-slate-700" |
|
|
>Read Less</a |
|
|
>- Read Less</a |
|
|
> |
|
|
> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
@ -167,8 +170,10 @@ |
|
|
{{ didInfo(offer.agentDid, activeDid, allMyDids, allContacts) }} |
|
|
{{ didInfo(offer.agentDid, activeDid, allMyDids, allContacts) }} |
|
|
</span> |
|
|
</span> |
|
|
<span v-if="offer.amount"> |
|
|
<span v-if="offer.amount"> |
|
|
<fa icon="coins" class="fa-fw text-slate-400"></fa> |
|
|
<fa |
|
|
{{ offer.amount }} |
|
|
:icon="iconForUnitCode(offer.unit)" |
|
|
|
|
|
class="fa-fw text-slate-400" |
|
|
|
|
|
/>{{ offer.amount }} |
|
|
</span> |
|
|
</span> |
|
|
</div> |
|
|
</div> |
|
|
<div v-if="offer.objectDescription" class="text-slate-500"> |
|
|
<div v-if="offer.objectDescription" class="text-slate-500"> |
|
@ -195,9 +200,11 @@ |
|
|
><fa icon="user" class="fa-fw text-slate-400"></fa> |
|
|
><fa icon="user" class="fa-fw text-slate-400"></fa> |
|
|
{{ didInfo(give.agentDid, activeDid, allMyDids, allContacts) }} |
|
|
{{ didInfo(give.agentDid, activeDid, allMyDids, allContacts) }} |
|
|
</span> |
|
|
</span> |
|
|
<span v-if="give.amount" |
|
|
<span v-if="give.amount"> |
|
|
><fa icon="coins" class="fa-fw text-slate-400"></fa> |
|
|
<fa |
|
|
{{ give.amount }} |
|
|
:icon="iconForUnitCode(give.unit)" |
|
|
|
|
|
class="fa-fw text-slate-400" |
|
|
|
|
|
/>{{ give.amount }} |
|
|
</span> |
|
|
</span> |
|
|
</div> |
|
|
</div> |
|
|
<div v-if="give.description" class="text-slate-500"> |
|
|
<div v-if="give.description" class="text-slate-500"> |
|
@ -625,5 +632,24 @@ export default class ProjectViewView extends Vue { |
|
|
openOfferDialog() { |
|
|
openOfferDialog() { |
|
|
(this.$refs.customOfferDialog as OfferDialog).open(); |
|
|
(this.$refs.customOfferDialog as OfferDialog).open(); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
UNIT_CODES: Record<string, Record<string, string>> = { |
|
|
|
|
|
BTC: { |
|
|
|
|
|
name: "Bitcoin", |
|
|
|
|
|
faIcon: "bitcoin-sign", |
|
|
|
|
|
}, |
|
|
|
|
|
HUR: { |
|
|
|
|
|
name: "hours", |
|
|
|
|
|
faIcon: "clock", |
|
|
|
|
|
}, |
|
|
|
|
|
USD: { |
|
|
|
|
|
name: "US Dollars", |
|
|
|
|
|
faIcon: "dollar", |
|
|
|
|
|
}, |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
iconForUnitCode(unitCode: string) { |
|
|
|
|
|
return this.UNIT_CODES[unitCode]?.faIcon || "question"; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|