@ -61,8 +61,13 @@
<!-- show the actions for recognizing a give -- >
<!-- show the actions for recognizing a give -- >
< div class = "mb-8" >
< 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" > < / fa > Loading & hellip ;
< / p >
< / div >
< div
< div
v - if = "!activeDid"
v - if = "!activeDid && !isCreatingIdentifier "
class = "bg-amber-200 rounded-md overflow-hidden text-center px-4 py-3 mb-4"
class = "bg-amber-200 rounded-md overflow-hidden text-center px-4 py-3 mb-4"
>
>
< p class = "text-lg mb-3" >
< p class = "text-lg mb-3" >
@ -81,19 +86,19 @@
v - else - if = "!isRegistered"
v - else - if = "!isRegistered"
class = "bg-amber-200 rounded-md overflow-hidden text-center px-4 py-3 mb-4"
class = "bg-amber-200 rounded-md overflow-hidden text-center px-4 py-3 mb-4"
>
>
Someone must register your account before you can record anyone ' s gives .
Someone must register your identifier before you can record anyone ' s
To do this :
giving .
< router -link
< router -link
: to = "{ name: 'contact-qr' }"
: to = "{ name: 'contact-qr' }"
class = "block text-center text-md font-bold uppercase bg-blue-500 text-white mt-2 px-2 py-3 rounded-md"
class = "block text-center text-md font-bold uppercase bg-blue-500 text-white mt-2 mb-4 px-2 py-3 rounded-md"
>
1. Show Them Your Identifier Info < / r o u t e r - l i n k
>
>
< router -link
Show Them Your Identifier Info < / r o u t e r - l i n k
: to = "{ name: 'account' }"
class = "block text-center text-md font-bold uppercase bg-blue-500 text-white mt-2 px-2 py-3 rounded-md"
>
>
2. Check Your Limits < / r o u t e r - l i n k
To double - check that you ' re registered ,
< br / >
< router -link : to = "{ name: 'account' }" class = "text-blue-500" >
see your Usage Limits on the Account
< fa icon = "circle-user" / > page . < / r o u t e r - l i n k
>
>
< / div >
< / div >
@ -171,7 +176,7 @@
class = "border-b border-dashed border-slate-400 text-orange-400 pb-2 mb-2 font-bold uppercase text-sm"
class = "border-b border-dashed border-slate-400 text-orange-400 pb-2 mb-2 font-bold uppercase text-sm"
v - if = "record.jwtId == feedLastViewedClaimId"
v - if = "record.jwtId == feedLastViewedClaimId"
>
>
You ' ve seen all the following
You ' ve seen all the following before
< / div >
< / div >
< div class = "flex" >
< div class = "flex" >
@ -184,7 +189,7 @@
< / li >
< / li >
< / ul >
< / ul >
< / InfiniteScroll >
< / InfiniteScroll >
< div : class = "{ hidden: isHiddenSpinner }" >
< div v-if ="isFeedLoading" >
< p class = "text-slate-500 text-center italic mt-4 mb-4" >
< p class = "text-slate-500 text-center italic mt-4 mb-4" >
< fa icon = "spinner" class = "fa-spin-pulse" > < / fa > Loading & hellip ;
< fa icon = "spinner" class = "fa-spin-pulse" > < / fa > Loading & hellip ;
< / p >
< / p >
@ -213,6 +218,7 @@ import {
GiveServerRecord ,
GiveServerRecord ,
} from "@/libs/endorserServer" ;
} from "@/libs/endorserServer" ;
import { IIdentifier } from "@veramo/core" ;
import { IIdentifier } from "@veramo/core" ;
import { generateSaveAndActivateIdentity } from "@/libs/util" ;
interface Notification {
interface Notification {
group : string ;
group : string ;
@ -240,16 +246,11 @@ export default class HomeView extends Vue {
feedData = [ ] ;
feedData = [ ] ;
feedPreviousOldestId ? : string ;
feedPreviousOldestId ? : string ;
feedLastViewedClaimId ? : string ;
feedLastViewedClaimId ? : string ;
isHiddenSpinner = true ;
isCreatingIdentifier = false ;
isFeedLoading = true ;
isRegistered = false ;
isRegistered = false ;
numAccounts = 0 ;
userAgentInfo = new UAParser ( ) ; / / s e e h t t p s : / / d o c s . u a p a r s e r . j s . o r g / v 2 / a p i / u a - p a r s e r - j s / g e t - o s . h t m l
userAgentInfo = new UAParser ( ) ; / / s e e h t t p s : / / d o c s . u a p a r s e r . j s . o r g / v 2 / a p i / u a - p a r s e r - j s / g e t - o s . h t m l
async beforeCreate ( ) {
await accountsDB . open ( ) ;
this . numAccounts = await accountsDB . accounts . count ( ) ;
}
public async getIdentity ( activeDid : string ) {
public async getIdentity ( activeDid : string ) {
await accountsDB . open ( ) ;
await accountsDB . open ( ) ;
const account = ( await accountsDB . accounts
const account = ( await accountsDB . accounts
@ -283,8 +284,16 @@ export default class HomeView extends Vue {
this . feedLastViewedClaimId = settings ? . lastViewedClaimId ;
this . feedLastViewedClaimId = settings ? . lastViewedClaimId ;
this . isRegistered = ! ! settings ? . isRegistered ;
this . isRegistered = ! ! settings ? . isRegistered ;
if ( this . allMyDids . length === 0 ) {
this . isCreatingIdentifier = true ;
this . activeDid = await generateSaveAndActivateIdentity ( ) ;
this . allMyDids = [ this . activeDid ] ;
this . isCreatingIdentifier = false ;
}
/ / t h i s r e t u r n s a P r o m i s e b u t w e d o n ' t n e e d t o w a i t f o r i t
/ / t h i s r e t u r n s a P r o m i s e b u t w e d o n ' t n e e d t o w a i t f o r i t
this . updateAllFeed ( ) ;
await this . updateAllFeed ( ) ;
/ / e s l i n t - d i s a b l e - n e x t - l i n e @ t y p e s c r i p t - e s l i n t / n o - e x p l i c i t - a n y
/ / e s l i n t - d i s a b l e - n e x t - l i n e @ t y p e s c r i p t - e s l i n t / n o - e x p l i c i t - a n y
} catch ( err : any ) {
} catch ( err : any ) {
@ -344,7 +353,7 @@ export default class HomeView extends Vue {
}
}
public async updateAllFeed ( ) {
public async updateAllFeed ( ) {
this . isHiddenSpinner = fals e ;
this . isFeedLoading = tru e ;
await this . retrieveGives ( this . apiServer , this . feedPreviousOldestId )
await this . retrieveGives ( this . apiServer , this . feedPreviousOldestId )
. then ( async ( results ) => {
. then ( async ( results ) => {
if ( results . data . length > 0 ) {
if ( results . data . length > 0 ) {
@ -375,7 +384,7 @@ export default class HomeView extends Vue {
- 1 ,
- 1 ,
) ;
) ;
} ) ;
} ) ;
this . isHiddenSpinner = tru e ;
this . isFeedLoading = fals e ;
}
}
/ * *
/ * *