104 lines
3.0 KiB
JavaScript
104 lines
3.0 KiB
JavaScript
// Shared utility functions for all views
|
|
|
|
// Initialize the app based on current page
|
|
function initializeApp() {
|
|
checkExistingSession();
|
|
}
|
|
|
|
// Show status message
|
|
function showStatus(elementId, message, type = 'info') {
|
|
const statusEl = document.getElementById(elementId);
|
|
if (statusEl) {
|
|
statusEl.innerHTML = `<div class="status ${type}">${message}</div>`;
|
|
}
|
|
}
|
|
|
|
// Clear status message
|
|
function clearStatus(elementId) {
|
|
const statusEl = document.getElementById(elementId);
|
|
if (statusEl) {
|
|
statusEl.innerHTML = '';
|
|
}
|
|
}
|
|
|
|
// Check if user is already logged in on page load
|
|
async function checkExistingSession() {
|
|
const isLoggedIn = await validateStoredToken();
|
|
const path = window.location.pathname;
|
|
|
|
// Protected routes that require authentication
|
|
const protectedRoutes = ['/auth/profile'];
|
|
|
|
if (isLoggedIn) {
|
|
// User is logged in
|
|
if (path === '/auth/login' || path === '/auth/register' || path === '/') {
|
|
// Redirect to profile if accessing login/register pages while logged in
|
|
window.location.href = '/auth/profile';
|
|
} else if (path === '/auth/add-device') {
|
|
// Redirect old add-device route to profile
|
|
window.location.href = '/auth/profile';
|
|
} else if (protectedRoutes.includes(path)) {
|
|
// Stay on current protected page and load user data
|
|
if (path === '/auth/profile') {
|
|
loadUserInfo().then(() => {
|
|
updateUserInfo();
|
|
loadCredentials();
|
|
}).catch(error => {
|
|
showStatus('profileStatus', `Failed to load user info: ${error.message}`, 'error');
|
|
});
|
|
}
|
|
}
|
|
} else {
|
|
// User is not logged in
|
|
if (protectedRoutes.includes(path) || path === '/auth/add-device') {
|
|
// Redirect to login if accessing protected pages without authentication
|
|
window.location.href = '/auth/login';
|
|
}
|
|
}
|
|
}
|
|
|
|
// Validate stored token
|
|
async function validateStoredToken() {
|
|
try {
|
|
const response = await fetch('/api/validate-token', {
|
|
method: 'GET',
|
|
credentials: 'include'
|
|
});
|
|
|
|
const result = await response.json();
|
|
return result.status === 'success';
|
|
} catch (error) {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
// Copy device link to clipboard
|
|
async function copyDeviceLink() {
|
|
try {
|
|
if (window.currentDeviceLink) {
|
|
await navigator.clipboard.writeText(window.currentDeviceLink);
|
|
|
|
const copyButton = document.querySelector('.copy-button');
|
|
if (copyButton) {
|
|
const originalText = copyButton.textContent;
|
|
copyButton.textContent = 'Copied!';
|
|
copyButton.style.background = '#28a745';
|
|
|
|
setTimeout(() => {
|
|
copyButton.textContent = originalText;
|
|
copyButton.style.background = '#28a745';
|
|
}, 2000);
|
|
}
|
|
}
|
|
} catch (error) {
|
|
console.error('Failed to copy link:', error);
|
|
const linkText = document.getElementById('deviceLinkText');
|
|
if (linkText) {
|
|
const range = document.createRange();
|
|
range.selectNode(linkText);
|
|
window.getSelection().removeAllRanges();
|
|
window.getSelection().addRange(range);
|
|
}
|
|
}
|
|
}
|