| 
						
						
							
								
							
						
						
					 | 
					@ -8,10 +8,10 @@ | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					      {{ AppString.APP_NAME }} | 
					 | 
					 | 
					      {{ AppString.APP_NAME }} | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					    </h1> | 
					 | 
					 | 
					    </h1> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					
 | 
					 | 
					 | 
					
 | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					    <!-- prompt to install notifications --> | 
					 | 
					 | 
					    <!-- prompt to install notifications, which we're making an advanced feature --> | 
				
			
			
				
				
			
		
	
		
		
	
		
		
			
				
					 | 
					 | 
					    <div class="mb-8"> | 
					 | 
					 | 
					    <div class="mb-8"> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					      <div | 
					 | 
					 | 
					      <div | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					        v-if="!notificationsSupported()" | 
					 | 
					 | 
					        v-if="false" | 
				
			
			
				
				
			
		
	
		
		
	
		
		
			
				
					 | 
					 | 
					        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 style="display: inline; align-items: center"> | 
					 | 
					 | 
					        <p style="display: inline; align-items: center"> | 
				
			
			
		
	
	
		
		
			
				
					| 
						
							
								
							
						
						
							
								
							
						
						
					 | 
					@ -107,8 +107,16 @@ | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					            <!-- activeDid && isRegistered --> | 
					 | 
					 | 
					            <!-- activeDid && isRegistered --> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					
 | 
					 | 
					 | 
					
 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					            <!-- show the actions for recognizing a give --> | 
					 | 
					 | 
					            <!-- show the actions for recognizing a give --> | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					            <div class="mb-4"> | 
					 | 
					 | 
					            <div class="flex justify-between mb-4"> | 
				
			
			
				
				
			
		
	
		
		
	
		
		
			
				
					 | 
					 | 
					              <h2 class="text-xl font-bold">Record Something Given By:</h2> | 
					 | 
					 | 
					              <h2 class="text-xl font-bold">Record Something Given By:</h2> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					              <div class="flex justify-end"> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					                <button | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					                  @click="openGiftedPrompts()" | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					                  class="block text-center text-md bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-4 py-2 rounded-md" | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					                > | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					                  Ideas... | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					                </button> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					 | 
					 | 
					 | 
					              </div> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					            </div> | 
					 | 
					 | 
					            </div> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					
 | 
					 | 
					 | 
					
 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					            <ul | 
					 | 
					 | 
					            <ul | 
				
			
			
		
	
	
		
		
			
				
					| 
						
						
						
							
								
							
						
					 | 
					@ -126,7 +134,7 @@ | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					                </h3> | 
					 | 
					 | 
					                </h3> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					              </li> | 
					 | 
					 | 
					              </li> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					              <li | 
					 | 
					 | 
					              <li | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					                v-for="contact in allContacts.slice(0, 7)" | 
					 | 
					 | 
					                v-for="contact in allContacts.slice(0, 6)" | 
				
			
			
				
				
			
		
	
		
		
	
		
		
			
				
					 | 
					 | 
					                :key="contact.did" | 
					 | 
					 | 
					                :key="contact.did" | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					                @click="openDialog(contact)" | 
					 | 
					 | 
					                @click="openDialog(contact)" | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					              > | 
					 | 
					 | 
					              > | 
				
			
			
		
	
	
		
		
			
				
					| 
						
						
						
							
								
							
						
					 | 
					@ -141,23 +149,16 @@ | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					                  {{ contact.name || contact.did }} | 
					 | 
					 | 
					                  {{ contact.name || contact.did }} | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					                </h3> | 
					 | 
					 | 
					                </h3> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					              </li> | 
					 | 
					 | 
					              </li> | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					            </ul> | 
					 | 
					 | 
					              <li> | 
				
			
			
				
				
			
		
	
		
		
			
				
					 | 
					 | 
					
 | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					            <div class="flex justify-between"> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
	
		
		
			
				
					 | 
					 | 
					                <router-link | 
					 | 
					 | 
					                <router-link | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					                v-if="allContacts.length >= 7" | 
					 | 
					 | 
					                  v-if="allContacts.length >= 6" | 
				
			
			
				
				
			
		
	
		
		
	
		
		
			
				
					 | 
					 | 
					                  :to="{ name: 'contact-gift' }" | 
					 | 
					 | 
					                  :to="{ name: 'contact-gift' }" | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					                  class="block text-center text-md font-bold bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md" | 
					 | 
					 | 
					                  class="block text-center text-md font-bold bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md" | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					                > | 
					 | 
					 | 
					                > | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					                  Choose From All Contacts | 
					 | 
					 | 
					                  Choose From All Contacts | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					                </router-link> | 
					 | 
					 | 
					                </router-link> | 
				
			
			
		
	
		
		
			
				
					
					 | 
					 | 
					              <button | 
					 | 
					 | 
					              </li> | 
				
			
			
				
				
			
		
	
		
		
			
				
					
					 | 
					 | 
					                @click="openGiftedPrompts()" | 
					 | 
					 | 
					            </ul> | 
				
			
			
				
				
			
		
	
		
		
			
				
					 | 
					 | 
					                class="block text-center text-md bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-4 py-2 rounded-md" | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					              > | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					                Ideas... | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					              </button> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					            </div> | 
					 | 
					 | 
					 | 
				
			
			
		
	
		
		
	
		
		
	
		
		
			
				
					 | 
					 | 
					          </div> | 
					 | 
					 | 
					          </div> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					        </div> | 
					 | 
					 | 
					        </div> | 
				
			
			
		
	
		
		
			
				
					 | 
					 | 
					      </div> | 
					 | 
					 | 
					      </div> | 
				
			
			
		
	
	
		
		
			
				
					| 
						
							
								
							
						
						
						
					 | 
					
  |