refactor: make poverty map public and remove redundant user authentication requirements
This commit is contained in:
-58
@@ -23,7 +23,6 @@
|
||||
.success-message { background: rgba(34, 197, 94, 0.1); color: #4ade80; border: 1px solid rgba(34, 197, 94, 0.2); }
|
||||
.back-link { display: block; text-align: center; margin-top: 20px; color: #94a3b8; text-decoration: none; font-size: 14px; }
|
||||
.back-link:hover { color: #f1f5f9; }
|
||||
.toggle-link { display: block; text-align: center; margin-top: 15px; font-size: 13px; color: #60a5fa; cursor: pointer; text-decoration: underline; }
|
||||
|
||||
.form-section { display: none; }
|
||||
.form-section.active { display: block; }
|
||||
@@ -49,42 +48,11 @@
|
||||
</div>
|
||||
<button type="submit" class="btn">Login</button>
|
||||
</form>
|
||||
<span class="toggle-link" onclick="toggleForm('register')">Belum punya akun? Daftar di sini</span>
|
||||
</div>
|
||||
|
||||
<!-- Register Form -->
|
||||
<div id="register-section" class="form-section">
|
||||
<h2>Daftar Akun Baru</h2>
|
||||
<form id="register-form">
|
||||
<div class="form-group">
|
||||
<label for="reg-username">Username Baru</label>
|
||||
<input type="text" id="reg-username" required placeholder="Pilih username">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="reg-password">Password Baru</label>
|
||||
<input type="password" id="reg-password" required placeholder="Buat password">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-success">Daftar</button>
|
||||
</form>
|
||||
<span class="toggle-link" onclick="toggleForm('login')">Sudah punya akun? Login di sini</span>
|
||||
</div>
|
||||
|
||||
<a href="index.html" class="back-link">← Kembali ke Beranda</a>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function toggleForm(type) {
|
||||
document.getElementById('error-message').style.display = 'none';
|
||||
document.getElementById('success-message').style.display = 'none';
|
||||
document.getElementById('login-section').classList.remove('active');
|
||||
document.getElementById('register-section').classList.remove('active');
|
||||
|
||||
if (type === 'login') {
|
||||
document.getElementById('login-section').classList.add('active');
|
||||
} else {
|
||||
document.getElementById('register-section').classList.add('active');
|
||||
}
|
||||
}
|
||||
|
||||
function showMessage(type, msg) {
|
||||
const errDiv = document.getElementById('error-message');
|
||||
@@ -134,32 +102,6 @@
|
||||
showMessage('error', 'Terjadi kesalahan server saat login');
|
||||
}
|
||||
});
|
||||
|
||||
// Register Handler
|
||||
document.getElementById('register-form').addEventListener('submit', async function(e) {
|
||||
e.preventDefault();
|
||||
const username = document.getElementById('reg-username').value;
|
||||
const password = document.getElementById('reg-password').value;
|
||||
|
||||
try {
|
||||
const response = await fetch('backend/register.php', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ username, password })
|
||||
});
|
||||
const data = await response.json();
|
||||
|
||||
if (data.status === 'success') {
|
||||
showMessage('success', data.message);
|
||||
document.getElementById('register-form').reset();
|
||||
setTimeout(() => { toggleForm('login'); }, 2000);
|
||||
} else {
|
||||
showMessage('error', data.message);
|
||||
}
|
||||
} catch (err) {
|
||||
showMessage('error', 'Terjadi kesalahan server saat registrasi');
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user