|
<!DOCTYPE html> |
|
<html> |
|
|
|
<head> |
|
<title>Private Domain Checker | ToKnow.ai</title> |
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> |
|
</head> |
|
|
|
<body class="bg-light"> |
|
<div class="container mt-5"> |
|
<div class="row justify-content-center"> |
|
<div class="col-md-6"> |
|
<div class="card"> |
|
<div class="card-body"> |
|
<h3 class="text-center mb-4">Private Domain Checker - ToKnow.ai</h3> |
|
<form id="searchForm" class="mb-3"> |
|
<div class="input-group"> |
|
<input type="text" id="domain" class="form-control" placeholder="Enter domain name..."> |
|
<button class="btn btn-primary" type="submit">Check</button> |
|
</div> |
|
</form> |
|
<div id="result" class="text-center d-none"> |
|
<div class="spinner-border text-primary d-none" id="spinner"></div> |
|
<div id="resultText"></div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<script> |
|
document.getElementById('searchForm').onsubmit = async (e) => { |
|
e.preventDefault(); |
|
const domain = document.getElementById('domain').value; |
|
const result = document.getElementById('result'); |
|
const spinner = document.getElementById('spinner'); |
|
const resultText = document.getElementById('resultText'); |
|
|
|
result.classList.remove('d-none'); |
|
spinner.classList.remove('d-none'); |
|
resultText.innerHTML = ''; |
|
|
|
try { |
|
const response = await fetch('/check', { |
|
method: 'POST', |
|
headers: { 'Content-Type': 'application/json' }, |
|
body: JSON.stringify({ domain }) |
|
}); |
|
|
|
const data = await response.json(); |
|
|
|
resultText.innerHTML = ` |
|
<div class="alert ${data.available ? 'alert-success' : 'alert-danger'} mt-3"> |
|
<strong>${domain}</strong> is ${data.available ? 'available' : 'not available'} |
|
${data.method ? `<br>(checked via ${data.method})` : ''} |
|
${data.error ? `<br>(error: ${data.error})` : ''} |
|
</div> |
|
`; |
|
} catch (err) { |
|
resultText.innerHTML = ` |
|
<div class="alert alert-warning mt-3"> |
|
Error checking domain |
|
</div> |
|
`; |
|
} |
|
spinner.classList.add('d-none'); |
|
}; |
|
</script> |
|
</body> |
|
|
|
</html> |
