-
diff --git a/public/login.js b/public/login.js
index f549179..1ff1989 100644
--- a/public/login.js
+++ b/public/login.js
@@ -2,4 +2,49 @@
const urlParams = new URLSearchParams(window.location.search);
if (urlParams.get("error") === "invalid_password") {
document.getElementById("errorMessage").style.display = "block";
+ document.getElementById("errorMessage").textContent = "Неверный пароль!";
+}
+
+// Обработка формы входа
+const loginForm = document.getElementById("loginForm");
+const errorMessage = document.getElementById("errorMessage");
+
+if (loginForm) {
+ loginForm.addEventListener("submit", async (e) => {
+ e.preventDefault();
+
+ const username = document.getElementById("username").value.trim();
+ const password = document.getElementById("password").value;
+
+ if (!username || !password) {
+ errorMessage.textContent = "Логин и пароль обязательны";
+ errorMessage.style.display = "block";
+ return;
+ }
+
+ try {
+ const response = await fetch("/api/login", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({ username, password }),
+ });
+
+ const data = await response.json();
+
+ if (response.ok) {
+ // Успешный вход
+ window.location.href = "/notes";
+ } else {
+ // Ошибка входа
+ errorMessage.textContent = data.error || "Ошибка входа";
+ errorMessage.style.display = "block";
+ }
+ } catch (err) {
+ console.error("Ошибка:", err);
+ errorMessage.textContent = "Ошибка соединения с сервером";
+ errorMessage.style.display = "block";
+ }
+ });
}
diff --git a/public/notes.html b/public/notes.html
index ca6fbd9..b97f309 100644
--- a/public/notes.html
+++ b/public/notes.html
@@ -4,7 +4,7 @@
Заметки
-
+
- Заметки
-
+ 📝 Мои заметки
+
+
+
+
+
diff --git a/public/profile.html b/public/profile.html
new file mode 100644
index 0000000..d7ddb49
--- /dev/null
+++ b/public/profile.html
@@ -0,0 +1,133 @@
+
+
+
+
+
+ Личный кабинет
+
+
+
+
+ Регистрация
+
+
+
+
+
+
+ 👤 Личный кабинет
+
+
+
+
+
+
+
+
+
+
diff --git a/public/profile.js b/public/profile.js
new file mode 100644
index 0000000..b9b17a4
--- /dev/null
+++ b/public/profile.js
@@ -0,0 +1,251 @@
+// DOM элементы
+const avatarImage = document.getElementById("avatarImage");
+const avatarPlaceholder = document.getElementById("avatarPlaceholder");
+const avatarInput = document.getElementById("avatarInput");
+const deleteAvatarBtn = document.getElementById("deleteAvatarBtn");
+const usernameInput = document.getElementById("username");
+const emailInput = document.getElementById("email");
+const updateProfileBtn = document.getElementById("updateProfileBtn");
+const currentPasswordInput = document.getElementById("currentPassword");
+const newPasswordInput = document.getElementById("newPassword");
+const confirmPasswordInput = document.getElementById("confirmPassword");
+const changePasswordBtn = document.getElementById("changePasswordBtn");
+const messageContainer = document.getElementById("messageContainer");
+
+// Функция для показа сообщений
+function showMessage(message, type = "success") {
+ messageContainer.textContent = message;
+ messageContainer.className = `message-container ${type}`;
+ messageContainer.style.display = "block";
+
+ setTimeout(() => {
+ messageContainer.style.display = "none";
+ }, 5000);
+}
+
+// Загрузка данных профиля
+async function loadProfile() {
+ try {
+ const response = await fetch("/api/user");
+ if (!response.ok) {
+ throw new Error("Ошибка загрузки профиля");
+ }
+
+ const user = await response.json();
+
+ // Заполняем поля
+ usernameInput.value = user.username || "";
+ emailInput.value = user.email || "";
+
+ // Обрабатываем аватарку
+ if (user.avatar) {
+ avatarImage.src = user.avatar;
+ avatarImage.style.display = "block";
+ avatarPlaceholder.style.display = "none";
+ deleteAvatarBtn.style.display = "inline-block";
+ } else {
+ avatarImage.style.display = "none";
+ avatarPlaceholder.style.display = "inline-flex";
+ deleteAvatarBtn.style.display = "none";
+ }
+ } catch (error) {
+ console.error("Ошибка загрузки профиля:", error);
+ showMessage("Ошибка загрузки данных профиля", "error");
+ }
+}
+
+// Обработчик загрузки аватарки
+avatarInput.addEventListener("change", async function (event) {
+ const file = event.target.files[0];
+ if (!file) return;
+
+ // Проверка размера файла (5MB)
+ if (file.size > 5 * 1024 * 1024) {
+ showMessage("Файл слишком большой. Максимальный размер: 5 МБ", "error");
+ return;
+ }
+
+ // Проверка типа файла
+ const allowedTypes = ["image/jpeg", "image/jpg", "image/png", "image/gif"];
+ if (!allowedTypes.includes(file.type)) {
+ showMessage(
+ "Недопустимый формат файла. Используйте JPG, PNG или GIF",
+ "error"
+ );
+ return;
+ }
+
+ try {
+ const formData = new FormData();
+ formData.append("avatar", file);
+
+ const response = await fetch("/api/user/avatar", {
+ method: "POST",
+ body: formData,
+ });
+
+ if (!response.ok) {
+ const error = await response.json();
+ throw new Error(error.error || "Ошибка загрузки аватарки");
+ }
+
+ const result = await response.json();
+
+ // Обновляем отображение аватарки
+ avatarImage.src = result.avatar + "?t=" + Date.now(); // Добавляем timestamp для обновления кэша
+ avatarImage.style.display = "block";
+ avatarPlaceholder.style.display = "none";
+ deleteAvatarBtn.style.display = "inline-block";
+
+ showMessage("Аватарка успешно загружена", "success");
+ } catch (error) {
+ console.error("Ошибка загрузки аватарки:", error);
+ showMessage(error.message, "error");
+ }
+
+ // Сбрасываем input для возможности повторной загрузки того же файла
+ event.target.value = "";
+});
+
+// Обработчик удаления аватарки
+deleteAvatarBtn.addEventListener("click", async function () {
+ if (!confirm("Вы уверены, что хотите удалить аватарку?")) {
+ return;
+ }
+
+ try {
+ const response = await fetch("/api/user/avatar", {
+ method: "DELETE",
+ });
+
+ if (!response.ok) {
+ const error = await response.json();
+ throw new Error(error.error || "Ошибка удаления аватарки");
+ }
+
+ // Обновляем отображение
+ avatarImage.style.display = "none";
+ avatarPlaceholder.style.display = "inline-flex";
+ deleteAvatarBtn.style.display = "none";
+
+ showMessage("Аватарка успешно удалена", "success");
+ } catch (error) {
+ console.error("Ошибка удаления аватарки:", error);
+ showMessage(error.message, "error");
+ }
+});
+
+// Обработчик обновления профиля
+updateProfileBtn.addEventListener("click", async function () {
+ const username = usernameInput.value.trim();
+ const email = emailInput.value.trim();
+
+ // Валидация
+ if (!username) {
+ showMessage("Логин не может быть пустым", "error");
+ return;
+ }
+
+ if (username.length < 3) {
+ showMessage("Логин должен быть не менее 3 символов", "error");
+ return;
+ }
+
+ if (email && !isValidEmail(email)) {
+ showMessage("Некорректный email адрес", "error");
+ return;
+ }
+
+ try {
+ const response = await fetch("/api/user/profile", {
+ method: "PUT",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({
+ username,
+ email: email || null,
+ }),
+ });
+
+ if (!response.ok) {
+ const error = await response.json();
+ throw new Error(error.error || "Ошибка обновления профиля");
+ }
+
+ const result = await response.json();
+ showMessage(result.message || "Профиль успешно обновлен", "success");
+ } catch (error) {
+ console.error("Ошибка обновления профиля:", error);
+ showMessage(error.message, "error");
+ }
+});
+
+// Обработчик изменения пароля
+changePasswordBtn.addEventListener("click", async function () {
+ const currentPassword = currentPasswordInput.value;
+ const newPassword = newPasswordInput.value;
+ const confirmPassword = confirmPasswordInput.value;
+
+ // Валидация
+ if (!currentPassword) {
+ showMessage("Введите текущий пароль", "error");
+ return;
+ }
+
+ if (!newPassword) {
+ showMessage("Введите новый пароль", "error");
+ return;
+ }
+
+ if (newPassword.length < 6) {
+ showMessage("Новый пароль должен быть не менее 6 символов", "error");
+ return;
+ }
+
+ if (newPassword !== confirmPassword) {
+ showMessage("Новый пароль и подтверждение не совпадают", "error");
+ return;
+ }
+
+ try {
+ const response = await fetch("/api/user/profile", {
+ method: "PUT",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({
+ currentPassword,
+ newPassword,
+ }),
+ });
+
+ if (!response.ok) {
+ const error = await response.json();
+ throw new Error(error.error || "Ошибка изменения пароля");
+ }
+
+ const result = await response.json();
+
+ // Очищаем поля паролей
+ currentPasswordInput.value = "";
+ newPasswordInput.value = "";
+ confirmPasswordInput.value = "";
+
+ showMessage(result.message || "Пароль успешно изменен", "success");
+ } catch (error) {
+ console.error("Ошибка изменения пароля:", error);
+ showMessage(error.message, "error");
+ }
+});
+
+// Функция валидации email
+function isValidEmail(email) {
+ const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+ return re.test(email);
+}
+
+// Загружаем профиль при загрузке страницы
+document.addEventListener("DOMContentLoaded", function () {
+ loadProfile();
+});
diff --git a/public/register.html b/public/register.html
new file mode 100644
index 0000000..c0fb230
--- /dev/null
+++ b/public/register.html
@@ -0,0 +1,66 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Максимальный размер: 5 МБ. Форматы: JPG, PNG, GIF +
+
+
+ +
+ Данные профиля
+ +
+
+
+
+
+
+
+
+
+
+
+
+ + +
Изменить пароль
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 📝 Регистрация
+
+
+
+
+
diff --git a/public/register.js b/public/register.js
new file mode 100644
index 0000000..1932cee
--- /dev/null
+++ b/public/register.js
@@ -0,0 +1,63 @@
+// Обработка формы регистрации
+const registerForm = document.getElementById("registerForm");
+const errorMessage = document.getElementById("errorMessage");
+
+if (registerForm) {
+ registerForm.addEventListener("submit", async (e) => {
+ e.preventDefault();
+
+ const username = document.getElementById("username").value.trim();
+ const password = document.getElementById("password").value;
+ const confirmPassword = document.getElementById("confirmPassword").value;
+
+ // Клиентская валидация
+ if (!username || !password || !confirmPassword) {
+ errorMessage.textContent = "Все поля обязательны";
+ errorMessage.style.display = "block";
+ return;
+ }
+
+ if (username.length < 3) {
+ errorMessage.textContent = "Логин должен быть не менее 3 символов";
+ errorMessage.style.display = "block";
+ return;
+ }
+
+ if (password.length < 6) {
+ errorMessage.textContent = "Пароль должен быть не менее 6 символов";
+ errorMessage.style.display = "block";
+ return;
+ }
+
+ if (password !== confirmPassword) {
+ errorMessage.textContent = "Пароли не совпадают";
+ errorMessage.style.display = "block";
+ return;
+ }
+
+ try {
+ const response = await fetch("/api/register", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({ username, password, confirmPassword }),
+ });
+
+ const data = await response.json();
+
+ if (response.ok) {
+ // Успешная регистрация
+ window.location.href = "/notes";
+ } else {
+ // Ошибка регистрации
+ errorMessage.textContent = data.error || "Ошибка регистрации";
+ errorMessage.style.display = "block";
+ }
+ } catch (err) {
+ console.error("Ошибка:", err);
+ errorMessage.textContent = "Ошибка соединения с сервером";
+ errorMessage.style.display = "block";
+ }
+ });
+}
diff --git a/public/style.css b/public/style.css
index 76d3365..23a58a0 100644
--- a/public/style.css
+++ b/public/style.css
@@ -20,6 +20,18 @@ header {
align-items: center;
}
+.user-info {
+ display: flex;
+ align-items: center;
+ gap: 15px;
+}
+
+.user-info span {
+ font-size: 14px;
+ color: #666;
+ font-weight: 500;
+}
+
.logout-btn {
padding: 8px 16px;
cursor: pointer;
@@ -36,6 +48,22 @@ header {
color: white;
}
+.auth-link {
+ text-align: center;
+ margin-top: 15px;
+ font-size: 14px;
+}
+
+.auth-link a {
+ color: #007bff;
+ text-decoration: none;
+ font-weight: 500;
+}
+
+.auth-link a:hover {
+ text-decoration: underline;
+}
+
.container {
width: 90%;
max-width: 600px;
@@ -97,6 +125,18 @@ textarea:focus {
outline: none;
}
+.save-button-container {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+}
+
+.save-hint {
+ font-size: 12px;
+ color: #999;
+ font-style: italic;
+}
+
.btnSave {
padding: 10px 20px;
cursor: pointer;
@@ -172,6 +212,22 @@ textarea:focus {
text-decoration: underline;
}
+/* Стили для цитат */
+.textNote blockquote {
+ border-left: 4px solid #007bff;
+ padding-left: 16px;
+ margin: 10px 0;
+ color: #555;
+ font-style: italic;
+ background-color: #f8f9fa;
+ padding: 10px 16px;
+ border-radius: 0 4px 4px 0;
+}
+
+.textNote blockquote p {
+ margin: 0;
+}
+
/* Стили для кода */
.textNote pre {
background-color: #f5f5f5;
@@ -235,3 +291,147 @@ textarea:focus {
.footer span {
font-weight: bold;
}
+
+/* Стили для личного кабинета */
+.profile-container {
+ margin-top: 20px;
+}
+
+.avatar-section {
+ text-align: center;
+ padding: 20px;
+ border-bottom: 1px solid #e0e0e0;
+ margin-bottom: 20px;
+}
+
+.avatar-wrapper {
+ margin-bottom: 15px;
+}
+
+.avatar-preview {
+ width: 150px;
+ height: 150px;
+ border-radius: 50%;
+ object-fit: cover;
+ border: 3px solid #007bff;
+}
+
+.avatar-placeholder {
+ width: 150px;
+ height: 150px;
+ border-radius: 50%;
+ background-color: #e0e0e0;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 64px;
+ color: #999;
+}
+
+.avatar-buttons {
+ display: flex;
+ justify-content: center;
+ gap: 10px;
+ margin-top: 15px;
+}
+
+.btn-upload,
+.btn-delete {
+ padding: 8px 16px;
+ cursor: pointer;
+ border: 1px solid #ddd;
+ background-color: #f8f9fa;
+ border-radius: 5px;
+ font-size: 14px;
+ transition: all 0.3s ease;
+ display: inline-block;
+}
+
+.btn-upload:hover {
+ background-color: #007bff;
+ color: white;
+ border-color: #007bff;
+}
+
+.btn-delete {
+ color: #dc3545;
+}
+
+.btn-delete:hover {
+ background-color: #dc3545;
+ color: white;
+ border-color: #dc3545;
+}
+
+.avatar-hint {
+ font-size: 12px;
+ color: #999;
+ margin-top: 10px;
+}
+
+.profile-form {
+ padding: 0 10px;
+ margin-bottom: 80px; /* Отступ снизу для последнего элемента */
+}
+
+.profile-form h3 {
+ margin-bottom: 15px;
+ color: #333;
+}
+
+.separator {
+ margin: 30px 0;
+ border: none;
+ border-top: 1px solid #e0e0e0;
+}
+
+.message-container {
+ margin-top: 20px;
+ margin-bottom: 80px; /* Отступ снизу, чтобы контент не обрезался футером */
+ padding: 10px;
+ border-radius: 5px;
+ text-align: center;
+ display: none;
+}
+
+.message-container.success {
+ background-color: #d4edda;
+ color: #155724;
+ border: 1px solid #c3e6cb;
+ display: block;
+}
+
+.message-container.error {
+ background-color: #f8d7da;
+ color: #721c24;
+ border: 1px solid #f5c6cb;
+ display: block;
+}
+
+.back-btn {
+ padding: 8px 16px;
+ border: 1px solid #ddd;
+ background-color: #f8f9fa;
+ border-radius: 5px;
+ font-size: 14px;
+ color: #007bff;
+ text-decoration: none;
+ transition: all 0.3s ease;
+ display: inline-block;
+}
+
+.back-btn:hover {
+ background-color: #007bff;
+ color: white;
+ border-color: #007bff;
+}
+
+.username-clickable {
+ cursor: pointer;
+ transition: color 0.3s ease;
+}
+
+.username-clickable:hover {
+ color: #007bff;
+ text-decoration: underline;
+}
diff --git a/public/uploads/.gitignore b/public/uploads/.gitignore
new file mode 100644
index 0000000..695e728
--- /dev/null
+++ b/public/uploads/.gitignore
@@ -0,0 +1,5 @@
+# Игнорировать все файлы в этой директории
+*
+# Но не игнорировать сам .gitignore
+!.gitignore
+
diff --git a/server.js b/server.js
index 9db1ee4..550897d 100644
--- a/server.js
+++ b/server.js
@@ -6,11 +6,54 @@ const path = require("path");
const helmet = require("helmet");
const rateLimit = require("express-rate-limit");
const bodyParser = require("body-parser");
+const multer = require("multer");
+const fs = require("fs");
require("dotenv").config();
const app = express();
const PORT = process.env.PORT || 3000;
+// Создаем директорию для аватарок, если её нет
+const uploadsDir = path.join(__dirname, "public", "uploads");
+if (!fs.existsSync(uploadsDir)) {
+ fs.mkdirSync(uploadsDir, { recursive: true });
+}
+
+// Настройка multer для загрузки аватарок
+const storage = multer.diskStorage({
+ destination: function (req, file, cb) {
+ cb(null, uploadsDir);
+ },
+ filename: function (req, file, cb) {
+ const uniqueSuffix = Date.now() + "-" + Math.round(Math.random() * 1e9);
+ cb(
+ null,
+ "avatar-" +
+ req.session.userId +
+ "-" +
+ uniqueSuffix +
+ path.extname(file.originalname)
+ );
+ },
+});
+
+const upload = multer({
+ storage: storage,
+ limits: { fileSize: 5 * 1024 * 1024 }, // 5MB максимум
+ fileFilter: function (req, file, cb) {
+ const filetypes = /jpeg|jpg|png|gif/;
+ const mimetype = filetypes.test(file.mimetype);
+ const extname = filetypes.test(
+ path.extname(file.originalname).toLowerCase()
+ );
+
+ if (mimetype && extname) {
+ return cb(null, true);
+ }
+ cb(new Error("Только изображения (jpeg, jpg, png, gif) разрешены!"));
+ },
+});
+
// Middleware для безопасности
app.use(
helmet({
@@ -24,18 +67,18 @@ app.use(
],
styleSrc: ["'self'", "'unsafe-inline'", "https://cdnjs.cloudflare.com"],
fontSrc: ["'self'", "https://cdnjs.cloudflare.com", "data:"],
- imgSrc: ["'self'", "data:"],
+ imgSrc: ["'self'", "data:", "blob:"],
},
},
})
);
-// Ограничение запросов
-const limiter = rateLimit({
- windowMs: 15 * 60 * 1000, // 15 минут
- max: 100, // максимум 100 запросов с одного IP
-});
-app.use(limiter);
+// Ограничение запросов (отключено для разработки)
+// const limiter = rateLimit({
+// windowMs: 15 * 60 * 1000, // 15 минут
+// max: 100, // максимум 100 запросов с одного IP
+// });
+// app.use(limiter);
// Статические файлы
app.use(express.static(path.join(__dirname, "public")));
@@ -69,9 +112,22 @@ function createTables() {
const createNotesTable = `
CREATE TABLE IF NOT EXISTS notes (
id INTEGER PRIMARY KEY AUTOINCREMENT,
+ user_id INTEGER NOT NULL,
content TEXT NOT NULL,
date TEXT NOT NULL,
time TEXT NOT NULL,
+ created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
+ FOREIGN KEY (user_id) REFERENCES users(id) ON DELETE CASCADE
+ )
+ `;
+
+ const createUsersTable = `
+ CREATE TABLE IF NOT EXISTS users (
+ id INTEGER PRIMARY KEY AUTOINCREMENT,
+ username TEXT UNIQUE NOT NULL,
+ password TEXT NOT NULL,
+ email TEXT,
+ avatar TEXT,
created_at DATETIME DEFAULT CURRENT_TIMESTAMP
)
`;
@@ -83,6 +139,14 @@ function createTables() {
console.log("Таблица заметок готова");
}
});
+
+ db.run(createUsersTable, (err) => {
+ if (err) {
+ console.error("Ошибка создания таблицы пользователей:", err.message);
+ } else {
+ console.log("Таблица пользователей готова");
+ }
+ });
}
// Middleware для аутентификации
@@ -104,7 +168,105 @@ app.get("/", (req, res) => {
res.sendFile(path.join(__dirname, "public", "index.html"));
});
-// Обработка входа
+// Страница регистрации
+app.get("/register", (req, res) => {
+ if (req.session.authenticated) {
+ return res.redirect("/notes");
+ }
+ res.sendFile(path.join(__dirname, "public", "register.html"));
+});
+
+// API регистрации
+app.post("/api/register", async (req, res) => {
+ const { username, password, confirmPassword } = req.body;
+
+ // Валидация
+ if (!username || !password || !confirmPassword) {
+ return res.status(400).json({ error: "Все поля обязательны" });
+ }
+
+ if (username.length < 3) {
+ return res
+ .status(400)
+ .json({ error: "Логин должен быть не менее 3 символов" });
+ }
+
+ if (password.length < 6) {
+ return res
+ .status(400)
+ .json({ error: "Пароль должен быть не менее 6 символов" });
+ }
+
+ if (password !== confirmPassword) {
+ return res.status(400).json({ error: "Пароли не совпадают" });
+ }
+
+ try {
+ // Хешируем пароль
+ const hashedPassword = await bcrypt.hash(password, 10);
+
+ // Вставляем пользователя в БД
+ const sql = "INSERT INTO users (username, password) VALUES (?, ?)";
+ db.run(sql, [username, hashedPassword], function (err) {
+ if (err) {
+ if (err.message.includes("UNIQUE constraint failed")) {
+ return res.status(400).json({ error: "Этот логин уже занят" });
+ }
+ console.error("Ошибка регистрации:", err.message);
+ return res.status(500).json({ error: "Ошибка сервера" });
+ }
+
+ // Автоматически логиним пользователя после регистрации
+ req.session.userId = this.lastID;
+ req.session.username = username;
+ req.session.authenticated = true;
+ res.json({ success: true, message: "Регистрация успешна" });
+ });
+ } catch (err) {
+ console.error("Ошибка при хешировании:", err);
+ res.status(500).json({ error: "Ошибка сервера" });
+ }
+});
+
+// API входа
+app.post("/api/login", async (req, res) => {
+ const { username, password } = req.body;
+
+ if (!username || !password) {
+ return res.status(400).json({ error: "Логин и пароль обязательны" });
+ }
+
+ const sql = "SELECT * FROM users WHERE username = ?";
+ db.get(sql, [username], async (err, user) => {
+ if (err) {
+ console.error("Ошибка входа:", err.message);
+ return res.status(500).json({ error: "Ошибка сервера" });
+ }
+
+ if (!user) {
+ return res.status(401).json({ error: "Неверный логин или пароль" });
+ }
+
+ try {
+ const validPassword = await bcrypt.compare(password, user.password);
+
+ if (!validPassword) {
+ return res.status(401).json({ error: "Неверный логин или пароль" });
+ }
+
+ // Успешный вход
+ req.session.userId = user.id;
+ req.session.username = user.username;
+ req.session.authenticated = true;
+ res.json({ success: true, message: "Вход успешен" });
+ } catch (err) {
+ console.error("Ошибка при сравнении паролей:", err);
+ res.status(500).json({ error: "Ошибка сервера" });
+ }
+ });
+});
+
+// Обработка входа (старый маршрут для совместимости)
app.post("/login", async (req, res) => {
const { password } = req.body;
const correctPassword = process.env.APP_PASSWORD;
@@ -117,6 +279,27 @@ app.post("/login", async (req, res) => {
}
});
+// API для получения информации о пользователе
+app.get("/api/user", requireAuth, (req, res) => {
+ if (!req.session.userId) {
+ return res.status(401).json({ error: "Не аутентифицирован" });
+ }
+
+ const sql = "SELECT username, email, avatar FROM users WHERE id = ?";
+ db.get(sql, [req.session.userId], (err, user) => {
+ if (err) {
+ console.error("Ошибка получения данных пользователя:", err.message);
+ return res.status(500).json({ error: "Ошибка сервера" });
+ }
+
+ if (!user) {
+ return res.status(404).json({ error: "Пользователь не найден" });
+ }
+
+ res.json(user);
+ });
+});
+
// Страница с заметками (требует аутентификации)
app.get("/notes", requireAuth, (req, res) => {
res.sendFile(path.join(__dirname, "public", "notes.html"));
@@ -124,9 +307,9 @@ app.get("/notes", requireAuth, (req, res) => {
// API для получения всех заметок
app.get("/api/notes", requireAuth, (req, res) => {
- const sql = "SELECT * FROM notes ORDER BY created_at ASC";
+ const sql = "SELECT * FROM notes WHERE user_id = ? ORDER BY created_at ASC";
- db.all(sql, [], (err, rows) => {
+ db.all(sql, [req.session.userId], (err, rows) => {
if (err) {
console.error("Ошибка получения заметок:", err.message);
return res.status(500).json({ error: "Ошибка сервера" });
@@ -143,8 +326,9 @@ app.post("/api/notes", requireAuth, (req, res) => {
return res.status(400).json({ error: "Не все поля заполнены" });
}
- const sql = "INSERT INTO notes (content, date, time) VALUES (?, ?, ?)";
- const params = [content, date, time];
+ const sql =
+ "INSERT INTO notes (user_id, content, date, time) VALUES (?, ?, ?, ?)";
+ const params = [req.session.userId, content, date, time];
db.run(sql, params, function (err) {
if (err) {
@@ -164,18 +348,36 @@ app.put("/api/notes/:id", requireAuth, (req, res) => {
return res.status(400).json({ error: "Не все поля заполнены" });
}
- const sql = "UPDATE notes SET content = ?, date = ?, time = ? WHERE id = ?";
- const params = [content, date, time, id];
-
- db.run(sql, params, function (err) {
+ // Проверяем, что заметка принадлежит текущему пользователю
+ const checkSql = "SELECT user_id FROM notes WHERE id = ?";
+ db.get(checkSql, [id], (err, row) => {
if (err) {
- console.error("Ошибка обновления заметки:", err.message);
+ console.error("Ошибка проверки доступа:", err.message);
return res.status(500).json({ error: "Ошибка сервера" });
}
- if (this.changes === 0) {
+
+ if (!row) {
return res.status(404).json({ error: "Заметка не найдена" });
}
- res.json({ id, content, date, time });
+
+ if (row.user_id !== req.session.userId) {
+ return res.status(403).json({ error: "Нет доступа к этой заметке" });
+ }
+
+ const updateSql =
+ "UPDATE notes SET content = ?, date = ?, time = ? WHERE id = ?";
+ const params = [content, date, time, id];
+
+ db.run(updateSql, params, function (err) {
+ if (err) {
+ console.error("Ошибка обновления заметки:", err.message);
+ return res.status(500).json({ error: "Ошибка сервера" });
+ }
+ if (this.changes === 0) {
+ return res.status(404).json({ error: "Заметка не найдена" });
+ }
+ res.json({ id, content, date, time });
+ });
});
});
@@ -183,17 +385,216 @@ app.put("/api/notes/:id", requireAuth, (req, res) => {
app.delete("/api/notes/:id", requireAuth, (req, res) => {
const { id } = req.params;
- const sql = "DELETE FROM notes WHERE id = ?";
-
- db.run(sql, id, function (err) {
+ // Проверяем, что заметка принадлежит текущему пользователю
+ const checkSql = "SELECT user_id FROM notes WHERE id = ?";
+ db.get(checkSql, [id], (err, row) => {
if (err) {
- console.error("Ошибка удаления заметки:", err.message);
+ console.error("Ошибка проверки доступа:", err.message);
return res.status(500).json({ error: "Ошибка сервера" });
}
- if (this.changes === 0) {
+
+ if (!row) {
return res.status(404).json({ error: "Заметка не найдена" });
}
- res.json({ message: "Заметка удалена" });
+
+ if (row.user_id !== req.session.userId) {
+ return res.status(403).json({ error: "Нет доступа к этой заметке" });
+ }
+
+ const deleteSql = "DELETE FROM notes WHERE id = ?";
+
+ db.run(deleteSql, id, function (err) {
+ if (err) {
+ console.error("Ошибка удаления заметки:", err.message);
+ return res.status(500).json({ error: "Ошибка сервера" });
+ }
+ if (this.changes === 0) {
+ return res.status(404).json({ error: "Заметка не найдена" });
+ }
+ res.json({ message: "Заметка удалена" });
+ });
+ });
+});
+
+// Страница личного кабинета
+app.get("/profile", requireAuth, (req, res) => {
+ res.sendFile(path.join(__dirname, "public", "profile.html"));
+});
+
+// API для обновления профиля
+app.put("/api/user/profile", requireAuth, async (req, res) => {
+ const { username, email, currentPassword, newPassword } = req.body;
+ const userId = req.session.userId;
+
+ try {
+ // Получаем текущие данные пользователя
+ const getUserSql = "SELECT * FROM users WHERE id = ?";
+ db.get(getUserSql, [userId], async (err, user) => {
+ if (err) {
+ console.error("Ошибка получения пользователя:", err.message);
+ return res.status(500).json({ error: "Ошибка сервера" });
+ }
+
+ if (!user) {
+ return res.status(404).json({ error: "Пользователь не найден" });
+ }
+
+ // Валидация
+ if (username && username.length < 3) {
+ return res
+ .status(400)
+ .json({ error: "Логин должен быть не менее 3 символов" });
+ }
+
+ // Если пользователь хочет изменить пароль, проверяем текущий пароль
+ if (newPassword) {
+ if (!currentPassword) {
+ return res
+ .status(400)
+ .json({ error: "Введите текущий пароль для изменения пароля" });
+ }
+
+ const validPassword = await bcrypt.compare(
+ currentPassword,
+ user.password
+ );
+ if (!validPassword) {
+ return res.status(401).json({ error: "Неверный текущий пароль" });
+ }
+
+ if (newPassword.length < 6) {
+ return res
+ .status(400)
+ .json({ error: "Новый пароль должен быть не менее 6 символов" });
+ }
+ }
+
+ // Формируем SQL запрос для обновления
+ let updateFields = [];
+ let params = [];
+
+ if (username && username !== user.username) {
+ updateFields.push("username = ?");
+ params.push(username);
+ }
+
+ if (email !== undefined) {
+ updateFields.push("email = ?");
+ params.push(email || null);
+ }
+
+ if (newPassword) {
+ const hashedPassword = await bcrypt.hash(newPassword, 10);
+ updateFields.push("password = ?");
+ params.push(hashedPassword);
+ }
+
+ if (updateFields.length === 0) {
+ return res.json({ success: true, message: "Нет изменений" });
+ }
+
+ params.push(userId);
+ const updateSql = `UPDATE users SET ${updateFields.join(
+ ", "
+ )} WHERE id = ?`;
+
+ db.run(updateSql, params, function (err) {
+ if (err) {
+ if (err.message.includes("UNIQUE constraint failed")) {
+ return res.status(400).json({ error: "Этот логин уже занят" });
+ }
+ console.error("Ошибка обновления профиля:", err.message);
+ return res.status(500).json({ error: "Ошибка сервера" });
+ }
+
+ // Обновляем имя пользователя в сессии, если оно изменилось
+ if (username && username !== user.username) {
+ req.session.username = username;
+ }
+
+ res.json({ success: true, message: "Профиль успешно обновлен" });
+ });
+ });
+ } catch (err) {
+ console.error("Ошибка обновления профиля:", err);
+ res.status(500).json({ error: "Ошибка сервера" });
+ }
+});
+
+// API для загрузки аватарки
+app.post(
+ "/api/user/avatar",
+ requireAuth,
+ upload.single("avatar"),
+ (req, res) => {
+ if (!req.file) {
+ return res.status(400).json({ error: "Файл не загружен" });
+ }
+
+ const avatarPath = "/uploads/" + req.file.filename;
+ const userId = req.session.userId;
+
+ // Получаем старую аватарку для удаления
+ const getOldAvatarSql = "SELECT avatar FROM users WHERE id = ?";
+ db.get(getOldAvatarSql, [userId], (err, user) => {
+ if (err) {
+ console.error("Ошибка получения старой аватарки:", err.message);
+ }
+
+ // Удаляем старую аватарку, если она существует
+ if (user && user.avatar) {
+ const oldAvatarPath = path.join(__dirname, "public", user.avatar);
+ if (fs.existsSync(oldAvatarPath)) {
+ fs.unlinkSync(oldAvatarPath);
+ }
+ }
+
+ // Обновляем путь к аватарке в БД
+ const updateSql = "UPDATE users SET avatar = ? WHERE id = ?";
+ db.run(updateSql, [avatarPath, userId], function (err) {
+ if (err) {
+ console.error("Ошибка обновления аватарки:", err.message);
+ return res.status(500).json({ error: "Ошибка сервера" });
+ }
+
+ res.json({ success: true, avatar: avatarPath });
+ });
+ });
+ }
+);
+
+// API для удаления аватарки
+app.delete("/api/user/avatar", requireAuth, (req, res) => {
+ const userId = req.session.userId;
+
+ // Получаем текущую аватарку
+ const getAvatarSql = "SELECT avatar FROM users WHERE id = ?";
+ db.get(getAvatarSql, [userId], (err, user) => {
+ if (err) {
+ console.error("Ошибка получения аватарки:", err.message);
+ return res.status(500).json({ error: "Ошибка сервера" });
+ }
+
+ if (!user || !user.avatar) {
+ return res.status(400).json({ error: "Аватарка не установлена" });
+ }
+
+ // Удаляем файл аватарки
+ const avatarPath = path.join(__dirname, "public", user.avatar);
+ if (fs.existsSync(avatarPath)) {
+ fs.unlinkSync(avatarPath);
+ }
+
+ // Обновляем БД
+ const updateSql = "UPDATE users SET avatar = NULL WHERE id = ?";
+ db.run(updateSql, [userId], function (err) {
+ if (err) {
+ console.error("Ошибка удаления аватарки:", err.message);
+ return res.status(500).json({ error: "Ошибка сервера" });
+ }
+
+ res.json({ success: true, message: "Аватарка удалена" });
+ });
});
});
diff --git a/style.css b/style.css
index 2872999..9da575e 100644
--- a/style.css
+++ b/style.css
@@ -1,162 +1,178 @@
-body {
- font-family: "Open Sans", sans-serif;
- padding: 0;
- margin: 0;
- display: flex;
- flex-wrap: wrap;
- justify-content: center;
- background: #f5f5f5;
-}
-
-header {
- font-size: 20px;
- font-weight: bold;
- margin-bottom: 20px;
-}
-
-.container {
- width: 90%;
- max-width: 600px;
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
- border-radius: 8px;
- padding: 15px;
- margin-top: 20px;
- background: white;
-}
-
-textarea {
- width: 100%;
- min-height: 50px; /* Минимальная высота */
- resize: none; /* Отключаем возможность ручного изменения размера */
- border: none;
- background: white;
- margin-bottom: 5px;
- overflow-y: hidden; /* Отключаем полосу прокрутки по вертикали */
-}
-
-textarea:focus {
- outline: none; /* Убираем обводку */
-}
-
-.btnSave {
- padding: 5px;
- cursor: pointer;
- border-width: 1px;
- background: white;
- border-radius: 5px;
- font-family: "Open Sans", sans-serif;
- transition: all 0.3s ease;
-}
-
-.date {
- font-size: 11px;
- color: grey;
-}
-
-.notesHeaderBtn {
- display: inline-block;
- cursor: pointer;
- color: black;
- font-weight: bold;
-}
-
-.textNote {
- margin-top: 10px;
- white-space: pre-wrap;
-}
-
-/* Убираем стандартные отступы для абзацев */
-.textNote p {
- margin: 0;
- padding: 0;
-}
-
-/* Убираем маргины у заголовков */
-.textNote h1,
-.textNote h2,
-.textNote h3,
-.textNote h4,
-.textNote h5,
-.textNote h6 {
- margin: 0;
- padding: 0;
-}
-
-/* Убираем отступы у списков */
-.textNote ul,
-.textNote ol {
- margin: 0;
- padding-left: 20px;
-}
-
-/* Убираем маргины у элементов списка */
-.textNote li {
- margin: 0;
- padding: 0;
-}
-
-/* Стили для ссылок */
-.textNote a {
- color: #007bff;
- text-decoration: none;
-}
-
-.textNote a:hover {
- text-decoration: underline;
-}
-
-/* Стили для кода */
-.textNote pre {
- background-color: #f5f5f5;
- padding: 10px;
- border-radius: 5px;
- font-size: 14px;
- overflow-x: auto;
-}
-
-.textNote code {
- background-color: #f5f5f5;
- padding: 2px 4px;
- border-radius: 5px;
- font-size: 14px;
-}
-
-.notes-container {
- width: 100%;
- display: flex;
- flex-direction: column; /* Располагаем элементы в колонку */
- align-items: center; /* Центрируем */
-}
-
-.markdown-buttons {
- margin-top: 10px;
- margin-bottom: 10px;
-}
-
-.markdown-buttons .btnMarkdown {
- padding: 5px 10px;
- margin-right: 5px;
- cursor: pointer;
- border: 1px solid #ddd;
- background-color: #f0f0f0;
- border-radius: 5px;
- font-size: 14px;
-}
-
-.markdown-buttons .btnMarkdown:hover {
- background-color: #e0e0e0;
-}
-
-.footer {
- text-align: center;
- font-size: 12px;
- color: #999;
- position: fixed;
- bottom: 0;
- width: 100%;
- padding: 10px 0;
-}
-
-.footer span {
- font-weight: bold;
-}
+body {
+ font-family: "Open Sans", sans-serif;
+ padding: 0;
+ margin: 0;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ background: #f5f5f5;
+}
+
+header {
+ font-size: 20px;
+ font-weight: bold;
+ margin-bottom: 20px;
+}
+
+.container {
+ width: 90%;
+ max-width: 600px;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+ border-radius: 8px;
+ padding: 15px;
+ margin-top: 20px;
+ background: white;
+}
+
+textarea {
+ width: 100%;
+ min-height: 50px; /* Минимальная высота */
+ resize: none; /* Отключаем возможность ручного изменения размера */
+ border: none;
+ background: white;
+ margin-bottom: 5px;
+ overflow-y: hidden; /* Отключаем полосу прокрутки по вертикали */
+}
+
+textarea:focus {
+ outline: none; /* Убираем обводку */
+}
+
+.btnSave {
+ padding: 5px;
+ cursor: pointer;
+ border-width: 1px;
+ background: white;
+ border-radius: 5px;
+ font-family: "Open Sans", sans-serif;
+ transition: all 0.3s ease;
+}
+
+.date {
+ font-size: 11px;
+ color: grey;
+}
+
+.notesHeaderBtn {
+ display: inline-block;
+ cursor: pointer;
+ color: black;
+ font-weight: bold;
+}
+
+.textNote {
+ margin-top: 10px;
+ white-space: pre-wrap;
+}
+
+/* Убираем стандартные отступы для абзацев */
+.textNote p {
+ margin: 0;
+ padding: 0;
+}
+
+/* Убираем маргины у заголовков */
+.textNote h1,
+.textNote h2,
+.textNote h3,
+.textNote h4,
+.textNote h5,
+.textNote h6 {
+ margin: 0;
+ padding: 0;
+}
+
+/* Убираем отступы у списков */
+.textNote ul,
+.textNote ol {
+ margin: 0;
+ padding-left: 20px;
+}
+
+/* Убираем маргины у элементов списка */
+.textNote li {
+ margin: 0;
+ padding: 0;
+}
+
+/* Стили для ссылок */
+.textNote a {
+ color: #007bff;
+ text-decoration: none;
+}
+
+.textNote a:hover {
+ text-decoration: underline;
+}
+
+/* Стили для цитат */
+.textNote blockquote {
+ border-left: 4px solid #007bff;
+ padding-left: 16px;
+ margin: 10px 0;
+ color: #555;
+ font-style: italic;
+ background-color: #f8f9fa;
+ padding: 10px 16px;
+ border-radius: 0 4px 4px 0;
+}
+
+.textNote blockquote p {
+ margin: 0;
+}
+
+/* Стили для кода */
+.textNote pre {
+ background-color: #f5f5f5;
+ padding: 10px;
+ border-radius: 5px;
+ font-size: 14px;
+ overflow-x: auto;
+}
+
+.textNote code {
+ background-color: #f5f5f5;
+ padding: 2px 4px;
+ border-radius: 5px;
+ font-size: 14px;
+}
+
+.notes-container {
+ width: 100%;
+ display: flex;
+ flex-direction: column; /* Располагаем элементы в колонку */
+ align-items: center; /* Центрируем */
+}
+
+.markdown-buttons {
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+
+.markdown-buttons .btnMarkdown {
+ padding: 5px 10px;
+ margin-right: 5px;
+ cursor: pointer;
+ border: 1px solid #ddd;
+ background-color: #f0f0f0;
+ border-radius: 5px;
+ font-size: 14px;
+}
+
+.markdown-buttons .btnMarkdown:hover {
+ background-color: #e0e0e0;
+}
+
+.footer {
+ text-align: center;
+ font-size: 12px;
+ color: #999;
+ position: fixed;
+ bottom: 0;
+ width: 100%;
+ padding: 10px 0;
+}
+
+.footer span {
+ font-weight: bold;
+}
+
+
+
+ Уже есть аккаунт? Войдите
+