diff --git a/apple-touch-icon.png b/apple-touch-icon.png new file mode 100644 index 0000000..de94b57 Binary files /dev/null and b/apple-touch-icon.png differ diff --git a/favicon.png b/favicon.png new file mode 100644 index 0000000..671d8e0 Binary files /dev/null and b/favicon.png differ diff --git a/favicon.svg b/favicon.svg new file mode 100644 index 0000000..6d22d26 --- /dev/null +++ b/favicon.svg @@ -0,0 +1,10 @@ + + + + + + + + + 📞 + diff --git a/index.html b/index.html index 49ad903..69a0986 100644 --- a/index.html +++ b/index.html @@ -4,10 +4,13 @@ E-Dir - + + + + - - + + @@ -284,6 +287,27 @@ font-size: 24px; } + .searched-number { + font-size: 14px; + color: var(--orange); + font-weight: 500; + margin-bottom: 8px; + display: flex; + align-items: center; + gap: 6px; + } + + .searched-number .material-icons { + font-size: 16px; + } + + .result-card + .result-card, + .result-card + .error-message, + .error-message + .result-card, + .error-message + .error-message { + margin-top: 12px; + } + @@ -337,7 +361,6 @@ // Show loading state searchBtn.disabled = true; searchBtn.innerHTML = 'Searching...'; - resultsDiv.classList.remove('show'); try { const response = await fetch(`https://dhiraagu-edir-proxy.shihaam.me/${encodeURIComponent(phoneNumber)}`); @@ -345,24 +368,29 @@ if (response.ok && data && data.dirEnquiryEntry) { if (data.dirEnquiryEntry === 'Number not found') { - displayError('Number not found'); + displayError(phoneNumber, 'Number not found'); } else { - displayResult(data.dirEnquiryEntry); + displayResult(phoneNumber, data.dirEnquiryEntry); } } else { - displayError('No results found'); + displayError(phoneNumber, 'No results found'); } } catch (error) { - displayError('Failed to fetch data. Please try again.'); + displayError(phoneNumber, 'Failed to fetch data. Please try again.'); } finally { searchBtn.disabled = false; searchBtn.innerHTML = 'searchSearch'; + phoneInput.value = ''; } }); - function displayResult(entry) { + function displayResult(searchedNumber, entry) { const html = `
+
+ phone + ${escapeHtml(searchedNumber)} +
person
@@ -372,17 +400,24 @@
`; - resultsDiv.innerHTML = html; + resultsDiv.insertAdjacentHTML('afterbegin', html); resultsDiv.classList.add('show'); } - function displayError(message) { - resultsDiv.innerHTML = ` + function displayError(searchedNumber, message) { + const html = `
error - ${escapeHtml(message)} +
+
+ phone + ${escapeHtml(searchedNumber)} +
+ ${escapeHtml(message)} +
`; + resultsDiv.insertAdjacentHTML('afterbegin', html); resultsDiv.classList.add('show'); } diff --git a/og-image.png b/og-image.png new file mode 100644 index 0000000..9cc9ca4 Binary files /dev/null and b/og-image.png differ diff --git a/og-image.svg b/og-image.svg index eed0809..fc3e196 100644 --- a/og-image.svg +++ b/og-image.svg @@ -17,18 +17,15 @@ - - - 📞 - - - E-Dir + + 📞 + E-Dir Dhiraagu Directory Lookup - Search any phone number instantly + Search any phone number without Recaptcha annoyance