${notification.title}
${notification.text}
${formatTimeAgo(notification.timestamp)}
`;
// Mark as read when displayed
if (!notification.read) {
notification.read = true;
updateNotificationBadge();
// Update server as well
if (appState.currentUser && appState.currentUser.id) {
fetch(`/api/users/${appState.currentUser.id}/notifications/${notification.id}/read`, {
method: 'PUT'
}).catch(console.error);
}
}
elements.notificationsContainer.appendChild(notificationItem);
});
}
// Display messages
async function displayMessages() {
// Load messages from server if user is logged in
if (appState.currentUser && appState.currentUser.id) {
try {
const response = await fetch(`/api/users/${appState.currentUser.id}/messages`);
if (response.ok) {
const serverMessages = await response.json();
// Update local state with server data
appState.messages = serverMessages.map(m => ({
id: m.id,
sender: {
name: m.sender_name || 'Unknown',
avatar: '👤'
},
content: m.content,
timestamp: m.created_at,
read: m.read_status
}));
}
} catch (error) {
console.error('Error loading messages from server:', error);
}
}
elements.messagesContainer.innerHTML = '';
if (appState.messages.length === 0) {
elements.emptyMessages.classList.remove('hidden');
return;
}
elements.emptyMessages.classList.add('hidden');
appState.messages.forEach(message => {
const messageItem = document.createElement('div');
messageItem.className = `message-item ${!message.read ? 'unread' : ''}`;
messageItem.innerHTML = `
${message.sender.name}
${message.content}
${formatTimeAgo(message.timestamp)}
`;
// Mark as read when displayed
if (!message.read) {
message.read = true;
updateMessageBadge();
// Update server as well
if (appState.currentUser && appState.currentUser.id) {
fetch(`/api/users/${appState.currentUser.id}/messages/${message.id}/read`, {
method: 'PUT'
}).catch(console.error);
}
}
elements.messagesContainer.appendChild(messageItem);
});
}
// Add notification
async function addNotification(title, text, icon = '🔔') {
const notification = {
id: Date.now(),
title: title,
text: text,
icon: icon,
timestamp: new Date().toISOString(),
read: false
};
// Add to local state
appState.notifications.unshift(notification);
updateNotificationBadge();
saveToLocalStorage();
// Try to add to server if user is logged in
if (appState.currentUser && appState.currentUser.id) {
try {
await fetch(`/api/users/${appState.currentUser.id}/notifications`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({ title, text, icon })
});
} catch (error) {
console.error('Error adding notification to server:', error);
}
}
// Show toast notification as well
showToast(text);
}
// Add message
async function addMessage(sender, content) {
const message = {
id: Date.now(),
sender: sender,
content: content,
timestamp: new Date().toISOString(),
read: false
};
appState.messages.unshift(message);
updateMessageBadge();
saveToLocalStorage();
// Show notification about new message
await addNotification('Новое сообщение', `Сообщение от ${sender.name}`, '💬');
}
// Format time ago
function formatTimeAgo(timestamp) {
const date = new Date(timestamp);
const now = new Date();
const seconds = Math.floor((now - date) / 1000);
if (seconds < 60) return 'только что';
if (seconds < 3600) return `${Math.floor(seconds / 60)} мин назад`;
if (seconds < 86400) return `${Math.floor(seconds / 3600)} ч назад`;
return `${Math.floor(seconds / 86400)} дн назад`;
}
// Update notification badge
function updateNotificationBadge() {
const unreadCount = appState.notifications.filter(n => !n.read).length;
if (unreadCount > 0) {
elements.notificationBadge.textContent = unreadCount;
elements.notificationBadge.classList.remove('hidden');
} else {
elements.notificationBadge.classList.add('hidden');
}
}
// Update message badge
function updateMessageBadge() {
const unreadCount = appState.messages.filter(m => !m.read).length;
if (unreadCount > 0) {
elements.messageBadge.textContent = unreadCount;
elements.messageBadge.classList.remove('hidden');
} else {
elements.messageBadge.classList.add('hidden');
}
}
// Clear all notifications
async function clearNotifications() {
appState.notifications = [];
updateNotificationBadge();
saveToLocalStorage();
// Clear notifications on server if user is logged in
if (appState.currentUser && appState.currentUser.id) {
try {
await fetch(`/api/users/${appState.currentUser.id}/notifications`, {
method: 'DELETE'
});
} catch (error) {
console.error('Error clearing notifications from server:', error);
}
}
displayNotifications();
}
// Reply to message
function replyToMessage(messageId) {
if (!appState.currentUser) {
showToast('Для ответа на сообщение нужно авторизоваться');
showLoginModal();
return;
}
// For a real implementation, we would need to know who sent the original message
// For now, we'll just allow sending a message to another user by ID
const recipientId = prompt('Введите ID получателя (для тестирования используйте ID другого пользователя):');
if (recipientId) {
const reply = prompt('Введите ваш ответ:');
if (reply) {
sendMessageToUser(parseInt(recipientId), reply);
}
}
}
// Send message to user
async function sendMessageToUser(receiverId, content) {
if (!appState.currentUser || !appState.currentUser.id) {
showToast('Для отправки сообщения нужно авторизоваться');
showLoginModal();
return;
}
try {
const response = await fetch('/api/messages', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
sender_id: appState.currentUser.id,
receiver_id: receiverId,
content: content
})
});
if (response.ok) {
showToast('Сообщение отправлено');
} else {
const errorData = await response.json();
showToast(errorData.error || 'Ошибка отправки сообщения');
}
} catch (error) {
console.error('Error sending message:', error);
showToast('Ошибка отправки сообщения');
}
}
// Delete message
async function deleteMessage(messageId) {
appState.messages = appState.messages.filter(m => m.id !== messageId);
updateMessageBadge();
saveToLocalStorage();
// Delete message on server if user is logged in
if (appState.currentUser && appState.currentUser.id) {
try {
await fetch(`/api/users/${appState.currentUser.id}/messages/${messageId}`, {
method: 'DELETE'
});
} catch (error) {
console.error('Error deleting message from server:', error);
}
}
displayMessages();
}
// Display employer's jobs
function displayEmployerJobs() {
if (appState.userJobs.length === 0) {
elements.employerJobsCards.innerHTML = '';
elements.emptyEmployerJobs.classList.remove('hidden');
} else {
elements.emptyEmployerJobs.classList.add('hidden');
displayJobs(appState.userJobs, elements.employerJobsCards);
}
}
// Update counters
function updateCounters() {
elements.favoritesCount.textContent = `${appState.favorites.length} избранных`;
}
// Show login modal
function showLoginModal() {
elements.loginModal.classList.add('active');
}
// Hide login modal
function hideLoginModal() {
elements.loginModal.classList.remove('active');
elements.loginForm.reset();
}
// Show register modal
function showRegisterModal() {
elements.registerModal.classList.add('active');
}
// Hide register modal
function hideRegisterModal() {
elements.registerModal.classList.remove('active');
elements.registerForm.reset();
}
// Handle login
async function handleLogin(e) {
e.preventDefault();
const email = document.getElementById('login-email').value;
const password = document.getElementById('login-password').value;
const userType = document.getElementById('login-type').value;
// Simple validation
if (!email || !password) {
showToast('Пожалуйста, заполните все поля');
return;
}
try {
// Try to login via server API
const response = await fetch('/api/login', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({ email, password })
});
if (response.ok) {
const userData = await response.json();
appState.currentUser = {
id: userData.id,
name: userData.name,
email: userData.email,
type: userData.type
};
// Load user's favorites, jobs, notifications and messages
await loadUserFavorites(userData.id);
if (userData.type === 'employer') {
await loadUserJobs(userData.id);
}
await loadUserNotifications(userData.id);
await loadUserMessages(userData.id);
hideLoginModal();
showToast(`Добро пожаловать, ${appState.currentUser.name}!`);
updateAuthButtons();
saveToLocalStorage();
} else {
// Fallback to client-side login simulation
appState.currentUser = {
name: 'Пользователь',
email: email,
type: userType
};
hideLoginModal();
showToast(`Добро пожаловать, ${appState.currentUser.name}!`);
updateAuthButtons();
saveToLocalStorage();
}
} catch (error) {
console.error('Login error:', error);
// Fallback to client-side login simulation
appState.currentUser = {
name: 'Пользователь',
email: email,
type: userType
};
hideLoginModal();
showToast(`Добро пожаловать, ${appState.currentUser.name}!`);
updateAuthButtons();
saveToLocalStorage();
}
}
// Load user favorites from server
async function loadUserFavorites(userId) {
try {
const response = await fetch(`/api/users/${userId}/favorites`);
if (response.ok) {
appState.favorites = await response.json();
}
} catch (error) {
console.error('Error loading favorites:', error);
}
}
// Load user jobs from server
async function loadUserJobs(userId) {
try {
const response = await fetch(`/api/users/${userId}/jobs`);
if (response.ok) {
appState.userJobs = await response.json();
}
} catch (error) {
console.error('Error loading user jobs:', error);
}
}
// Load user notifications from server
async function loadUserNotifications(userId) {
try {
const response = await fetch(`/api/users/${userId}/notifications`);
if (response.ok) {
const serverNotifications = await response.json();
appState.notifications = serverNotifications.map(n => ({
id: n.id,
title: n.title,
text: n.text,
icon: n.icon,
timestamp: n.created_at,
read: n.read_status
}));
updateNotificationBadge();
}
} catch (error) {
console.error('Error loading user notifications:', error);
}
}
// Load user messages from server
async function loadUserMessages(userId) {
try {
const response = await fetch(`/api/users/${userId}/messages`);
if (response.ok) {
const serverMessages = await response.json();
appState.messages = serverMessages.map(m => ({
id: m.id,
sender: {
name: m.sender_name || 'Unknown',
avatar: '👤'
},
content: m.content,
timestamp: m.created_at,
read: m.read_status
}));
updateMessageBadge();
}
} catch (error) {
console.error('Error loading user messages:', error);
}
}
// Handle registration
async function handleRegister(e) {
e.preventDefault();
const name = document.getElementById('register-name').value;
const email = document.getElementById('register-email').value;
const password = document.getElementById('register-password').value;
const userType = document.getElementById('register-type').value;
// Simple validation
if (!name || !email || !password) {
showToast('Пожалуйста, заполните все поля');
return;
}
try {
// Try to register via server API
const response = await fetch('/api/users', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({ name, email, password, type: userType })
});
if (response.ok) {
const userData = await response.json();
appState.currentUser = {
id: userData.id,
name: userData.name,
email: userData.email,
type: userData.type
};
// Initialize empty notifications and messages arrays for new user
appState.notifications = [];
appState.messages = [];
hideRegisterModal();
showToast(`Регистрация успешна! Добро пожаловать, ${name}!`);
updateAuthButtons();
saveToLocalStorage();
} else {
const errorData = await response.json();
showToast(errorData.error || 'Ошибка регистрации');
}
} catch (error) {
console.error('Registration error:', error);
// Fallback to client-side registration simulation
appState.currentUser = {
name: name,
email: email,
type: userType
};
// Initialize empty notifications and messages arrays for new user
appState.notifications = [];
appState.messages = [];
hideRegisterModal();
showToast(`Регистрация успешна! Добро пожаловать, ${name}!`);
updateAuthButtons();
saveToLocalStorage();
}
}
// Handle post job
async function handlePostJob(e) {
e.preventDefault();
if (!appState.currentUser || appState.currentUser.type !== 'employer') {
showToast('Только работодатели могут размещать вакансии');
return;
}
const job = {
title: document.getElementById('job-title').value,
company: document.getElementById('job-company').value,
location: document.getElementById('job-location').value,
salary: document.getElementById('job-salary').value || 'По договоренности',
description: document.getElementById('job-description').value,
tags: document.getElementById('job-tags').value.split(',').map(tag => tag.trim()).filter(tag => tag),
type: document.getElementById('job-type').value,
user_id: appState.currentUser.id
};
try {
// Try to post job via server API
const response = await fetch('/api/jobs', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(job)
});
if (response.ok) {
const newJob = await response.json();
// Add to jobs and user jobs
appState.jobs.unshift(newJob);
appState.userJobs.unshift(newJob);
showToast('Вакансия успешно размещена!');
// Add notification about successful job posting
addNotification('Вакансия опубликована', `Ваша вакансия "${job.title}" успешно опубликована`, '✅');
elements.postJobForm.reset();
switchView('employers');
saveToLocalStorage();
} else {
const errorData = await response.json();
showToast(errorData.error || 'Ошибка размещения вакансии');
}
} catch (error) {
console.error('Error posting job:', error);
// Fallback to client-side addition
job.id = Date.now();
job.created_at = new Date().toISOString();
// Add to jobs and user jobs
appState.jobs.unshift(job);
appState.userJobs.unshift(job);
showToast('Вакансия успешно размещена!');
// Add notification about successful job posting
addNotification('Вакансия опубликована', `Ваша вакансия "${job.title}" успешно опубликована`, '✅');
elements.postJobForm.reset();
switchView('employers');
saveToLocalStorage();
}
}
// Toggle favorite
async function toggleFavorite(jobId) {
if (!appState.currentUser) {
showToast('Для добавления в избранное нужно авторизоваться');
showLoginModal();
return;
}
const job = appState.jobs.find(j => j.id === jobId);
if (!job) return;
const isFavorite = appState.favorites.some(fav => fav.id === jobId);
try {
if (isFavorite) {
// Remove from favorites via server API
const response = await fetch(`/api/users/${appState.currentUser.id}/favorites/${jobId}`, {
method: 'DELETE'
});
if (response.ok || response.status === 404) {
appState.favorites = appState.favorites.filter(fav => fav.id !== jobId);
showToast('Вакансия удалена из избранного');
// Add notification
addNotification('Избранное обновлено', `Вакансия "${job.title}" удалена из избранного`, '🗑️');
} else {
throw new Error('Failed to remove from favorites');
}
} else {
// Add to favorites via server API
const response = await fetch(`/api/users/${appState.currentUser.id}/favorites`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({ jobId })
});
if (response.ok) {
appState.favorites.push(job);
showToast('Вакансия добавлена в избранное');
// Add notification
addNotification('Избранное обновлено', `Вакансия "${job.title}" добавлена в избранное`, '❤️');
} else {
throw new Error('Failed to add to favorites');
}
}
} catch (error) {
console.error('Favorite toggle error:', error);
// Fallback to client-side toggle
if (isFavorite) {
appState.favorites = appState.favorites.filter(fav => fav.id !== jobId);
showToast('Вакансия удалена из избранного');
// Add notification
addNotification('Избранное обновлено', `Вакансия "${job.title}" удалена из избранного`, '🗑️');
} else {
appState.favorites.push(job);
showToast('Вакансия добавлена в избранное');
// Add notification
addNotification('Избранное обновлено', `Вакансия "${job.title}" добавлена в избранное`, '❤️');
}
}
// Update UI
if (appState.currentView === 'home') {
displayJobs(appState.jobs.slice(0, 6), elements.jobCards);
} else if (appState.currentView === 'all-jobs') {
displayJobs(appState.jobs, elements.allJobsCards);
} else if (appState.currentView === 'favorites') {
displayFavorites();
}
updateCounters();
saveToLocalStorage();
}
// Apply for job
function applyForJob(jobId) {
if (!appState.currentUser) {
showToast('Для отклика на вакансию нужно авторизоваться');
showLoginModal();
return;
}
const job = appState.jobs.find(j => j.id === jobId);
if (job) {
showToast('Ваш отклик отправлен работодателю!');
// Add notification about job application
addNotification('Отклик отправлен', `Ваш отклик на вакансию "${job.title}" отправлен работодателю`, '📤');
} else {
showToast('Ваш отклик отправлен работодателю!');
}
// Here would be the logic to actually submit an application
// For now, we'll just show a success message and add a notification
}
// Update auth buttons
function updateAuthButtons() {
const authButtons = document.getElementById('auth-buttons');
if (appState.currentUser) {
authButtons.innerHTML = `
Привет, ${appState.currentUser.name}! (${appState.currentUser.type === 'employer' ? 'Работодатель' : 'Соискатель'})