+
+
+
+
+ Aadhaar For Healthcare
+Simplify your medical records with HealthSpot’s secure, + Aadhaar-like Health ID. Access anytime, anywhere.
+
+
+
+
+
+ 
+
+
+ Simplify your medical records with HealthSpot’s secure, + Aadhaar-like Health ID. Access anytime, anywhere.
+
+ Carry your complete medical history in one secure digital HealthSpot ID.
+Generate a secure QR code to instantly share your health data with doctors, hospitals, or emergency + responders.
+Access your health data anytime, from any device, in seconds.
+Loading user data...
+Loading all users...
+Error loading user data: ${error.message}
`; + } +} + + + + + function renderSearchBar() { + const main = document.getElementById('mainContent'); + + // Remove existing search container if any + const existingSearch = document.getElementById('searchContainer'); + if (existingSearch) existingSearch.remove(); + + const searchContainer = document.createElement('div'); + searchContainer.id = 'searchContainer'; + searchContainer.className = 'max-w-3xl mx-auto mb-6 flex items-center gap-2'; + + searchContainer.innerHTML = ` + + + + `; + + main.appendChild(searchContainer); + + document.getElementById('searchInput').addEventListener('keydown', (e) => { + if (e.key === 'Enter') searchUsers(); + }); + } + + function resetSearch() { + const searchInput = document.getElementById('searchInput'); + if (!searchInput) return; + + searchInput.value = ''; + // Reload all users + loadAllUsers(); // assuming you have a function to load and show all users + } + +function showAllUsers(users) { + const main = document.getElementById('mainContent'); + main.innerHTML = ''; + main.className = 'p-6 mt-20 min-h-screen'; + + // Add Search Bar at the top + renderSearchBar(); + + const deleteAllBtn = document.getElementById('deleteAllBtn'); + + if (users.length > 0) { + deleteAllBtn.style.display = 'inline-block'; + + users.sort((a, b) => { + // Check if a or b is the default user (no fullName or 'User') + const aIsDefault = !a.fullName || a.fullName === 'Default User'; + const bIsDefault = !b.fullName || b.fullName === 'Default User'; + + if (aIsDefault && !bIsDefault) return 1; // a should come after b + if (!aIsDefault && bIsDefault) return -1; // a should come before b + + // If both are default or both not default, sort by date desc + return new Date(b.registeredAt) - new Date(a.registeredAt); + }); + } else { + deleteAllBtn.style.display = 'none'; + renderSearchBar(); + main.innerHTML += `No users found matching your search.
`; + return; + } + + users.forEach(user => { + const container = document.createElement('div'); + container.className = 'bg-white p-6 rounded-xl shadow-md mb-6 max-w-3xl mx-auto w-full text-blue-900'; + + const date = new Date(user.registeredAt); + const formattedDate = `${date.getDate()} ${date.toLocaleString('default', { month: 'short' })} ${date.getFullYear()} - ${date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', hour12: true })}`; + + container.innerHTML = ` +No users found matching "${query}".
`; + return; + } + + showAllUsers(filteredUsers); + + } catch (error) { + main.innerHTML = `Error loading user data: ${error.message}
`; + } +} + + + +async function deleteAllUsers() { + if (!confirm("Are you sure you want to delete ALL users? This action cannot be undone.")) return; + + // Default user to prevent blank bin error + const defaultUser = { + id: "default", + fullName: "Default User", + registeredAt: new Date().toISOString() + }; + + try { + const updateResponse = await fetch(`https://api.jsonbin.io/v3/b/${BIN_ID}`, { + method: 'PUT', + headers: { + 'Content-Type': 'application/json', + 'X-Master-Key': API_KEY, + 'X-Bin-Versioning': 'false' + }, + body: JSON.stringify([defaultUser]) + }); + + if (!updateResponse.ok) { + const errorData = await updateResponse.json(); + console.error('Delete all users error:', errorData); + throw new Error(errorData.message || 'Failed to delete all users'); + } + + alert('All users deleted successfully'); + await loadAllUsers(); + + } catch (error) { + alert(`Error deleting all users: ${error.message}`); + } +} + + + +async function deleteUser(healthId) { + if (!confirm("Are you sure you want to delete this user?")) return; + + try { + // Fetch latest data + const response = await fetch(`https://api.jsonbin.io/v3/b/${BIN_ID}/latest`, { + headers: { 'X-Master-Key': API_KEY } + }); + const data = await response.json(); + let users = data.record || []; + + // Remove the selected user by healthId + users = users.filter(user => user.healthId !== healthId); + + // PUT the updated data back (with versioning disabled) + const updateResponse = await fetch(`https://api.jsonbin.io/v3/b/${BIN_ID}`, { + method: 'PUT', + headers: { + 'Content-Type': 'application/json', + 'X-Master-Key': API_KEY, + 'X-Bin-Versioning': 'false' + }, + body: JSON.stringify(users) + }); + + if (!updateResponse.ok) throw new Error('Failed to delete user'); + + alert('User deleted successfully'); + await loadAllUsers(); + + } catch (error) { + alert(`Error deleting user: ${error.message}`); + } +} + +function closeEditModal() { + document.getElementById('editModal').classList.add('hidden'); +} + +async function editUser(healthId) { + try { + const response = await fetch(`https://api.jsonbin.io/v3/b/${BIN_ID}/latest`, { + headers: { 'X-Master-Key': API_KEY } + }); + const data = await response.json(); + const users = data.record || []; + const user = users.find(u => u.healthId === healthId); + + if (!user) { + alert('User not found!'); + return; + } + + // Fill form fields + const form = document.getElementById('editForm'); + form.healthId.value = user.healthId; + form.fullName.value = user.fullName || ''; + form.email.value = user.email || ''; + form.phone.value = user.phone || ''; + form.bloodGroup.value = user.bloodGroup || ''; + form.allergies.value = user.allergies || ''; + form.conditions.value = user.chronicConditions || ''; + form.medications.value = user.currentMedications || ''; + form.medicalHistory.value = user.medicalHistory || ''; + + // Show modal + document.getElementById('editModal').classList.remove('hidden'); + + } catch (error) { + alert(`Error fetching user: ${error.message}`); + } +} + +document.getElementById('editForm').addEventListener('submit', async (event) => { + event.preventDefault(); + const form = event.target; + + try { + const response = await fetch(`https://api.jsonbin.io/v3/b/${BIN_ID}/latest`, { + headers: { 'X-Master-Key': API_KEY } + }); + const data = await response.json(); + let users = data.record || []; + + const index = users.findIndex(u => u.healthId === form.healthId.value); + if (index === -1) { + alert('User not found'); + return; + } + + // Update user object + users[index] = { + ...users[index], + fullName: form.fullName.value, + email: form.email.value, + phone: form.phone.value, + bloodGroup: form.bloodGroup.value, + allergies: form.allergies.value, + chronicConditions: form.conditions.value, + currentMedications: form.medications.value, + medicalHistory: form.medicalHistory.value + }; + + // PUT updated data back + const updateResponse = await fetch(`https://api.jsonbin.io/v3/b/${BIN_ID}`, { + method: 'PUT', + headers: { + 'Content-Type': 'application/json', + 'X-Master-Key': API_KEY, + 'X-Bin-Versioning': 'false' + }, + body: JSON.stringify(users) + }); + + if (!updateResponse.ok) throw new Error('Failed to update user'); + + alert('User updated successfully'); + closeEditModal(); + await loadAllUsers(); + + } catch (error) { + alert(`Error updating user: ${error.message}`); + } +}); + diff --git a/T-115_QuanDevs/pages/already-user.html b/T-115_QuanDevs/pages/already-user.html new file mode 100644 index 00000000..cacb122b --- /dev/null +++ b/T-115_QuanDevs/pages/already-user.html @@ -0,0 +1,73 @@ + + + + + +