-
+ QR-код профиля
+
+
+
+ })
+ Регистрация | Rabota.Today
- МП.Ярмарка
+ Rabota.Today
+
+
+
+
@@ -951,6 +1321,233 @@
window.location.href = '/login';
}
+ // ========== ФУНКЦИИ ДЛЯ QR-КОДА ПРОФИЛЯ ==========
+
+ // Открыть модальное окно с QR
+ function openProfileQRModal() {
+ console.log('📱 Открытие QR-модального окна профиля');
+
+ if (!currentUser) {
+ console.error('❌ Данные пользователя не загружены');
+ showNotification('Данные пользователя не загружены', 'error');
+ return;
+ }
+
+ const modal = document.getElementById('qrProfileModal');
+ if (!modal) {
+ console.error('❌ Модальное окно не найдено');
+ showNotification('Ошибка отображения QR-кода', 'error');
+ return;
+ }
+
+ // Получаем элементы
+ const qrName = document.getElementById('qrProfileName');
+ const qrUrl = document.getElementById('qrProfileUrl');
+ const qrRole = document.getElementById('qrProfileRole');
+ const qrSince = document.getElementById('qrProfileSince');
+ const qrActivity = document.getElementById('qrProfileActivity');
+ const qrCanvas = document.getElementById('qrProfileCanvas');
+
+ if (!qrName || !qrUrl || !qrRole || !qrSince || !qrActivity || !qrCanvas) {
+ console.error('❌ Элементы модального окна не найдены');
+ showNotification('Ошибка отображения QR-кода', 'error');
+ return;
+ }
+
+ // Устанавливаем имя пользователя
+ qrName.textContent = escapeHtml(currentUser.full_name);
+
+ // Формируем URL профиля
+ const profileUrl = window.location.origin + '/user/' + currentUser.id;
+ qrUrl.textContent = profileUrl.replace('https://', '').replace('http://', '');
+
+ // Роль пользователя
+ let roleText = '';
+ if (currentUser.role === 'employee') roleText = '👤 Соискатель';
+ else if (currentUser.role === 'employer') roleText = '🏢 Работодатель';
+ else if (currentUser.role === 'admin') roleText = '👑 Админ';
+ qrRole.textContent = roleText;
+
+ // Дата регистрации
+ if (currentUser.created_at) {
+ try {
+ const date = new Date(currentUser.created_at);
+ const now = new Date();
+ const months = Math.floor((now - date) / (1000 * 60 * 60 * 24 * 30));
+ qrSince.textContent = (months > 0 ? months : '< 1') + ' мес';
+ } catch (e) {
+ console.error('Ошибка при вычислении даты:', e);
+ qrSince.textContent = '—';
+ }
+ } else {
+ qrSince.textContent = '—';
+ }
+
+ // Активность
+ qrActivity.textContent = 'активен';
+
+ // Генерируем QR-код
+ generateProfileQRWithLogo(profileUrl);
+
+ modal.classList.add('active');
+ }
+
+ // Закрыть модальное окно
+ function closeProfileQRModal() {
+ const modal = document.getElementById('qrProfileModal');
+ if (modal) {
+ modal.classList.remove('active');
+ }
+ }
+
+ // Генерация QR-кода с иконкой пользователя
+ function generateProfileQRWithLogo(text) {
+ const canvas = document.getElementById('qrProfileCanvas');
+ const logoOverlay = document.getElementById('qrProfileLogoOverlay');
+ const logoIcon = document.getElementById('qrProfileLogoIcon');
+
+ if (!canvas) {
+ console.error('❌ Canvas для QR-кода не найден');
+ return;
+ }
+
+ const options = {
+ width: 250,
+ height: 250,
+ color: {
+ dark: '#0b1c34',
+ light: '#ffffff'
+ },
+ errorCorrectionLevel: 'H'
+ };
+
+ QRCode.toCanvas(canvas, text, options, function(error) {
+ if (error) {
+ console.error('Error generating QR code:', error);
+ showNotification('Ошибка генерации QR-кода', 'error');
+ } else {
+ console.log('✅ QR code generated successfully');
+
+ if (logoOverlay) {
+ logoOverlay.style.display = 'flex';
+ }
+ if (logoIcon) {
+ logoIcon.style.display = 'block';
+ logoIcon.className = 'fas fa-user';
+ }
+ }
+ });
+ }
+
+ // Скачать QR-код
+ function downloadProfileQR() {
+ const canvas = document.getElementById('qrProfileCanvas');
+
+ if (!canvas) {
+ showNotification('Ошибка: QR-код не найден', 'error');
+ return;
+ }
+
+ const combinedCanvas = document.createElement('canvas');
+ combinedCanvas.width = canvas.width;
+ combinedCanvas.height = canvas.height;
+ const ctx = combinedCanvas.getContext('2d');
+
+ ctx.drawImage(canvas, 0, 0);
+
+ ctx.fillStyle = 'white';
+ ctx.beginPath();
+ ctx.arc(125, 125, 35, 0, 2 * Math.PI);
+ ctx.fill();
+
+ ctx.fillStyle = '#3b82f6';
+ ctx.font = '30px "Font Awesome 6 Free"';
+ ctx.textAlign = 'center';
+ ctx.textBaseline = 'middle';
+ ctx.fillText('', 125, 125);
+
+ const link = document.createElement('a');
+ const filename = `profile_${currentUser.id}.png`;
+ link.download = filename;
+ link.href = combinedCanvas.toDataURL('image/png');
+ link.click();
+
+ showNotification('QR-код скачан', 'success');
+ }
+
+ // Копировать ссылку на профиль
+ function copyProfileLink() {
+ const url = window.location.origin + '/user/' + currentUser.id;
+ navigator.clipboard.writeText(url).then(() => {
+ showNotification('Ссылка скопирована', 'success');
+ }).catch(() => {
+ showNotification('Ошибка копирования', 'error');
+ });
+ }
+
+ // Распечатать QR
+ function printProfileQR() {
+ const canvas = document.getElementById('qrProfileCanvas');
+
+ if (!canvas) {
+ showNotification('Ошибка: QR-код не найден', 'error');
+ return;
+ }
+
+ const printWindow = window.open('', '_blank');
+
+ printWindow.document.write(`
+
+
+
+
+
+ +
yarmarka.rabota.today/user/
+
+
+
+
+
+
+
+
+
+
+
+ —
+ роль
+
+
+ —
+ на платформе
+
+
+ —
+ активность
+
+
+
+
+
+
+
+ ${escapeHtml(currentUser.full_name)}
+${currentUser.role === 'employee' ? '👤 Соискатель' :
+ currentUser.role === 'employer' ? '🏢 Работодатель' :
+ '👑 Администратор'}
+ ${window.location.origin}/user/${currentUser.id}
+
+
+ `);
+
+ printWindow.document.close();
+ printWindow.focus();
+ printWindow.print();
+ }
+
+ // Поделиться QR в соцсетях
+ function shareProfileQR(platform) {
+ const url = window.location.origin + '/user/' + currentUser.id;
+ const text = `Мой профиль на Rabota.Today`;
+
+ let shareUrl = '';
+
+ switch(platform) {
+ case 'whatsapp':
+ shareUrl = `https://wa.me/?text=${encodeURIComponent(text + ' ' + url)}`;
+ break;
+ case 'telegram':
+ shareUrl = `https://t.me/share/url?url=${encodeURIComponent(url)}&text=${encodeURIComponent(text)}`;
+ break;
+ case 'email':
+ shareUrl = `mailto:?subject=${encodeURIComponent('Мой профиль на Rabota.Today')}&body=${encodeURIComponent(text + '\n\n' + url)}`;
+ break;
+ }
+
+ if (shareUrl) {
+ window.open(shareUrl, '_blank');
+ }
+ }
+
// ========== СОЗДАНИЕ ОВЕРЛЕЯ ==========
function createMenuOverlay() {
if (!document.getElementById('menuOverlay')) {
@@ -1126,12 +1723,8 @@
// ========== УВЕДОМЛЕНИЯ ==========
function showNotification(message, type = 'info') {
- let notification = document.getElementById('notification');
- if (!notification) {
- notification = document.createElement('div');
- notification.id = 'notification';
- document.body.appendChild(notification);
- }
+ const notification = document.getElementById('notification');
+ if (!notification) return;
let backgroundColor = '#3b82f6';
if (type === 'success') backgroundColor = '#10b981';
@@ -1165,6 +1758,8 @@
currentUser = await response.json();
+ console.log('✅ Данные пользователя загружены:', currentUser);
+
document.getElementById('profileName').textContent = currentUser.full_name || 'Не указано';
document.getElementById('profileEmail').textContent = currentUser.email || '—';
document.getElementById('profilePhone').textContent = currentUser.phone || '—';
@@ -1182,6 +1777,12 @@
} catch (error) {
console.error('Error loading profile:', error);
+ document.querySelector('.profile-sidebar').innerHTML = `
+
+ `;
}
}
@@ -1320,178 +1921,6 @@
`;
}
- // ========== РАБОТА С ВАКАНСИЯМИ ==========
- async function loadAllVacancies() {
- try {
- console.log('📥 Загрузка всех вакансий пользователя...');
-
- const response = await fetch(`${API_BASE_URL}/vacancies/my-all`, {
- headers: { 'Authorization': `Bearer ${token}` }
- });
-
- if (!response.ok) {
- throw new Error('Ошибка загрузки');
- }
-
- allVacancies = await response.json();
-
- // Нормализуем булевы значения
- allVacancies = allVacancies.map(v => ({
- ...v,
- is_active: v.is_active === true || v.is_active === 1 || v.is_active === '1' || v.is_active === 'true'
- }));
-
- // Статистика загрузки
- const activeCount = allVacancies.filter(v => v.is_active === true).length;
- const inactiveCount = allVacancies.filter(v => v.is_active === false).length;
-
- console.log(`✅ Загружено вакансий: ${allVacancies.length}`);
- console.log(` 📊 Активные: ${activeCount}`);
- console.log(` 📊 Неактивные: ${inactiveCount}`);
-
- // Детальный лог всех вакансий
- console.group('📋 Список всех вакансий:');
- allVacancies.forEach((v, i) => {
- console.log(`${i + 1}. [${v.is_active ? 'АКТИВНАЯ' : 'НЕАКТИВНАЯ'}] ${v.title} (ID: ${v.id})`);
- });
- console.groupEnd();
-
- updateVacancyCounts();
- filterVacancies(currentFilter);
-
- } catch (error) {
- console.error('❌ Ошибка загрузки вакансий:', error);
- document.getElementById('vacanciesList').innerHTML = 'Ошибка загрузки вакансий
';
- }
- }
-
- function updateVacancyCounts() {
- const activeCount = allVacancies.filter(v => v.is_active).length;
- const inactiveCount = allVacancies.filter(v => !v.is_active).length;
-
- document.getElementById('activeCount').textContent = activeCount;
- document.getElementById('inactiveCount').textContent = inactiveCount;
- document.getElementById('totalCount').textContent = allVacancies.length;
- }
-
- function filterVacancies(filter) {
- console.log(`🔍 Фильтрация: ${filter}`);
- console.log('Всего вакансий:', allVacancies.length);
-
- currentFilter = filter;
-
- // Обновляем активный таб
- document.querySelectorAll('.filter-tab').forEach(tab => {
- tab.classList.remove('active');
- if (tab.dataset.status === filter) {
- tab.classList.add('active');
- }
- });
-
- // Фильтруем вакансии
- let filteredVacancies = [];
-
- if (filter === 'all') {
- filteredVacancies = allVacancies;
- console.log('Показаны все вакансии:', filteredVacancies.length);
- } else if (filter === 'active') {
- filteredVacancies = allVacancies.filter(v => v.is_active === true);
- console.log('Активные вакансии:', filteredVacancies.length);
- } else if (filter === 'inactive') {
- filteredVacancies = allVacancies.filter(v => v.is_active === false);
- console.log('Неактивные вакансии:', filteredVacancies.length);
- }
-
- // Детальный лог для отладки
- if (filter === 'active') {
- console.log('Проверка активных:');
- allVacancies.forEach((v, i) => {
- console.log(` ${i}: ${v.title} - is_active: ${v.is_active} (${typeof v.is_active})`);
- });
- }
-
- if (filter === 'inactive') {
- console.log('Проверка неактивных:');
- allVacancies.forEach((v, i) => {
- console.log(` ${i}: ${v.title} - is_active: ${v.is_active} (${typeof v.is_active})`);
- });
- }
-
- displayVacancies(filteredVacancies);
- }
-
- function displayVacancies(vacancies) {
- const container = document.getElementById('vacanciesList');
- if (!container) return;
-
- console.log(`📋 Отображение ${vacancies.length} вакансий (фильтр: ${currentFilter})`);
-
- if (vacancies.length === 0) {
- let message = '📭 Нет вакансий';
- if (currentFilter === 'active') message = '📭 Нет активных вакансий';
- if (currentFilter === 'inactive') message = '📭 Нет неактивных вакансий';
- container.innerHTML = `${message}
`;
- return;
- }
-
- container.innerHTML = vacancies.map(v => {
- // Убедимся, что is_active - булево значение
- const isActive = v.is_active === true;
-
- return `
-
-
-
-
- `}).join('');
- }
-
// ========== РАБОТА С РЕЗЮМЕ ==========
function addExperience(position = '', company = '', period = '', description = '') {
const container = document.getElementById('experienceContainer');
@@ -1600,7 +2029,7 @@
exp.position,
exp.company,
exp.period,
- exp.description || '' // Добавляем описание
+ exp.description || ''
);
});
@@ -1621,7 +2050,7 @@
position: item.querySelector('.exp-position')?.value || '',
company: item.querySelector('.exp-company')?.value || '',
period: item.querySelector('.exp-period')?.value || null,
- description: item.querySelector('.exp-description')?.value || null // Новое поле
+ description: item.querySelector('.exp-description')?.value || null
});
});
@@ -1686,6 +2115,138 @@
}
}
+ // ========== РАБОТА С ВАКАНСИЯМИ ==========
+ async function loadAllVacancies() {
+ try {
+ console.log('📥 Загрузка всех вакансий пользователя...');
+
+ const response = await fetch(`${API_BASE_URL}/vacancies/my-all`, {
+ headers: { 'Authorization': `Bearer ${token}` }
+ });
+
+ if (!response.ok) {
+ console.warn('⚠️ Новый эндпоинт не работает, пробуем старый...');
+ const fallbackResponse = await fetch(`${API_BASE_URL}/vacancies`, {
+ headers: { 'Authorization': `Bearer ${token}` }
+ });
+
+ if (!fallbackResponse.ok) throw new Error('Ошибка загрузки');
+ allVacancies = await fallbackResponse.json();
+ } else {
+ allVacancies = await response.json();
+ }
+
+ const activeCount = allVacancies.filter(v => v.is_active).length;
+ const inactiveCount = allVacancies.filter(v => !v.is_active).length;
+
+ console.log(`✅ Загружено вакансий: ${allVacancies.length}`);
+ console.log(` 📊 Активные: ${activeCount}`);
+ console.log(` 📊 Неактивные: ${inactiveCount}`);
+
+ updateVacancyCounts();
+ filterVacancies(currentFilter);
+
+ } catch (error) {
+ console.error('❌ Ошибка загрузки вакансий:', error);
+ document.getElementById('vacanciesList').innerHTML = '${escapeHtml(v.title)}
-
- ${escapeHtml(v.company_name || 'Компания')}
-
- ${isActive ? '✅ Активна' : '⭕ Неактивна'}
-
-
- ${escapeHtml(v.salary || 'з/п не указана')}
-
- ${escapeHtml((v.description || '').substring(0, 100))}...
- -Ошибка загрузки вакансий
';
+ }
+ }
+
+ function updateVacancyCounts() {
+ const activeCount = allVacancies.filter(v => v.is_active).length;
+ const inactiveCount = allVacancies.filter(v => !v.is_active).length;
+
+ document.getElementById('activeCount').textContent = activeCount;
+ document.getElementById('inactiveCount').textContent = inactiveCount;
+ document.getElementById('totalCount').textContent = allVacancies.length;
+ }
+
+ function filterVacancies(filter) {
+ currentFilter = filter;
+
+ document.querySelectorAll('.filter-tab').forEach(tab => {
+ tab.classList.remove('active');
+ if (tab.dataset.status === filter) {
+ tab.classList.add('active');
+ }
+ });
+
+ let filteredVacancies = allVacancies;
+ if (filter === 'active') {
+ filteredVacancies = allVacancies.filter(v => v.is_active === true);
+ } else if (filter === 'inactive') {
+ filteredVacancies = allVacancies.filter(v => v.is_active === false);
+ }
+
+ displayVacancies(filteredVacancies);
+ }
+
+ function displayVacancies(vacancies) {
+ const container = document.getElementById('vacanciesList');
+ if (!container) return;
+
+ if (vacancies.length === 0) {
+ let message = '📭 Нет вакансий';
+ if (currentFilter === 'active') message = '📭 Нет активных вакансий';
+ if (currentFilter === 'inactive') message = '📭 Нет неактивных вакансий';
+ container.innerHTML = `${message}
`;
+ return;
+ }
+
+ container.innerHTML = vacancies.map(v => `
+
+
+
+
+ `).join('');
+ }
+
// ========== РАБОТА С КОМПАНИЕЙ ==========
async function loadCompany() {
try {
@@ -1693,7 +2254,10 @@
headers: { 'Authorization': `Bearer ${token}` }
});
- if (response.status === 404) return;
+ if (response.status === 404) {
+ return;
+ }
+
if (!response.ok) throw new Error('Ошибка загрузки');
const company = await response.json();
@@ -1745,7 +2309,7 @@
}
}
- // ========== МОДАЛЬНОЕ ОКНО ВАКАНСИИ ==========
+ // ========== РАБОТА С МОДАЛЬНЫМ ОКНОМ ВАКАНСИИ ==========
function openVacancyModal() {
currentEditVacancyId = null;
document.getElementById('vacancyModalTitle').textContent = 'Новая вакансия';
@@ -1847,26 +2411,6 @@
window.location.href = '/';
}
- function debugVacancies() {
- console.group('🔍 Отладка вакансий');
- console.log('Всего вакансий в памяти:', allVacancies.length);
-
- allVacancies.forEach((v, index) => {
- console.log(`${index + 1}. [${v.is_active ? '✅' : '⭕'}] ${v.title} (ID: ${v.id})`);
- });
-
- console.groupEnd();
-
- // Показать неактивные отдельно
- const inactive = allVacancies.filter(v => !v.is_active);
- if (inactive.length > 0) {
- console.log('🚫 Неактивные вакансии:');
- inactive.forEach(v => console.log(` - ${v.title}`));
- } else {
- console.log('⚠️ Неактивных вакансий нет');
- }
- }
-
// ========== ИНИЦИАЛИЗАЦИЯ ==========
document.addEventListener('DOMContentLoaded', function() {
createMenuOverlay();
@@ -1874,10 +2418,16 @@
loadProfile();
});
+ // Закрытие модалки по клику вне окна
window.onclick = function(event) {
- const modal = document.getElementById('vacancyModal');
- if (event.target === modal) {
- modal.style.display = 'none';
+ const vacancyModal = document.getElementById('vacancyModal');
+ if (event.target === vacancyModal) {
+ vacancyModal.style.display = 'none';
+ }
+
+ const qrModal = document.getElementById('qrProfileModal');
+ if (event.target === qrModal) {
+ qrModal.classList.remove('active');
}
};
diff --git a/templates/register.html b/templates/register.html
index 64e81c4..96061b3 100644
--- a/templates/register.html
+++ b/templates/register.html
@@ -6,12 +6,11 @@
${escapeHtml(v.title)}
+
+ ${escapeHtml(v.company_name || 'Компания')}
+
+ ${v.is_active ? '✅ Активна' : '⏸️ Неактивна'}
+
+
+ ${escapeHtml(v.salary || 'з/п не указана')}
+
+ ${escapeHtml((v.description || '').substring(0, 100))}...
+ +