@ -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 ;
} }
/ * * / * *
