@ -10,7 +10,7 @@
< h1 class = "text-center text-lg font-light relative px-7" > < h1 class = "text-center text-lg font-light relative px-7" >
<!-- Back -- > <!-- Back -- >
< button < button
@ click = "$router.go(-1 )" @ click = "$router.back( )"
class = "text-lg text-center px-2 py-1 absolute -left-2 -top-1" class = "text-lg text-center px-2 py-1 absolute -left-2 -top-1"
> >
< font -awesome icon = "chevron-left" class = "fa-fw" > < / f o n t - a w e s o m e > < font -awesome icon = "chevron-left" class = "fa-fw" > < / f o n t - a w e s o m e >
@ -48,7 +48,10 @@
< div class = "overflow-hidden" > < div class = "overflow-hidden" >
< div class = "text-sm mb-3" > < div class = "text-sm mb-3" >
< div class = "truncate" > < div class = "truncate" >
< font -awesome icon = "user" class = "fa-fw text-slate-400" > < / f o n t - a w e s o m e > < font -awesome
icon = "user"
class = "fa-fw text-slate-400"
> < / f o n t - a w e s o m e >
{ { issuerInfoObject ? . displayName } } { { issuerInfoObject ? . displayName } }
< span v-if ="!serverUtil.isEmptyOrHiddenDid(issuer)" > < span v-if ="!serverUtil.isEmptyOrHiddenDid(issuer)" >
< a < a
@ -56,7 +59,10 @@
target = "_blank" target = "_blank"
class = "text-blue-500" class = "text-blue-500"
> >
< font -awesome icon = "arrow-up-right-from-square" class = "fa-fw" / > < font -awesome
icon = "arrow-up-right-from-square"
class = "fa-fw"
/ >
< / a > < / a >
< / span > < / span >
< span v -else -if = " serverUtil.isHiddenDid ( issuer ) " > < span v -else -if = " serverUtil.isHiddenDid ( issuer ) " >
@ -68,15 +74,24 @@
< / span > < / span >
< / div > < / div >
< div v-if ="startTime" > < div v-if ="startTime" >
< font -awesome icon = "calendar" class = "fa-fw text-slate-400" > < / f o n t - a w e s o m e > < font -awesome
icon = "calendar"
class = "fa-fw text-slate-400"
> < / f o n t - a w e s o m e >
Starts { { startTime } } Starts { { startTime } }
< / div > < / div >
< div v-if ="endTime" > < div v-if ="endTime" >
< font -awesome icon = "calendar" class = "fa-fw text-slate-400" > < / f o n t - a w e s o m e > < font -awesome
icon = "calendar"
class = "fa-fw text-slate-400"
> < / f o n t - a w e s o m e >
Ends { { endTime } } Ends { { endTime } }
< / div > < / div >
< div v-if ="latitude || longitude" > < div v-if ="latitude || longitude" >
< font -awesome icon = "location-dot" class = "fa-fw text-slate-400" > < / f o n t - a w e s o m e > < font -awesome
icon = "location-dot"
class = "fa-fw text-slate-400"
> < / f o n t - a w e s o m e >
< a < a
: href = "getOpenStreetMapUrl()" : href = "getOpenStreetMapUrl()"
target = "_blank" target = "_blank"
@ -89,14 +104,20 @@
< / a > < / a >
< / div > < / div >
< div v-if ="url" > < div v-if ="url" >
< font -awesome icon = "globe" class = "fa-fw text-slate-400" > < / f o n t - a w e s o m e > < font -awesome
icon = "globe"
class = "fa-fw text-slate-400"
> < / f o n t - a w e s o m e >
< a < a
: href = "addScheme(url)" : href = "addScheme(url)"
target = "_blank" target = "_blank"
class = "underline text-blue-500" class = "underline text-blue-500"
> >
{ { domainForWebsite ( this . url ) } } { { domainForWebsite ( this . url ) } }
< font -awesome icon = "arrow-up-right-from-square" class = "fa-fw" / > < font -awesome
icon = "arrow-up-right-from-square"
class = "fa-fw"
/ >
< / a > < / a >
< / div > < / div >
< / div > < / div >
@ -181,7 +202,10 @@
class = "grid grid-cols-4 sm:grid-cols-5 md:grid-cols-6 gap-x-3 gap-y-5 text-center mb-5 mt-2" class = "grid grid-cols-4 sm:grid-cols-5 md:grid-cols-6 gap-x-3 gap-y-5 text-center mb-5 mt-2"
> >
< li @ click = "openGiftDialogToProject({ name: 'you', did: activeDid })" > < li @ click = "openGiftDialogToProject({ name: 'you', did: activeDid })" >
< font -awesome icon = "hand" class = "fa-fw text-blue-500 text-5xl cursor-pointer" / > < font -awesome
icon = "hand"
class = "fa-fw text-blue-500 text-5xl cursor-pointer"
/ >
< h3 < h3
class = "mt-5 text-xs text-blue-500 font-medium text-ellipsis whitespace-nowrap overflow-hidden cursor-pointer" class = "mt-5 text-xs text-blue-500 font-medium text-ellipsis whitespace-nowrap overflow-hidden cursor-pointer"
> >
@ -266,7 +290,10 @@
> >
< div class = "flex justify-between gap-4" > < div class = "flex justify-between gap-4" >
< span > < span >
< font -awesome icon = "user" class = "fa-fw text-slate-400" > < / f o n t - a w e s o m e > < font -awesome
icon = "user"
class = "fa-fw text-slate-400"
> < / f o n t - a w e s o m e >
{ { { {
serverUtil . didInfo ( serverUtil . didInfo (
offer . offeredByDid , offer . offeredByDid ,
@ -292,7 +319,10 @@
@ click = "onClickLoadClaim(offer.jwtId as string)" @ click = "onClickLoadClaim(offer.jwtId as string)"
class = "cursor-pointer" class = "cursor-pointer"
> >
< font -awesome icon = "file-lines" class = "pl-2 pt-1 text-blue-500" / > < font -awesome
icon = "file-lines"
class = "pl-2 pt-1 text-blue-500"
/ >
< / a > < / a >
< a < a
v - if = "checkIsFulfillable(offer)" v - if = "checkIsFulfillable(offer)"
@ -367,7 +397,10 @@
< / div > < / div >
< div class = "flex justify-between" > < div class = "flex justify-between" >
< a @click ="onClickLoadClaim(give.jwtId)" > < a @click ="onClickLoadClaim(give.jwtId)" >
< font -awesome icon = "file-lines" class = "text-blue-500 cursor-pointer" / > < font -awesome
icon = "file-lines"
class = "text-blue-500 cursor-pointer"
/ >
< / a > < / a >
< a < a
@ -377,13 +410,19 @@
" "
@ click = "deepCheckConfirmable(give)" @ click = "deepCheckConfirmable(give)"
> >
< font -awesome icon = "circle-check" class = "text-blue-500 cursor-pointer" / > < font -awesome
icon = "circle-check"
class = "text-blue-500 cursor-pointer"
/ >
< / a > < / a >
< a v -else -if = " checkingConfirmationForJwtId = = = give.jwtId " > < a v -else -if = " checkingConfirmationForJwtId = = = give.jwtId " >
< font -awesome icon = "spinner" class = "fa-spin-pulse" / > < font -awesome icon = "spinner" class = "fa-spin-pulse" / >
< / a > < / a >
< a v -else @click ="shallowNotifyWhyCannotConfirm(give)" > < a v -else @click ="shallowNotifyWhyCannotConfirm(give)" >
< font -awesome icon = "circle-check" class = "text-slate-500 cursor-pointer" / > < font -awesome
icon = "circle-check"
class = "text-slate-500 cursor-pointer"
/ >
< / a > < / a >
< / div > < / div >
< div v-if ="give.fullClaim.image" class="flex justify-center" > < div v-if ="give.fullClaim.image" class="flex justify-center" >
@ -456,7 +495,10 @@
< / div > < / div >
< div class = "flex justify-between" > < div class = "flex justify-between" >
< a @click ="onClickLoadClaim(give.jwtId)" > < a @click ="onClickLoadClaim(give.jwtId)" >
< font -awesome icon = "file-lines" class = "text-blue-500 cursor-pointer" / > < font -awesome
icon = "file-lines"
class = "text-blue-500 cursor-pointer"
/ >
< / a > < / a >
< a < a
@ -466,13 +508,19 @@
" "
@ click = "deepCheckConfirmable(give)" @ click = "deepCheckConfirmable(give)"
> >
< font -awesome icon = "circle-check" class = "text-blue-500 cursor-pointer" / > < font -awesome
icon = "circle-check"
class = "text-blue-500 cursor-pointer"
/ >
< / a > < / a >
< a v -else -if = " checkingConfirmationForJwtId = = = give.jwtId " > < a v -else -if = " checkingConfirmationForJwtId = = = give.jwtId " >
< font -awesome icon = "spinner" class = "fa-spin-pulse" / > < font -awesome icon = "spinner" class = "fa-spin-pulse" / >
< / a > < / a >
< a v -else @click ="shallowNotifyWhyCannotConfirm(give)" > < a v -else @click ="shallowNotifyWhyCannotConfirm(give)" >
< font -awesome icon = "circle-check" class = "text-slate-500 cursor-pointer" / > < font -awesome
icon = "circle-check"
class = "text-slate-500 cursor-pointer"
/ >
< / a > < / a >
< / div > < / div >
< div v-if ="give.fullClaim.image" class="flex justify-center" > < div v-if ="give.fullClaim.image" class="flex justify-center" >
@ -536,7 +584,7 @@ import HiddenDidDialog from "../components/HiddenDidDialog.vue";
} ) } )
export default class ProjectViewView extends Vue { export default class ProjectViewView extends Vue {
$notify ! : ( notification : NotificationIface , timeout ? : number ) => void ; $notify ! : ( notification : NotificationIface , timeout ? : number ) => void ;
$router ! : Router ;
activeDid = "" ; activeDid = "" ;
agentDid = "" ; agentDid = "" ;
agentDidVisibleToDids : Array < string > = [ ] ; agentDidVisibleToDids : Array < string > = [ ] ;
@ -616,7 +664,7 @@ export default class ProjectViewView extends Vue {
name : "new-edit-project" , name : "new-edit-project" ,
query : { projectId : this . projectId } , query : { projectId : this . projectId } ,
} ; } ;
( this . $router as Router ) . push ( route ) ; this . $router . push ( route ) ;
} }
/ / I s n ' t t h e r e a b e t t e r w a y t o m a k e t h i s a v a i l a b l e t o t h e t e m p l a t e ? / / I s n ' t t h e r e a b e t t e r w a y t o m a k e t h i s a v a i l a b l e t o t h e t e m p l a t e ?
@ -953,7 +1001,7 @@ export default class ProjectViewView extends Vue {
const route = { const route = {
path : "/project/" + encodeURIComponent ( projectId ) , path : "/project/" + encodeURIComponent ( projectId ) ,
} ; } ;
( this . $router as Router ) . push ( route ) ; this . $router . push ( route ) ;
this . loadProject ( projectId , this . activeDid ) ; this . loadProject ( projectId , this . activeDid ) ;
} }
@ -1000,14 +1048,14 @@ export default class ProjectViewView extends Vue {
projectId : this . projectId , projectId : this . projectId ,
} , } ,
} ; } ;
( this . $router as Router ) . push ( route ) ; this . $router . push ( route ) ;
} }
onClickLoadClaim ( jwtId : string ) { onClickLoadClaim ( jwtId : string ) {
const route = { const route = {
path : "/claim/" + encodeURIComponent ( jwtId ) , path : "/claim/" + encodeURIComponent ( jwtId ) ,
} ; } ;
( this . $router as Router ) . push ( route ) ; this . $router . push ( route ) ;
} }
checkIsFulfillable ( offer : OfferSummaryRecord ) { checkIsFulfillable ( offer : OfferSummaryRecord ) {
Matthew Raymer
2 weeks ago