73 lines
2.7 KiB
Plaintext
73 lines
2.7 KiB
Plaintext
<%- include('../partials/header') %>
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-6">
|
|
<div class="card shadow">
|
|
<div class="card-body p-4">
|
|
<h3 class="card-title mb-4">My Profile</h3>
|
|
<div class="mb-3">
|
|
<label class="form-label fw-bold">Email</label>
|
|
<p class="form-control-plaintext"><%= user.email %></p>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label fw-bold">Display Name</label>
|
|
<input type="text" class="form-control" id="displayName" value="<%= user.displayName || '' %>">
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label fw-bold">Phone</label>
|
|
<input type="tel" class="form-control" id="phone" value="<%= user.phone || '' %>">
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label fw-bold">Role</label>
|
|
<p class="form-control-plaintext"><%= user.role %></p>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label fw-bold">Email Verified</label>
|
|
<p class="form-control-plaintext"><%= user.emailVerifiedAt ? 'Yes' : 'No' %></p>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label fw-bold">Member Since</label>
|
|
<p class="form-control-plaintext"><%= new Date(user.createdAt).toLocaleDateString() %></p>
|
|
</div>
|
|
<button class="btn btn-primary w-100" onclick="updateProfile()">Save Changes</button>
|
|
<div id="message" class="alert d-none mt-3"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
async function updateProfile() {
|
|
const token = localStorage.getItem('access_token');
|
|
if (!token) { window.location.href = '/login'; return; }
|
|
try {
|
|
const res = await fetch('/api/auth/profile/update', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
'Authorization': `Bearer ${token}`,
|
|
},
|
|
body: JSON.stringify({
|
|
displayName: document.getElementById('displayName').value,
|
|
phone: document.getElementById('phone').value,
|
|
}),
|
|
});
|
|
const data = await res.json();
|
|
const msg = document.getElementById('message');
|
|
if (res.ok) {
|
|
msg.className = 'alert alert-success';
|
|
msg.textContent = 'Profile updated!';
|
|
} else {
|
|
msg.className = 'alert alert-danger';
|
|
msg.textContent = data.message || 'Update failed';
|
|
}
|
|
msg.classList.remove('d-none');
|
|
} catch {
|
|
const msg = document.getElementById('message');
|
|
msg.className = 'alert alert-danger';
|
|
msg.textContent = 'Network error';
|
|
msg.classList.remove('d-none');
|
|
}
|
|
}
|
|
</script>
|
|
<%- include('../partials/footer') %>
|