// IdentityId profile picture functionality function updateProfilePictureStatus() { const statusEl = document.getElementById('profilePictureStatus'); const identityIdEl = document.getElementById('identityIdDisplay'); const fullPathEl = document.getElementById('fullPathDisplay'); const uploadPathEl = document.getElementById('uploadPathDisplay'); if (crossDomainAuth?.currentUser) { const user = crossDomainAuth.currentUser; // Update identity ID display if (identityIdEl && user.identityId) { identityIdEl.textContent = user.identityId; } // Update full path display if (fullPathEl && user.identityId) { const fullPath = `private/${user.identityId}/room/profile-picture.jpg`; fullPathEl.innerHTML = `${fullPath}`; } // Update upload path display if (uploadPathEl && user.identityId) { uploadPathEl.textContent = `private/${user.identityId}/room/profile-picture.jpg`; } // Update profile picture status if (statusEl) { if (user.profilePicture) { statusEl.innerHTML = `✅ Found: View Image`; statusEl.style.color = '#28a745'; } else { statusEl.innerHTML = `❌ Not Found: Using generated avatar`; statusEl.style.color = '#dc3545'; } } } else { if (statusEl) { statusEl.textContent = 'Not signed in'; statusEl.style.color = '#6c757d'; } if (identityIdEl) { identityIdEl.textContent = 'Not available'; } if (fullPathEl) { fullPathEl.textContent = 'Not available'; } } } // Upload to identityId path async function profilePictureUpload() { const fileInput = document.getElementById('profilePictureUpload'); const file = fileInput.files[0]; const statusEl = document.getElementById('uploadStatus'); if (!file) { statusEl.textContent = '❌ Please select a file first'; statusEl.style.color = '#dc3545'; return; } if (!crossDomainAuth?.currentUser) { statusEl.textContent = '❌ Please sign in first'; statusEl.style.color = '#dc3545'; return; } const username = crossDomainAuth.currentUser.username; const identityId = crossDomainAuth.currentUser.identityId; try { statusEl.textContent = '⏳ Uploading to identityId path...'; statusEl.style.color = '#ffc107'; // Upload using AWS Amplify Storage const key = `private/${identityId}/room/profile-picture.jpg`; const result = await window.Amplify.Storage.put(key, file, { level: 'private', contentType: file.type }); statusEl.innerHTML = `✅ Upload successful! Key: ${result.key}`; statusEl.style.color = '#28a745'; // Update profile picture status setTimeout(updateProfilePictureStatus, 1000); } catch (error) { console.error('Upload error:', error); statusEl.innerHTML = `❌ Upload failed: ${error.message}`; statusEl.style.color = '#dc3545'; } } // Make functions globally available window.updateProfilePictureStatus = updateProfilePictureStatus; window.profilePictureUpload = profilePictureUpload; // Update status periodically setInterval(updateProfilePictureStatus, 5000);

Sign up