10 changed files with 667 additions and 14 deletions
@ -0,0 +1,99 @@ |
|||||
|
<template> |
||||
|
<QuickNav /> |
||||
|
<TopMessage /> |
||||
|
|
||||
|
<!-- CONTENT --> |
||||
|
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> |
||||
|
<!-- Back --> |
||||
|
<div class="text-lg text-center font-light relative px-7"> |
||||
|
<h1 |
||||
|
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" |
||||
|
@click="$router.back()" |
||||
|
> |
||||
|
<fa icon="chevron-left" class="fa-fw"></fa> |
||||
|
</h1> |
||||
|
</div> |
||||
|
|
||||
|
<!-- Heading --> |
||||
|
<h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-4"> |
||||
|
Beginning of BVC Saturday Meeting |
||||
|
</h1> |
||||
|
|
||||
|
<div> |
||||
|
<h2 class="text-2xl m-4">You're Here</h2> |
||||
|
<div class="m-4 flex"> |
||||
|
<input type="checkbox" v-model="gaveTime" class="h-6 w-6" /> |
||||
|
<span class="pb-2 pl-2 pr-2">Attended</span> |
||||
|
<span v-if="gaveTime"> |
||||
|
<input |
||||
|
type="text" |
||||
|
placeholder="How much time" |
||||
|
v-model="hours" |
||||
|
size="1" |
||||
|
class="border border-slate-400 h-6 px-2" |
||||
|
/> |
||||
|
hour(s) |
||||
|
</span> |
||||
|
<!-- This is to match input height to avoid shifting when hiding & showing. --> |
||||
|
<span v-else class="h-6" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="m-4" v-if="gaveTime && hours && hours != '0'"> |
||||
|
<button |
||||
|
@click="record()" |
||||
|
class="block text-center text-md font-bold bg-blue-500 text-white px-2 py-3 rounded-md" |
||||
|
> |
||||
|
Sign & Send |
||||
|
</button> |
||||
|
</div> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts"> |
||||
|
import { DateTime } from "luxon"; |
||||
|
import { Component, Vue } from "vue-facing-decorator"; |
||||
|
|
||||
|
import QuickNav from "@/components/QuickNav.vue"; |
||||
|
import TopMessage from "@/components/TopMessage.vue"; |
||||
|
import { NotificationIface } from "@/constants/app"; |
||||
|
import { numberOrZero } from "@/libs/endorserServer"; |
||||
|
|
||||
|
@Component({ |
||||
|
components: { |
||||
|
QuickNav, |
||||
|
TopMessage, |
||||
|
}, |
||||
|
}) |
||||
|
export default class QuickActionBvcBeginView extends Vue { |
||||
|
$notify!: (notification: NotificationIface, timeout?: number) => void; |
||||
|
|
||||
|
gaveTime = false; |
||||
|
hours = "1"; |
||||
|
todayOrPreviousStartDate = ""; |
||||
|
|
||||
|
async mounted() { |
||||
|
let currentOrPreviousSat = DateTime.now().setZone("America/Denver"); |
||||
|
if (currentOrPreviousSat.weekday < 6) { |
||||
|
// it's not Saturday or Sunday, |
||||
|
// so move back one week before setting to the Saturday |
||||
|
currentOrPreviousSat = currentOrPreviousSat.minus({ week: 1 }); |
||||
|
} |
||||
|
const eventStartDateObj = currentOrPreviousSat |
||||
|
.set({ weekday: 6 }) |
||||
|
.set({ hour: 9 }) |
||||
|
.startOf("hour"); |
||||
|
|
||||
|
// Hack, but full ISO pushes the length to 340 which crashes verifyJWT! |
||||
|
this.todayOrPreviousStartDate = |
||||
|
eventStartDateObj.toISO({ |
||||
|
suppressMilliseconds: true, |
||||
|
}) || ""; |
||||
|
} |
||||
|
|
||||
|
record() { |
||||
|
const hoursNum = numberOrZero(this.hours); |
||||
|
alert("Nope" + hoursNum); |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
@ -0,0 +1,228 @@ |
|||||
|
<template> |
||||
|
<QuickNav /> |
||||
|
<TopMessage /> |
||||
|
|
||||
|
<!-- CONTENT --> |
||||
|
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> |
||||
|
<!-- Back --> |
||||
|
<div class="text-lg text-center font-light relative px-7"> |
||||
|
<h1 |
||||
|
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" |
||||
|
@click="$router.back()" |
||||
|
> |
||||
|
<fa icon="chevron-left" class="fa-fw"></fa> |
||||
|
</h1> |
||||
|
</div> |
||||
|
|
||||
|
<!-- Heading --> |
||||
|
<h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-4"> |
||||
|
End of BVC Saturday Meeting |
||||
|
</h1> |
||||
|
|
||||
|
<div> |
||||
|
<h2 class="text-2xl m-4">Confirm</h2> |
||||
|
<div v-if="claimsToConfirm.length === 0"> |
||||
|
There are no claims today yet for you to confirm. |
||||
|
<span v-if="claimCountWithHidden"> |
||||
|
(There are {{ claimCountWithHidden }} hidden claims.) |
||||
|
</span> |
||||
|
</div> |
||||
|
<ul class="border-t border-slate-300"> |
||||
|
<li |
||||
|
class="border-b border-slate-300 py-2" |
||||
|
v-for="record in claimsToConfirm" |
||||
|
:key="record.id" |
||||
|
> |
||||
|
<div class="grid grid-cols-12"> |
||||
|
<span class="col-span-11 justify-self-start"> |
||||
|
<span> |
||||
|
<input type="checkbox" class="mr-2 h-6 w-6" /> |
||||
|
</span> |
||||
|
{{ |
||||
|
claimSpecialDescription( |
||||
|
record, |
||||
|
activeDid, |
||||
|
allMyDids, |
||||
|
allContacts, |
||||
|
) |
||||
|
}} |
||||
|
<a @click="onClickLoadClaim(record.id)"> |
||||
|
<fa |
||||
|
icon="circle-info" |
||||
|
class="pl-2 text-blue-500 cursor-pointer" |
||||
|
/> |
||||
|
</a> |
||||
|
</span> |
||||
|
</div> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
|
||||
|
<div> |
||||
|
<h2 class="text-2xl m-4">Anything else?</h2> |
||||
|
<div class="m-4 flex"> |
||||
|
<input type="checkbox" v-model="someoneGave" class="h-6 w-6" /> |
||||
|
<span class="pb-2 pl-2 pr-2">Someone gave</span> |
||||
|
<span v-if="someoneGave"> |
||||
|
<input |
||||
|
type="text" |
||||
|
v-model="description" |
||||
|
size="20" |
||||
|
class="border border-slate-400 h-6 px-2" |
||||
|
/> |
||||
|
</span> |
||||
|
<!-- This is to match input height to avoid shifting when hiding & showing. --> |
||||
|
<span v-else class="h-6">...</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="m-4" v-if="someoneGave && description"> |
||||
|
<button |
||||
|
@click="record()" |
||||
|
class="block text-center text-md font-bold bg-blue-500 text-white px-2 py-3 rounded-md" |
||||
|
> |
||||
|
Sign & Send |
||||
|
</button> |
||||
|
</div> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts"> |
||||
|
import { DateTime } from "luxon"; |
||||
|
import * as R from "ramda"; |
||||
|
import { IIdentifier } from "@veramo/core"; |
||||
|
import { Component, Vue } from "vue-facing-decorator"; |
||||
|
|
||||
|
import QuickNav from "@/components/QuickNav.vue"; |
||||
|
import TopMessage from "@/components/TopMessage.vue"; |
||||
|
import { NotificationIface } from "@/constants/app"; |
||||
|
import { accountsDB, db } from "@/db/index"; |
||||
|
import { Account } from "@/db/tables/accounts"; |
||||
|
import { Contact } from "@/db/tables/contacts"; |
||||
|
import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings"; |
||||
|
import { accessToken } from "@/libs/crypto"; |
||||
|
import { |
||||
|
claimSpecialDescription, |
||||
|
containsHiddenDid, |
||||
|
GenericServerRecord, |
||||
|
} from "@/libs/endorserServer"; |
||||
|
|
||||
|
@Component({ |
||||
|
methods: { claimSpecialDescription }, |
||||
|
components: { |
||||
|
QuickNav, |
||||
|
TopMessage, |
||||
|
}, |
||||
|
}) |
||||
|
export default class QuickActionBvcBeginView extends Vue { |
||||
|
$notify!: (notification: NotificationIface, timeout?: number) => void; |
||||
|
|
||||
|
activeDid = ""; |
||||
|
allContacts: Array<Contact> = []; |
||||
|
allMyDids: Array<string> = []; |
||||
|
apiServer = ""; |
||||
|
claimCountWithHidden = 0; |
||||
|
claimsToConfirm: GenericServerRecord[] = []; |
||||
|
description = ""; |
||||
|
someoneGave = false; |
||||
|
|
||||
|
async created() { |
||||
|
await db.open(); |
||||
|
const settings = (await db.settings.get(MASTER_SETTINGS_KEY)) as Settings; |
||||
|
this.apiServer = settings?.apiServer || ""; |
||||
|
this.activeDid = settings?.activeDid || ""; |
||||
|
this.allContacts = await db.contacts.toArray(); |
||||
|
} |
||||
|
|
||||
|
async mounted() { |
||||
|
let currentOrPreviousSat = DateTime.now().setZone("America/Denver"); |
||||
|
if (currentOrPreviousSat.weekday < 6) { |
||||
|
// it's not Saturday or Sunday, |
||||
|
// so move back one week before setting to the Saturday |
||||
|
currentOrPreviousSat = currentOrPreviousSat.minus({ week: 1 }); |
||||
|
} |
||||
|
const eventStartDateObj = currentOrPreviousSat |
||||
|
.set({ weekday: 6 }) |
||||
|
.set({ hour: 9 }) |
||||
|
.startOf("hour"); |
||||
|
|
||||
|
// Hack, but full ISO pushes the length to 340 which crashes verifyJWT! |
||||
|
const todayOrPreviousStartDate = |
||||
|
eventStartDateObj.toISO({ |
||||
|
suppressMilliseconds: true, |
||||
|
}) || ""; |
||||
|
|
||||
|
await accountsDB.open(); |
||||
|
const allAccounts = await accountsDB.accounts.toArray(); |
||||
|
this.allMyDids = allAccounts.map((acc) => acc.did); |
||||
|
const account: Account | undefined = await accountsDB.accounts |
||||
|
.where("did") |
||||
|
.equals(this.activeDid) |
||||
|
.first(); |
||||
|
const identity: IIdentifier = JSON.parse( |
||||
|
(account?.identity as string) || "null", |
||||
|
); |
||||
|
const headers = { |
||||
|
Authorization: "Bearer " + (await accessToken(identity)), |
||||
|
}; |
||||
|
console.log("todayOrPreviousStartDate", todayOrPreviousStartDate); |
||||
|
try { |
||||
|
console.log( |
||||
|
this.apiServer + |
||||
|
"/api/claim/?" + |
||||
|
"issuedAt_greaterThanOrEqualTo=" + |
||||
|
encodeURIComponent(todayOrPreviousStartDate) + |
||||
|
"&excludeConfirmations=true", |
||||
|
); |
||||
|
const response = await fetch( |
||||
|
this.apiServer + |
||||
|
"/api/claim/?" + |
||||
|
"issuedAt_greaterThanOrEqualTo=" + |
||||
|
encodeURIComponent(todayOrPreviousStartDate) + |
||||
|
"&excludeConfirmations=true", |
||||
|
{ headers }, |
||||
|
); |
||||
|
|
||||
|
if (!response.ok) { |
||||
|
console.log("Bad response", response); |
||||
|
throw new Error("Bad response when retrieving claims."); |
||||
|
} |
||||
|
response.json().then((data) => { |
||||
|
const dataByOthers = R.reject( |
||||
|
(claim: GenericServerRecord) => claim.issuer === this.activeDid, |
||||
|
data, |
||||
|
); |
||||
|
const dataByOthersWithoutHidden = R.reject( |
||||
|
containsHiddenDid, |
||||
|
dataByOthers, |
||||
|
); |
||||
|
this.claimsToConfirm = dataByOthersWithoutHidden; |
||||
|
this.claimCountWithHidden = |
||||
|
dataByOthers.length - dataByOthersWithoutHidden.length; |
||||
|
}); |
||||
|
} catch (error) { |
||||
|
console.error("Error:", error); |
||||
|
this.$notify( |
||||
|
{ |
||||
|
group: "alert", |
||||
|
type: "danger", |
||||
|
title: "Error", |
||||
|
text: "There was an error retrieving today's claims to confirm.", |
||||
|
}, |
||||
|
-1, |
||||
|
); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
onClickLoadClaim(jwtId: string) { |
||||
|
const route = { |
||||
|
path: "/claim/" + encodeURIComponent(jwtId), |
||||
|
}; |
||||
|
this.$router.push(route); |
||||
|
} |
||||
|
|
||||
|
record() { |
||||
|
alert("Nope"); |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
@ -0,0 +1,52 @@ |
|||||
|
<template> |
||||
|
<QuickNav /> |
||||
|
<TopMessage /> |
||||
|
|
||||
|
<!-- CONTENT --> |
||||
|
<section id="Content" class="p-6 pb-24 max-w-3xl mx-auto"> |
||||
|
<!-- Back --> |
||||
|
<div class="text-lg text-center font-light relative px-7"> |
||||
|
<h1 |
||||
|
class="text-lg text-center px-2 py-1 absolute -left-2 -top-1" |
||||
|
@click="$router.back()" |
||||
|
> |
||||
|
<fa icon="chevron-left" class="fa-fw"></fa> |
||||
|
</h1> |
||||
|
</div> |
||||
|
|
||||
|
<!-- Heading --> |
||||
|
<h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-4"> |
||||
|
Bountiful Voluntaryist Community Actions |
||||
|
</h1> |
||||
|
|
||||
|
<div> |
||||
|
<router-link |
||||
|
:to="{ name: 'quick-action-bvc-begin' }" |
||||
|
class="block text-center text-md font-bold uppercase bg-blue-500 text-white mt-2 px-2 py-3 rounded-md" |
||||
|
> |
||||
|
Beginning of Meeting |
||||
|
</router-link> |
||||
|
<router-link |
||||
|
:to="{ name: 'quick-action-bvc-end' }" |
||||
|
class="block text-center text-md font-bold uppercase bg-blue-500 text-white mt-2 px-2 py-3 rounded-md" |
||||
|
> |
||||
|
End of Meeting |
||||
|
</router-link> |
||||
|
</div> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts"> |
||||
|
import { Component, Vue } from "vue-facing-decorator"; |
||||
|
|
||||
|
import QuickNav from "@/components/QuickNav.vue"; |
||||
|
import TopMessage from "@/components/TopMessage.vue"; |
||||
|
|
||||
|
@Component({ |
||||
|
components: { |
||||
|
QuickNav, |
||||
|
TopMessage, |
||||
|
}, |
||||
|
}) |
||||
|
export default class QuickActionBvcView extends Vue {} |
||||
|
</script> |
||||
Loading…
Reference in new issue