|  | @ -109,12 +109,12 @@ export default class ClaimCertificateView extends Vue { | 
			
		
	
		
		
			
				
					|  |  |           ctx.font = "bold 20px Arial"; |  |  |           ctx.font = "bold 20px Arial"; | 
			
		
	
		
		
			
				
					|  |  |           const claimTypeText = |  |  |           const claimTypeText = | 
			
		
	
		
		
			
				
					|  |  |             claimData.claimType === "GiveAction" |  |  |             claimData.claimType === "GiveAction" | 
			
		
	
		
		
			
				
					
					|  |  |             ? "Gift" |  |  |               ? "Gift" | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  |             : claimData.claimType === "PlanAction" |  |  |               : claimData.claimType === "PlanAction" | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  |               ? "Project" |  |  |                 ? "Project" | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  |               : this.serverUtil.capitalizeAndInsertSpacesBeforeCaps( |  |  |                 : this.serverUtil.capitalizeAndInsertSpacesBeforeCaps( | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  |                   claimData.claimType || "", |  |  |                     claimData.claimType || "", | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  |                 ); |  |  |                   ); | 
			
				
				
			
		
	
		
		
	
		
		
	
		
		
	
		
		
	
		
		
	
		
		
	
		
		
			
				
					|  |  |           const claimTypeWidth = ctx.measureText(claimTypeText).width; |  |  |           const claimTypeWidth = ctx.measureText(claimTypeText).width; | 
			
		
	
		
		
			
				
					|  |  |           ctx.fillText( |  |  |           ctx.fillText( | 
			
		
	
		
		
			
				
					|  |  |             claimTypeText, |  |  |             claimTypeText, | 
			
		
	
	
		
		
			
				
					|  | @ -162,13 +162,18 @@ export default class ClaimCertificateView extends Vue { | 
			
		
	
		
		
			
				
					|  |  |             ); |  |  |             ); | 
			
		
	
		
		
			
				
					|  |  |           } |  |  |           } | 
			
		
	
		
		
			
				
					|  |  | 
 |  |  | 
 | 
			
		
	
		
		
			
				
					
					|  |  |           if (claimData.claim.object?.amountOfThisGood && claimData.claim.object?.unitCode) { |  |  |           if ( | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					|  |  |  |  |  |             claimData.claim.object?.amountOfThisGood && | 
			
		
	
		
		
			
				
					|  |  |  |  |  |             claimData.claim.object?.unitCode | 
			
		
	
		
		
			
				
					|  |  |  |  |  |           ) { | 
			
		
	
		
		
			
				
					|  |  |             const amount = claimData.claim.object.amountOfThisGood; |  |  |             const amount = claimData.claim.object.amountOfThisGood; | 
			
		
	
		
		
			
				
					|  |  |             const unit = claimData.claim.object.unitCode; |  |  |             const unit = claimData.claim.object.unitCode; | 
			
		
	
		
		
			
				
					|  |  |             const amountText = serverUtil.displayAmount(unit, amount); |  |  |             const amountText = serverUtil.displayAmount(unit, amount); | 
			
		
	
		
		
			
				
					|  |  |             const amountWidth = ctx.measureText(amountText).width; |  |  |             const amountWidth = ctx.measureText(amountText).width; | 
			
		
	
		
		
			
				
					|  |  |             // if there was no description then put this in that spot, otherwise put it below the description |  |  |             // if there was no description then put this in that spot, otherwise put it below the description | 
			
		
	
		
		
			
				
					
					|  |  |             const yPos = descriptionText ? CANVAS_HEIGHT * 0.525 : CANVAS_HEIGHT * 0.495; |  |  |             const yPos = descriptionText | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					|  |  |  |  |  |               ? CANVAS_HEIGHT * 0.525 | 
			
		
	
		
		
			
				
					|  |  |  |  |  |               : CANVAS_HEIGHT * 0.495; | 
			
		
	
		
		
			
				
					|  |  |             ctx.font = "14px Arial"; |  |  |             ctx.font = "14px Arial"; | 
			
		
	
		
		
			
				
					|  |  |             ctx.fillText(amountText, (CANVAS_WIDTH - amountWidth) / 2, yPos); |  |  |             ctx.fillText(amountText, (CANVAS_WIDTH - amountWidth) / 2, yPos); | 
			
		
	
		
		
			
				
					|  |  |           } |  |  |           } | 
			
		
	
	
		
		
			
				
					|  | @ -176,7 +181,10 @@ export default class ClaimCertificateView extends Vue { | 
			
		
	
		
		
			
				
					|  |  |           // Draw claim issuer & recipient |  |  |           // Draw claim issuer & recipient | 
			
		
	
		
		
			
				
					|  |  |           if (claimData.issuer) { |  |  |           if (claimData.issuer) { | 
			
		
	
		
		
			
				
					|  |  |             ctx.font = "14px Arial"; |  |  |             ctx.font = "14px Arial"; | 
			
		
	
		
		
			
				
					
					|  |  |             let fullIssuer = serverUtil.didInfoForCertificate(claimData.issuer, allContacts); |  |  |             let fullIssuer = serverUtil.didInfoForCertificate( | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					|  |  |  |  |  |               claimData.issuer, | 
			
		
	
		
		
			
				
					|  |  |  |  |  |               allContacts, | 
			
		
	
		
		
			
				
					|  |  |  |  |  |             ); | 
			
		
	
		
		
			
				
					|  |  |             if (fullIssuer.length > 15) { |  |  |             if (fullIssuer.length > 15) { | 
			
		
	
		
		
			
				
					|  |  |               fullIssuer = fullIssuer.substring(0, 30) + "..."; |  |  |               fullIssuer = fullIssuer.substring(0, 30) + "..."; | 
			
		
	
		
		
			
				
					|  |  |             } |  |  |             } | 
			
		
	
	
		
		
			
				
					|  | 
 |