Blogify-Personal-Blogging-System/script.js at main · usmanrasheeddev/Blogify-Personal-Blogging-System · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
// script.js - Client-side interactive script for Blogify

document.addEventListener('DOMContentLoaded', () => {
  const loginForm = document.getElementById('loginForm');
  const registerForm = document.getElementById('registerForm');
  const messageEl = document.getElementById('auth-message');

  const showMessage = (text, ok) => {
    if (!messageEl) return;
    messageEl.textContent = text;
    messageEl.className = ok ? 'auth-message-box alert alert-success' : 'auth-message-box alert alert-error';
  };

  // Login Form Submission
  if (loginForm) {
    loginForm.addEventListener('submit', async (e) => {
      e.preventDefault();
      const formData = new FormData(loginForm);
      const submitBtn = loginForm.querySelector('button[type="submit"]');
      if (submitBtn) submitBtn.disabled = true;

      try {
        const res = await fetch('index.php?page=login_action', {
          method: 'POST',
          body: formData
        });
        const data = await res.json();
        showMessage(data.message, data.ok);
        if (data.ok) {
          setTimeout(() => {
            window.location.href = 'index.php?page=home';
          }, 800);
        } else {
          if (submitBtn) submitBtn.disabled = false;
        }
      } catch (err) {
        showMessage('An unexpected error occurred. Please try again.', false);
        if (submitBtn) submitBtn.disabled = false;
      }
    });
  }

  // Registration Form Submission
  if (registerForm) {
    registerForm.addEventListener('submit', async (e) => {
      e.preventDefault();
      const formData = new FormData(registerForm);
      const password = formData.get('password') || '';
      const confirmPassword = formData.get('confirm_password') || '';

      if (password !== confirmPassword) {
        showMessage('Passwords do not match. Please re-type your password.', false);
        return;
      }

      const submitBtn = registerForm.querySelector('button[type="submit"]');
      if (submitBtn) submitBtn.disabled = true;

      try {
        const res = await fetch('index.php?page=register_action', {
          method: 'POST',
          body: formData
        });
        const data = await res.json();
        showMessage(data.message, data.ok);
        if (data.ok) {
          setTimeout(() => {
            window.location.href = 'index.php?page=login';
          }, 1200);
        } else {
          if (submitBtn) submitBtn.disabled = false;
        }
      } catch (err) {
        showMessage('Registration error. Please check your fields and try again.', false);
        if (submitBtn) submitBtn.disabled = false;
      }
    });
  }
});