trent_larson/crowd-funder-for-time-pwa
4
1
Fork 2
Code Issues Pull Requests 21 Releases 5 Wiki Activity

fix linting

Browse Source
This commit is contained in:
Trent Larson
2025-02-27 17:51:57 -07:00
parent 61afba3bca
commit f6871e139d
1 changed files with 102 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

172
src/views/ProjectViewView.vue
View File

@@ -341,23 +341,37 @@
<div v-else-if="givesTotalsByUnit.length > 0" class="flex-1"> <div v-else-if="givesTotalsByUnit.length > 0" class="flex-1">
<span class="font-semibold mr-2 shrink-0">Totals</span> <span class="font-semibold mr-2 shrink-0">Totals</span>
<span class="whitespace-nowrap overflow-hidden text-ellipsis"> <span class="whitespace-nowrap overflow-hidden text-ellipsis">
<a @click="totalsExpanded = !totalsExpanded" class="cursor-pointer text-blue-500"> <a
@click="totalsExpanded = !totalsExpanded"
class="cursor-pointer text-blue-500"
>
<!-- just show the hours, or alternatively whatever is first --> <!-- just show the hours, or alternatively whatever is first -->
<span v-if="givenTotalHours() > 0"> <span v-if="givenTotalHours() > 0">
{{ givenTotalHours() }} {{ libsUtil.UNIT_SHORT["HUR"] }} {{ givenTotalHours() }} {{ libsUtil.UNIT_SHORT["HUR"] }}
</span> </span>
<span v-else> <span v-else>
{{ givesTotalsByUnit[0].amount }} {{ libsUtil.UNIT_SHORT[givesTotalsByUnit[0].unit] }} {{ givesTotalsByUnit[0].amount }}
{{ libsUtil.UNIT_SHORT[givesTotalsByUnit[0].unit] }}
</span> </span>
<span v-if="givesTotalsByUnit.length > 1">...</span> <span v-if="givesTotalsByUnit.length > 1">...</span>
<span> <span>
<fa :icon="totalsExpanded ? 'chevron-up' : 'chevron-right'" class="fa-fw text-xs ml-1" /> <fa
:icon="totalsExpanded ? 'chevron-up' : 'chevron-right'"
class="fa-fw text-xs ml-1"
/>
</span> </span>
</a> </a>
<!-- show the full list when expanded --> <!-- show the full list when expanded -->
<div v-if="totalsExpanded"> <div v-if="totalsExpanded">
<div v-for="(total, index) in givesTotalsByUnit" :key="total.unit" class="ml-2"> <div
<fa :icon="libsUtil.iconForUnitCode(total.unit)" class="fa-fw text-slate-400 mr-1" /> v-for="(total, index) in givesTotalsByUnit"
:key="total.unit"
class="ml-2"
>
<fa
:icon="libsUtil.iconForUnitCode(total.unit)"
class="fa-fw text-slate-400 mr-1"
/>
{{ total.amount }} {{ libsUtil.UNIT_LONG[total.unit] }} {{ total.amount }} {{ libsUtil.UNIT_LONG[total.unit] }}
</div> </div>
</div> </div>
@@ -365,7 +379,9 @@
</div> </div>
<div v-else> <div v-else>
<span class="font-semibold mr-2 shrink-0"> <span class="font-semibold mr-2 shrink-0">
{{ givesToThis.length }}{{ givesHitLimit ? "+" : "" }} record{{ givesToThis.length === 1 ? "" : "s" }} {{ givesToThis.length }}{{ givesHitLimit ? "+" : "" }} record{{
givesToThis.length === 1 ? "" : "s"
}}
</span> </span>
</div> </div>
</div> </div>
@@ -374,62 +390,71 @@
<ul class="mt-2 text-sm border-t border-slate-300"> <ul class="mt-2 text-sm border-t border-slate-300">
<li <li
v-for="give in givesToThis" v-for="give in givesToThis"
:key="give.id" :key="give.id"
class="py-1.5 border-b border-slate-300" class="py-1.5 border-b border-slate-300"
> >
<div class="flex justify-between gap-4"> <div class="flex justify-between gap-4">
<span> <span>
<fa icon="user" class="fa-fw text-slate-400" /> <fa icon="user" class="fa-fw text-slate-400" />
{{ {{
serverUtil.didInfo( serverUtil.didInfo(
give.agentDid, give.agentDid,
activeDid, activeDid,
allMyDids, allMyDids,
allContacts, allContacts,
) )
}} }}
</span> </span>
<span v-if="give.amount" class="whitespace-nowrap"> <span v-if="give.amount" class="whitespace-nowrap">
<fa <fa
:icon="libsUtil.iconForUnitCode(give.unit)" :icon="libsUtil.iconForUnitCode(give.unit)"
class="fa-fw text-slate-400" class="fa-fw text-slate-400"
/>{{ give.amount }} />{{ give.amount }}
</span> </span>
</div> </div>
<div class="text-slate-500"> <div class="text-slate-500">
<fa icon="calendar" class="fa-fw text-slate-400" /> <fa icon="calendar" class="fa-fw text-slate-400" />
{{ give.issuedAt?.substring(0, 10) }} {{ give.issuedAt?.substring(0, 10) }}
</div> </div>
<div v-if="give.description" class="text-slate-500"> <div v-if="give.description" class="text-slate-500">
<fa icon="comment" class="fa-fw text-slate-400" /> <fa icon="comment" class="fa-fw text-slate-400" />
{{ give.description }} {{ give.description }}
</div> </div>
<div class="flex justify-between"> <div class="flex justify-between">
<a @click="onClickLoadClaim(give.jwtId)"> <a @click="onClickLoadClaim(give.jwtId)">
<fa icon="file-lines" class="text-blue-500 cursor-pointer" /> <fa icon="file-lines" class="text-blue-500 cursor-pointer" />
</a> </a>
<a <a
v-if=" v-if="
checkIsConfirmable(give) && checkIsConfirmable(give) &&
!recentlyCheckedAndUnconfirmableJwts.includes(give.jwtId) !recentlyCheckedAndUnconfirmableJwts.includes(give.jwtId)
" "
@click="deepCheckConfirmable(give)" @click="deepCheckConfirmable(give)"
> >
<fa icon="circle-check" class="text-blue-500 cursor-pointer" /> <fa
</a> icon="circle-check"
<a v-else-if="checkingConfirmationForJwtId === give.jwtId"> class="text-blue-500 cursor-pointer"
<fa icon="spinner" class="fa-spin-pulse" /> />
</a> </a>
<a v-else @click="shallowNotifyWhyCannotConfirm(give)"> <a v-else-if="checkingConfirmationForJwtId === give.jwtId">
<fa icon="circle-check" class="text-slate-500 cursor-pointer" /> <fa icon="spinner" class="fa-spin-pulse" />
</a> </a>
</div> <a v-else @click="shallowNotifyWhyCannotConfirm(give)">
<div v-if="give.fullClaim.image" class="flex justify-center"> <fa
<a :href="give.fullClaim.image" target="_blank"> icon="circle-check"
<img :src="give.fullClaim.image" class="h-24 mt-2 rounded-xl" /> class="text-slate-500 cursor-pointer"
</a> />
</div> </a>
</div>
<div v-if="give.fullClaim.image" class="flex justify-center">
<a :href="give.fullClaim.image" target="_blank">
<img
:src="give.fullClaim.image"
class="h-24 mt-2 rounded-xl"
/>
</a>
</div>
</li> </li>
</ul> </ul>
</div> </div>
@@ -594,7 +619,7 @@ export default class ProjectViewView extends Vue {
givesHitLimit = false; givesHitLimit = false;
givesProvidedByThis: Array<GiveSummaryRecord> = []; givesProvidedByThis: Array<GiveSummaryRecord> = [];
givesProvidedByHitLimit = false; givesProvidedByHitLimit = false;
givesTotalsByUnit: Array<{unit: string, amount: number}> = []; givesTotalsByUnit: Array<{ unit: string; amount: number }> = [];
imageUrl = ""; imageUrl = "";
isRegistered = false; isRegistered = false;
issuer = ""; issuer = "";
@@ -1254,14 +1279,17 @@ export default class ProjectViewView extends Vue {
async loadTotals() { async loadTotals() {
this.loadingTotals = true; this.loadingTotals = true;
const url = this.apiServer + "/api/v2/report/givesToPlans?planIds=" + encodeURIComponent(JSON.stringify([this.projectId])); const url =
this.apiServer +
"/api/v2/report/givesToPlans?planIds=" +
encodeURIComponent(JSON.stringify([this.projectId]));
const headers = await serverUtil.getHeaders(this.activeDid); const headers = await serverUtil.getHeaders(this.activeDid);
try { try {
const resp = await this.axios.get(url, { headers }); const resp = await this.axios.get(url, { headers });
if (resp.status === 200 && resp.data.data) { if (resp.status === 200 && resp.data.data) {
// Calculate totals by unit // Calculate totals by unit
const totals: {[key: string]: number} = {}; const totals: { [key: string]: number } = {};
resp.data.data.forEach((give: GiveSummaryRecord) => { resp.data.data.forEach((give: GiveSummaryRecord) => {
const amount = give.fullClaim.object?.amountOfThisGood; const amount = give.fullClaim.object?.amountOfThisGood;
const unit = give.fullClaim.object?.unitCode; const unit = give.fullClaim.object?.unitCode;
@@ -1269,12 +1297,14 @@ export default class ProjectViewView extends Vue {
totals[unit] = (totals[unit] || 0) + amount; totals[unit] = (totals[unit] || 0) + amount;
} }
}); });
// Convert totals object to array format // Convert totals object to array format
this.givesTotalsByUnit = Object.entries(totals).map(([unit, amount]) => ({ this.givesTotalsByUnit = Object.entries(totals).map(
unit, ([unit, amount]) => ({
amount unit,
})); amount,
}),
);
} }
} catch (error) { } catch (error) {
console.error("Error loading totals:", error); console.error("Error loading totals:", error);
@@ -1293,7 +1323,9 @@ export default class ProjectViewView extends Vue {
} }
givenTotalHours(): number { givenTotalHours(): number {
return this.givesTotalsByUnit.find(total => total.unit === "HUR")?.amount || 0; return (
this.givesTotalsByUnit.find((total) => total.unit === "HUR")?.amount || 0
);
} }
} }
</script> </script>