move pointers to other projects up in the project view
This commit is contained in:
@@ -115,6 +115,50 @@
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="grid items-start grid-cols-1 sm:grid-cols-2 gap-4 mt-4">
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
v-if="fulfillersToThis.length > 0"
|
||||||
|
class="bg-slate-100 px-4 py-3 rounded-md"
|
||||||
|
>
|
||||||
|
<h3 class="text-sm uppercase font-semibold mt-3">
|
||||||
|
Projects That Contribute To This
|
||||||
|
</h3>
|
||||||
|
<!-- centering because long, wrapped project names didn't left align with blank or "text-left" -->
|
||||||
|
<div class="text-center">
|
||||||
|
<div v-for="plan in fulfillersToThis" :key="plan.handleId">
|
||||||
|
<button
|
||||||
|
@click="onClickLoadProject(plan.handleId)"
|
||||||
|
class="text-blue-500"
|
||||||
|
>
|
||||||
|
{{ plan.name }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div v-if="fulfillersToHitLimit" class="text-center">
|
||||||
|
<button @click="loadPlanFulfillersTo()">Load More</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div v-if="fulfilledByThis" class="bg-slate-100 px-4 py-3 rounded-md">
|
||||||
|
<h3 class="text-sm uppercase font-semibold mb-3">
|
||||||
|
Projects Getting Contributions From This
|
||||||
|
</h3>
|
||||||
|
<!-- centering because long, wrapped project names didn't left align with blank or "text-left" -->
|
||||||
|
<div class="text-center">
|
||||||
|
<button
|
||||||
|
@click="onClickLoadProject(fulfilledByThis.handleId)"
|
||||||
|
class="text-blue-500"
|
||||||
|
>
|
||||||
|
{{ fulfilledByThis.name }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div v-if="activeDid" class="mt-4">
|
<div v-if="activeDid" class="mt-4">
|
||||||
<div class="text-center">
|
<div class="text-center">
|
||||||
<button
|
<button
|
||||||
@@ -313,87 +357,51 @@
|
|||||||
v-if="givesProvidedByThis.length > 0"
|
v-if="givesProvidedByThis.length > 0"
|
||||||
class="bg-slate-100 px-4 py-3 rounded-md"
|
class="bg-slate-100 px-4 py-3 rounded-md"
|
||||||
>
|
>
|
||||||
<h3 class="text-sm uppercase font-semibold mb-3 border-b">
|
<div>
|
||||||
Individuals Getting Contributions From This
|
<h3 class="text-sm font-semibold border-b">
|
||||||
</h3>
|
Individuals Getting Contributions From This
|
||||||
<!-- similar to gift display above -->
|
</h3>
|
||||||
<ul class="text-sm border-t border-slate-300">
|
<!-- similar to gift display above -->
|
||||||
<li
|
<ul class="text-sm border-t border-slate-300">
|
||||||
v-for="give in givesProvidedByThis"
|
<li
|
||||||
:key="give.id"
|
v-for="give in givesProvidedByThis"
|
||||||
class="py-1.5 border-b border-slate-300"
|
:key="give.id"
|
||||||
>
|
class="py-1.5 border-b border-slate-300"
|
||||||
<div class="flex justify-between gap-4">
|
|
||||||
<span>
|
|
||||||
{{
|
|
||||||
serverUtil.didInfo(
|
|
||||||
give.agentDid,
|
|
||||||
activeDid,
|
|
||||||
allMyDids,
|
|
||||||
allContacts,
|
|
||||||
)
|
|
||||||
}}
|
|
||||||
</span>
|
|
||||||
<span v-if="give.amount" class="whitespace-nowrap">
|
|
||||||
<fa
|
|
||||||
:icon="libsUtil.iconForUnitCode(give.unit)"
|
|
||||||
class="fa-fw text-slate-400"
|
|
||||||
/>{{ give.amount }}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div class="text-slate-500">
|
|
||||||
<fa icon="calendar" class="fa-fw text-slate-400" />
|
|
||||||
{{ give.issuedAt?.substring(0, 10) }}
|
|
||||||
</div>
|
|
||||||
<div v-if="give.description" class="text-slate-500">
|
|
||||||
<fa icon="comment" class="fa-fw text-slate-400" />
|
|
||||||
{{ give.description }}
|
|
||||||
</div>
|
|
||||||
<a @click="onClickLoadClaim(give.jwtId)">
|
|
||||||
<fa icon="file-lines" class="text-blue-500 cursor-pointer" />
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<div v-if="givesProvidedByHitLimit" class="text-center">
|
|
||||||
<button @click="loadGivesProvidedBy()">Load More</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
v-if="fulfillersToThis.length > 0"
|
|
||||||
class="bg-slate-100 px-4 py-3 rounded-md"
|
|
||||||
>
|
|
||||||
<h3 class="text-sm uppercase font-semibold mb-3">
|
|
||||||
Projects That Contribute To This
|
|
||||||
</h3>
|
|
||||||
<!-- centering because long, wrapped project names didn't left align with blank or "text-left" -->
|
|
||||||
<div class="text-center">
|
|
||||||
<div v-for="plan in fulfillersToThis" :key="plan.handleId">
|
|
||||||
<button
|
|
||||||
@click="onClickLoadProject(plan.handleId)"
|
|
||||||
class="text-blue-500"
|
|
||||||
>
|
>
|
||||||
{{ plan.name }}
|
<div class="flex justify-between gap-4">
|
||||||
</button>
|
<span>
|
||||||
|
{{
|
||||||
|
serverUtil.didInfo(
|
||||||
|
give.agentDid,
|
||||||
|
activeDid,
|
||||||
|
allMyDids,
|
||||||
|
allContacts,
|
||||||
|
)
|
||||||
|
}}
|
||||||
|
</span>
|
||||||
|
<span v-if="give.amount" class="whitespace-nowrap">
|
||||||
|
<fa
|
||||||
|
:icon="libsUtil.iconForUnitCode(give.unit)"
|
||||||
|
class="fa-fw text-slate-400"
|
||||||
|
/>{{ give.amount }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="text-slate-500">
|
||||||
|
<fa icon="calendar" class="fa-fw text-slate-400" />
|
||||||
|
{{ give.issuedAt?.substring(0, 10) }}
|
||||||
|
</div>
|
||||||
|
<div v-if="give.description" class="text-slate-500">
|
||||||
|
<fa icon="comment" class="fa-fw text-slate-400" />
|
||||||
|
{{ give.description }}
|
||||||
|
</div>
|
||||||
|
<a @click="onClickLoadClaim(give.jwtId)">
|
||||||
|
<fa icon="file-lines" class="text-blue-500 cursor-pointer" />
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div v-if="givesProvidedByHitLimit" class="text-center">
|
||||||
|
<button @click="loadGivesProvidedBy()">Load More</button>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="fulfillersToHitLimit" class="text-center">
|
|
||||||
<button @click="loadPlanFulfillersTo()">Load More</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div v-if="fulfilledByThis" class="bg-slate-100 px-4 py-3 rounded-md">
|
|
||||||
<h3 class="text-sm uppercase font-semibold mb-3">
|
|
||||||
Projects Getting Contributions From This
|
|
||||||
</h3>
|
|
||||||
<!-- centering because long, wrapped project names didn't left align with blank or "text-left" -->
|
|
||||||
<div class="text-center">
|
|
||||||
<button
|
|
||||||
@click="onClickLoadProject(fulfilledByThis.handleId)"
|
|
||||||
class="text-blue-500"
|
|
||||||
>
|
|
||||||
{{ fulfilledByThis.name }}
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user