Initial commit: Harat's Booking monorepo with deploy setup
This commit is contained in:
Eugenius-Anonymous
@@ -0,0 +1,9 @@
|
||||
# Exclude secrets and dev artifacts from Docker context
|
||||
.env
|
||||
server/.env
|
||||
**/.env.local
|
||||
**/node_modules
|
||||
.git
|
||||
.vscode
|
||||
.cursor*
|
||||
*.tar.gz
|
||||
@@ -0,0 +1,21 @@
|
||||
# Database
|
||||
DATABASE_URL=postgresql://postgres:password@localhost:5432/harats_booking
|
||||
|
||||
# JWT
|
||||
JWT_SECRET=your-super-secret-jwt-key-change-in-production
|
||||
JWT_REFRESH_SECRET=your-super-secret-refresh-key-change-in-production
|
||||
JWT_EXPIRES_IN=15m
|
||||
JWT_REFRESH_EXPIRES_IN=7d
|
||||
|
||||
# Server
|
||||
PORT=3001
|
||||
NODE_ENV=development
|
||||
|
||||
# Client
|
||||
VITE_API_URL=http://localhost:3001/api
|
||||
|
||||
# Email (Nodemailer)
|
||||
SMTP_HOST=smtp.gmail.com
|
||||
SMTP_PORT=587
|
||||
SMTP_USER=your-email@gmail.com
|
||||
SMTP_PASS=your-app-password
|
||||
+41
@@ -0,0 +1,41 @@
|
||||
# ═══ Dependencies ═══
|
||||
**/node_modules
|
||||
|
||||
# ═══ Build output ═══
|
||||
client/dist
|
||||
server/dist
|
||||
packages/shared/dist
|
||||
|
||||
# ═══ Environment files (secrets) ═══
|
||||
.env
|
||||
server/.env
|
||||
envs/prod/.env
|
||||
!.env.example
|
||||
!server/.env.example
|
||||
!envs/prod/.env.example
|
||||
|
||||
# ═══ Runtime data ═══
|
||||
**/logs
|
||||
**/uploads
|
||||
*.log
|
||||
|
||||
# ═══ IDE ═══
|
||||
.idea
|
||||
.cursor*
|
||||
.vscode
|
||||
*.swp
|
||||
*.swo
|
||||
*~
|
||||
|
||||
# ═══ OS ═══
|
||||
.DS_Store
|
||||
Thumbs.db
|
||||
desktop.ini
|
||||
|
||||
# ═══ Deploy artifacts ═══
|
||||
*.tar.gz
|
||||
*.zip
|
||||
releases/
|
||||
|
||||
# ═══ Misc ═══
|
||||
*.tsbuildinfo
|
||||
+73
@@ -0,0 +1,73 @@
|
||||
# ═══════════════════════════════════════════════
|
||||
# Harat's Booking — Production Dockerfile
|
||||
# ═══════════════════════════════════════════════
|
||||
# Client is pre-built by deploy.ps1 (npm run build)
|
||||
# This Dockerfile only handles server + copies dist
|
||||
# ═══════════════════════════════════════════════
|
||||
|
||||
# ── Stage 1: Server Dependencies ──
|
||||
FROM node:20-alpine AS server-deps
|
||||
WORKDIR /app
|
||||
|
||||
COPY server/package.json server/package-lock.json* ./
|
||||
RUN npm install --omit=dev
|
||||
|
||||
# ── Stage 2: Prisma Generate ──
|
||||
FROM node:20-alpine AS prisma-gen
|
||||
WORKDIR /app
|
||||
|
||||
COPY --from=server-deps /app/node_modules ./node_modules
|
||||
COPY server/prisma ./prisma
|
||||
COPY server/package.json ./
|
||||
|
||||
RUN npx prisma generate
|
||||
|
||||
# ── Stage 3: Final Image ──
|
||||
FROM node:20-alpine
|
||||
WORKDIR /app
|
||||
|
||||
# Runtime deps + pm2
|
||||
RUN apk add --no-cache curl \
|
||||
&& npm install -g pm2@latest \
|
||||
&& pm2 install pm2-logrotate \
|
||||
&& pm2 set pm2-logrotate:max_size 10M \
|
||||
&& pm2 set pm2-logrotate:retain 7 \
|
||||
&& pm2 set pm2-logrotate:compress true
|
||||
|
||||
# Don't run as root
|
||||
RUN addgroup -S harats && adduser -S harats -G harats \
|
||||
&& mkdir -p /data/logs \
|
||||
&& chown -R harats:harats /data
|
||||
|
||||
# Copy production node_modules (with generated Prisma client)
|
||||
COPY --chown=harats:harats --from=prisma-gen /app/node_modules ./node_modules
|
||||
|
||||
# Copy server compiled source
|
||||
COPY --chown=harats:harats server/dist ./dist
|
||||
COPY --chown=harats:harats server/prisma ./prisma
|
||||
|
||||
# Copy shared package (workspace dependency)
|
||||
COPY --chown=harats:harats packages/shared/ ./node_modules/@harats/shared/
|
||||
|
||||
# Copy pre-built client dist
|
||||
COPY --chown=harats:harats client/dist ./public
|
||||
|
||||
# Copy ecosystem config
|
||||
COPY --chown=harats:harats ecosystem.config.cjs ./ecosystem.config.cjs
|
||||
|
||||
# Copy version.json
|
||||
COPY --chown=harats:harats version.json ./version.json
|
||||
|
||||
# Version info (injected at build time)
|
||||
ARG BUILD_VERSION=0.0.0
|
||||
ARG BUILD_DATE=unknown
|
||||
RUN echo "{\"version\":\"${BUILD_VERSION}\",\"build\":\"$(echo $BUILD_DATE | cut -c1-16)\",\"buildDate\":\"${BUILD_DATE}\"}" > version.json
|
||||
|
||||
USER harats
|
||||
|
||||
EXPOSE 3001
|
||||
|
||||
HEALTHCHECK --interval=30s --timeout=5s --start-period=15s --retries=3 \
|
||||
CMD curl -sf http://localhost:3001/api/health || exit 1
|
||||
|
||||
CMD ["pm2-runtime", "ecosystem.config.cjs"]
|
||||
@@ -0,0 +1,73 @@
|
||||
# Harat's Pub Booking System
|
||||
|
||||
Полностековое веб-приложение для бронирования столов и оформления предзаказов в сети ирландских пабов Harat's.
|
||||
|
||||
## 🛠 Технологический стек
|
||||
- **Архитектура:** Monorepo (npm workspaces)
|
||||
- **Frontend (Client):** React 19, TypeScript, Vite, Zustand, TanStack Query, React-Konva (для интерактивной карты заведения)
|
||||
- **Backend (Server):** Node.js, Express, TypeScript, Zod (валидация)
|
||||
- **База данных:** PostgreSQL 16
|
||||
- **ORM:** Prisma
|
||||
- **Авторизация:** JWT (Access + Refresh tokens), хэширование bcrypt
|
||||
|
||||
---
|
||||
|
||||
## 🚀 Инструкция по локальному запуску
|
||||
|
||||
Для развертывания проекта на локальной машине с операционной системой (например, под управлением Ubuntu или Windows) потребуется установленный **Node.js (v18+)** и сервер **PostgreSQL**.
|
||||
|
||||
### Шаг 1. Установка зависимостей
|
||||
Откройте терминал в корневой директории проекта и установите все npm-пакеты:
|
||||
```bash
|
||||
npm install
|
||||
```
|
||||
|
||||
### Шаг 2. Настройка базы данных
|
||||
Убедитесь, что у вас запущен локальный или удаленный PostgreSQL.
|
||||
Откройте файл `server/.env` и пропишите актуальные реквизиты доступа к вашей СУБД:
|
||||
```env
|
||||
# Формат: postgresql://[USER]:[PASSWORD]@[HOST]:[PORT]/[DATABASE]
|
||||
DATABASE_URL=postgresql://postgres:password@localhost:5432/harats_booking
|
||||
```
|
||||
|
||||
### Шаг 3. Инициализация базы данных
|
||||
Если вы запускаете проект впервые на чистой базе, вам нужно создать таблицы и заполнить их тестовыми данными. Для этого выполните скрипт инициализации:
|
||||
```bash
|
||||
npm run db:init
|
||||
```
|
||||
> **Что делает эта команда?**
|
||||
> - Применяет структуру таблиц Prisma к вашей базе данных (`npm run db:migrate`).
|
||||
> - Заполняет БД категориями, меню (40+ позиций), планом столов, актуальными бизнес-ланчами и демо-пользователями (`npm run db:seed`).
|
||||
|
||||
### Шаг 4. Запуск серверов разработчика
|
||||
Для одновременного запуска Backend-сервера и Frontend-приложения используйте всего одну команду в корне:
|
||||
```bash
|
||||
npm run dev
|
||||
```
|
||||
> **Доступ:**
|
||||
> - Клиентское приложение: http://localhost:5173
|
||||
> - API Сервер: http://localhost:3001
|
||||
|
||||
---
|
||||
|
||||
## 🔑 Тестовые аккаунты
|
||||
|
||||
База предзаполняется двумя типами пользователей для тестирования.
|
||||
Пароль для обоих аккаунтов одинаковый: `admin123` и `user123` (соответственно роли).
|
||||
|
||||
| Роль | Телефон | Пароль | Доступ |
|
||||
| :--- | :--- | :--- | :--- |
|
||||
| **Администратор** | `+79001234567` | `admin123` | Права просмотра и редактирования в панели `/admin` |
|
||||
| **Пользователь** | `+79009876543` | `user123` | Тестовый аккаунт гостя для проверки бронирования |
|
||||
|
||||
---
|
||||
|
||||
## 🏗 Дополнительные команды
|
||||
|
||||
Все скрипты выполняются из корневой директории проекта:
|
||||
|
||||
- `npm run build` — Собрать проект для Production (сначала собирается пакет `shared`, затем `client` и `server`).
|
||||
- `npm run dev:client` — Запустить только React-приложение фронтенда.
|
||||
- `npm run dev:server` — Запустить только Express-сервер бэкенда.
|
||||
- `npm run db:reset` — Полностью сбросить и удалить старую базу данных, пересоздав её заново.
|
||||
- `npm run db:studio` (из папки `server`) — Открыть веб-интерфейс Prisma для прямого управления записями БД в браузере.
|
||||
@@ -0,0 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="description" content="Забронируйте стол и блюда в Harat's Irish Pub — сети ирландских пабов. Выбирайте место, предзаказывайте блюда, оплачивайте онлайн." />
|
||||
<title>Harat's Irish Pub — Бронирование</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@400;600;700&display=swap" rel="stylesheet" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script type="module" src="/src/main.tsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,29 @@
|
||||
{
|
||||
"name": "@harats/client",
|
||||
"private": true,
|
||||
"version": "1.0.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "tsc -b && vite build",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"@harats/shared": "*",
|
||||
"axios": "^1.7.0",
|
||||
"konva": "^9.3.0",
|
||||
"react": "^19.0.0",
|
||||
"react-dom": "^19.0.0",
|
||||
"react-konva": "^19.0.0",
|
||||
"react-router-dom": "^7.1.0",
|
||||
"zustand": "^5.0.0",
|
||||
"@tanstack/react-query": "^5.62.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/react": "^19.0.0",
|
||||
"@types/react-dom": "^19.0.0",
|
||||
"@vitejs/plugin-react": "^4.3.0",
|
||||
"typescript": "^5.7.0",
|
||||
"vite": "^6.0.0"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
import React, { useEffect } from 'react';
|
||||
import { RouterProvider } from 'react-router-dom';
|
||||
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
||||
import { router } from './router';
|
||||
import { useAuthStore } from './features/auth/store';
|
||||
import { Loader } from './components/Loader';
|
||||
|
||||
const queryClient = new QueryClient({
|
||||
defaultOptions: {
|
||||
queries: {
|
||||
refetchOnWindowFocus: false,
|
||||
retry: 1,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
export const App: React.FC = () => {
|
||||
const { loadUser, isLoading } = useAuthStore();
|
||||
|
||||
useEffect(() => {
|
||||
loadUser();
|
||||
}, [loadUser]);
|
||||
|
||||
if (isLoading) {
|
||||
return (
|
||||
<div style={{ height: '100vh', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
|
||||
<Loader />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<QueryClientProvider client={queryClient}>
|
||||
<RouterProvider router={router} />
|
||||
</QueryClientProvider>
|
||||
);
|
||||
};
|
||||
|
||||
export default App;
|
||||
@@ -0,0 +1,47 @@
|
||||
import React from 'react';
|
||||
|
||||
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
||||
variant?: 'primary' | 'gold' | 'outline' | 'ghost' | 'danger';
|
||||
size?: 'sm' | 'md' | 'lg';
|
||||
fullWidth?: boolean;
|
||||
isLoading?: boolean;
|
||||
}
|
||||
|
||||
export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
|
||||
({ children, variant = 'primary', size = 'md', fullWidth, isLoading, className = '', disabled, ...props }, ref) => {
|
||||
|
||||
let btnClass = 'btn';
|
||||
|
||||
// Variant
|
||||
if (variant === 'primary') btnClass += ' btn-primary';
|
||||
else if (variant === 'gold') btnClass += ' btn-gold';
|
||||
else if (variant === 'outline') btnClass += ' btn-outline';
|
||||
else if (variant === 'ghost') btnClass += ' btn-ghost';
|
||||
else if (variant === 'danger') btnClass += ' btn-danger';
|
||||
|
||||
// Size
|
||||
if (size === 'sm') btnClass += ' btn-sm';
|
||||
else if (size === 'lg') btnClass += ' btn-lg';
|
||||
|
||||
// Full width
|
||||
if (fullWidth) btnClass += ' btn-full';
|
||||
|
||||
return (
|
||||
<button
|
||||
ref={ref}
|
||||
className={`${btnClass} ${className}`}
|
||||
disabled={disabled || isLoading}
|
||||
{...props}
|
||||
>
|
||||
{isLoading ? (
|
||||
<svg className="animate-spin" width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||
<circle cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4" strokeDasharray="30" strokeLinecap="round" opacity="0.3"></circle>
|
||||
<path d="M12 2A10 10 0 0 1 22 12" stroke="currentColor" strokeWidth="4" strokeLinecap="round"></path>
|
||||
</svg>
|
||||
) : children}
|
||||
</button>
|
||||
);
|
||||
}
|
||||
);
|
||||
|
||||
Button.displayName = 'Button';
|
||||
@@ -0,0 +1,56 @@
|
||||
import React from 'react';
|
||||
|
||||
export const Footer: React.FC = () => {
|
||||
return (
|
||||
<footer style={{
|
||||
background: 'var(--color-bg-secondary)',
|
||||
borderTop: '1px solid var(--color-border)',
|
||||
padding: 'var(--space-3xl) 0',
|
||||
marginTop: 'auto'
|
||||
}}>
|
||||
<div className="container">
|
||||
<div className="grid grid-3 gap-xl">
|
||||
<div>
|
||||
<h4 style={{ color: 'var(--color-gold-500)', marginBottom: 'var(--space-md)' }}>Harat's Irish Pub</h4>
|
||||
<p className="text-sm text-secondary" style={{ marginBottom: 'var(--space-sm)' }}>ООО «Хэрат'с»</p>
|
||||
<p className="text-sm text-secondary">
|
||||
Настоящий ирландский паб с атмосферой "cozy chaos". Место, где нет правил, кроме одного — отдыхать душой.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 style={{ color: 'var(--color-gold-500)', marginBottom: 'var(--space-md)' }}>Контакты</h4>
|
||||
<ul style={{ display: 'flex', flexDirection: 'column', gap: 'var(--space-sm)' }} className="text-sm text-secondary">
|
||||
<li>📞 8 (800) 775-03-39 (Customer Service)</li>
|
||||
<li>✉️ <a href="mailto:info@harats.com" style={{ color: 'var(--color-green-400)' }}>info@harats.com</a></li>
|
||||
<li style={{ marginTop: 'var(--space-sm)' }}>
|
||||
📍 Главный офис:<br />
|
||||
664033, Россия, Иркутская область, Иркутск, ул. Майская, 20
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 style={{ color: 'var(--color-gold-500)', marginBottom: 'var(--space-md)' }}>Информация</h4>
|
||||
<ul style={{ display: 'flex', flexDirection: 'column', gap: 'var(--space-sm)' }} className="text-sm text-secondary">
|
||||
<li><a href="#" style={{ transition: 'color var(--transition-fast)' }} onMouseOver={(e) => e.currentTarget.style.color='white'} onMouseOut={(e) => e.currentTarget.style.color=''}>О компании</a></li>
|
||||
<li><a href="#" style={{ transition: 'color var(--transition-fast)' }} onMouseOver={(e) => e.currentTarget.style.color='white'} onMouseOut={(e) => e.currentTarget.style.color=''}>Франшиза</a></li>
|
||||
<li><a href="#" style={{ transition: 'color var(--transition-fast)' }} onMouseOver={(e) => e.currentTarget.style.color='white'} onMouseOut={(e) => e.currentTarget.style.color=''}>Поставщикам</a></li>
|
||||
<li><a href="#" style={{ transition: 'color var(--transition-fast)' }} onMouseOver={(e) => e.currentTarget.style.color='white'} onMouseOut={(e) => e.currentTarget.style.color=''}>Реклама</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="divider" style={{ borderColor: 'var(--color-border-light)' }}></div>
|
||||
|
||||
<div className="flex justify-between items-center text-xs text-muted">
|
||||
<p>© {new Date().getFullYear()} Harat's Irish Pub. Все права защищены.</p>
|
||||
<p>
|
||||
<span style={{ display: 'inline-block', padding: '2px 8px', border: '1px solid currentColor', borderRadius: '4px', marginRight: '8px' }}>18+</span>
|
||||
Чрезмерное употребление алкоголя вредит вашему здоровью.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
);
|
||||
};
|
||||
@@ -0,0 +1,82 @@
|
||||
import React, { useState } from 'react';
|
||||
import { Link, useNavigate } from 'react-router-dom';
|
||||
import { useAuthStore } from '@/features/auth/store';
|
||||
import { Button } from './Button';
|
||||
import { LoginModal } from '@/features/auth/components/LoginModal';
|
||||
import { RegisterModal } from '@/features/auth/components/RegisterModal';
|
||||
|
||||
export const Header: React.FC = () => {
|
||||
const { isAuthenticated, user } = useAuthStore();
|
||||
const navigate = useNavigate();
|
||||
const [isLoginOpen, setLoginOpen] = useState(false);
|
||||
const [isRegisterOpen, setRegisterOpen] = useState(false);
|
||||
|
||||
const openRegister = () => {
|
||||
setLoginOpen(false);
|
||||
setRegisterOpen(true);
|
||||
};
|
||||
|
||||
const openLogin = () => {
|
||||
setRegisterOpen(false);
|
||||
setLoginOpen(true);
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<header style={{
|
||||
position: 'sticky',
|
||||
top: 0,
|
||||
zIndex: 50,
|
||||
height: 'var(--header-height)',
|
||||
background: 'rgba(13, 13, 13, 0.85)',
|
||||
backdropFilter: 'blur(12px)',
|
||||
borderBottom: '1px solid var(--color-border)',
|
||||
display: 'flex',
|
||||
alignItems: 'center'
|
||||
}}>
|
||||
<div className="container flex items-center justify-between">
|
||||
<div style={{ flex: 1 }}>
|
||||
{isAuthenticated ? (
|
||||
<Button variant="ghost" onClick={() => navigate('/profile')}>
|
||||
Личный кабинет
|
||||
</Button>
|
||||
) : (
|
||||
<Button variant="ghost" onClick={() => setLoginOpen(true)}>
|
||||
Вход / Регистрация
|
||||
</Button>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div style={{ flex: 1, textAlign: 'center' }}>
|
||||
<Link to="/" style={{ display: 'inline-block' }}>
|
||||
<span className="text-display" style={{ color: 'var(--color-gold-500)', fontSize: '1.5rem', letterSpacing: '0.05em' }}>
|
||||
Harat's
|
||||
</span>
|
||||
<span className="text-display" style={{ display: 'block', fontSize: '0.75rem', textTransform: 'uppercase', letterSpacing: '0.2em', color: 'var(--color-green-500)' }}>
|
||||
Irish Pub
|
||||
</span>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
<div style={{ flex: 1, display: 'flex', justifyContent: 'flex-end', gap: 'var(--space-md)' }}>
|
||||
{user?.role === 'ADMIN' && (
|
||||
<Button variant="outline" onClick={() => navigate('/admin')}>Админ</Button>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<LoginModal
|
||||
isOpen={isLoginOpen}
|
||||
onClose={() => setLoginOpen(false)}
|
||||
onSwitchToRegister={openRegister}
|
||||
/>
|
||||
|
||||
<RegisterModal
|
||||
isOpen={isRegisterOpen}
|
||||
onClose={() => setRegisterOpen(false)}
|
||||
onSwitchToLogin={openLogin}
|
||||
/>
|
||||
</>
|
||||
);
|
||||
};
|
||||
@@ -0,0 +1,27 @@
|
||||
import React from 'react';
|
||||
|
||||
interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
||||
label?: string;
|
||||
error?: string;
|
||||
}
|
||||
|
||||
export const Input = React.forwardRef<HTMLInputElement, InputProps>(
|
||||
({ label, error, className = '', id, ...props }, ref) => {
|
||||
const inputId = id || Math.random().toString(36).substr(2, 9);
|
||||
|
||||
return (
|
||||
<div className={`input-group ${className}`}>
|
||||
{label && <label htmlFor={inputId} className="input-label">{label}</label>}
|
||||
<input
|
||||
id={inputId}
|
||||
ref={ref}
|
||||
className={`input ${error ? 'input-error' : ''}`}
|
||||
{...props}
|
||||
/>
|
||||
{error && <span className="error-text">{error}</span>}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
);
|
||||
|
||||
Input.displayName = 'Input';
|
||||
@@ -0,0 +1,12 @@
|
||||
import React from 'react';
|
||||
|
||||
export const Loader: React.FC = () => {
|
||||
return (
|
||||
<div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', padding: 'var(--space-2xl)' }}>
|
||||
<svg className="animate-spin" width="48" height="48" viewBox="0 0 24 24" fill="none">
|
||||
<circle cx="12" cy="12" r="10" stroke="var(--color-bg-elevated)" strokeWidth="4"></circle>
|
||||
<path d="M12 2A10 10 0 0 1 22 12" stroke="var(--color-gold-500)" strokeWidth="4" strokeLinecap="round"></path>
|
||||
</svg>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
@@ -0,0 +1,37 @@
|
||||
import React from 'react';
|
||||
|
||||
interface ModalProps {
|
||||
isOpen: boolean;
|
||||
onClose: () => void;
|
||||
title: string;
|
||||
children: React.ReactNode;
|
||||
footer?: React.ReactNode;
|
||||
wide?: boolean;
|
||||
}
|
||||
|
||||
export const Modal: React.FC<ModalProps> = ({ isOpen, onClose, title, children, footer, wide }) => {
|
||||
if (!isOpen) return null;
|
||||
|
||||
return (
|
||||
<div className="overlay" onClick={(e) => { if(e.target === e.currentTarget) onClose(); }}>
|
||||
<div className={`modal ${wide ? 'modal-wide' : ''}`}>
|
||||
<div className="modal-header">
|
||||
<h3 className="m-0">{title}</h3>
|
||||
<button className="modal-close" onClick={onClose} aria-label="Close">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
|
||||
<path d="M18 6L6 18M6 6l12 12"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div className="modal-body">
|
||||
{children}
|
||||
</div>
|
||||
{footer && (
|
||||
<div className="modal-footer">
|
||||
{footer}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
@@ -0,0 +1,69 @@
|
||||
import React, { useState } from 'react';
|
||||
import { Modal } from '@/components/Modal';
|
||||
import { Input } from '@/components/Input';
|
||||
import { Button } from '@/components/Button';
|
||||
import { useAuthStore } from '../store';
|
||||
|
||||
interface LoginModalProps {
|
||||
isOpen: boolean;
|
||||
onClose: () => void;
|
||||
onSwitchToRegister: () => void;
|
||||
}
|
||||
|
||||
export const LoginModal: React.FC<LoginModalProps> = ({ isOpen, onClose, onSwitchToRegister }) => {
|
||||
const login = useAuthStore(state => state.login);
|
||||
const [phone, setPhone] = useState('');
|
||||
const [password, setPassword] = useState('');
|
||||
const [error, setError] = useState('');
|
||||
const [isLoading, setIsLoading] = useState(false);
|
||||
|
||||
const handleSubmit = async (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
setError('');
|
||||
setIsLoading(true);
|
||||
try {
|
||||
await login(phone, password);
|
||||
onClose();
|
||||
} catch (err: any) {
|
||||
setError(err.message || 'Ошибка входа');
|
||||
} finally {
|
||||
setIsLoading(false);
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<Modal isOpen={isOpen} onClose={onClose} title="Вход в личный кабинет">
|
||||
<form onSubmit={handleSubmit} className="flex flex-col gap-md">
|
||||
{error && <div className="badge badge-red" style={{ padding: '8px 12px' }}>{error}</div>}
|
||||
|
||||
<Input
|
||||
label="Номер телефона"
|
||||
type="tel"
|
||||
placeholder="+7 (999) 000-00-00"
|
||||
value={phone}
|
||||
onChange={(e) => setPhone(e.target.value)}
|
||||
required
|
||||
/>
|
||||
|
||||
<Input
|
||||
label="Пароль"
|
||||
type="password"
|
||||
value={password}
|
||||
onChange={(e) => setPassword(e.target.value)}
|
||||
required
|
||||
/>
|
||||
|
||||
<Button type="submit" variant="primary" fullWidth size="lg" isLoading={isLoading} style={{ marginTop: 'var(--space-sm)' }}>
|
||||
Войти
|
||||
</Button>
|
||||
|
||||
<p className="text-center text-sm text-secondary mt-4">
|
||||
Нет аккаунта?{' '}
|
||||
<button type="button" onClick={onSwitchToRegister} style={{ color: 'var(--color-gold-400)', fontWeight: 600 }}>
|
||||
Зарегистрироваться
|
||||
</button>
|
||||
</p>
|
||||
</form>
|
||||
</Modal>
|
||||
);
|
||||
};
|
||||
@@ -0,0 +1,104 @@
|
||||
import React, { useState } from 'react';
|
||||
import { Modal } from '@/components/Modal';
|
||||
import { Input } from '@/components/Input';
|
||||
import { Button } from '@/components/Button';
|
||||
import { useAuthStore } from '../store';
|
||||
|
||||
interface RegisterModalProps {
|
||||
isOpen: boolean;
|
||||
onClose: () => void;
|
||||
onSwitchToLogin: () => void;
|
||||
}
|
||||
|
||||
export const RegisterModal: React.FC<RegisterModalProps> = ({ isOpen, onClose, onSwitchToLogin }) => {
|
||||
const register = useAuthStore(state => state.register);
|
||||
const [formData, setFormData] = useState({
|
||||
phone: '',
|
||||
name: '',
|
||||
surname: '',
|
||||
email: '',
|
||||
password: ''
|
||||
});
|
||||
const [error, setError] = useState('');
|
||||
const [isLoading, setIsLoading] = useState(false);
|
||||
|
||||
const handleSubmit = async (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
setError('');
|
||||
setIsLoading(true);
|
||||
try {
|
||||
await register(formData);
|
||||
onClose();
|
||||
} catch (err: any) {
|
||||
setError(err.message || 'Ошибка регистрации');
|
||||
} finally {
|
||||
setIsLoading(false);
|
||||
}
|
||||
};
|
||||
|
||||
const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
|
||||
setFormData(prev => ({ ...prev, [e.target.name]: e.target.value }));
|
||||
};
|
||||
|
||||
return (
|
||||
<Modal isOpen={isOpen} onClose={onClose} title="Регистрация">
|
||||
<form onSubmit={handleSubmit} className="flex flex-col gap-md">
|
||||
{error && <div className="badge badge-red" style={{ padding: '8px 12px' }}>{error}</div>}
|
||||
|
||||
<Input
|
||||
label="Номер телефона *"
|
||||
name="phone"
|
||||
type="tel"
|
||||
placeholder="+7 (999) 000-00-00"
|
||||
value={formData.phone}
|
||||
onChange={handleChange}
|
||||
required
|
||||
/>
|
||||
|
||||
<div className="grid grid-2 gap-md">
|
||||
<Input
|
||||
label="Имя *"
|
||||
name="name"
|
||||
value={formData.name}
|
||||
onChange={handleChange}
|
||||
required
|
||||
/>
|
||||
<Input
|
||||
label="Фамилия"
|
||||
name="surname"
|
||||
value={formData.surname}
|
||||
onChange={handleChange}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<Input
|
||||
label="E-mail (для чеков)"
|
||||
name="email"
|
||||
type="email"
|
||||
value={formData.email}
|
||||
onChange={handleChange}
|
||||
/>
|
||||
|
||||
<Input
|
||||
label="Пароль *"
|
||||
name="password"
|
||||
type="password"
|
||||
value={formData.password}
|
||||
onChange={handleChange}
|
||||
required
|
||||
/>
|
||||
|
||||
<Button type="submit" variant="primary" fullWidth size="lg" isLoading={isLoading} style={{ marginTop: 'var(--space-sm)' }}>
|
||||
Создать аккаунт
|
||||
</Button>
|
||||
|
||||
<p className="text-center text-sm text-secondary mt-4">
|
||||
Уже есть аккаунт?{' '}
|
||||
<button type="button" onClick={onSwitchToLogin} style={{ color: 'var(--color-gold-400)', fontWeight: 600 }}>
|
||||
Войти
|
||||
</button>
|
||||
</p>
|
||||
</form>
|
||||
</Modal>
|
||||
);
|
||||
};
|
||||
@@ -0,0 +1,75 @@
|
||||
import { create } from 'zustand';
|
||||
import type { IUser } from '@harats/shared';
|
||||
import api from '@/services/api';
|
||||
|
||||
interface AuthState {
|
||||
user: IUser | null;
|
||||
isLoading: boolean;
|
||||
isAuthenticated: boolean;
|
||||
|
||||
login: (phone: string, password: string) => Promise<void>;
|
||||
register: (data: { phone: string; password: string; name: string; surname?: string; email?: string }) => Promise<void>;
|
||||
logout: () => void;
|
||||
loadUser: () => Promise<void>;
|
||||
updateUser: (data: Partial<IUser>) => void;
|
||||
}
|
||||
|
||||
export const useAuthStore = create<AuthState>((set) => ({
|
||||
user: null,
|
||||
isLoading: true,
|
||||
isAuthenticated: false,
|
||||
|
||||
login: async (phone, password) => {
|
||||
const { data } = await api.post('/auth/login', { phone, password });
|
||||
if (data.success) {
|
||||
localStorage.setItem('accessToken', data.data.accessToken);
|
||||
localStorage.setItem('refreshToken', data.data.refreshToken);
|
||||
set({ user: data.data.user, isAuthenticated: true });
|
||||
} else {
|
||||
throw new Error(data.error);
|
||||
}
|
||||
},
|
||||
|
||||
register: async (payload) => {
|
||||
const { data } = await api.post('/auth/register', payload);
|
||||
if (data.success) {
|
||||
localStorage.setItem('accessToken', data.data.accessToken);
|
||||
localStorage.setItem('refreshToken', data.data.refreshToken);
|
||||
set({ user: data.data.user, isAuthenticated: true });
|
||||
} else {
|
||||
throw new Error(data.error);
|
||||
}
|
||||
},
|
||||
|
||||
logout: () => {
|
||||
localStorage.removeItem('accessToken');
|
||||
localStorage.removeItem('refreshToken');
|
||||
set({ user: null, isAuthenticated: false });
|
||||
},
|
||||
|
||||
loadUser: async () => {
|
||||
const token = localStorage.getItem('accessToken');
|
||||
if (!token) {
|
||||
set({ isLoading: false });
|
||||
return;
|
||||
}
|
||||
try {
|
||||
const { data } = await api.get('/users/me');
|
||||
if (data.success) {
|
||||
set({ user: data.data, isAuthenticated: true, isLoading: false });
|
||||
} else {
|
||||
set({ isLoading: false });
|
||||
}
|
||||
} catch {
|
||||
localStorage.removeItem('accessToken');
|
||||
localStorage.removeItem('refreshToken');
|
||||
set({ isLoading: false });
|
||||
}
|
||||
},
|
||||
|
||||
updateUser: (data) => {
|
||||
set((state) => ({
|
||||
user: state.user ? { ...state.user, ...data } : null,
|
||||
}));
|
||||
},
|
||||
}));
|
||||
@@ -0,0 +1,88 @@
|
||||
import React from 'react';
|
||||
import { useQuery } from '@tanstack/react-query';
|
||||
import api from '@/services/api';
|
||||
import { useBookingStore } from '../store';
|
||||
import { Loader } from '@/components/Loader';
|
||||
import { Button } from '@/components/Button';
|
||||
import type { IDish } from '@harats/shared';
|
||||
|
||||
interface DishSelectorProps {
|
||||
pubId: number;
|
||||
}
|
||||
|
||||
export const DishSelector: React.FC<DishSelectorProps> = ({ pubId }) => {
|
||||
const { addDish, removeDish, updateDishQty, dishes: cartDishes } = useBookingStore();
|
||||
|
||||
const { data: menuRes, isLoading } = useQuery({
|
||||
queryKey: ['menu', pubId],
|
||||
queryFn: () => api.get(`/pubs/${pubId}/menu`).then(res => res.data)
|
||||
});
|
||||
|
||||
if (isLoading) return <Loader />;
|
||||
|
||||
const menu: Record<string, any[]> = menuRes?.data || {};
|
||||
|
||||
return (
|
||||
<div className="flex flex-col gap-xl">
|
||||
{Object.entries(menu).map(([category, items]) => (
|
||||
<div key={category}>
|
||||
<h4 style={{ marginBottom: 'var(--space-md)', color: 'var(--color-gold-500)', borderBottom: '1px solid var(--color-border)', paddingBottom: 'var(--space-xs)' }}>
|
||||
{category}
|
||||
</h4>
|
||||
<div className="grid grid-2 gap-md">
|
||||
{items.map((item: any) => {
|
||||
const dish: IDish = item.dish;
|
||||
const inCart = cartDishes.find(d => d.dishId === dish.id);
|
||||
const isAvailable = dish.availability === 'AVAILABLE';
|
||||
|
||||
return (
|
||||
<div key={dish.id} className="card flex-col justify-between" style={{ padding: 'var(--space-md)', opacity: isAvailable ? 1 : 0.5 }}>
|
||||
<div>
|
||||
<div className="flex justify-between items-start mb-2">
|
||||
<span className="font-semibold">{dish.title}</span>
|
||||
<span style={{ color: 'var(--color-gold-400)' }}>{dish.price} ₽</span>
|
||||
</div>
|
||||
<p className="text-sm text-secondary line-clamp-2" style={{ minHeight: '40px' }}>{dish.description}</p>
|
||||
</div>
|
||||
|
||||
<div className="flex justify-end items-center mt-4" style={{ height: '36px' }}>
|
||||
{inCart ? (
|
||||
<div className="flex items-center gap-md">
|
||||
<Button
|
||||
variant="outline"
|
||||
size="sm"
|
||||
style={{ minWidth: '36px', minHeight: '36px', padding: 0 }}
|
||||
onClick={() => updateDishQty(dish.id, inCart.quantity - 1)}
|
||||
>
|
||||
-
|
||||
</Button>
|
||||
<span>{inCart.quantity}</span>
|
||||
<Button
|
||||
variant="outline"
|
||||
size="sm"
|
||||
style={{ minWidth: '36px', minHeight: '36px', padding: 0 }}
|
||||
onClick={() => updateDishQty(dish.id, inCart.quantity + 1)}
|
||||
>
|
||||
+
|
||||
</Button>
|
||||
</div>
|
||||
) : (
|
||||
<Button
|
||||
variant="primary"
|
||||
size="sm"
|
||||
disabled={!isAvailable}
|
||||
onClick={() => addDish({ dishId: dish.id, title: dish.title, price: dish.price, quantity: 1 })}
|
||||
>
|
||||
Добавить
|
||||
</Button>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
@@ -0,0 +1,140 @@
|
||||
import React, { useRef, useEffect, useState } from 'react';
|
||||
import { Stage, Layer, Rect, Circle, Text, Group } from 'react-konva';
|
||||
import type { ITableAvailability } from '@harats/shared';
|
||||
|
||||
interface FloorPlanProps {
|
||||
tables: ITableAvailability[];
|
||||
selectedTableId: number | null;
|
||||
onSelectTable: (id: number) => void;
|
||||
}
|
||||
|
||||
export const FloorPlan: React.FC<FloorPlanProps> = ({ tables, selectedTableId, onSelectTable }) => {
|
||||
const containerRef = useRef<HTMLDivElement>(null);
|
||||
const [dimensions, setDimensions] = useState({ width: 800, height: 500 });
|
||||
|
||||
// Responsive canvas sizing
|
||||
useEffect(() => {
|
||||
const resize = () => {
|
||||
if (containerRef.current) {
|
||||
const { width } = containerRef.current.getBoundingClientRect();
|
||||
// Maintain aspect ratio or fix height, let's just make it scale responsive
|
||||
// Scale down based on 800px base width
|
||||
setDimensions({ width, height: 500 * (width / 800) });
|
||||
}
|
||||
};
|
||||
|
||||
resize();
|
||||
window.addEventListener('resize', resize);
|
||||
return () => window.removeEventListener('resize', resize);
|
||||
}, []);
|
||||
|
||||
const scale = dimensions.width / 800; // 800 is our base coordinate system width
|
||||
|
||||
return (
|
||||
<div ref={containerRef} style={{ width: '100%', background: 'var(--color-bg-elevated)', borderRadius: 'var(--radius-md)', overflow: 'hidden', border: '1px solid var(--color-border)' }}>
|
||||
<Stage width={dimensions.width} height={dimensions.height}>
|
||||
<Layer>
|
||||
{/* Background zones (Optional decorative) */}
|
||||
<Rect x={0} y={0} width={800 * scale} height={320 * scale} fill="transparent" />
|
||||
<Rect x={0} y={320 * scale} width={800 * scale} height={180 * scale} fill="rgba(200, 169, 81, 0.03)" />
|
||||
<Text x={20 * scale} y={330 * scale} text="VIP & Terrace" fontSize={14 * scale} fill="var(--color-text-muted)" />
|
||||
<Text x={560 * scale} y={20 * scale} text="Bar Area" fontSize={14 * scale} fill="var(--color-text-muted)" />
|
||||
|
||||
{tables.map(table => {
|
||||
const isSelected = selectedTableId === table.id;
|
||||
|
||||
// Colors
|
||||
let fillColor = 'var(--color-bg-card)';
|
||||
let strokeColor = 'var(--color-border)';
|
||||
|
||||
if (isSelected) {
|
||||
fillColor = 'var(--color-gold-500)';
|
||||
strokeColor = 'var(--color-gold-600)';
|
||||
} else if (table.isAvailable) {
|
||||
fillColor = 'var(--color-green-700)';
|
||||
strokeColor = 'var(--color-green-600)';
|
||||
} else {
|
||||
fillColor = 'var(--color-error-bg)';
|
||||
strokeColor = 'var(--color-error)';
|
||||
}
|
||||
|
||||
const x = table.posX * scale;
|
||||
const y = table.posY * scale;
|
||||
const w = table.width * scale;
|
||||
const h = table.height * scale;
|
||||
|
||||
return (
|
||||
<Group
|
||||
key={table.id}
|
||||
x={x}
|
||||
y={y}
|
||||
onClick={() => table.isAvailable && onSelectTable(table.id)}
|
||||
onTap={() => table.isAvailable && onSelectTable(table.id)}
|
||||
onMouseEnter={(e) => {
|
||||
if (table.isAvailable) {
|
||||
const stage = e.target.getStage();
|
||||
if(stage) stage.container().style.cursor = 'pointer';
|
||||
}
|
||||
}}
|
||||
onMouseLeave={(e) => {
|
||||
const stage = e.target.getStage();
|
||||
if(stage) stage.container().style.cursor = 'default';
|
||||
}}
|
||||
>
|
||||
{table.shape === 'rect' ? (
|
||||
<Rect
|
||||
width={w}
|
||||
height={h}
|
||||
fill={fillColor}
|
||||
stroke={strokeColor}
|
||||
strokeWidth={2}
|
||||
cornerRadius={8 * scale}
|
||||
opacity={table.isAvailable ? 1 : 0.6}
|
||||
shadowColor="black"
|
||||
shadowBlur={4}
|
||||
shadowOpacity={0.2}
|
||||
shadowOffset={{ x: 0, y: 2 }}
|
||||
/>
|
||||
) : (
|
||||
<Circle
|
||||
radius={w / 2}
|
||||
x={w / 2}
|
||||
y={w / 2}
|
||||
fill={fillColor}
|
||||
stroke={strokeColor}
|
||||
strokeWidth={2}
|
||||
opacity={table.isAvailable ? 1 : 0.6}
|
||||
shadowColor="black"
|
||||
shadowBlur={4}
|
||||
shadowOpacity={0.2}
|
||||
shadowOffset={{ x: 0, y: 2 }}
|
||||
/>
|
||||
)}
|
||||
<Text
|
||||
text={table.number.toString()}
|
||||
width={w}
|
||||
height={h}
|
||||
align="center"
|
||||
verticalAlign="middle"
|
||||
fill="white"
|
||||
fontSize={14 * scale}
|
||||
fontStyle="bold"
|
||||
/>
|
||||
<Text
|
||||
text={`${table.capacity} чел`}
|
||||
width={w}
|
||||
height={h}
|
||||
y={18 * scale}
|
||||
align="center"
|
||||
verticalAlign="middle"
|
||||
fill="rgba(255,255,255,0.7)"
|
||||
fontSize={10 * scale}
|
||||
/>
|
||||
</Group>
|
||||
);
|
||||
})}
|
||||
</Layer>
|
||||
</Stage>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
@@ -0,0 +1,86 @@
|
||||
import { create } from 'zustand';
|
||||
|
||||
interface BookingDish {
|
||||
dishId: number;
|
||||
title: string;
|
||||
price: number;
|
||||
quantity: number;
|
||||
}
|
||||
|
||||
interface BookingState {
|
||||
pubId: number | null;
|
||||
tableId: number | null;
|
||||
date: string;
|
||||
time: string;
|
||||
numPeople: number;
|
||||
includeDishes: boolean;
|
||||
dishes: BookingDish[];
|
||||
|
||||
setPubId: (id: number) => void;
|
||||
setTableId: (id: number | null) => void;
|
||||
setDate: (date: string) => void;
|
||||
setTime: (time: string) => void;
|
||||
setNumPeople: (n: number) => void;
|
||||
setIncludeDishes: (v: boolean) => void;
|
||||
addDish: (dish: BookingDish) => void;
|
||||
removeDish: (dishId: number) => void;
|
||||
updateDishQty: (dishId: number, qty: number) => void;
|
||||
getTotalCost: () => number;
|
||||
reset: () => void;
|
||||
}
|
||||
|
||||
const initialState = {
|
||||
pubId: null as number | null,
|
||||
tableId: null as number | null,
|
||||
date: '',
|
||||
time: '',
|
||||
numPeople: 2,
|
||||
includeDishes: false,
|
||||
dishes: [] as BookingDish[],
|
||||
};
|
||||
|
||||
export const useBookingStore = create<BookingState>((set, get) => ({
|
||||
...initialState,
|
||||
|
||||
setPubId: (id) => set({ pubId: id, tableId: null }),
|
||||
setTableId: (id) => set({ tableId: id }),
|
||||
setDate: (date) => set({ date, tableId: null }),
|
||||
setTime: (time) => set({ time, tableId: null }),
|
||||
setNumPeople: (n) => set({ numPeople: n }),
|
||||
setIncludeDishes: (v) => set({ includeDishes: v, dishes: v ? get().dishes : [] }),
|
||||
|
||||
addDish: (dish) => {
|
||||
const existing = get().dishes.find(d => d.dishId === dish.dishId);
|
||||
if (existing) {
|
||||
set({
|
||||
dishes: get().dishes.map(d =>
|
||||
d.dishId === dish.dishId ? { ...d, quantity: d.quantity + 1 } : d
|
||||
),
|
||||
});
|
||||
} else {
|
||||
set({ dishes: [...get().dishes, dish] });
|
||||
}
|
||||
},
|
||||
|
||||
removeDish: (dishId) => {
|
||||
set({ dishes: get().dishes.filter(d => d.dishId !== dishId) });
|
||||
},
|
||||
|
||||
updateDishQty: (dishId, qty) => {
|
||||
if (qty <= 0) {
|
||||
set({ dishes: get().dishes.filter(d => d.dishId !== dishId) });
|
||||
} else {
|
||||
set({
|
||||
dishes: get().dishes.map(d =>
|
||||
d.dishId === dishId ? { ...d, quantity: qty } : d
|
||||
),
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
getTotalCost: () => {
|
||||
return get().dishes.reduce((sum, d) => sum + d.price * d.quantity, 0);
|
||||
},
|
||||
|
||||
reset: () => set(initialState),
|
||||
}));
|
||||
@@ -0,0 +1,709 @@
|
||||
/* ═══════════════════════════════════════════
|
||||
Harat's Irish Pub — Design System
|
||||
Dark pub atmosphere, green & gold accents
|
||||
═══════════════════════════════════════════ */
|
||||
|
||||
/* ─── Reset ──────────────────────────────── */
|
||||
*, *::before, *::after {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 16px;
|
||||
scroll-behavior: smooth;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-body);
|
||||
background: var(--color-bg-primary);
|
||||
color: var(--color-text-primary);
|
||||
line-height: 1.6;
|
||||
min-height: 100vh;
|
||||
overflow-x: hidden;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
button {
|
||||
font: inherit;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
background: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
ul, ol { list-style: none; }
|
||||
img { max-width: 100%; display: block; }
|
||||
input, select, textarea { font: inherit; }
|
||||
|
||||
/* ─── Design Tokens ──────────────────────── */
|
||||
:root {
|
||||
/* Brand Colors */
|
||||
--color-green-900: #0a2e1a;
|
||||
--color-green-800: #134d2e;
|
||||
--color-green-700: #1a6b3f;
|
||||
--color-green-600: #228b52;
|
||||
--color-green-500: #2eaa66;
|
||||
--color-green-400: #4fc882;
|
||||
--color-green-300: #7eddaa;
|
||||
|
||||
--color-gold-600: #a88a30;
|
||||
--color-gold-500: #c8a951;
|
||||
--color-gold-400: #d4bc6a;
|
||||
--color-gold-300: #e0cf8a;
|
||||
--color-gold-200: #eee0b0;
|
||||
|
||||
/* Surfaces */
|
||||
--color-bg-primary: #0d0d0d;
|
||||
--color-bg-secondary: #151515;
|
||||
--color-bg-card: #1a1a1a;
|
||||
--color-bg-elevated: #222222;
|
||||
--color-bg-input: #1e1e1e;
|
||||
--color-bg-hover: #2a2a2a;
|
||||
|
||||
/* Text */
|
||||
--color-text-primary: #f0efe8;
|
||||
--color-text-secondary: #a09e94;
|
||||
--color-text-muted: #6b6960;
|
||||
--color-text-inverse: #0d0d0d;
|
||||
|
||||
/* Borders */
|
||||
--color-border: #2a2a2a;
|
||||
--color-border-light: #333333;
|
||||
--color-border-focus: var(--color-gold-500);
|
||||
|
||||
/* Semantic */
|
||||
--color-error: #e54d4d;
|
||||
--color-error-bg: #2a1515;
|
||||
--color-success: #2eaa66;
|
||||
--color-success-bg: #152a1a;
|
||||
--color-warning: #d4a74a;
|
||||
--color-warning-bg: #2a2415;
|
||||
|
||||
/* Typography */
|
||||
--font-display: 'Playfair Display', Georgia, serif;
|
||||
--font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
|
||||
|
||||
/* Spacing */
|
||||
--space-2xs: 2px;
|
||||
--space-xs: 4px;
|
||||
--space-sm: 8px;
|
||||
--space-md: 16px;
|
||||
--space-lg: 24px;
|
||||
--space-xl: 32px;
|
||||
--space-2xl: 48px;
|
||||
--space-3xl: 64px;
|
||||
--space-4xl: 96px;
|
||||
|
||||
/* Radius */
|
||||
--radius-xs: 4px;
|
||||
--radius-sm: 6px;
|
||||
--radius-md: 8px;
|
||||
--radius-lg: 12px;
|
||||
--radius-xl: 16px;
|
||||
--radius-2xl: 24px;
|
||||
--radius-full: 9999px;
|
||||
|
||||
/* Shadows */
|
||||
--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5);
|
||||
--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.6);
|
||||
--shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.7);
|
||||
--shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.8);
|
||||
--shadow-glow-green: 0 0 20px rgba(46, 170, 102, 0.15);
|
||||
--shadow-glow-gold: 0 0 20px rgba(200, 169, 81, 0.15);
|
||||
|
||||
/* Transitions */
|
||||
--transition-fast: 120ms ease;
|
||||
--transition-base: 200ms ease;
|
||||
--transition-slow: 350ms ease;
|
||||
--transition-spring: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);
|
||||
|
||||
/* Layout */
|
||||
--header-height: 72px;
|
||||
--max-width: 1280px;
|
||||
--sidebar-width: 280px;
|
||||
}
|
||||
|
||||
/* ─── Scrollbar ──────────────────────────── */
|
||||
::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background: var(--color-bg-primary);
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: var(--color-border-light);
|
||||
border-radius: var(--radius-full);
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: var(--color-text-muted);
|
||||
}
|
||||
|
||||
/* ─── Typography ─────────────────────────── */
|
||||
.text-display {
|
||||
font-family: var(--font-display);
|
||||
font-weight: 700;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
h1 { font-family: var(--font-display); font-size: 2.5rem; font-weight: 700; line-height: 1.1; }
|
||||
h2 { font-family: var(--font-display); font-size: 2rem; font-weight: 600; line-height: 1.2; }
|
||||
h3 { font-family: var(--font-display); font-size: 1.5rem; font-weight: 600; line-height: 1.3; }
|
||||
h4 { font-size: 1.125rem; font-weight: 600; line-height: 1.4; }
|
||||
.text-sm { font-size: 0.875rem; }
|
||||
.text-xs { font-size: 0.75rem; }
|
||||
.text-lg { font-size: 1.125rem; }
|
||||
|
||||
/* ─── Button Base ────────────────────────── */
|
||||
.btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: var(--space-sm);
|
||||
padding: 12px 24px;
|
||||
border-radius: var(--radius-md);
|
||||
font-weight: 600;
|
||||
font-size: 0.9375rem;
|
||||
transition: all var(--transition-base);
|
||||
white-space: nowrap;
|
||||
min-height: 44px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.btn::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: white;
|
||||
opacity: 0;
|
||||
transition: opacity var(--transition-fast);
|
||||
}
|
||||
|
||||
.btn:active::after {
|
||||
opacity: 0.1;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: linear-gradient(135deg, var(--color-green-600), var(--color-green-500));
|
||||
color: white;
|
||||
box-shadow: var(--shadow-sm), var(--shadow-glow-green);
|
||||
}
|
||||
.btn-primary:hover {
|
||||
background: linear-gradient(135deg, var(--color-green-500), var(--color-green-400));
|
||||
transform: translateY(-1px);
|
||||
box-shadow: var(--shadow-md), var(--shadow-glow-green);
|
||||
}
|
||||
|
||||
.btn-gold {
|
||||
background: linear-gradient(135deg, var(--color-gold-600), var(--color-gold-500));
|
||||
color: var(--color-text-inverse);
|
||||
box-shadow: var(--shadow-sm), var(--shadow-glow-gold);
|
||||
}
|
||||
.btn-gold:hover {
|
||||
background: linear-gradient(135deg, var(--color-gold-500), var(--color-gold-400));
|
||||
transform: translateY(-1px);
|
||||
box-shadow: var(--shadow-md), var(--shadow-glow-gold);
|
||||
}
|
||||
|
||||
.btn-outline {
|
||||
background: transparent;
|
||||
color: var(--color-text-primary);
|
||||
border: 1px solid var(--color-border-light);
|
||||
}
|
||||
.btn-outline:hover {
|
||||
border-color: var(--color-gold-500);
|
||||
color: var(--color-gold-400);
|
||||
background: rgba(200, 169, 81, 0.05);
|
||||
}
|
||||
|
||||
.btn-ghost {
|
||||
background: transparent;
|
||||
color: var(--color-text-secondary);
|
||||
}
|
||||
.btn-ghost:hover {
|
||||
color: var(--color-text-primary);
|
||||
background: var(--color-bg-hover);
|
||||
}
|
||||
|
||||
.btn-danger {
|
||||
background: var(--color-error);
|
||||
color: white;
|
||||
}
|
||||
.btn-danger:hover {
|
||||
opacity: 0.9;
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
.btn-sm {
|
||||
padding: 8px 16px;
|
||||
font-size: 0.8125rem;
|
||||
min-height: 36px;
|
||||
}
|
||||
|
||||
.btn-lg {
|
||||
padding: 16px 32px;
|
||||
font-size: 1.0625rem;
|
||||
min-height: 52px;
|
||||
border-radius: var(--radius-lg);
|
||||
}
|
||||
|
||||
.btn-full {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.btn:disabled {
|
||||
opacity: 0.4;
|
||||
cursor: not-allowed;
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
/* ─── Input ──────────────────────────────── */
|
||||
.input-group {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--space-xs);
|
||||
}
|
||||
|
||||
.input-label {
|
||||
font-size: 0.8125rem;
|
||||
font-weight: 500;
|
||||
color: var(--color-text-secondary);
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
|
||||
.input {
|
||||
width: 100%;
|
||||
padding: 12px 16px;
|
||||
background: var(--color-bg-input);
|
||||
border: 1px solid var(--color-border);
|
||||
border-radius: var(--radius-md);
|
||||
color: var(--color-text-primary);
|
||||
font-size: 0.9375rem;
|
||||
transition: border-color var(--transition-base), box-shadow var(--transition-base);
|
||||
min-height: 44px;
|
||||
}
|
||||
|
||||
.input:focus {
|
||||
outline: none;
|
||||
border-color: var(--color-border-focus);
|
||||
box-shadow: 0 0 0 3px rgba(200, 169, 81, 0.1);
|
||||
}
|
||||
|
||||
.input::placeholder {
|
||||
color: var(--color-text-muted);
|
||||
}
|
||||
|
||||
.input-error {
|
||||
border-color: var(--color-error);
|
||||
}
|
||||
|
||||
.error-text {
|
||||
font-size: 0.75rem;
|
||||
color: var(--color-error);
|
||||
}
|
||||
|
||||
select.input {
|
||||
appearance: none;
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23a09e94' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
|
||||
background-repeat: no-repeat;
|
||||
background-position: right 14px center;
|
||||
padding-right: 40px;
|
||||
}
|
||||
|
||||
/* ─── Card ───────────────────────────────── */
|
||||
.card {
|
||||
background: var(--color-bg-card);
|
||||
border: 1px solid var(--color-border);
|
||||
border-radius: var(--radius-lg);
|
||||
padding: var(--space-lg);
|
||||
transition: border-color var(--transition-base), box-shadow var(--transition-base);
|
||||
}
|
||||
|
||||
.card-hover:hover {
|
||||
border-color: var(--color-border-light);
|
||||
box-shadow: var(--shadow-md);
|
||||
}
|
||||
|
||||
.card-glass {
|
||||
background: rgba(26, 26, 26, 0.8);
|
||||
backdrop-filter: blur(20px);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
border: 1px solid rgba(255, 255, 255, 0.06);
|
||||
}
|
||||
|
||||
/* ─── Badge ──────────────────────────────── */
|
||||
.badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding: 4px 10px;
|
||||
border-radius: var(--radius-full);
|
||||
font-size: 0.6875rem;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.badge-green {
|
||||
background: var(--color-success-bg);
|
||||
color: var(--color-success);
|
||||
}
|
||||
|
||||
.badge-red {
|
||||
background: var(--color-error-bg);
|
||||
color: var(--color-error);
|
||||
}
|
||||
|
||||
.badge-gold {
|
||||
background: rgba(200, 169, 81, 0.12);
|
||||
color: var(--color-gold-400);
|
||||
}
|
||||
|
||||
.badge-gray {
|
||||
background: var(--color-bg-elevated);
|
||||
color: var(--color-text-secondary);
|
||||
}
|
||||
|
||||
/* ─── Modal / Overlay ────────────────────── */
|
||||
.overlay {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
backdrop-filter: blur(4px);
|
||||
z-index: 100;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: var(--space-md);
|
||||
animation: fadeIn var(--transition-base) ease;
|
||||
}
|
||||
|
||||
.modal {
|
||||
background: var(--color-bg-secondary);
|
||||
border: 1px solid var(--color-border);
|
||||
border-radius: var(--radius-xl);
|
||||
width: 100%;
|
||||
max-width: 520px;
|
||||
max-height: 90vh;
|
||||
overflow-y: auto;
|
||||
box-shadow: var(--shadow-xl);
|
||||
animation: slideUp var(--transition-slow) ease;
|
||||
}
|
||||
|
||||
.modal-wide {
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
padding: var(--space-lg);
|
||||
border-bottom: 1px solid var(--color-border);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
padding: var(--space-lg);
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
padding: var(--space-lg);
|
||||
border-top: 1px solid var(--color-border);
|
||||
display: flex;
|
||||
gap: var(--space-sm);
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.modal-close {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: var(--radius-md);
|
||||
color: var(--color-text-secondary);
|
||||
transition: all var(--transition-fast);
|
||||
}
|
||||
|
||||
.modal-close:hover {
|
||||
background: var(--color-bg-hover);
|
||||
color: var(--color-text-primary);
|
||||
}
|
||||
|
||||
/* ─── Tabs ───────────────────────────────── */
|
||||
.tabs {
|
||||
display: flex;
|
||||
gap: var(--space-xs);
|
||||
border-bottom: 1px solid var(--color-border);
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
.tabs::-webkit-scrollbar { display: none; }
|
||||
|
||||
.tab {
|
||||
padding: var(--space-sm) var(--space-md);
|
||||
font-size: 0.875rem;
|
||||
font-weight: 500;
|
||||
color: var(--color-text-secondary);
|
||||
border-bottom: 2px solid transparent;
|
||||
transition: all var(--transition-base);
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.tab:hover {
|
||||
color: var(--color-text-primary);
|
||||
}
|
||||
|
||||
.tab-active {
|
||||
color: var(--color-gold-400);
|
||||
border-bottom-color: var(--color-gold-500);
|
||||
}
|
||||
|
||||
/* ─── Table (data) ───────────────────────── */
|
||||
.data-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.data-table th {
|
||||
text-align: left;
|
||||
padding: var(--space-sm) var(--space-md);
|
||||
font-size: 0.75rem;
|
||||
font-weight: 600;
|
||||
color: var(--color-text-muted);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
border-bottom: 1px solid var(--color-border);
|
||||
}
|
||||
|
||||
.data-table td {
|
||||
padding: var(--space-sm) var(--space-md);
|
||||
font-size: 0.875rem;
|
||||
border-bottom: 1px solid var(--color-border);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.data-table tr:hover td {
|
||||
background: var(--color-bg-hover);
|
||||
}
|
||||
|
||||
/* ─── Checkbox / Toggle ──────────────────── */
|
||||
.checkbox-wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--space-sm);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.checkbox {
|
||||
appearance: none;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border: 2px solid var(--color-border-light);
|
||||
border-radius: var(--radius-xs);
|
||||
background: var(--color-bg-input);
|
||||
cursor: pointer;
|
||||
transition: all var(--transition-fast);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.checkbox:checked {
|
||||
background: var(--color-green-600);
|
||||
border-color: var(--color-green-600);
|
||||
}
|
||||
|
||||
.checkbox:checked::after {
|
||||
content: '✓';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
color: white;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.toggle {
|
||||
position: relative;
|
||||
width: 44px;
|
||||
height: 24px;
|
||||
background: var(--color-bg-elevated);
|
||||
border-radius: var(--radius-full);
|
||||
cursor: pointer;
|
||||
transition: background var(--transition-base);
|
||||
border: 1px solid var(--color-border);
|
||||
}
|
||||
|
||||
.toggle.active {
|
||||
background: var(--color-green-600);
|
||||
border-color: var(--color-green-600);
|
||||
}
|
||||
|
||||
.toggle::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
left: 2px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
border-radius: 50%;
|
||||
background: white;
|
||||
transition: transform var(--transition-base);
|
||||
}
|
||||
|
||||
.toggle.active::after {
|
||||
transform: translateX(20px);
|
||||
}
|
||||
|
||||
/* ─── Skeleton Loader ────────────────────── */
|
||||
.skeleton {
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
var(--color-bg-elevated) 25%,
|
||||
var(--color-bg-hover) 50%,
|
||||
var(--color-bg-elevated) 75%
|
||||
);
|
||||
background-size: 200% 100%;
|
||||
animation: shimmer 1.5s infinite;
|
||||
border-radius: var(--radius-md);
|
||||
}
|
||||
|
||||
/* ─── Toast / Notification ───────────────── */
|
||||
.toast-container {
|
||||
position: fixed;
|
||||
top: calc(var(--header-height) + var(--space-md));
|
||||
right: var(--space-md);
|
||||
z-index: 200;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--space-sm);
|
||||
}
|
||||
|
||||
.toast {
|
||||
padding: var(--space-md) var(--space-lg);
|
||||
border-radius: var(--radius-lg);
|
||||
font-size: 0.875rem;
|
||||
font-weight: 500;
|
||||
box-shadow: var(--shadow-lg);
|
||||
animation: slideInRight var(--transition-slow) ease;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--space-sm);
|
||||
min-width: 280px;
|
||||
}
|
||||
|
||||
.toast-success {
|
||||
background: var(--color-success-bg);
|
||||
border: 1px solid var(--color-success);
|
||||
color: var(--color-success);
|
||||
}
|
||||
|
||||
.toast-error {
|
||||
background: var(--color-error-bg);
|
||||
border: 1px solid var(--color-error);
|
||||
color: var(--color-error);
|
||||
}
|
||||
|
||||
/* ─── Layout Utilities ───────────────────── */
|
||||
.container {
|
||||
width: 100%;
|
||||
max-width: var(--max-width);
|
||||
margin: 0 auto;
|
||||
padding: 0 var(--space-lg);
|
||||
}
|
||||
|
||||
.page {
|
||||
min-height: calc(100vh - var(--header-height));
|
||||
padding-top: var(--space-2xl);
|
||||
padding-bottom: var(--space-3xl);
|
||||
}
|
||||
|
||||
.flex { display: flex; }
|
||||
.flex-col { flex-direction: column; }
|
||||
.items-center { align-items: center; }
|
||||
.justify-between { justify-content: space-between; }
|
||||
.justify-center { justify-content: center; }
|
||||
.gap-xs { gap: var(--space-xs); }
|
||||
.gap-sm { gap: var(--space-sm); }
|
||||
.gap-md { gap: var(--space-md); }
|
||||
.gap-lg { gap: var(--space-lg); }
|
||||
.gap-xl { gap: var(--space-xl); }
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.grid-2 { grid-template-columns: repeat(2, 1fr); }
|
||||
.grid-3 { grid-template-columns: repeat(3, 1fr); }
|
||||
.grid-4 { grid-template-columns: repeat(4, 1fr); }
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.grid-2, .grid-3, .grid-4 {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
/* ─── Divider ────────────────────────────── */
|
||||
.divider {
|
||||
height: 1px;
|
||||
background: var(--color-border);
|
||||
border: none;
|
||||
margin: var(--space-lg) 0;
|
||||
}
|
||||
|
||||
/* ─── Animations ─────────────────────────── */
|
||||
@keyframes fadeIn {
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
|
||||
@keyframes slideUp {
|
||||
from { opacity: 0; transform: translateY(20px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
|
||||
@keyframes slideInRight {
|
||||
from { opacity: 0; transform: translateX(100px); }
|
||||
to { opacity: 1; transform: translateX(0); }
|
||||
}
|
||||
|
||||
@keyframes shimmer {
|
||||
0% { background-position: -200% 0; }
|
||||
100% { background-position: 200% 0; }
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0%, 100% { opacity: 1; }
|
||||
50% { opacity: 0.5; }
|
||||
}
|
||||
|
||||
@keyframes scaleIn {
|
||||
from { opacity: 0; transform: scale(0.9); }
|
||||
to { opacity: 1; transform: scale(1); }
|
||||
}
|
||||
|
||||
.animate-fade-in { animation: fadeIn var(--transition-base) ease; }
|
||||
.animate-slide-up { animation: slideUp var(--transition-slow) ease; }
|
||||
.animate-scale-in { animation: scaleIn var(--transition-spring); }
|
||||
|
||||
/* ─── Grain texture ──────────────────────── */
|
||||
body::before {
|
||||
content: '';
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
pointer-events: none;
|
||||
z-index: 9999;
|
||||
opacity: 0.015;
|
||||
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
import React from 'react';
|
||||
import { Outlet } from 'react-router-dom';
|
||||
import { Header } from '@/components/Header';
|
||||
import { Footer } from '@/components/Footer';
|
||||
|
||||
export const MainLayout: React.FC = () => {
|
||||
return (
|
||||
<>
|
||||
<Header />
|
||||
<main className="page">
|
||||
<Outlet />
|
||||
</main>
|
||||
<Footer />
|
||||
</>
|
||||
);
|
||||
};
|
||||
@@ -0,0 +1,10 @@
|
||||
import React from 'react';
|
||||
import ReactDOM from 'react-dom/client';
|
||||
import App from './App';
|
||||
import './index.css';
|
||||
|
||||
ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
|
||||
<React.StrictMode>
|
||||
<App />
|
||||
</React.StrictMode>
|
||||
);
|
||||
@@ -0,0 +1,238 @@
|
||||
import React, { useMemo, useState } from 'react';
|
||||
import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
|
||||
import api from '@/services/api';
|
||||
import { Loader } from '@/components/Loader';
|
||||
import { useAuthStore } from '@/features/auth/store';
|
||||
import { Navigate } from 'react-router-dom';
|
||||
|
||||
export const AdminPage: React.FC = () => {
|
||||
const { user } = useAuthStore();
|
||||
const queryClient = useQueryClient();
|
||||
const [activeTab, setActiveTab] = useState<'reservations' | 'stoplist'>('reservations');
|
||||
const [categoryFilter, setCategoryFilter] = useState<string>('__all__');
|
||||
|
||||
if (user?.role !== 'ADMIN') {
|
||||
return <Navigate to="/" />;
|
||||
}
|
||||
|
||||
const { data: resData, isLoading: resLoading } = useQuery({
|
||||
queryKey: ['admin-reservations'],
|
||||
queryFn: () => api.get('/reservations').then(res => res.data)
|
||||
});
|
||||
|
||||
const { data: dishesData, isLoading: dishesLoading } = useQuery({
|
||||
queryKey: ['admin-dishes'],
|
||||
queryFn: () => api.get('/dishes').then(res => res.data)
|
||||
});
|
||||
|
||||
const updateStatusMutation = useMutation({
|
||||
mutationFn: ({ id, status }: { id: number, status: string }) => api.put(`/reservations/${id}/status`, { status }),
|
||||
onSuccess: () => {
|
||||
queryClient.invalidateQueries({ queryKey: ['admin-reservations'] });
|
||||
}
|
||||
});
|
||||
|
||||
const toggleAvailabilityMutation = useMutation({
|
||||
mutationFn: ({ id, availability }: { id: number, availability: string }) => api.put(`/dishes/${id}/availability`, { availability }),
|
||||
onSuccess: () => {
|
||||
queryClient.invalidateQueries({ queryKey: ['admin-dishes'] });
|
||||
}
|
||||
});
|
||||
|
||||
const reservations = resData?.data || [];
|
||||
const dishes = dishesData?.data || [];
|
||||
|
||||
const categories = useMemo(() => {
|
||||
const set = new Set<string>();
|
||||
for (const d of dishes) {
|
||||
const title = d?.category?.title;
|
||||
if (typeof title === 'string' && title.trim()) set.add(title);
|
||||
}
|
||||
return Array.from(set).sort((a, b) => a.localeCompare(b, 'ru'));
|
||||
}, [dishes]);
|
||||
|
||||
const filteredDishes = useMemo(() => {
|
||||
if (categoryFilter === '__all__') return dishes;
|
||||
return dishes.filter((d: any) => d?.category?.title === categoryFilter);
|
||||
}, [dishes, categoryFilter]);
|
||||
|
||||
const stoppedDishes = useMemo(() => {
|
||||
return dishes.filter((d: any) => d?.availability === 'STOPPED');
|
||||
}, [dishes]);
|
||||
|
||||
return (
|
||||
<div className="container">
|
||||
<h1 className="mb-6 font-display text-2xl mb-8" style={{ color: 'var(--color-gold-500)' }}>Панель Администратора</h1>
|
||||
|
||||
<div className="tabs mb-6">
|
||||
<div
|
||||
className={`tab ${activeTab === 'reservations' ? 'tab-active' : ''}`}
|
||||
onClick={() => setActiveTab('reservations')}
|
||||
>
|
||||
Бронирования
|
||||
</div>
|
||||
<div
|
||||
className={`tab ${activeTab === 'stoplist' ? 'tab-active' : ''}`}
|
||||
onClick={() => setActiveTab('stoplist')}
|
||||
>
|
||||
Стоп-лист {stoppedDishes.length > 0 ? `(${stoppedDishes.length})` : ''}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{activeTab === 'reservations' && (
|
||||
<section className="card p-0 overflow-hidden">
|
||||
<div className="p-4 border-b border-zinc-800">
|
||||
<h3 className="m-0">Управление бронями</h3>
|
||||
</div>
|
||||
{resLoading ? <Loader /> : (
|
||||
<div style={{ overflowX: 'auto' }}>
|
||||
<table className="data-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>Дата / Время</th>
|
||||
<th>Пользователь</th>
|
||||
<th>Стол</th>
|
||||
<th>Статус</th>
|
||||
<th>Действия</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{reservations.map((r: any) => (
|
||||
<tr key={r.id}>
|
||||
<td>#{r.id}</td>
|
||||
<td>{new Date(r.date + 'T00:00:00').toLocaleDateString('ru')}<br/><span className="text-muted">{r.time}</span></td>
|
||||
<td>{r.user.name} {r.user.surname}<br/><span className="text-muted">{r.user.phone}</span></td>
|
||||
<td>{r.pub.address.split(',')[0]}<br/><span className="text-gold-500 font-bold text-xs" style={{ color: 'var(--color-gold-500)' }}>Стол №{r.table.number}</span> ({r.numPeople}ч)</td>
|
||||
<td>
|
||||
<span className={`badge ${r.status === 'CONFIRMED' ? 'badge-green' : r.status === 'PENDING' ? 'badge-gold' : r.status === 'CANCELLED' ? 'badge-red' : 'badge-gray'}`}>
|
||||
{r.status}
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<select
|
||||
className="input"
|
||||
style={{ padding: '4px 8px', minHeight: 'auto', fontSize: '12px' }}
|
||||
value={r.status}
|
||||
onChange={(e) => updateStatusMutation.mutate({ id: r.id, status: e.target.value })}
|
||||
>
|
||||
<option value="PENDING">Ожидает</option>
|
||||
<option value="CONFIRMED">Подтверждена</option>
|
||||
<option value="CANCELLED">Отменена</option>
|
||||
<option value="COMPLETED">Завершена</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
)}
|
||||
</section>
|
||||
)}
|
||||
|
||||
{activeTab === 'stoplist' && (
|
||||
<div className="grid grid-2 gap-xl" style={{ gridTemplateColumns: 'minmax(0, 5fr) minmax(0, 7fr)' }}>
|
||||
<section className="card p-0 overflow-hidden">
|
||||
<div className="p-4 border-b border-zinc-800 flex justify-between items-center">
|
||||
<h3 className="m-0">Блюда в стоп-листе</h3>
|
||||
<span className="text-secondary text-sm">{stoppedDishes.length} шт.</span>
|
||||
</div>
|
||||
<div className="p-4 flex flex-col gap-sm" style={{ maxHeight: '600px', overflowY: 'auto' }}>
|
||||
{dishesLoading ? <Loader /> : stoppedDishes.length === 0 ? (
|
||||
<div className="text-secondary">Сейчас нет блюд в стоп-листе.</div>
|
||||
) : stoppedDishes.map((dish: any) => (
|
||||
<div
|
||||
key={dish.id}
|
||||
className="flex justify-between items-center p-3 rounded"
|
||||
style={{ background: 'var(--color-error-bg)', border: `1px solid var(--color-error)` }}
|
||||
>
|
||||
<div className="font-semibold">
|
||||
{dish.title}{' '}
|
||||
<span className="text-muted text-xs font-normal">({dish.category.title})</span>
|
||||
</div>
|
||||
<ButtonOrLink
|
||||
onClick={() => toggleAvailabilityMutation.mutate({ id: dish.id, availability: 'AVAILABLE' })}
|
||||
/>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="card p-0 overflow-hidden">
|
||||
<div className="p-4 border-b border-zinc-800 flex justify-between items-center">
|
||||
<h3 className="m-0">Стоп-лист блюд</h3>
|
||||
<span className="text-secondary text-sm">Вкл = в стопе</span>
|
||||
</div>
|
||||
|
||||
<div className="p-4 border-b border-zinc-800 flex items-center gap-md" style={{ background: 'var(--color-bg-elevated)' }}>
|
||||
<label className="text-secondary text-sm" style={{ minWidth: 90 }}>Категория</label>
|
||||
<select
|
||||
className="input"
|
||||
style={{ padding: '6px 10px', minHeight: 'auto', fontSize: '12px' }}
|
||||
value={categoryFilter}
|
||||
onChange={(e) => setCategoryFilter(e.target.value)}
|
||||
>
|
||||
<option value="__all__">Все</option>
|
||||
{categories.map((c) => (
|
||||
<option key={c} value={c}>{c}</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div className="p-4 flex flex-col gap-sm" style={{ maxHeight: '540px', overflowY: 'auto' }}>
|
||||
{dishesLoading ? <Loader /> : filteredDishes.map((dish: any) => (
|
||||
<div
|
||||
key={dish.id}
|
||||
className="flex justify-between items-center p-3 rounded"
|
||||
style={{
|
||||
background: dish.availability === 'STOPPED' ? 'var(--color-error-bg)' : 'var(--color-bg-input)',
|
||||
border: `1px solid ${dish.availability === 'STOPPED' ? 'var(--color-error)' : 'transparent'}`
|
||||
}}
|
||||
>
|
||||
<div>
|
||||
<div className="font-semibold">{dish.title} <span className="text-muted text-xs font-normal">({dish.category.title})</span></div>
|
||||
</div>
|
||||
<div
|
||||
className="toggle-wrapper"
|
||||
onClick={() => toggleAvailabilityMutation.mutate({ id: dish.id, availability: dish.availability === 'AVAILABLE' ? 'STOPPED' : 'AVAILABLE' })}
|
||||
>
|
||||
<div
|
||||
className={`toggle ${dish.availability === 'STOPPED' ? 'active' : ''}`}
|
||||
style={{
|
||||
borderColor: dish.availability === 'STOPPED' ? 'var(--color-error)' : undefined,
|
||||
background: dish.availability === 'STOPPED' ? 'var(--color-error)' : undefined
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
)}
|
||||
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
const ButtonOrLink: React.FC<{ onClick: () => void }> = ({ onClick }) => {
|
||||
return (
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-ghost"
|
||||
style={{
|
||||
padding: '6px 10px',
|
||||
fontSize: '12px',
|
||||
border: '1px solid var(--color-border-light)',
|
||||
borderRadius: '999px',
|
||||
color: 'var(--color-text)',
|
||||
background: 'transparent',
|
||||
cursor: 'pointer'
|
||||
}}
|
||||
onClick={onClick}
|
||||
>
|
||||
Убрать
|
||||
</button>
|
||||
);
|
||||
};
|
||||
@@ -0,0 +1,384 @@
|
||||
import React, { useState } from 'react';
|
||||
import { useQuery, useMutation } from '@tanstack/react-query';
|
||||
import { useNavigate } from 'react-router-dom';
|
||||
import api from '@/services/api';
|
||||
import { useBookingStore } from '@/features/booking/store';
|
||||
import { useAuthStore } from '@/features/auth/store';
|
||||
import { Input } from '@/components/Input';
|
||||
import { Button } from '@/components/Button';
|
||||
import { Loader } from '@/components/Loader';
|
||||
import { FloorPlan } from '@/features/booking/components/FloorPlan';
|
||||
import { DishSelector } from '@/features/booking/components/DishSelector';
|
||||
|
||||
export const BookingPage: React.FC = () => {
|
||||
const navigate = useNavigate();
|
||||
const { isAuthenticated, user } = useAuthStore();
|
||||
const state = useBookingStore();
|
||||
const [step, setStep] = useState<1 | 2 | 3>(1); // 1: Details & Table, 2: Dishes, 3: Payment/Confirm
|
||||
const [paymentMethod, setPaymentMethod] = useState<'saved' | 'new'>('new');
|
||||
const [paymentCardNumber, setPaymentCardNumber] = useState('');
|
||||
const [paymentCardExpiry, setPaymentCardExpiry] = useState('');
|
||||
const [paymentCardCvv, setPaymentCardCvv] = useState('');
|
||||
|
||||
// Queries
|
||||
const { data: pubsRes, isLoading: pubsLoading } = useQuery({
|
||||
queryKey: ['pubs'],
|
||||
queryFn: () => api.get('/pubs').then(res => res.data)
|
||||
});
|
||||
|
||||
const { data: tablesRes, isLoading: tablesLoading, isFetching: tablesFetching } = useQuery({
|
||||
queryKey: ['tables-avail', state.pubId, state.date, state.time],
|
||||
queryFn: () => api.get(`/pubs/${state.pubId}/tables/availability?date=${state.date}&time=${state.time}`).then(res => res.data),
|
||||
enabled: !!(state.pubId && state.date && state.time)
|
||||
});
|
||||
|
||||
// Mutations
|
||||
const createReservationMutation = useMutation({
|
||||
mutationFn: (data: any) => api.post('/reservations', data).then(res => res.data),
|
||||
onSuccess: () => {
|
||||
state.reset();
|
||||
navigate('/profile');
|
||||
},
|
||||
onError: (err: any) => {
|
||||
alert(err.response?.data?.error || 'Ошибка при бронировании');
|
||||
}
|
||||
});
|
||||
|
||||
const paymentMutation = useMutation({
|
||||
mutationFn: (data: any) => api.post('/payments/create', data).then(res => res.data)
|
||||
});
|
||||
|
||||
// Today string for min date
|
||||
const today = new Date().toISOString().split('T')[0];
|
||||
const pubs = pubsRes?.data || [];
|
||||
const tables = tablesRes?.data || [];
|
||||
|
||||
// Set default pub
|
||||
React.useEffect(() => {
|
||||
if (pubs.length > 0 && !state.pubId) {
|
||||
state.setPubId(pubs[0].id);
|
||||
}
|
||||
}, [pubs, state.pubId]);
|
||||
|
||||
if (!isAuthenticated) {
|
||||
return (
|
||||
<div className="container" style={{ textAlign: 'center', paddingTop: 'var(--space-4xl)' }}>
|
||||
<h2 style={{ marginBottom: 'var(--space-md)' }}>Требуется авторизация</h2>
|
||||
<p className="text-secondary" style={{ marginBottom: 'var(--space-xl)' }}>Для бронирования стола необходимо войти в личный кабинет.</p>
|
||||
<Button variant="primary" onClick={() => navigate('/')}>Вернуться на главную</Button>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
const handleNextToDishes = () => {
|
||||
if (!state.pubId || !state.date || !state.time || !state.numPeople || !state.tableId) {
|
||||
alert('Пожалуйста, заполните все поля и выберите стол');
|
||||
return;
|
||||
}
|
||||
setStep(2);
|
||||
};
|
||||
|
||||
const handleConfirmReservation = async () => {
|
||||
const payload = {
|
||||
pubId: state.pubId,
|
||||
tableId: state.tableId,
|
||||
date: state.date,
|
||||
time: state.time,
|
||||
numPeople: state.numPeople,
|
||||
dishes: state.includeDishes && state.dishes.length > 0
|
||||
? state.dishes.map(d => ({ dishId: d.dishId, quantity: d.quantity }))
|
||||
: undefined
|
||||
};
|
||||
|
||||
if (payload.dishes && payload.dishes.length > 0) {
|
||||
setPaymentMethod(user?.cardLastFour ? 'saved' : 'new');
|
||||
setPaymentCardNumber('');
|
||||
setPaymentCardExpiry('');
|
||||
setPaymentCardCvv('');
|
||||
setStep(3);
|
||||
} else {
|
||||
createReservationMutation.mutate(payload);
|
||||
}
|
||||
};
|
||||
|
||||
const handleMockPayment = async () => {
|
||||
let cardLastFour: string;
|
||||
let cardExpiry: string;
|
||||
|
||||
if (paymentMethod === 'saved') {
|
||||
if (!user?.cardLastFour || !user?.cardExpiry) {
|
||||
alert('Привязанная карта не найдена. Введите данные новой карты.');
|
||||
return;
|
||||
}
|
||||
cardLastFour = user.cardLastFour;
|
||||
cardExpiry = user.cardExpiry;
|
||||
} else {
|
||||
const cardDigits = paymentCardNumber.replace(/\D/g, '');
|
||||
if (cardDigits.length !== 16) {
|
||||
alert('Введите корректный номер карты (16 цифр)');
|
||||
return;
|
||||
}
|
||||
if (!/^\d{2}\/\d{2}$/.test(paymentCardExpiry)) {
|
||||
alert('Введите срок действия карты в формате ММ/ГГ');
|
||||
return;
|
||||
}
|
||||
cardLastFour = cardDigits.slice(-4);
|
||||
cardExpiry = paymentCardExpiry;
|
||||
}
|
||||
|
||||
if (!/^\d{3,4}$/.test(paymentCardCvv)) {
|
||||
alert('Введите корректный CVC/CVV');
|
||||
return;
|
||||
}
|
||||
|
||||
const payload = {
|
||||
pubId: state.pubId,
|
||||
tableId: state.tableId,
|
||||
date: state.date,
|
||||
time: state.time,
|
||||
numPeople: state.numPeople,
|
||||
dishes: state.dishes.map(d => ({ dishId: d.dishId, quantity: d.quantity }))
|
||||
};
|
||||
|
||||
createReservationMutation.mutate(payload, {
|
||||
onSuccess: async (res) => {
|
||||
await paymentMutation.mutateAsync({
|
||||
amount: Number(res.data.prepaid),
|
||||
reservationId: res.data.id,
|
||||
cardData: {
|
||||
cardLastFour,
|
||||
cardExpiry,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const formatCardNumber = (value: string) => {
|
||||
const digits = value.replace(/\D/g, '').slice(0, 16);
|
||||
return digits.replace(/(.{4})/g, '$1 ').trim();
|
||||
};
|
||||
|
||||
const formatCardExpiry = (value: string) => {
|
||||
const digits = value.replace(/\D/g, '').slice(0, 4);
|
||||
if (digits.length <= 2) return digits;
|
||||
return `${digits.slice(0, 2)}/${digits.slice(2)}`;
|
||||
};
|
||||
|
||||
const hasSavedCard = Boolean(user?.cardLastFour);
|
||||
|
||||
const totalCost = state.getTotalCost();
|
||||
const prepaidAmount = Math.round(totalCost * 0.5);
|
||||
|
||||
if (pubsLoading) return <Loader />;
|
||||
|
||||
return (
|
||||
<div className="container" style={{ maxWidth: '900px' }}>
|
||||
<h1 className="text-center" style={{ marginBottom: 'var(--space-xl)', color: 'var(--color-gold-500)' }}>Бронирование стола</h1>
|
||||
|
||||
{/* Stepper indicator */}
|
||||
<div className="flex justify-center items-center gap-md" style={{ marginBottom: 'var(--space-2xl)' }}>
|
||||
<div className={`badge ${step >= 1 ? 'badge-gold' : 'badge-gray'}`}>1. Стол</div>
|
||||
<div style={{ width: '40px', height: '2px', background: step >= 2 ? 'var(--color-gold-500)' : 'var(--color-border)' }} />
|
||||
<div className={`badge ${step >= 2 ? 'badge-gold' : 'badge-gray'}`}>2. Предзаказ</div>
|
||||
<div style={{ width: '40px', height: '2px', background: step >= 3 ? 'var(--color-gold-500)' : 'var(--color-border)' }} />
|
||||
<div className={`badge ${step >= 3 ? 'badge-gold' : 'badge-gray'}`}>3. Оплата</div>
|
||||
</div>
|
||||
|
||||
{step === 1 && (
|
||||
<div className="card animate-fade-in flex-col gap-lg">
|
||||
<div className="grid grid-2 gap-md">
|
||||
<div>
|
||||
<label className="input-label">Паб</label>
|
||||
<select className="input" value={state.pubId || ''} onChange={(e) => state.setPubId(Number(e.target.value))}>
|
||||
{pubs.map((p: any) => <option key={p.id} value={p.id}>{p.address}</option>)}
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<Input label="Количество гостей" type="number" min="1" max="20" value={state.numPeople} onChange={(e) => state.setNumPeople(parseInt(e.target.value))} />
|
||||
|
||||
<Input label="Дата" type="date" min={today} value={state.date} onChange={(e) => state.setDate(e.target.value)} />
|
||||
|
||||
<Input label="Время" type="time" min="12:00" max="02:00" value={state.time} onChange={(e) => state.setTime(e.target.value)} />
|
||||
</div>
|
||||
|
||||
<div className="divider" />
|
||||
|
||||
<div>
|
||||
<div className="flex justify-between items-center mb-2">
|
||||
<h3 style={{ marginBottom: 'var(--space-md)' }}>Выберите стол</h3>
|
||||
{tablesFetching && <span className="text-sm text-secondary animate-pulse">Обновление...</span>}
|
||||
</div>
|
||||
|
||||
{(!state.date || !state.time) ? (
|
||||
<div className="text-center p-8 bg-zinc-900 rounded border border-zinc-800 text-secondary">
|
||||
Пожалуйста, выберите дату и время для просмотра свободных столов
|
||||
</div>
|
||||
) : tablesLoading ? (
|
||||
<Loader />
|
||||
) : (
|
||||
<>
|
||||
<FloorPlan tables={tables} selectedTableId={state.tableId} onSelectTable={state.setTableId} />
|
||||
|
||||
<div className="flex justify-center gap-lg" style={{ marginTop: 'var(--space-md)' }}>
|
||||
<div className="flex items-center gap-sm text-sm"><span style={{ display:'inline-block', width:12, height:12, background:'var(--color-green-700)', borderRadius:'50%' }}/> Свободен</div>
|
||||
<div className="flex items-center gap-sm text-sm"><span style={{ display:'inline-block', width:12, height:12, background:'var(--color-error-bg)', borderRadius:'50%' }}/> Занят / Не подходит</div>
|
||||
<div className="flex items-center gap-sm text-sm"><span style={{ display:'inline-block', width:12, height:12, background:'var(--color-gold-500)', borderRadius:'50%' }}/> Выбран</div>
|
||||
</div>
|
||||
|
||||
{state.tableId && (() => {
|
||||
const sTable = tables.find((t: any) => t.id === state.tableId);
|
||||
return sTable && sTable.capacity < state.numPeople && (
|
||||
<div className="badge badge-red mt-4 ml-auto mr-auto block text-center" style={{ maxWidth: 300 }}>
|
||||
Внимание: вместимость стола ({sTable.capacity}) меньше кол-ва гостей ({state.numPeople})
|
||||
</div>
|
||||
);
|
||||
})()}
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="flex justify-end mt-4">
|
||||
<Button variant="primary" size="lg" disabled={!state.tableId} onClick={handleNextToDishes}>
|
||||
Далее
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{step === 2 && (
|
||||
<div className="animate-fade-in flex-col gap-lg">
|
||||
<div className="card mb-4 flex justify-between items-center">
|
||||
<div>
|
||||
<p className="font-semibold">Предзаказ блюд <span className="badge badge-gray ml-2 text-xs">По желанию</span></p>
|
||||
<p className="text-sm text-secondary">Оформляя предзаказ, вы экономите время ожидания. Требуется 50% предоплата за блюда.</p>
|
||||
</div>
|
||||
<div className="toggle-wrapper" onClick={() => state.setIncludeDishes(!state.includeDishes)}>
|
||||
<div className={`toggle ${state.includeDishes ? 'active' : ''}`} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{state.includeDishes && state.pubId && (
|
||||
<div className="card">
|
||||
<DishSelector pubId={state.pubId} />
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className="flex justify-between items-center mt-6 p-4 bg-zinc-900 rounded border border-zinc-800">
|
||||
<div>
|
||||
<Button variant="ghost" onClick={() => setStep(1)}>Назад</Button>
|
||||
</div>
|
||||
<div className="flex items-center gap-lg">
|
||||
{state.includeDishes && state.dishes.length > 0 && (
|
||||
<div style={{ textAlign: 'right' }}>
|
||||
<p className="text-sm text-secondary">Итого (Предоплата):</p>
|
||||
<p className="font-display font-bold text-lg" style={{ color: 'var(--color-gold-400)' }}>{prepaidAmount} ₽</p>
|
||||
</div>
|
||||
)}
|
||||
<Button variant="primary" size="lg" onClick={handleConfirmReservation} isLoading={createReservationMutation.isPending}>
|
||||
{state.includeDishes && state.dishes.length > 0 ? 'Перейти к оплате' : 'Подтвердить бронь'}
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{step === 3 && (
|
||||
<div className="card animate-fade-in flex-col items-center justify-center p-8 gap-lg" style={{ minHeight: '400px' }}>
|
||||
<h2 style={{ color: 'var(--color-gold-500)' }}>Оплата предзаказа</h2>
|
||||
<p className="text-secondary text-center mb-6">Сумма к оплате (50%): <strong>{prepaidAmount} ₽</strong></p>
|
||||
|
||||
<div className="p-6 bg-zinc-950 rounded border border-zinc-800 w-full max-w-sm mb-6">
|
||||
<p className="text-sm text-muted text-center mb-4">MOCK ПЛАТЕЖНЫЙ ШЛЮЗ</p>
|
||||
|
||||
{hasSavedCard && (
|
||||
<div className="flex flex-col gap-sm mb-4">
|
||||
<label
|
||||
className="flex items-center gap-sm p-3 rounded cursor-pointer"
|
||||
style={{
|
||||
background: paymentMethod === 'saved' ? 'var(--color-bg-elevated)' : 'transparent',
|
||||
border: `1px solid ${paymentMethod === 'saved' ? 'var(--color-gold-500)' : 'var(--color-border)'}`,
|
||||
}}
|
||||
>
|
||||
<input
|
||||
type="radio"
|
||||
name="paymentMethod"
|
||||
checked={paymentMethod === 'saved'}
|
||||
onChange={() => setPaymentMethod('saved')}
|
||||
/>
|
||||
<span className="text-sm">
|
||||
💳 •••• •••• •••• {user!.cardLastFour}
|
||||
{user!.cardExpiry ? ` (до ${user!.cardExpiry})` : ''}
|
||||
</span>
|
||||
</label>
|
||||
<label
|
||||
className="flex items-center gap-sm p-3 rounded cursor-pointer"
|
||||
style={{
|
||||
background: paymentMethod === 'new' ? 'var(--color-bg-elevated)' : 'transparent',
|
||||
border: `1px solid ${paymentMethod === 'new' ? 'var(--color-gold-500)' : 'var(--color-border)'}`,
|
||||
}}
|
||||
>
|
||||
<input
|
||||
type="radio"
|
||||
name="paymentMethod"
|
||||
checked={paymentMethod === 'new'}
|
||||
onChange={() => setPaymentMethod('new')}
|
||||
/>
|
||||
<span className="text-sm">Оплатить другой картой</span>
|
||||
</label>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{paymentMethod === 'new' && (
|
||||
<>
|
||||
<Input
|
||||
label="Номер карты"
|
||||
placeholder="0000 0000 0000 0000"
|
||||
value={paymentCardNumber}
|
||||
onChange={(e) => setPaymentCardNumber(formatCardNumber(e.target.value))}
|
||||
maxLength={19}
|
||||
/>
|
||||
<div className="grid grid-2 gap-md mt-4">
|
||||
<Input
|
||||
label="Срок действия"
|
||||
placeholder="ММ/ГГ"
|
||||
value={paymentCardExpiry}
|
||||
onChange={(e) => setPaymentCardExpiry(formatCardExpiry(e.target.value))}
|
||||
maxLength={5}
|
||||
/>
|
||||
<Input
|
||||
label="CVC"
|
||||
placeholder="***"
|
||||
type="password"
|
||||
value={paymentCardCvv}
|
||||
onChange={(e) => setPaymentCardCvv(e.target.value.replace(/\D/g, '').slice(0, 4))}
|
||||
maxLength={4}
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
)}
|
||||
|
||||
{paymentMethod === 'saved' && (
|
||||
<Input
|
||||
label="CVC"
|
||||
placeholder="***"
|
||||
type="password"
|
||||
value={paymentCardCvv}
|
||||
onChange={(e) => setPaymentCardCvv(e.target.value.replace(/\D/g, '').slice(0, 4))}
|
||||
maxLength={4}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="flex justify-center gap-md">
|
||||
<Button variant="ghost" onClick={() => setStep(2)}>Отмена</Button>
|
||||
<Button variant="primary" size="lg" onClick={handleMockPayment} isLoading={createReservationMutation.isPending || paymentMutation.isPending}>
|
||||
Оплатить {prepaidAmount} ₽
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
</div>
|
||||
);
|
||||
};
|
||||
@@ -0,0 +1,213 @@
|
||||
import React, { useState } from 'react';
|
||||
import { useQuery } from '@tanstack/react-query';
|
||||
import { useNavigate } from 'react-router-dom';
|
||||
import api from '@/services/api';
|
||||
import { Button } from '@/components/Button';
|
||||
import { Loader } from '@/components/Loader';
|
||||
import { useBookingStore } from '@/features/booking/store';
|
||||
import type { IPub, IDish } from '@harats/shared';
|
||||
|
||||
export const HomePage: React.FC = () => {
|
||||
const navigate = useNavigate();
|
||||
const setPubId = useBookingStore(state => state.setPubId);
|
||||
const [selectedPubId, setSelectedPubId] = useState<number | null>(null);
|
||||
const [activeTab, setActiveTab] = useState<string>('');
|
||||
|
||||
// Queries
|
||||
const { data: pubsRes, isLoading: pubsLoading } = useQuery({
|
||||
queryKey: ['pubs'],
|
||||
queryFn: () => api.get('/pubs').then(res => res.data)
|
||||
});
|
||||
|
||||
const { data: menuRes, isLoading: menuLoading } = useQuery({
|
||||
queryKey: ['menu', selectedPubId],
|
||||
queryFn: () => api.get(`/pubs/${selectedPubId}/menu`).then(res => res.data),
|
||||
enabled: !!selectedPubId
|
||||
});
|
||||
|
||||
const { data: lunchRes } = useQuery({
|
||||
queryKey: ['lunch', selectedPubId],
|
||||
queryFn: () => api.get(`/pubs/${selectedPubId}/lunch-menu`).then(res => res.data),
|
||||
enabled: !!selectedPubId
|
||||
});
|
||||
|
||||
const { data: billboardRes } = useQuery({
|
||||
queryKey: ['billboard', selectedPubId],
|
||||
queryFn: () => api.get(`/pubs/${selectedPubId}/billboard`).then(res => res.data),
|
||||
enabled: !!selectedPubId
|
||||
});
|
||||
|
||||
const pubs: IPub[] = pubsRes?.data || [];
|
||||
const menu: Record<string, any[]> = menuRes?.data || {};
|
||||
const lunch: any[] = lunchRes?.data || [];
|
||||
const billboard: any[] = billboardRes?.data || [];
|
||||
|
||||
// Set default pub on load
|
||||
React.useEffect(() => {
|
||||
if (pubs.length > 0 && !selectedPubId) {
|
||||
setSelectedPubId(pubs[0].id);
|
||||
}
|
||||
}, [pubs, selectedPubId]);
|
||||
|
||||
// Set default tab on menu load
|
||||
React.useEffect(() => {
|
||||
if (Object.keys(menu).length > 0 && !activeTab) {
|
||||
setActiveTab(Object.keys(menu)[0]);
|
||||
}
|
||||
}, [menu, activeTab]);
|
||||
|
||||
const handleBooking = () => {
|
||||
if (selectedPubId) {
|
||||
setPubId(selectedPubId);
|
||||
navigate('/booking');
|
||||
}
|
||||
};
|
||||
|
||||
if (pubsLoading) return <Loader />;
|
||||
|
||||
const selectedPub = pubs.find(p => p.id === selectedPubId);
|
||||
|
||||
return (
|
||||
<div>
|
||||
{/* Hero Section */}
|
||||
<section style={{
|
||||
position: 'relative',
|
||||
padding: 'var(--space-4xl) 0',
|
||||
background: 'linear-gradient(rgba(13,13,13,0.7), rgba(13,13,13,0.9)), url("https://images.unsplash.com/photo-1514933651103-005eec06c04b?auto=format&fit=crop&q=80") center/cover',
|
||||
textAlign: 'center',
|
||||
borderBottom: '1px solid var(--color-border)'
|
||||
}}>
|
||||
<div className="container">
|
||||
<h1 style={{ color: 'var(--color-gold-500)', marginBottom: 'var(--space-md)' }}>Добро пожаловать в Harat's</h1>
|
||||
<p className="text-lg text-secondary" style={{ maxWidth: '600px', margin: '0 auto var(--space-xl)' }}>
|
||||
Ирландский паб, где каждый вечер превращается в праздник.
|
||||
Живая музыка, отличная компания и уютный хаос.
|
||||
</p>
|
||||
|
||||
<div style={{
|
||||
background: 'var(--color-bg-card)',
|
||||
padding: 'var(--space-lg)',
|
||||
borderRadius: 'var(--radius-xl)',
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
gap: 'var(--space-md)',
|
||||
maxWidth: '800px',
|
||||
margin: '0 auto',
|
||||
border: '1px solid var(--color-border-light)'
|
||||
}}>
|
||||
<div style={{ flex: 1, textAlign: 'left' }}>
|
||||
<label className="input-label" style={{ display: 'block', marginBottom: 'var(--space-xs)' }}>Выберите паб</label>
|
||||
<select
|
||||
className="input"
|
||||
value={selectedPubId || ''}
|
||||
onChange={(e) => setSelectedPubId(Number(e.target.value))}
|
||||
style={{ background: 'var(--color-bg-input)' }}
|
||||
>
|
||||
{pubs.map(pub => (
|
||||
<option key={pub.id} value={pub.id}>{pub.address}</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
|
||||
{selectedPub && (
|
||||
<div style={{ padding: '0 var(--space-md)', borderLeft: '1px solid var(--color-border)' }}>
|
||||
<p className="text-secondary text-sm">Телефон</p>
|
||||
<p style={{ fontWeight: 600 }}>{selectedPub.phone}</p>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<Button variant="primary" size="lg" onClick={handleBooking}>Забронировать стол</Button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div className="container" style={{ marginTop: 'var(--space-3xl)' }}>
|
||||
|
||||
{/* Billboard */}
|
||||
{billboard.length > 0 && (
|
||||
<section style={{ marginBottom: 'var(--space-4xl)' }}>
|
||||
<h2 style={{ marginBottom: 'var(--space-xl)' }}>Афиша</h2>
|
||||
<div className="grid grid-3 gap-lg">
|
||||
{billboard.map(event => (
|
||||
<div key={event.id} className="card card-hover flex-col justify-between" style={{ minHeight: '160px' }}>
|
||||
<div>
|
||||
<div className="badge badge-gold mb-2">{new Date(event.datetime).toLocaleString('ru', { month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit' })}</div>
|
||||
<h4 style={{ marginTop: 'var(--space-sm)' }}>{event.title}</h4>
|
||||
<p className="text-secondary text-sm">{event.artist}</p>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
)}
|
||||
|
||||
<div className="grid gap-4XL" style={{ gridTemplateColumns: 'minmax(0, 1fr) 300px', gap: 'var(--space-2xl)' }}>
|
||||
|
||||
{/* Main Menu */}
|
||||
<section>
|
||||
<h2 style={{ marginBottom: 'var(--space-xl)' }}>Меню</h2>
|
||||
{menuLoading ? <Loader /> : Object.keys(menu).length > 0 ? (
|
||||
<>
|
||||
<div className="tabs" style={{ marginBottom: 'var(--space-xl)' }}>
|
||||
{Object.keys(menu).map(cat => (
|
||||
<div
|
||||
key={cat}
|
||||
className={`tab ${activeTab === cat ? 'tab-active' : ''}`}
|
||||
onClick={() => setActiveTab(cat)}
|
||||
>
|
||||
{cat}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<div className="grid grid-2 gap-md">
|
||||
{menu[activeTab]?.map(item => (
|
||||
<div key={item.dish.id} className="card" style={{ padding: 'var(--space-md)' }}>
|
||||
<div className="flex justify-between items-center" style={{ marginBottom: 'var(--space-xs)' }}>
|
||||
<h4 style={{ fontSize: '1rem' }}>{item.dish.title}</h4>
|
||||
<span style={{ color: 'var(--color-gold-500)', fontWeight: 600, whiteSpace: 'nowrap' }}>
|
||||
{item.dish.price} ₽
|
||||
</span>
|
||||
</div>
|
||||
<p className="text-sm text-secondary line-clamp-2">{item.dish.description}</p>
|
||||
{item.dish.grams && <p className="text-xs text-muted" style={{ marginTop: 'var(--space-xs)' }}>{item.dish.grams} г</p>}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</>
|
||||
) : (
|
||||
<p className="text-secondary">Меню пока не загружено.</p>
|
||||
)}
|
||||
</section>
|
||||
|
||||
{/* Business Lunch Sidebar */}
|
||||
<aside>
|
||||
<div className="card" style={{ borderTop: '4px solid var(--color-green-500)', background: 'var(--color-bg-elevated)', position: 'sticky', top: 'calc(var(--header-height) + var(--space-xl))' }}>
|
||||
<div className="badge badge-green" style={{ marginBottom: 'var(--space-md)' }}>12:00 — 16:00</div>
|
||||
<h3 style={{ marginBottom: 'var(--space-xs)' }}>Бизнес-ланч</h3>
|
||||
<p className="text-sm text-secondary" style={{ marginBottom: 'var(--space-lg)' }}>Доступен только при заказе в пабе. Предзаказ невозможен.</p>
|
||||
|
||||
{lunch.length > 0 ? (
|
||||
<div className="flex flex-col gap-sm">
|
||||
{lunch.map(item => (
|
||||
<div key={item.dish.id} style={{ borderBottom: '1px dashed var(--color-border-light)', paddingBottom: 'var(--space-sm)' }}>
|
||||
<div className="flex justify-between items-center">
|
||||
<span className="text-sm font-medium">{item.dish.title}</span>
|
||||
<span className="text-sm" style={{ color: 'var(--color-gold-400)' }}>{item.dish.price} ₽</span>
|
||||
</div>
|
||||
<p className="text-xs text-muted">{item.dish.description}</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
) : (
|
||||
<p className="text-sm text-muted">Ланч-меню на эту неделю еще не опубликовано.</p>
|
||||
)}
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
@@ -0,0 +1,487 @@
|
||||
import React, { useState } from 'react';
|
||||
import { useMutation, useQuery } from '@tanstack/react-query';
|
||||
import api from '@/services/api';
|
||||
import { useAuthStore } from '@/features/auth/store';
|
||||
import { Loader } from '@/components/Loader';
|
||||
import { Button } from '@/components/Button';
|
||||
import { useNavigate } from 'react-router-dom';
|
||||
import { Input } from '@/components/Input';
|
||||
|
||||
export const ProfilePage: React.FC = () => {
|
||||
const { user, logout, updateUser } = useAuthStore();
|
||||
const navigate = useNavigate();
|
||||
const [profileName, setProfileName] = useState(user?.name || '');
|
||||
const [profileSurname, setProfileSurname] = useState(user?.surname || '');
|
||||
const [profilePhone, setProfilePhone] = useState(user?.phone || '');
|
||||
const [profileEmail, setProfileEmail] = useState(user?.email || '');
|
||||
const [profileError, setProfileError] = useState<string | null>(null);
|
||||
const [profileSuccess, setProfileSuccess] = useState<string | null>(null);
|
||||
const [showCardForm, setShowCardForm] = useState(false);
|
||||
const [showDeleteCard, setShowDeleteCard] = useState(false);
|
||||
const [cardNumber, setCardNumber] = useState('');
|
||||
const [cardExpiry, setCardExpiry] = useState('');
|
||||
const [cardCvv, setCardCvv] = useState('');
|
||||
const [currentPassword, setCurrentPassword] = useState('');
|
||||
const [cardError, setCardError] = useState<string | null>(null);
|
||||
|
||||
React.useEffect(() => {
|
||||
if (user) {
|
||||
setProfileName(user.name || '');
|
||||
setProfileSurname(user.surname || '');
|
||||
setProfilePhone(user.phone || '');
|
||||
setProfileEmail(user.email || '');
|
||||
}
|
||||
}, [user]);
|
||||
|
||||
const { data: resData, isLoading } = useQuery({
|
||||
queryKey: ['my-reservations'],
|
||||
queryFn: () => api.get('/reservations/my').then(res => res.data),
|
||||
staleTime: 0,
|
||||
});
|
||||
|
||||
const reservations = resData?.data || [];
|
||||
|
||||
const formatCardNumber = (value: string) => {
|
||||
const digits = value.replace(/\D/g, '').slice(0, 16);
|
||||
return digits.replace(/(.{4})/g, '$1 ').trim();
|
||||
};
|
||||
|
||||
const formatCardExpiry = (value: string) => {
|
||||
const digits = value.replace(/\D/g, '').slice(0, 4);
|
||||
if (digits.length <= 2) return digits;
|
||||
return `${digits.slice(0, 2)}/${digits.slice(2)}`;
|
||||
};
|
||||
|
||||
const resetCardForm = () => {
|
||||
setCardNumber('');
|
||||
setCardExpiry('');
|
||||
setCardCvv('');
|
||||
setCurrentPassword('');
|
||||
setCardError(null);
|
||||
setShowCardForm(false);
|
||||
setShowDeleteCard(false);
|
||||
};
|
||||
|
||||
const updateProfileMutation = useMutation({
|
||||
mutationFn: async () => {
|
||||
if (!profileName.trim()) {
|
||||
throw new Error('Имя обязательно для заполнения');
|
||||
}
|
||||
if (!profilePhone.trim()) {
|
||||
throw new Error('Телефон обязателен для заполнения');
|
||||
}
|
||||
const { data } = await api.put('/users/me', {
|
||||
name: profileName.trim(),
|
||||
surname: profileSurname.trim() || null,
|
||||
phone: profilePhone.trim(),
|
||||
email: profileEmail.trim() || null,
|
||||
});
|
||||
return data;
|
||||
},
|
||||
onSuccess: (res) => {
|
||||
if (res?.success) {
|
||||
updateUser({
|
||||
name: res.data.name,
|
||||
surname: res.data.surname,
|
||||
phone: res.data.phone,
|
||||
email: res.data.email,
|
||||
});
|
||||
setProfileError(null);
|
||||
setProfileSuccess('Данные профиля сохранены');
|
||||
}
|
||||
},
|
||||
onError: (err: any) => {
|
||||
setProfileSuccess(null);
|
||||
setProfileError(err.response?.data?.error || err.message || 'Не удалось сохранить профиль');
|
||||
},
|
||||
});
|
||||
|
||||
const linkCardMutation = useMutation({
|
||||
mutationFn: async (payload: { cardNumber: string; cardExpiry: string; cardCvv: string; currentPassword?: string }) => {
|
||||
const digits = payload.cardNumber.replace(/\D/g, '');
|
||||
if (digits.length !== 16) {
|
||||
throw new Error('Введите корректный номер карты (16 цифр)');
|
||||
}
|
||||
if (!/^\d{2}\/\d{2}$/.test(payload.cardExpiry)) {
|
||||
throw new Error('Введите срок действия в формате ММ/ГГ');
|
||||
}
|
||||
if (!/^\d{3,4}$/.test(payload.cardCvv)) {
|
||||
throw new Error('Введите корректный CVC/CVV');
|
||||
}
|
||||
|
||||
const { data } = await api.put('/users/me/card', {
|
||||
cardNumber: digits,
|
||||
cardExpiry: payload.cardExpiry,
|
||||
cardCvv: payload.cardCvv,
|
||||
currentPassword: payload.currentPassword,
|
||||
});
|
||||
return data;
|
||||
},
|
||||
onSuccess: (res) => {
|
||||
if (res?.success) {
|
||||
updateUser({ cardLastFour: res.data.cardLastFour, cardExpiry: res.data.cardExpiry });
|
||||
resetCardForm();
|
||||
}
|
||||
},
|
||||
onError: (err: any) => {
|
||||
setCardError(err.response?.data?.error || err.message || 'Не удалось привязать карту');
|
||||
},
|
||||
});
|
||||
|
||||
const unlinkCardMutation = useMutation({
|
||||
mutationFn: async (password: string) => {
|
||||
const { data } = await api.delete('/users/me/card', { data: { currentPassword: password } });
|
||||
return data;
|
||||
},
|
||||
onSuccess: (res) => {
|
||||
if (res?.success) {
|
||||
updateUser({ cardLastFour: null, cardExpiry: null });
|
||||
resetCardForm();
|
||||
}
|
||||
},
|
||||
onError: (err: any) => {
|
||||
setCardError(err.response?.data?.error || err.message || 'Не удалось удалить карту');
|
||||
},
|
||||
});
|
||||
|
||||
const handleCancel = async (id: number) => {
|
||||
if (confirm('Вы уверены, что хотите отменить бронь?')) {
|
||||
try {
|
||||
await api.put(`/reservations/${id}/cancel`);
|
||||
// Refresh page to see changes (in real app, invalidate query)
|
||||
window.location.reload();
|
||||
} catch (err) {
|
||||
alert('Ошибка отмены брони');
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const getStatusBadge = (status: string) => {
|
||||
switch (status) {
|
||||
case 'PENDING': return <span className="badge badge-gold">Ожидает</span>;
|
||||
case 'CONFIRMED': return <span className="badge badge-green">Подтверждена</span>;
|
||||
case 'CANCELLED': return <span className="badge badge-red">Отменена</span>;
|
||||
case 'COMPLETED': return <span className="badge badge-gray">Завершена</span>;
|
||||
default: return <span className="badge">{status}</span>;
|
||||
}
|
||||
};
|
||||
|
||||
if (!user) return <Loader />;
|
||||
|
||||
return (
|
||||
<div className="container">
|
||||
<div className="flex justify-between items-center" style={{ marginBottom: 'var(--space-2xl)' }}>
|
||||
<h1 style={{ color: 'var(--color-gold-500)' }}>Личный кабинет</h1>
|
||||
<Button variant="outline" onClick={() => { logout(); navigate('/'); }}>Выйти</Button>
|
||||
</div>
|
||||
|
||||
<div className="grid" style={{ gridTemplateColumns: 'minmax(0, 1fr) 300px', gap: 'var(--space-2xl)' }}>
|
||||
|
||||
<div className="flex flex-col gap-lg">
|
||||
<section>
|
||||
<div className="flex justify-between items-center" style={{ marginBottom: 'var(--space-md)' }}>
|
||||
<h2>Мои бронирования</h2>
|
||||
</div>
|
||||
|
||||
{isLoading ? <Loader /> : reservations.length > 0 ? (
|
||||
<div className="flex flex-col gap-md">
|
||||
{reservations.map((r: any) => (
|
||||
<div key={r.id} className="card">
|
||||
<div className="flex justify-between items-center" style={{ borderBottom: '1px solid var(--color-border)', paddingBottom: 'var(--space-sm)', marginBottom: 'var(--space-sm)' }}>
|
||||
<div className="flex items-center gap-md">
|
||||
<h4 style={{ margin: 0 }}>Бронь #{r.id}</h4>
|
||||
{getStatusBadge(r.status)}
|
||||
</div>
|
||||
<span className="text-secondary">{new Date(r.createdAt).toLocaleDateString('ru')}</span>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-2 gap-md" style={{ marginBottom: 'var(--space-md)' }}>
|
||||
<div>
|
||||
<p className="text-sm text-secondary">Паб</p>
|
||||
<p>{r.pub.name} ({r.pub.address})</p>
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-sm text-secondary">Дата и время</p>
|
||||
<p>{new Date(r.date + 'T00:00:00').toLocaleDateString('ru')} в {r.time}</p>
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-sm text-secondary">Стол</p>
|
||||
<p>№{r.table.number} ({r.numPeople} чел.)</p>
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-sm text-secondary">Гости</p>
|
||||
<p>{r.numPeople} персон</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{r.dishes && r.dishes.length > 0 && (
|
||||
<div style={{ background: 'var(--color-bg-elevated)', padding: 'var(--space-md)', borderRadius: 'var(--radius-md)' }}>
|
||||
<h5 style={{ marginBottom: 'var(--space-sm)' }}>Предзаказ блюд</h5>
|
||||
<ul className="text-sm">
|
||||
{r.dishes.map((d: any) => (
|
||||
<li key={d.id} className="flex justify-between">
|
||||
<span>{d.dish?.title} <span className="text-muted">x{d.quantity}</span></span>
|
||||
<span>{d.priceAtOrder * d.quantity} ₽</span>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
<div className="flex justify-between" style={{ marginTop: 'var(--space-md)', paddingTop: 'var(--space-sm)', borderTop: '1px solid var(--color-border)' }}>
|
||||
<span className="font-semibold">Итого за блюда (Предоплата 50%)</span>
|
||||
<span className="font-semibold" style={{ color: 'var(--color-gold-400)' }}>{r.prepaid} ₽</span>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{['PENDING', 'CONFIRMED'].includes(r.status) && (
|
||||
<div style={{ marginTop: 'var(--space-md)', textAlign: 'right' }}>
|
||||
<Button variant="danger" size="sm" onClick={() => handleCancel(r.id)}>Отменить бронь</Button>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
) : (
|
||||
<div className="card text-center" style={{ padding: 'var(--space-3xl) var(--space-md)' }}>
|
||||
<p className="text-secondary" style={{ marginBottom: 'var(--space-md)' }}>У вас еще нет бронирований</p>
|
||||
<Button variant="primary" onClick={() => navigate('/booking')}>Забронировать сейчас</Button>
|
||||
</div>
|
||||
)}
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<aside>
|
||||
<div className="card flex flex-col gap-md">
|
||||
<h3 style={{ borderBottom: '1px solid var(--color-border)', paddingBottom: 'var(--space-xs)' }}>Профиль</h3>
|
||||
|
||||
<Input
|
||||
label="Имя"
|
||||
value={profileName}
|
||||
onChange={(e) => {
|
||||
setProfileError(null);
|
||||
setProfileSuccess(null);
|
||||
setProfileName(e.target.value);
|
||||
}}
|
||||
/>
|
||||
<Input
|
||||
label="Фамилия"
|
||||
value={profileSurname}
|
||||
onChange={(e) => {
|
||||
setProfileError(null);
|
||||
setProfileSuccess(null);
|
||||
setProfileSurname(e.target.value);
|
||||
}}
|
||||
/>
|
||||
<Input
|
||||
label="Телефон"
|
||||
value={profilePhone}
|
||||
onChange={(e) => {
|
||||
setProfileError(null);
|
||||
setProfileSuccess(null);
|
||||
setProfilePhone(e.target.value);
|
||||
}}
|
||||
/>
|
||||
<Input
|
||||
label="E-mail"
|
||||
type="email"
|
||||
value={profileEmail}
|
||||
onChange={(e) => {
|
||||
setProfileError(null);
|
||||
setProfileSuccess(null);
|
||||
setProfileEmail(e.target.value);
|
||||
}}
|
||||
/>
|
||||
{profileError && (
|
||||
<p className="text-sm" style={{ color: 'var(--color-error)' }}>{profileError}</p>
|
||||
)}
|
||||
{profileSuccess && (
|
||||
<p className="text-sm" style={{ color: 'var(--color-green-400)' }}>{profileSuccess}</p>
|
||||
)}
|
||||
<Button
|
||||
variant="primary"
|
||||
size="sm"
|
||||
isLoading={updateProfileMutation.isPending}
|
||||
onClick={() => updateProfileMutation.mutate()}
|
||||
>
|
||||
Сохранить профиль
|
||||
</Button>
|
||||
|
||||
<div style={{ marginTop: 'var(--space-md)' }}>
|
||||
<h4 style={{ marginBottom: 'var(--space-xs)' }}>Привязанная карта</h4>
|
||||
{user.cardLastFour ? (
|
||||
<div className="flex items-center gap-sm" style={{ background: 'var(--color-bg-input)', padding: 'var(--space-sm)', borderRadius: 'var(--radius-sm)' }}>
|
||||
<span>💳</span>
|
||||
<span>•••• •••• •••• {user.cardLastFour}{user.cardExpiry ? ` (до ${user.cardExpiry})` : ''}</span>
|
||||
</div>
|
||||
) : (
|
||||
<p className="text-sm text-muted">Карта не привязана</p>
|
||||
)}
|
||||
|
||||
{!showCardForm && !showDeleteCard && (
|
||||
<div className="flex gap-sm" style={{ marginTop: 'var(--space-md)' }}>
|
||||
{user.cardLastFour ? (
|
||||
<>
|
||||
<Button
|
||||
variant="outline"
|
||||
size="sm"
|
||||
onClick={() => {
|
||||
setCardError(null);
|
||||
setShowDeleteCard(false);
|
||||
setShowCardForm(true);
|
||||
}}
|
||||
>
|
||||
Изменить
|
||||
</Button>
|
||||
<Button
|
||||
variant="danger"
|
||||
size="sm"
|
||||
onClick={() => {
|
||||
setCardError(null);
|
||||
setShowCardForm(false);
|
||||
setCurrentPassword('');
|
||||
setShowDeleteCard(true);
|
||||
}}
|
||||
>
|
||||
Удалить
|
||||
</Button>
|
||||
</>
|
||||
) : (
|
||||
<Button
|
||||
variant="outline"
|
||||
size="sm"
|
||||
onClick={() => {
|
||||
setCardError(null);
|
||||
setShowCardForm(true);
|
||||
}}
|
||||
>
|
||||
Привязать карту
|
||||
</Button>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{showDeleteCard && (
|
||||
<div style={{ marginTop: 'var(--space-md)' }}>
|
||||
<p className="text-sm text-secondary" style={{ marginBottom: 'var(--space-sm)' }}>
|
||||
Для удаления карты введите пароль аккаунта
|
||||
</p>
|
||||
<Input
|
||||
label="Пароль аккаунта"
|
||||
placeholder="Введите текущий пароль"
|
||||
type="password"
|
||||
value={currentPassword}
|
||||
onChange={(e) => {
|
||||
setCardError(null);
|
||||
setCurrentPassword(e.target.value);
|
||||
}}
|
||||
/>
|
||||
{cardError && (
|
||||
<p className="text-sm" style={{ color: 'var(--color-error)', marginTop: 'var(--space-xs)' }}>{cardError}</p>
|
||||
)}
|
||||
<div className="flex gap-sm" style={{ marginTop: 'var(--space-sm)' }}>
|
||||
<Button
|
||||
variant="danger"
|
||||
size="sm"
|
||||
isLoading={unlinkCardMutation.isPending}
|
||||
onClick={() => {
|
||||
if (!currentPassword) {
|
||||
setCardError('Введите пароль аккаунта');
|
||||
return;
|
||||
}
|
||||
unlinkCardMutation.mutate(currentPassword);
|
||||
}}
|
||||
>
|
||||
Подтвердить удаление
|
||||
</Button>
|
||||
<Button variant="ghost" size="sm" onClick={resetCardForm}>
|
||||
Отмена
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{showCardForm && (
|
||||
<div style={{ marginTop: 'var(--space-md)' }}>
|
||||
<Input
|
||||
label="Номер карты"
|
||||
placeholder="0000 0000 0000 0000"
|
||||
value={cardNumber}
|
||||
onChange={(e) => {
|
||||
setCardError(null);
|
||||
setCardNumber(formatCardNumber(e.target.value));
|
||||
}}
|
||||
maxLength={19}
|
||||
/>
|
||||
<div className="grid grid-2 gap-md" style={{ marginTop: 'var(--space-sm)' }}>
|
||||
<Input
|
||||
label="Срок действия"
|
||||
placeholder="ММ/ГГ"
|
||||
value={cardExpiry}
|
||||
onChange={(e) => {
|
||||
setCardError(null);
|
||||
setCardExpiry(formatCardExpiry(e.target.value));
|
||||
}}
|
||||
maxLength={5}
|
||||
/>
|
||||
<Input
|
||||
label="CVC/CVV"
|
||||
placeholder="***"
|
||||
type="password"
|
||||
value={cardCvv}
|
||||
onChange={(e) => {
|
||||
setCardError(null);
|
||||
setCardCvv(e.target.value.replace(/\D/g, '').slice(0, 4));
|
||||
}}
|
||||
maxLength={4}
|
||||
/>
|
||||
</div>
|
||||
{user.cardLastFour && (
|
||||
<Input
|
||||
label="Пароль аккаунта (для изменения карты)"
|
||||
placeholder="Введите текущий пароль"
|
||||
type="password"
|
||||
value={currentPassword}
|
||||
onChange={(e) => {
|
||||
setCardError(null);
|
||||
setCurrentPassword(e.target.value);
|
||||
}}
|
||||
style={{ marginTop: 'var(--space-sm)' } as React.CSSProperties}
|
||||
/>
|
||||
)}
|
||||
{cardError && (
|
||||
<p className="text-sm" style={{ color: 'var(--color-error)', marginTop: 'var(--space-xs)' }}>{cardError}</p>
|
||||
)}
|
||||
<div className="flex gap-sm" style={{ marginTop: 'var(--space-sm)' }}>
|
||||
<Button
|
||||
variant="primary"
|
||||
size="sm"
|
||||
isLoading={linkCardMutation.isPending}
|
||||
onClick={() => {
|
||||
if (user.cardLastFour && !currentPassword) {
|
||||
setCardError('Для изменения карты введите пароль аккаунта');
|
||||
return;
|
||||
}
|
||||
linkCardMutation.mutate({
|
||||
cardNumber,
|
||||
cardExpiry,
|
||||
cardCvv,
|
||||
currentPassword: user.cardLastFour ? currentPassword : undefined,
|
||||
});
|
||||
}}
|
||||
>
|
||||
{user.cardLastFour ? 'Сохранить карту' : 'Привязать карту'}
|
||||
</Button>
|
||||
<Button variant="ghost" size="sm" onClick={resetCardForm}>
|
||||
Отмена
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
@@ -0,0 +1,19 @@
|
||||
import { createBrowserRouter } from 'react-router-dom';
|
||||
import { MainLayout } from '@/layouts/MainLayout';
|
||||
import { HomePage } from '@/pages/HomePage';
|
||||
import { BookingPage } from '@/pages/BookingPage';
|
||||
import { ProfilePage } from '@/pages/ProfilePage';
|
||||
import { AdminPage } from '@/pages/AdminPage';
|
||||
|
||||
export const router = createBrowserRouter([
|
||||
{
|
||||
path: '/',
|
||||
element: <MainLayout />,
|
||||
children: [
|
||||
{ index: true, element: <HomePage /> },
|
||||
{ path: 'booking', element: <BookingPage /> },
|
||||
{ path: 'profile', element: <ProfilePage /> },
|
||||
{ path: 'admin', element: <AdminPage /> },
|
||||
],
|
||||
},
|
||||
]);
|
||||
@@ -0,0 +1,45 @@
|
||||
import axios from 'axios';
|
||||
|
||||
const api = axios.create({
|
||||
baseURL: '/api',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
});
|
||||
|
||||
// Attach access token to every request
|
||||
api.interceptors.request.use((config) => {
|
||||
const token = localStorage.getItem('accessToken');
|
||||
if (token) {
|
||||
config.headers.Authorization = `Bearer ${token}`;
|
||||
}
|
||||
return config;
|
||||
});
|
||||
|
||||
// Handle 401 — try to refresh token
|
||||
api.interceptors.response.use(
|
||||
(res) => res,
|
||||
async (error) => {
|
||||
const original = error.config;
|
||||
if (error.response?.status === 401 && !original._retry) {
|
||||
original._retry = true;
|
||||
const refreshToken = localStorage.getItem('refreshToken');
|
||||
if (refreshToken) {
|
||||
try {
|
||||
const { data } = await axios.post('/api/auth/refresh', { refreshToken });
|
||||
if (data.success) {
|
||||
localStorage.setItem('accessToken', data.data.accessToken);
|
||||
localStorage.setItem('refreshToken', data.data.refreshToken);
|
||||
original.headers.Authorization = `Bearer ${data.data.accessToken}`;
|
||||
return api(original);
|
||||
}
|
||||
} catch {
|
||||
localStorage.removeItem('accessToken');
|
||||
localStorage.removeItem('refreshToken');
|
||||
window.location.href = '/';
|
||||
}
|
||||
}
|
||||
}
|
||||
return Promise.reject(error);
|
||||
}
|
||||
);
|
||||
|
||||
export default api;
|
||||
@@ -0,0 +1,18 @@
|
||||
{
|
||||
"extends": "../tsconfig.base.json",
|
||||
"compilerOptions": {
|
||||
"target": "ES2022",
|
||||
"lib": ["ES2022", "DOM", "DOM.Iterable"],
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "bundler",
|
||||
"jsx": "react-jsx",
|
||||
"outDir": "./dist",
|
||||
"baseUrl": ".",
|
||||
"paths": {
|
||||
"@/*": ["src/*"]
|
||||
},
|
||||
"noEmit": true
|
||||
},
|
||||
"include": ["src"],
|
||||
"references": [{ "path": "./tsconfig.node.json" }]
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"composite": true,
|
||||
"target": "ES2022",
|
||||
"lib": ["ES2023"],
|
||||
"module": "ESNext",
|
||||
"skipLibCheck": true,
|
||||
"moduleResolution": "bundler",
|
||||
"allowImportingTsExtensions": true,
|
||||
"isolatedModules": true,
|
||||
"moduleDetection": "force",
|
||||
"emitDeclarationOnly": true,
|
||||
"strict": true,
|
||||
"noUnusedLocals": false,
|
||||
"noUnusedParameters": false
|
||||
},
|
||||
"include": ["vite.config.ts"]
|
||||
}
|
||||
Vendored
+2
@@ -0,0 +1,2 @@
|
||||
declare const _default: import("vite").UserConfig;
|
||||
export default _default;
|
||||
@@ -0,0 +1,22 @@
|
||||
import { defineConfig } from 'vite';
|
||||
import react from '@vitejs/plugin-react';
|
||||
import path from 'path';
|
||||
|
||||
export default defineConfig({
|
||||
plugins: [react()],
|
||||
resolve: {
|
||||
alias: {
|
||||
'@': path.resolve(__dirname, './src'),
|
||||
},
|
||||
},
|
||||
server: {
|
||||
host: true,
|
||||
port: 5173,
|
||||
proxy: {
|
||||
'/api': {
|
||||
target: 'http://localhost:3001',
|
||||
changeOrigin: true,
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
@@ -0,0 +1,83 @@
|
||||
#!/bin/bash
|
||||
# ═══════════════════════════════════════════════════════════
|
||||
# Harat's Booking — Server-side deploy script
|
||||
# ═══════════════════════════════════════════════════════════
|
||||
#
|
||||
# Usage:
|
||||
# bash deploy-remote.sh <archive> <tag>
|
||||
# bash deploy-remote.sh harats-1.0.0+20260608.tar.gz 1.0.0+20260608
|
||||
# ═══════════════════════════════════════════════════════════
|
||||
set -euo pipefail
|
||||
|
||||
ARCHIVE="${1:?Missing archive name}"
|
||||
TAG="${2:?Missing version tag}"
|
||||
DEPLOY_DIR="/apps/harats"
|
||||
RELEASES_DIR="$DEPLOY_DIR/releases"
|
||||
COMPOSE_FILE="docker-compose.prod.yml"
|
||||
PROJECT_NAME="harats"
|
||||
|
||||
echo ""
|
||||
echo "═══ Harat's Deploy: $TAG ═══"
|
||||
echo ""
|
||||
|
||||
# ── 1. Extract archive ──
|
||||
echo "[1/5] Extracting $ARCHIVE..."
|
||||
cd "$DEPLOY_DIR"
|
||||
tar -xzf "$RELEASES_DIR/$ARCHIVE" --overwrite
|
||||
|
||||
chmod +x deploy/deploy-remote.sh 2>/dev/null || true
|
||||
|
||||
# ── 2. Ensure directories ──
|
||||
echo "[2/5] Ensuring directories..."
|
||||
mkdir -p "$DEPLOY_DIR/envs/prod"
|
||||
mkdir -p /apps/harats-storage/logs
|
||||
|
||||
# Create .env from example if missing
|
||||
if [ ! -f "$DEPLOY_DIR/envs/prod/.env" ] && [ -f "$DEPLOY_DIR/envs/prod/.env.example" ]; then
|
||||
cp "$DEPLOY_DIR/envs/prod/.env.example" "$DEPLOY_DIR/envs/prod/.env"
|
||||
echo " ⚠️ Created envs/prod/.env from example — EDIT SECRETS before use!"
|
||||
fi
|
||||
|
||||
# ── 3. Build Docker image ──
|
||||
echo "[3/5] Building Docker image..."
|
||||
DOCKER_TAG="${TAG//+/-}"
|
||||
export BUILD_VERSION="$DOCKER_TAG"
|
||||
export BUILD_DATE="$(date -Iseconds)"
|
||||
|
||||
echo " → harats-server:$DOCKER_TAG"
|
||||
docker compose -f "$DEPLOY_DIR/$COMPOSE_FILE" build \
|
||||
--build-arg BUILD_VERSION="$TAG" \
|
||||
--build-arg BUILD_DATE="$BUILD_DATE" \
|
||||
server
|
||||
|
||||
docker tag "harats-server:$DOCKER_TAG" harats-server:latest 2>/dev/null || true
|
||||
|
||||
# ── 4. Start services ──
|
||||
echo "[4/5] Starting services..."
|
||||
BUILD_VERSION="$DOCKER_TAG" docker compose -p "$PROJECT_NAME" -f "$DEPLOY_DIR/$COMPOSE_FILE" up -d --remove-orphans --no-build 2>&1
|
||||
|
||||
# ── 5. Health check ──
|
||||
echo "[5/5] Health check (waiting 10s for startup)..."
|
||||
sleep 10
|
||||
|
||||
HEALTH=$(curl -sf "http://localhost:3001/api/health" 2>/dev/null || echo '{"status":"FAIL"}')
|
||||
|
||||
if echo "$HEALTH" | grep -q '"status":"ok"'; then
|
||||
echo " ✅ Server healthy"
|
||||
else
|
||||
echo " ❌ Health check FAILED"
|
||||
docker compose -p "$PROJECT_NAME" -f "$DEPLOY_DIR/$COMPOSE_FILE" logs --tail=20 server 2>/dev/null || true
|
||||
fi
|
||||
|
||||
# ── Finalize ──
|
||||
echo "$TAG" > "$DEPLOY_DIR/.current-version"
|
||||
date -Iseconds > "$DEPLOY_DIR/.last-deploy"
|
||||
|
||||
# ── Cleanup old releases ──
|
||||
cd "$RELEASES_DIR"
|
||||
ls -t harats-*.tar.gz 2>/dev/null | tail -n +6 | xargs -r rm -v
|
||||
docker image prune -f --filter "until=168h" 2>/dev/null || true
|
||||
|
||||
echo ""
|
||||
echo "✅ Deployed: Harat's v$TAG"
|
||||
echo "═══ Deploy complete ═══"
|
||||
@@ -0,0 +1,261 @@
|
||||
<#
|
||||
.SYNOPSIS
|
||||
Harat's Booking Deploy — builds and sends release to production server.
|
||||
|
||||
.DESCRIPTION
|
||||
1. Bumps version.json with current build timestamp
|
||||
2. Builds client (unless -SkipBuild)
|
||||
3. Creates a tar.gz archive (no node_modules, no .env)
|
||||
4. Uploads to server via SCP
|
||||
5. Runs deploy-remote.sh on the server via SSH
|
||||
|
||||
.PARAMETER Server
|
||||
Production server IP/hostname.
|
||||
|
||||
.PARAMETER User
|
||||
SSH username on the server.
|
||||
|
||||
.PARAMETER Port
|
||||
SSH port (default 2182).
|
||||
|
||||
.PARAMETER SkipBuild
|
||||
Skip client build (use existing dist/).
|
||||
|
||||
.EXAMPLE
|
||||
.\deploy\deploy.ps1 # full deploy
|
||||
.\deploy\deploy.ps1 -SkipBuild # skip client build
|
||||
#>
|
||||
|
||||
param(
|
||||
[string]$Server = "178.169.87.152",
|
||||
[string]$User = "eugenius",
|
||||
[int]$Port = 2182,
|
||||
[switch]$SkipBuild
|
||||
)
|
||||
|
||||
$ErrorActionPreference = "Stop"
|
||||
$ProjectRoot = Split-Path -Parent $PSScriptRoot # harats/
|
||||
$DeployDir = "/apps/harats"
|
||||
|
||||
# -- Error reporting -------------------------------------------------------
|
||||
function Write-DeployError {
|
||||
param(
|
||||
[string]$Step,
|
||||
[string]$Message,
|
||||
[string]$Detail = "",
|
||||
[string]$Hint = ""
|
||||
)
|
||||
Write-Host ""
|
||||
Write-Host " +============================================+" -ForegroundColor Red
|
||||
Write-Host " | DEPLOY FAILED |" -ForegroundColor Red
|
||||
Write-Host " +============================================+" -ForegroundColor Red
|
||||
Write-Host ""
|
||||
Write-Host " Step: " -NoNewline -ForegroundColor DarkGray
|
||||
Write-Host "$Step" -ForegroundColor White
|
||||
Write-Host " Error: " -NoNewline -ForegroundColor DarkGray
|
||||
Write-Host "$Message" -ForegroundColor Yellow
|
||||
if ($Detail) {
|
||||
Write-Host " Detail: " -NoNewline -ForegroundColor DarkGray
|
||||
Write-Host "$Detail" -ForegroundColor Gray
|
||||
}
|
||||
if ($Hint) {
|
||||
Write-Host ""
|
||||
Write-Host " Hint: " -NoNewline -ForegroundColor DarkGray
|
||||
Write-Host "$Hint" -ForegroundColor Cyan
|
||||
}
|
||||
Write-Host ""
|
||||
}
|
||||
|
||||
# -- Main deploy pipeline --------------------------------------------------
|
||||
$currentStep = "Init"
|
||||
try {
|
||||
|
||||
# -- 1. Read version --
|
||||
$currentStep = "[1/5] Version read"
|
||||
$versionFile = Join-Path $ProjectRoot "version.json"
|
||||
if (-not (Test-Path $versionFile)) {
|
||||
throw "version.json not found at: $versionFile"
|
||||
}
|
||||
$versionData = Get-Content $versionFile -Raw | ConvertFrom-Json
|
||||
$version = $versionData.version
|
||||
if (-not $version) { throw "version.json is missing the 'version' field" }
|
||||
$build = Get-Date -Format "yyyyMMdd-HHmm"
|
||||
$tag = "${version}+${build}"
|
||||
|
||||
Write-Host ""
|
||||
Write-Host "=======================================" -ForegroundColor Cyan
|
||||
Write-Host " Harat's Deploy - v${tag}" -ForegroundColor Cyan
|
||||
Write-Host " Target: ${User}@${Server}:${Port}" -ForegroundColor Cyan
|
||||
Write-Host "=======================================" -ForegroundColor Cyan
|
||||
Write-Host ""
|
||||
|
||||
# -- 2. Update version.json --
|
||||
$currentStep = "[1/5] Version update"
|
||||
$versionData.build = $build
|
||||
$versionData.buildDate = (Get-Date -Format "o")
|
||||
$jsonOut = $versionData | ConvertTo-Json -Depth 3
|
||||
[System.IO.File]::WriteAllText($versionFile, $jsonOut, [System.Text.UTF8Encoding]::new($false))
|
||||
Write-Host "[1/5] Version: $tag" -ForegroundColor Green
|
||||
|
||||
# -- 3. Build client --
|
||||
$currentStep = "[2/5] Client build"
|
||||
if (-not $SkipBuild) {
|
||||
Write-Host "[2/5] Building client..." -ForegroundColor Yellow
|
||||
|
||||
# Build shared first
|
||||
$sharedDir = Join-Path $ProjectRoot "packages\shared"
|
||||
if (Test-Path (Join-Path $sharedDir "package.json")) {
|
||||
Push-Location $sharedDir
|
||||
try {
|
||||
npm run build 2>$null
|
||||
} finally {
|
||||
Pop-Location
|
||||
}
|
||||
}
|
||||
|
||||
$clientDir = Join-Path $ProjectRoot "client"
|
||||
if (-not (Test-Path (Join-Path $clientDir "package.json"))) {
|
||||
throw "client/package.json not found -- is the workspace intact?"
|
||||
}
|
||||
|
||||
Push-Location $clientDir
|
||||
try {
|
||||
npm run build
|
||||
if ($LASTEXITCODE -ne 0) {
|
||||
throw "Vite build exited with code $LASTEXITCODE -- check the compiler output above"
|
||||
}
|
||||
} finally {
|
||||
Pop-Location
|
||||
}
|
||||
|
||||
# Build server
|
||||
Write-Host " Building server..." -ForegroundColor Yellow
|
||||
$serverDir = Join-Path $ProjectRoot "server"
|
||||
Push-Location $serverDir
|
||||
try {
|
||||
npm run build
|
||||
if ($LASTEXITCODE -ne 0) {
|
||||
throw "Server tsc build exited with code $LASTEXITCODE"
|
||||
}
|
||||
} finally {
|
||||
Pop-Location
|
||||
}
|
||||
|
||||
Write-Host " Build OK" -ForegroundColor Green
|
||||
} else {
|
||||
Write-Host "[2/5] Skipping build" -ForegroundColor DarkGray
|
||||
}
|
||||
|
||||
# -- 4. Create archive --
|
||||
$currentStep = "[3/5] Archive creation"
|
||||
Write-Host "[3/5] Creating archive..." -ForegroundColor Yellow
|
||||
$archiveName = "harats-${tag}.tar.gz"
|
||||
$archivePath = Join-Path $ProjectRoot $archiveName
|
||||
|
||||
# Verify git is available (needed for GNU tar)
|
||||
$gitCmd = Get-Command git -ErrorAction SilentlyContinue
|
||||
if (-not $gitCmd) {
|
||||
throw "git not found in PATH -- GNU tar from Git for Windows is required to create archives"
|
||||
}
|
||||
|
||||
$gitRoot = $gitCmd.Source | Split-Path | Split-Path
|
||||
$gnuTar = Join-Path $gitRoot "usr\bin\tar.exe"
|
||||
if (-not (Test-Path $gnuTar)) {
|
||||
throw "GNU tar not found at: $gnuTar -- expected Git for Windows installation"
|
||||
}
|
||||
|
||||
Push-Location $ProjectRoot
|
||||
try {
|
||||
$oldPath = $env:PATH
|
||||
$env:PATH = "$gitRoot\usr\bin;$env:PATH"
|
||||
|
||||
& $gnuTar -czf $archiveName `
|
||||
--exclude="node_modules" `
|
||||
--exclude="*.tar.gz" `
|
||||
--exclude=".git" `
|
||||
--exclude="envs/prod/.env" `
|
||||
server/dist/ `
|
||||
server/prisma/ `
|
||||
server/package.json `
|
||||
server/package-lock.json `
|
||||
client/dist/ `
|
||||
packages/shared/ `
|
||||
Dockerfile `
|
||||
.dockerignore `
|
||||
docker-compose.prod.yml `
|
||||
ecosystem.config.cjs `
|
||||
version.json `
|
||||
envs/ `
|
||||
deploy/
|
||||
|
||||
if ($LASTEXITCODE -ne 0) {
|
||||
throw "tar exited with code $LASTEXITCODE -- check file list for missing paths"
|
||||
}
|
||||
|
||||
$env:PATH = $oldPath
|
||||
} finally {
|
||||
Pop-Location
|
||||
}
|
||||
|
||||
if (-not (Test-Path $archivePath)) {
|
||||
throw "Archive was not created at: $archivePath"
|
||||
}
|
||||
|
||||
$sizeMB = [math]::Round((Get-Item $archivePath).Length / 1MB, 1)
|
||||
if ($sizeMB -lt 0.1) {
|
||||
Write-Host " Warning: archive is suspiciously small (${sizeMB} MB)" -ForegroundColor DarkYellow
|
||||
}
|
||||
Write-Host " Archive: $archiveName - ${sizeMB} MB" -ForegroundColor Green
|
||||
|
||||
# -- 5. Upload --
|
||||
$currentStep = "[4/5] SCP upload"
|
||||
Write-Host "[4/5] Uploading to ${Server}..." -ForegroundColor Yellow
|
||||
scp -P $Port $archivePath "${User}@${Server}:${DeployDir}/releases/"
|
||||
if ($LASTEXITCODE -ne 0) {
|
||||
$hint = switch ($LASTEXITCODE) {
|
||||
255 { "Connection refused or auth failed. Check SSH key, port ($Port), and server availability." }
|
||||
1 { "SCP error -- target directory ${DeployDir}/releases/ may not exist on the server." }
|
||||
default { "SCP exited with code $LASTEXITCODE." }
|
||||
}
|
||||
throw $hint
|
||||
}
|
||||
Write-Host " Upload OK" -ForegroundColor Green
|
||||
|
||||
# -- 6. Remote deploy --
|
||||
$currentStep = "[5/5] Remote deploy (SSH)"
|
||||
Write-Host "[5/5] Deploying on server..." -ForegroundColor Yellow
|
||||
ssh -p $Port "${User}@${Server}" "cd ${DeployDir}; cp deploy/deploy-remote.sh /tmp/_harats-deploy.sh; bash /tmp/_harats-deploy.sh '${archiveName}' '${tag}'"
|
||||
if ($LASTEXITCODE -ne 0) {
|
||||
$hint = switch ($LASTEXITCODE) {
|
||||
255 { "SSH connection failed. Is the server reachable at ${Server}:${Port}?" }
|
||||
126 { "deploy-remote.sh exists but is not executable." }
|
||||
127 { "deploy-remote.sh not found on server at ${DeployDir}/deploy/deploy-remote.sh" }
|
||||
default { "Remote script exited with code $LASTEXITCODE -- check server logs" }
|
||||
}
|
||||
throw $hint
|
||||
}
|
||||
|
||||
# -- Cleanup local archive --
|
||||
$currentStep = "Cleanup"
|
||||
Remove-Item $archivePath -Force -ErrorAction SilentlyContinue
|
||||
|
||||
Write-Host ""
|
||||
Write-Host "=======================================" -ForegroundColor Green
|
||||
Write-Host " Deployed Harat's v${tag}" -ForegroundColor Green
|
||||
Write-Host "=======================================" -ForegroundColor Green
|
||||
Write-Host ""
|
||||
|
||||
} catch {
|
||||
Write-DeployError `
|
||||
-Step $currentStep `
|
||||
-Message $_.Exception.Message `
|
||||
-Detail ($_.ScriptStackTrace -split "`n" | Select-Object -First 3 | Out-String).Trim() `
|
||||
-Hint "Fix the issue above and re-run: .\deploy\deploy.ps1$(if ($SkipBuild) { ' -SkipBuild' })"
|
||||
|
||||
# Cleanup partial archive if it exists
|
||||
if ($archivePath -and (Test-Path $archivePath -ErrorAction SilentlyContinue)) {
|
||||
Remove-Item $archivePath -Force -ErrorAction SilentlyContinue
|
||||
}
|
||||
|
||||
exit 1
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
# ═══════════════════════════════════════════════════════════
|
||||
# Harat's Booking — Production Docker Compose
|
||||
# ═══════════════════════════════════════════════════════════
|
||||
# Deployed via deploy.ps1 → deploy-remote.sh
|
||||
# Coolify's Caddy handles SSL + routing automatically.
|
||||
#
|
||||
# Usage (standalone):
|
||||
# docker compose -f docker-compose.prod.yml up -d
|
||||
# ═══════════════════════════════════════════════════════════
|
||||
|
||||
services:
|
||||
|
||||
server:
|
||||
image: harats-server:${BUILD_VERSION:-latest}
|
||||
build:
|
||||
context: .
|
||||
dockerfile: Dockerfile
|
||||
args:
|
||||
BUILD_VERSION: ${BUILD_VERSION:-1.0.0}
|
||||
BUILD_DATE: ${BUILD_DATE:-unknown}
|
||||
restart: unless-stopped
|
||||
env_file:
|
||||
- ./envs/prod/.env
|
||||
environment:
|
||||
NODE_ENV: production
|
||||
PORT: 3001
|
||||
labels:
|
||||
caddy: harats_demo.swop.su
|
||||
caddy.reverse_proxy: "{{upstreams 3001}}"
|
||||
ports:
|
||||
- "127.0.0.1:3001:3001"
|
||||
networks:
|
||||
- default
|
||||
- coolify
|
||||
volumes:
|
||||
- /apps/harats-storage/logs:/data/logs
|
||||
extra_hosts:
|
||||
- "host.docker.internal:host-gateway"
|
||||
|
||||
volumes: {}
|
||||
|
||||
networks:
|
||||
coolify:
|
||||
external: true
|
||||
@@ -0,0 +1,49 @@
|
||||
/**
|
||||
* PM2 Ecosystem Config — Harat's Booking
|
||||
*
|
||||
* Docker: pm2-runtime ecosystem.config.cjs
|
||||
* Local: pm2 start ecosystem.config.cjs --env development
|
||||
*/
|
||||
|
||||
module.exports = {
|
||||
apps: [
|
||||
{
|
||||
name: 'harats-server',
|
||||
cwd: __dirname,
|
||||
script: 'dist/index.js',
|
||||
|
||||
instances: 1,
|
||||
exec_mode: 'fork',
|
||||
|
||||
// Auto-restart
|
||||
autorestart: true,
|
||||
max_restarts: 10,
|
||||
min_uptime: '10s',
|
||||
restart_delay: 2000,
|
||||
max_memory_restart: '512M',
|
||||
|
||||
// Logs
|
||||
error_file: '/data/logs/pm2-error.log',
|
||||
out_file: '/data/logs/pm2-out.log',
|
||||
merge_logs: true,
|
||||
time: true,
|
||||
log_date_format: 'YYYY-MM-DD HH:mm:ss Z',
|
||||
|
||||
// Graceful shutdown
|
||||
kill_timeout: 5000,
|
||||
listen_timeout: 8000,
|
||||
shutdown_with_message: true,
|
||||
|
||||
watch: false,
|
||||
|
||||
env: {
|
||||
NODE_ENV: 'production',
|
||||
PORT: 3001,
|
||||
},
|
||||
env_development: {
|
||||
NODE_ENV: 'development',
|
||||
PORT: 3001,
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
@@ -0,0 +1,21 @@
|
||||
# Database (host.docker.internal → host PostgreSQL)
|
||||
DATABASE_URL=postgresql://postgres:PASSWORD@host.docker.internal:5432/harats_booking
|
||||
|
||||
# JWT
|
||||
JWT_SECRET=CHANGE-ME-IN-PRODUCTION
|
||||
JWT_REFRESH_SECRET=CHANGE-ME-IN-PRODUCTION
|
||||
JWT_EXPIRES_IN=15m
|
||||
JWT_REFRESH_EXPIRES_IN=7d
|
||||
|
||||
# Server
|
||||
PORT=3001
|
||||
NODE_ENV=production
|
||||
|
||||
# Client
|
||||
VITE_API_URL=/api
|
||||
|
||||
# Email (Nodemailer)
|
||||
SMTP_HOST=smtp.gmail.com
|
||||
SMTP_PORT=587
|
||||
SMTP_USER=
|
||||
SMTP_PASS=
|
||||
Generated
+4615
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,25 @@
|
||||
{
|
||||
"name": "harats-booking",
|
||||
"version": "1.0.0",
|
||||
"private": true,
|
||||
"workspaces": [
|
||||
"packages/*",
|
||||
"client",
|
||||
"server"
|
||||
],
|
||||
"scripts": {
|
||||
"predev": "npx -y kill-port 5173 3001",
|
||||
"dev": "concurrently \"npm run dev:server\" \"npm run dev:client\"",
|
||||
"dev:client": "npm run dev --workspace=client",
|
||||
"dev:server": "npm run dev --workspace=server",
|
||||
"build": "npm run build --workspace=packages/shared && npm run build --workspace=client && npm run build --workspace=server",
|
||||
"db:migrate": "npm run db:migrate --workspace=server",
|
||||
"db:seed": "npm run db:seed --workspace=server",
|
||||
"db:reset": "npm run db:reset --workspace=server",
|
||||
"db:init": "npm run db:migrate && npm run db:seed"
|
||||
},
|
||||
"devDependencies": {
|
||||
"concurrently": "^9.1.0",
|
||||
"typescript": "^5.7.0"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"name": "@harats/shared",
|
||||
"version": "1.0.0",
|
||||
"private": true,
|
||||
"main": "./src/index.ts",
|
||||
"types": "./src/index.ts",
|
||||
"scripts": {
|
||||
"build": "tsc"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,180 @@
|
||||
// ─── Enums ───────────────────────────────────────────
|
||||
|
||||
export enum Role {
|
||||
USER = 'USER',
|
||||
ADMIN = 'ADMIN',
|
||||
}
|
||||
|
||||
export enum ReservationStatus {
|
||||
PENDING = 'PENDING',
|
||||
CONFIRMED = 'CONFIRMED',
|
||||
CANCELLED = 'CANCELLED',
|
||||
COMPLETED = 'COMPLETED',
|
||||
}
|
||||
|
||||
export enum DishAvailability {
|
||||
AVAILABLE = 'AVAILABLE',
|
||||
STOPPED = 'STOPPED',
|
||||
}
|
||||
|
||||
// ─── User ────────────────────────────────────────────
|
||||
|
||||
export interface IUser {
|
||||
id: number;
|
||||
phone: string;
|
||||
name: string;
|
||||
surname?: string | null;
|
||||
email?: string | null;
|
||||
role: Role;
|
||||
cardLastFour?: string | null;
|
||||
cardExpiry?: string | null;
|
||||
createdAt: string;
|
||||
}
|
||||
|
||||
export interface IRegisterPayload {
|
||||
phone: string;
|
||||
password: string;
|
||||
name: string;
|
||||
surname?: string;
|
||||
email?: string;
|
||||
}
|
||||
|
||||
export interface ILoginPayload {
|
||||
phone: string;
|
||||
password: string;
|
||||
}
|
||||
|
||||
export interface IAuthResponse {
|
||||
user: IUser;
|
||||
accessToken: string;
|
||||
refreshToken: string;
|
||||
}
|
||||
|
||||
// ─── Pub ─────────────────────────────────────────────
|
||||
|
||||
export interface IPub {
|
||||
id: number;
|
||||
address: string;
|
||||
phone: string;
|
||||
name: string;
|
||||
}
|
||||
|
||||
// ─── Table ───────────────────────────────────────────
|
||||
|
||||
export interface ITable {
|
||||
id: number;
|
||||
pubId: number;
|
||||
number: number;
|
||||
capacity: number;
|
||||
posX: number;
|
||||
posY: number;
|
||||
width: number;
|
||||
height: number;
|
||||
shape: 'rect' | 'circle';
|
||||
zone?: string | null;
|
||||
}
|
||||
|
||||
export interface ITableAvailability extends ITable {
|
||||
isAvailable: boolean;
|
||||
}
|
||||
|
||||
// ─── Category ────────────────────────────────────────
|
||||
|
||||
export interface ICategory {
|
||||
id: number;
|
||||
title: string;
|
||||
}
|
||||
|
||||
// ─── Dish ────────────────────────────────────────────
|
||||
|
||||
export interface IDish {
|
||||
id: number;
|
||||
title: string;
|
||||
description?: string | null;
|
||||
categoryId: number;
|
||||
category?: ICategory;
|
||||
grams?: number | null;
|
||||
price: number;
|
||||
photo?: string | null;
|
||||
availability: DishAvailability;
|
||||
}
|
||||
|
||||
// ─── Menu ────────────────────────────────────────────
|
||||
|
||||
export interface IMenuItem {
|
||||
id: number;
|
||||
pubId: number;
|
||||
dishId: number;
|
||||
dish: IDish;
|
||||
}
|
||||
|
||||
export interface ILunchMenuItem {
|
||||
id: number;
|
||||
pubId: number;
|
||||
dishId: number;
|
||||
dish: IDish;
|
||||
weekStart: string;
|
||||
weekEnd: string;
|
||||
}
|
||||
|
||||
// ─── Billboard ───────────────────────────────────────
|
||||
|
||||
export interface IBillboard {
|
||||
id: number;
|
||||
title: string;
|
||||
artist: string;
|
||||
pubId: number;
|
||||
datetime: string;
|
||||
poster?: string | null;
|
||||
}
|
||||
|
||||
// ─── Reservation ─────────────────────────────────────
|
||||
|
||||
export interface IReservationDish {
|
||||
id: number;
|
||||
dishId: number;
|
||||
dish?: IDish;
|
||||
quantity: number;
|
||||
priceAtOrder: number;
|
||||
}
|
||||
|
||||
export interface IReservation {
|
||||
id: number;
|
||||
userId: number;
|
||||
pubId: number;
|
||||
pub?: IPub;
|
||||
tableId: number;
|
||||
table?: ITable;
|
||||
date: string;
|
||||
time: string;
|
||||
numPeople: number;
|
||||
status: ReservationStatus;
|
||||
totalCost?: number | null;
|
||||
prepaid?: number | null;
|
||||
dishes: IReservationDish[];
|
||||
createdAt: string;
|
||||
}
|
||||
|
||||
export interface ICreateReservation {
|
||||
pubId: number;
|
||||
tableId: number;
|
||||
date: string;
|
||||
time: string;
|
||||
numPeople: number;
|
||||
dishes?: { dishId: number; quantity: number }[];
|
||||
}
|
||||
|
||||
// ─── API Envelope ────────────────────────────────────
|
||||
|
||||
export interface IApiResponse<T = unknown> {
|
||||
success: boolean;
|
||||
data?: T;
|
||||
error?: string;
|
||||
message?: string;
|
||||
}
|
||||
|
||||
export interface IPaginatedResponse<T> extends IApiResponse<T[]> {
|
||||
total: number;
|
||||
page: number;
|
||||
limit: number;
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"extends": "../../tsconfig.base.json",
|
||||
"compilerOptions": {
|
||||
"outDir": "./dist",
|
||||
"rootDir": "./src"
|
||||
},
|
||||
"include": ["src"]
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
{
|
||||
"name": "@harats/server",
|
||||
"version": "1.0.0",
|
||||
"private": true,
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "tsx watch src/index.ts",
|
||||
"build": "tsc",
|
||||
"start": "node dist/index.js",
|
||||
"db:migrate": "prisma migrate dev",
|
||||
"db:seed": "tsx prisma/seed.ts",
|
||||
"db:reset": "prisma migrate reset --force",
|
||||
"db:studio": "prisma studio"
|
||||
},
|
||||
"dependencies": {
|
||||
"@harats/shared": "*",
|
||||
"@prisma/client": "^6.4.0",
|
||||
"bcryptjs": "^2.4.3",
|
||||
"cors": "^2.8.5",
|
||||
"dotenv": "^16.4.7",
|
||||
"express": "^4.21.0",
|
||||
"jsonwebtoken": "^9.0.2",
|
||||
"nodemailer": "^6.9.16",
|
||||
"zod": "^3.24.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/bcryptjs": "^2.4.6",
|
||||
"@types/cors": "^2.8.17",
|
||||
"@types/express": "^5.0.0",
|
||||
"@types/jsonwebtoken": "^9.0.7",
|
||||
"@types/nodemailer": "^6.4.17",
|
||||
"prisma": "^6.4.0",
|
||||
"tsx": "^4.19.0",
|
||||
"typescript": "^5.7.0"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,193 @@
|
||||
-- CreateEnum
|
||||
CREATE TYPE "Role" AS ENUM ('USER', 'ADMIN');
|
||||
|
||||
-- CreateEnum
|
||||
CREATE TYPE "ReservationStatus" AS ENUM ('PENDING', 'CONFIRMED', 'CANCELLED', 'COMPLETED');
|
||||
|
||||
-- CreateEnum
|
||||
CREATE TYPE "DishAvailability" AS ENUM ('AVAILABLE', 'STOPPED');
|
||||
|
||||
-- CreateTable
|
||||
CREATE TABLE "User" (
|
||||
"id" SERIAL NOT NULL,
|
||||
"phone" VARCHAR(20) NOT NULL,
|
||||
"password" VARCHAR(255) NOT NULL,
|
||||
"name" VARCHAR(100) NOT NULL,
|
||||
"surname" VARCHAR(100),
|
||||
"email" VARCHAR(255),
|
||||
"role" "Role" NOT NULL DEFAULT 'USER',
|
||||
"cardToken" VARCHAR(255),
|
||||
"cardLastFour" VARCHAR(4),
|
||||
"createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
|
||||
"updatedAt" TIMESTAMP(3) NOT NULL,
|
||||
|
||||
CONSTRAINT "User_pkey" PRIMARY KEY ("id")
|
||||
);
|
||||
|
||||
-- CreateTable
|
||||
CREATE TABLE "Pub" (
|
||||
"id" SERIAL NOT NULL,
|
||||
"address" VARCHAR(255) NOT NULL,
|
||||
"phone" VARCHAR(20) NOT NULL,
|
||||
"name" VARCHAR(100) NOT NULL,
|
||||
"createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
|
||||
|
||||
CONSTRAINT "Pub_pkey" PRIMARY KEY ("id")
|
||||
);
|
||||
|
||||
-- CreateTable
|
||||
CREATE TABLE "Table" (
|
||||
"id" SERIAL NOT NULL,
|
||||
"pubId" INTEGER NOT NULL,
|
||||
"number" INTEGER NOT NULL,
|
||||
"capacity" INTEGER NOT NULL,
|
||||
"posX" DOUBLE PRECISION NOT NULL,
|
||||
"posY" DOUBLE PRECISION NOT NULL,
|
||||
"width" DOUBLE PRECISION NOT NULL DEFAULT 60,
|
||||
"height" DOUBLE PRECISION NOT NULL DEFAULT 60,
|
||||
"shape" VARCHAR(20) NOT NULL DEFAULT 'rect',
|
||||
"zone" VARCHAR(50),
|
||||
|
||||
CONSTRAINT "Table_pkey" PRIMARY KEY ("id")
|
||||
);
|
||||
|
||||
-- CreateTable
|
||||
CREATE TABLE "Category" (
|
||||
"id" SERIAL NOT NULL,
|
||||
"title" VARCHAR(100) NOT NULL,
|
||||
|
||||
CONSTRAINT "Category_pkey" PRIMARY KEY ("id")
|
||||
);
|
||||
|
||||
-- CreateTable
|
||||
CREATE TABLE "Dish" (
|
||||
"id" SERIAL NOT NULL,
|
||||
"title" VARCHAR(100) NOT NULL,
|
||||
"description" TEXT,
|
||||
"categoryId" INTEGER NOT NULL,
|
||||
"grams" INTEGER,
|
||||
"price" DECIMAL(10,2) NOT NULL,
|
||||
"photo" VARCHAR(255),
|
||||
"availability" "DishAvailability" NOT NULL DEFAULT 'AVAILABLE',
|
||||
|
||||
CONSTRAINT "Dish_pkey" PRIMARY KEY ("id")
|
||||
);
|
||||
|
||||
-- CreateTable
|
||||
CREATE TABLE "Menu" (
|
||||
"id" SERIAL NOT NULL,
|
||||
"pubId" INTEGER NOT NULL,
|
||||
"dishId" INTEGER NOT NULL,
|
||||
|
||||
CONSTRAINT "Menu_pkey" PRIMARY KEY ("id")
|
||||
);
|
||||
|
||||
-- CreateTable
|
||||
CREATE TABLE "LunchMenu" (
|
||||
"id" SERIAL NOT NULL,
|
||||
"pubId" INTEGER NOT NULL,
|
||||
"dishId" INTEGER NOT NULL,
|
||||
"weekStart" DATE NOT NULL,
|
||||
"weekEnd" DATE NOT NULL,
|
||||
|
||||
CONSTRAINT "LunchMenu_pkey" PRIMARY KEY ("id")
|
||||
);
|
||||
|
||||
-- CreateTable
|
||||
CREATE TABLE "Billboard" (
|
||||
"id" SERIAL NOT NULL,
|
||||
"title" VARCHAR(200) NOT NULL,
|
||||
"artist" VARCHAR(100) NOT NULL,
|
||||
"pubId" INTEGER NOT NULL,
|
||||
"datetime" TIMESTAMP(3) NOT NULL,
|
||||
"poster" VARCHAR(255),
|
||||
|
||||
CONSTRAINT "Billboard_pkey" PRIMARY KEY ("id")
|
||||
);
|
||||
|
||||
-- CreateTable
|
||||
CREATE TABLE "Reservation" (
|
||||
"id" SERIAL NOT NULL,
|
||||
"userId" INTEGER NOT NULL,
|
||||
"pubId" INTEGER NOT NULL,
|
||||
"tableId" INTEGER NOT NULL,
|
||||
"date" DATE NOT NULL,
|
||||
"time" TIME NOT NULL,
|
||||
"numPeople" INTEGER NOT NULL,
|
||||
"status" "ReservationStatus" NOT NULL DEFAULT 'PENDING',
|
||||
"totalCost" DECIMAL(10,2),
|
||||
"prepaid" DECIMAL(10,2),
|
||||
"paymentId" VARCHAR(255),
|
||||
"createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
|
||||
"updatedAt" TIMESTAMP(3) NOT NULL,
|
||||
|
||||
CONSTRAINT "Reservation_pkey" PRIMARY KEY ("id")
|
||||
);
|
||||
|
||||
-- CreateTable
|
||||
CREATE TABLE "ReservationDish" (
|
||||
"id" SERIAL NOT NULL,
|
||||
"reservationId" INTEGER NOT NULL,
|
||||
"dishId" INTEGER NOT NULL,
|
||||
"quantity" INTEGER NOT NULL DEFAULT 1,
|
||||
"priceAtOrder" DECIMAL(10,2) NOT NULL,
|
||||
|
||||
CONSTRAINT "ReservationDish_pkey" PRIMARY KEY ("id")
|
||||
);
|
||||
|
||||
-- CreateIndex
|
||||
CREATE UNIQUE INDEX "User_phone_key" ON "User"("phone");
|
||||
|
||||
-- CreateIndex
|
||||
CREATE UNIQUE INDEX "Pub_address_key" ON "Pub"("address");
|
||||
|
||||
-- CreateIndex
|
||||
CREATE UNIQUE INDEX "Table_pubId_number_key" ON "Table"("pubId", "number");
|
||||
|
||||
-- CreateIndex
|
||||
CREATE UNIQUE INDEX "Category_title_key" ON "Category"("title");
|
||||
|
||||
-- CreateIndex
|
||||
CREATE UNIQUE INDEX "Menu_pubId_dishId_key" ON "Menu"("pubId", "dishId");
|
||||
|
||||
-- CreateIndex
|
||||
CREATE UNIQUE INDEX "LunchMenu_pubId_dishId_weekStart_key" ON "LunchMenu"("pubId", "dishId", "weekStart");
|
||||
|
||||
-- CreateIndex
|
||||
CREATE UNIQUE INDEX "ReservationDish_reservationId_dishId_key" ON "ReservationDish"("reservationId", "dishId");
|
||||
|
||||
-- AddForeignKey
|
||||
ALTER TABLE "Table" ADD CONSTRAINT "Table_pubId_fkey" FOREIGN KEY ("pubId") REFERENCES "Pub"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
|
||||
|
||||
-- AddForeignKey
|
||||
ALTER TABLE "Dish" ADD CONSTRAINT "Dish_categoryId_fkey" FOREIGN KEY ("categoryId") REFERENCES "Category"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
|
||||
|
||||
-- AddForeignKey
|
||||
ALTER TABLE "Menu" ADD CONSTRAINT "Menu_pubId_fkey" FOREIGN KEY ("pubId") REFERENCES "Pub"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
|
||||
|
||||
-- AddForeignKey
|
||||
ALTER TABLE "Menu" ADD CONSTRAINT "Menu_dishId_fkey" FOREIGN KEY ("dishId") REFERENCES "Dish"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
|
||||
|
||||
-- AddForeignKey
|
||||
ALTER TABLE "LunchMenu" ADD CONSTRAINT "LunchMenu_pubId_fkey" FOREIGN KEY ("pubId") REFERENCES "Pub"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
|
||||
|
||||
-- AddForeignKey
|
||||
ALTER TABLE "LunchMenu" ADD CONSTRAINT "LunchMenu_dishId_fkey" FOREIGN KEY ("dishId") REFERENCES "Dish"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
|
||||
|
||||
-- AddForeignKey
|
||||
ALTER TABLE "Billboard" ADD CONSTRAINT "Billboard_pubId_fkey" FOREIGN KEY ("pubId") REFERENCES "Pub"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
|
||||
|
||||
-- AddForeignKey
|
||||
ALTER TABLE "Reservation" ADD CONSTRAINT "Reservation_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
|
||||
|
||||
-- AddForeignKey
|
||||
ALTER TABLE "Reservation" ADD CONSTRAINT "Reservation_pubId_fkey" FOREIGN KEY ("pubId") REFERENCES "Pub"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
|
||||
|
||||
-- AddForeignKey
|
||||
ALTER TABLE "Reservation" ADD CONSTRAINT "Reservation_tableId_fkey" FOREIGN KEY ("tableId") REFERENCES "Table"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
|
||||
|
||||
-- AddForeignKey
|
||||
ALTER TABLE "ReservationDish" ADD CONSTRAINT "ReservationDish_reservationId_fkey" FOREIGN KEY ("reservationId") REFERENCES "Reservation"("id") ON DELETE CASCADE ON UPDATE CASCADE;
|
||||
|
||||
-- AddForeignKey
|
||||
ALTER TABLE "ReservationDish" ADD CONSTRAINT "ReservationDish_dishId_fkey" FOREIGN KEY ("dishId") REFERENCES "Dish"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
|
||||
@@ -0,0 +1,3 @@
|
||||
# Please do not edit this file manually
|
||||
# It should be added in your version-control system (e.g., Git)
|
||||
provider = "postgresql"
|
||||
@@ -0,0 +1,155 @@
|
||||
generator client {
|
||||
provider = "prisma-client-js"
|
||||
}
|
||||
|
||||
datasource db {
|
||||
provider = "postgresql"
|
||||
url = env("DATABASE_URL")
|
||||
}
|
||||
|
||||
enum Role {
|
||||
USER
|
||||
ADMIN
|
||||
}
|
||||
|
||||
enum ReservationStatus {
|
||||
PENDING
|
||||
CONFIRMED
|
||||
CANCELLED
|
||||
COMPLETED
|
||||
}
|
||||
|
||||
enum DishAvailability {
|
||||
AVAILABLE
|
||||
STOPPED
|
||||
}
|
||||
|
||||
model User {
|
||||
id Int @id @default(autoincrement())
|
||||
phone String @unique @db.VarChar(20)
|
||||
password String @db.VarChar(255)
|
||||
name String @db.VarChar(100)
|
||||
surname String? @db.VarChar(100)
|
||||
email String? @db.VarChar(255)
|
||||
role Role @default(USER)
|
||||
cardToken String? @db.VarChar(255)
|
||||
cardLastFour String? @db.VarChar(4)
|
||||
createdAt DateTime @default(now())
|
||||
updatedAt DateTime @updatedAt
|
||||
reservations Reservation[]
|
||||
}
|
||||
|
||||
model Pub {
|
||||
id Int @id @default(autoincrement())
|
||||
address String @unique @db.VarChar(255)
|
||||
phone String @db.VarChar(20)
|
||||
name String @db.VarChar(100)
|
||||
createdAt DateTime @default(now())
|
||||
tables Table[]
|
||||
menus Menu[]
|
||||
lunchMenus LunchMenu[]
|
||||
billboards Billboard[]
|
||||
reservations Reservation[]
|
||||
}
|
||||
|
||||
model Table {
|
||||
id Int @id @default(autoincrement())
|
||||
pubId Int
|
||||
number Int
|
||||
capacity Int
|
||||
posX Float
|
||||
posY Float
|
||||
width Float @default(60)
|
||||
height Float @default(60)
|
||||
shape String @default("rect") @db.VarChar(20)
|
||||
zone String? @db.VarChar(50)
|
||||
pub Pub @relation(fields: [pubId], references: [id])
|
||||
reservations Reservation[]
|
||||
|
||||
@@unique([pubId, number])
|
||||
}
|
||||
|
||||
model Category {
|
||||
id Int @id @default(autoincrement())
|
||||
title String @unique @db.VarChar(100)
|
||||
dishes Dish[]
|
||||
}
|
||||
|
||||
model Dish {
|
||||
id Int @id @default(autoincrement())
|
||||
title String @db.VarChar(100)
|
||||
description String? @db.Text
|
||||
categoryId Int
|
||||
grams Int?
|
||||
price Decimal @db.Decimal(10, 2)
|
||||
photo String? @db.VarChar(255)
|
||||
availability DishAvailability @default(AVAILABLE)
|
||||
category Category @relation(fields: [categoryId], references: [id])
|
||||
menus Menu[]
|
||||
lunchMenus LunchMenu[]
|
||||
orderItems ReservationDish[]
|
||||
}
|
||||
|
||||
model Menu {
|
||||
id Int @id @default(autoincrement())
|
||||
pubId Int
|
||||
dishId Int
|
||||
pub Pub @relation(fields: [pubId], references: [id])
|
||||
dish Dish @relation(fields: [dishId], references: [id])
|
||||
|
||||
@@unique([pubId, dishId])
|
||||
}
|
||||
|
||||
model LunchMenu {
|
||||
id Int @id @default(autoincrement())
|
||||
pubId Int
|
||||
dishId Int
|
||||
weekStart DateTime @db.Date
|
||||
weekEnd DateTime @db.Date
|
||||
pub Pub @relation(fields: [pubId], references: [id])
|
||||
dish Dish @relation(fields: [dishId], references: [id])
|
||||
|
||||
@@unique([pubId, dishId, weekStart])
|
||||
}
|
||||
|
||||
model Billboard {
|
||||
id Int @id @default(autoincrement())
|
||||
title String @db.VarChar(200)
|
||||
artist String @db.VarChar(100)
|
||||
pubId Int
|
||||
datetime DateTime
|
||||
poster String? @db.VarChar(255)
|
||||
pub Pub @relation(fields: [pubId], references: [id])
|
||||
}
|
||||
|
||||
model Reservation {
|
||||
id Int @id @default(autoincrement())
|
||||
userId Int
|
||||
pubId Int
|
||||
tableId Int
|
||||
date DateTime @db.Date
|
||||
time DateTime @db.Time()
|
||||
numPeople Int
|
||||
status ReservationStatus @default(PENDING)
|
||||
totalCost Decimal? @db.Decimal(10, 2)
|
||||
prepaid Decimal? @db.Decimal(10, 2)
|
||||
paymentId String? @db.VarChar(255)
|
||||
createdAt DateTime @default(now())
|
||||
updatedAt DateTime @updatedAt
|
||||
user User @relation(fields: [userId], references: [id])
|
||||
pub Pub @relation(fields: [pubId], references: [id])
|
||||
table Table @relation(fields: [tableId], references: [id])
|
||||
dishes ReservationDish[]
|
||||
}
|
||||
|
||||
model ReservationDish {
|
||||
id Int @id @default(autoincrement())
|
||||
reservationId Int
|
||||
dishId Int
|
||||
quantity Int @default(1)
|
||||
priceAtOrder Decimal @db.Decimal(10, 2)
|
||||
reservation Reservation @relation(fields: [reservationId], references: [id], onDelete: Cascade)
|
||||
dish Dish @relation(fields: [dishId], references: [id])
|
||||
|
||||
@@unique([reservationId, dishId])
|
||||
}
|
||||
@@ -0,0 +1,282 @@
|
||||
import { PrismaClient } from '@prisma/client';
|
||||
import bcrypt from 'bcryptjs';
|
||||
|
||||
const prisma = new PrismaClient();
|
||||
|
||||
async function main() {
|
||||
console.log('🌱 Seeding database...');
|
||||
|
||||
// ─── Categories ──────────────────────────────────────
|
||||
const categories = await Promise.all([
|
||||
prisma.category.upsert({ where: { title: 'Закуски' }, update: {}, create: { title: 'Закуски' } }),
|
||||
prisma.category.upsert({ where: { title: 'Салаты' }, update: {}, create: { title: 'Салаты' } }),
|
||||
prisma.category.upsert({ where: { title: 'Супы' }, update: {}, create: { title: 'Супы' } }),
|
||||
prisma.category.upsert({ where: { title: 'Горячее' }, update: {}, create: { title: 'Горячее' } }),
|
||||
prisma.category.upsert({ where: { title: 'Бургеры' }, update: {}, create: { title: 'Бургеры' } }),
|
||||
prisma.category.upsert({ where: { title: 'Пицца' }, update: {}, create: { title: 'Пицца' } }),
|
||||
prisma.category.upsert({ where: { title: 'Десерты' }, update: {}, create: { title: 'Десерты' } }),
|
||||
prisma.category.upsert({ where: { title: 'Пиво' }, update: {}, create: { title: 'Пиво' } }),
|
||||
prisma.category.upsert({ where: { title: 'Коктейли' }, update: {}, create: { title: 'Коктейли' } }),
|
||||
prisma.category.upsert({ where: { title: 'Безалкогольные' }, update: {}, create: { title: 'Безалкогольные' } }),
|
||||
prisma.category.upsert({ where: { title: 'Бизнес-ланч' }, update: {}, create: { title: 'Бизнес-ланч' } }),
|
||||
]);
|
||||
|
||||
const [snacks, salads, soups, main, burgers, pizza, desserts, beer, cocktails, soft, lunch] = categories;
|
||||
|
||||
// ─── Pubs ────────────────────────────────────────────
|
||||
const pub1 = await prisma.pub.upsert({
|
||||
where: { address: 'ул. Карла Маркса, 26, Иркутск' },
|
||||
update: {},
|
||||
create: {
|
||||
name: "Harat's Irish Pub Иркутск",
|
||||
address: 'ул. Карла Маркса, 26, Иркутск',
|
||||
phone: '+7 (3952) 48-68-76',
|
||||
},
|
||||
});
|
||||
|
||||
const pub2 = await prisma.pub.upsert({
|
||||
where: { address: 'ул. Ленина, 15, Новосибирск' },
|
||||
update: {},
|
||||
create: {
|
||||
name: "Harat's Irish Pub Новосибирск",
|
||||
address: 'ул. Ленина, 15, Новосибирск',
|
||||
phone: '+7 (383) 230-01-20',
|
||||
},
|
||||
});
|
||||
|
||||
const pub3 = await prisma.pub.upsert({
|
||||
where: { address: 'Невский проспект, 88, Санкт-Петербург' },
|
||||
update: {},
|
||||
create: {
|
||||
name: "Harat's Irish Pub Санкт-Петербург",
|
||||
address: 'Невский проспект, 88, Санкт-Петербург',
|
||||
phone: '+7 (812) 640-16-16',
|
||||
},
|
||||
});
|
||||
|
||||
const pub4 = await prisma.pub.upsert({
|
||||
where: { address: 'пр. Мира, 81, Красноярск' },
|
||||
update: {},
|
||||
create: {
|
||||
name: "Harat's Irish Pub Красноярск",
|
||||
address: 'пр. Мира, 81, Красноярск',
|
||||
phone: '+7 (391) 223-22-22',
|
||||
},
|
||||
});
|
||||
|
||||
// ─── Tables for Pub 1 (main pub with full layout) ───
|
||||
const tablesData = [
|
||||
// Main hall
|
||||
{ pubId: pub1.id, number: 1, capacity: 2, posX: 80, posY: 100, width: 55, height: 55, shape: 'rect', zone: 'main' },
|
||||
{ pubId: pub1.id, number: 2, capacity: 2, posX: 180, posY: 100, width: 55, height: 55, shape: 'rect', zone: 'main' },
|
||||
{ pubId: pub1.id, number: 3, capacity: 4, posX: 280, posY: 100, width: 70, height: 55, shape: 'rect', zone: 'main' },
|
||||
{ pubId: pub1.id, number: 4, capacity: 4, posX: 400, posY: 100, width: 70, height: 55, shape: 'rect', zone: 'main' },
|
||||
{ pubId: pub1.id, number: 5, capacity: 6, posX: 80, posY: 220, width: 90, height: 60, shape: 'rect', zone: 'main' },
|
||||
{ pubId: pub1.id, number: 6, capacity: 6, posX: 230, posY: 220, width: 90, height: 60, shape: 'rect', zone: 'main' },
|
||||
{ pubId: pub1.id, number: 7, capacity: 4, posX: 380, posY: 220, width: 70, height: 55, shape: 'rect', zone: 'main' },
|
||||
// Bar zone
|
||||
{ pubId: pub1.id, number: 8, capacity: 2, posX: 560, posY: 80, width: 50, height: 50, shape: 'circle', zone: 'bar' },
|
||||
{ pubId: pub1.id, number: 9, capacity: 2, posX: 560, posY: 160, width: 50, height: 50, shape: 'circle', zone: 'bar' },
|
||||
{ pubId: pub1.id, number: 10, capacity: 2, posX: 560, posY: 240, width: 50, height: 50, shape: 'circle', zone: 'bar' },
|
||||
// VIP
|
||||
{ pubId: pub1.id, number: 11, capacity: 8, posX: 80, posY: 360, width: 120, height: 70, shape: 'rect', zone: 'vip' },
|
||||
{ pubId: pub1.id, number: 12, capacity: 8, posX: 260, posY: 360, width: 120, height: 70, shape: 'rect', zone: 'vip' },
|
||||
// Terrace
|
||||
{ pubId: pub1.id, number: 13, capacity: 4, posX: 460, posY: 360, width: 65, height: 55, shape: 'rect', zone: 'terrace' },
|
||||
{ pubId: pub1.id, number: 14, capacity: 4, posX: 560, posY: 360, width: 65, height: 55, shape: 'rect', zone: 'terrace' },
|
||||
];
|
||||
|
||||
for (const t of tablesData) {
|
||||
await prisma.table.upsert({
|
||||
where: { pubId_number: { pubId: t.pubId, number: t.number } },
|
||||
update: {},
|
||||
create: t,
|
||||
});
|
||||
}
|
||||
|
||||
// Simple tables for pub2, pub3, and pub4
|
||||
for (const pub of [pub2, pub3, pub4]) {
|
||||
for (let i = 1; i <= 8; i++) {
|
||||
await prisma.table.upsert({
|
||||
where: { pubId_number: { pubId: pub.id, number: i } },
|
||||
update: {},
|
||||
create: {
|
||||
pubId: pub.id,
|
||||
number: i,
|
||||
capacity: i <= 4 ? 2 : 4,
|
||||
posX: 80 + ((i - 1) % 4) * 140,
|
||||
posY: 100 + Math.floor((i - 1) / 4) * 140,
|
||||
width: i <= 4 ? 55 : 70,
|
||||
height: 55,
|
||||
shape: i <= 4 ? 'circle' : 'rect',
|
||||
zone: 'main',
|
||||
},
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// ─── Dishes ──────────────────────────────────────────
|
||||
const dishesData = [
|
||||
// Snacks
|
||||
{ title: 'Ирландские колбаски', categoryId: snacks.id, grams: 250, price: 490, description: 'Ассорти из трёх видов домашних колбасок с горчичным соусом' },
|
||||
{ title: 'Начос с соусами', categoryId: snacks.id, grams: 300, price: 420, description: 'Кукурузные чипсы с гуакамоле, сальсой и сырным соусом' },
|
||||
{ title: 'Луковые кольца', categoryId: snacks.id, grams: 200, price: 350, description: 'Хрустящие луковые кольца в пивном кляре' },
|
||||
{ title: 'Куриные крылья BBQ', categoryId: snacks.id, grams: 350, price: 520, description: 'Крылышки в фирменном соусе BBQ с сельдереем' },
|
||||
{ title: 'Картофель фри', categoryId: snacks.id, grams: 250, price: 280, description: 'Золотистый картофель фри с паприкой' },
|
||||
{ title: 'Сырные палочки', categoryId: snacks.id, grams: 200, price: 390, description: 'Моцарелла в панировке с томатным соусом' },
|
||||
|
||||
// Salads
|
||||
{ title: 'Цезарь с курицей', categoryId: salads.id, grams: 280, price: 450, description: 'Классический салат с куриной грудкой, пармезаном и гренками' },
|
||||
{ title: 'Греческий', categoryId: salads.id, grams: 260, price: 380, description: 'Свежие овощи с фетой и оливковым маслом' },
|
||||
{ title: 'Коул-слоу', categoryId: salads.id, grams: 200, price: 250, description: 'Капустный салат с морковью в сливочной заправке' },
|
||||
|
||||
// Soups
|
||||
{ title: 'Ирландское рагу', categoryId: soups.id, grams: 350, price: 420, description: 'Традиционное рагу из баранины с картофелем и овощами' },
|
||||
{ title: 'Крем-суп из шампиньонов', categoryId: soups.id, grams: 300, price: 350, description: 'Нежный крем-суп с гренками и трюфельным маслом' },
|
||||
{ title: 'Томатный суп', categoryId: soups.id, grams: 300, price: 320, description: 'Густой томатный суп с базиликом' },
|
||||
|
||||
// Main
|
||||
{ title: 'Стейк Рибай', categoryId: main.id, grams: 300, price: 1490, description: 'Стейк рибай medium rare с овощами гриль' },
|
||||
{ title: 'Fish & Chips', categoryId: main.id, grams: 350, price: 590, description: 'Треска в пивном кляре с картофелем фри и соусом тартар' },
|
||||
{ title: 'Shepherd\'s Pie', categoryId: main.id, grams: 400, price: 520, description: 'Пастуший пирог с бараниной и картофельным пюре' },
|
||||
{ title: 'Свиная рулька', categoryId: main.id, grams: 500, price: 890, description: 'Томлёная свиная рулька с квашеной капустой' },
|
||||
|
||||
// Burgers
|
||||
{ title: 'Classic Burger', categoryId: burgers.id, grams: 350, price: 550, description: 'Говяжья котлета, чеддер, томат, салат, фирменный соус' },
|
||||
{ title: 'Irish Burger', categoryId: burgers.id, grams: 400, price: 650, description: 'Двойная котлета, бекон, яйцо, жареный лук, BBQ соус' },
|
||||
{ title: 'Chicken Burger', categoryId: burgers.id, grams: 330, price: 490, description: 'Куриная котлета, авокадо, руккола, медово-горчичный соус' },
|
||||
|
||||
// Pizza
|
||||
{ title: 'Маргарита', categoryId: pizza.id, grams: 450, price: 490, description: 'Томатный соус, моцарелла, базилик' },
|
||||
{ title: 'Пепперони', categoryId: pizza.id, grams: 480, price: 590, description: 'Томатный соус, моцарелла, пепперони' },
|
||||
{ title: 'Четыре сыра', categoryId: pizza.id, grams: 460, price: 620, description: 'Моцарелла, горгонзола, пармезан, дор блю' },
|
||||
|
||||
// Desserts
|
||||
{ title: 'Чизкейк', categoryId: desserts.id, grams: 180, price: 350, description: 'Классический нью-йоркский чизкейк' },
|
||||
{ title: 'Брауни', categoryId: desserts.id, grams: 150, price: 320, description: 'Шоколадный брауни с ванильным мороженым' },
|
||||
{ title: 'Apple Crumble', categoryId: desserts.id, grams: 200, price: 380, description: 'Тёплый яблочный крамбл с корицей и мороженым' },
|
||||
|
||||
// Beer
|
||||
{ title: 'Guinness (0.5)', categoryId: beer.id, grams: 500, price: 450, description: 'Ирландский тёмный стаут' },
|
||||
{ title: 'Kilkenny (0.5)', categoryId: beer.id, grams: 500, price: 420, description: 'Ирландский красный эль' },
|
||||
{ title: 'Harp Lager (0.5)', categoryId: beer.id, grams: 500, price: 380, description: 'Ирландский лагер' },
|
||||
{ title: 'Крафт IPA (0.4)', categoryId: beer.id, grams: 400, price: 390, description: 'Крафтовый индийский пэйл эль' },
|
||||
|
||||
// Cocktails
|
||||
{ title: 'Irish Coffee', categoryId: cocktails.id, grams: 250, price: 450, description: 'Кофе, ирландский виски, сливки' },
|
||||
{ title: 'Whiskey Sour', categoryId: cocktails.id, grams: 200, price: 520, description: 'Виски, лимонный сок, сахарный сироп, яичный белок' },
|
||||
{ title: 'Mojito', categoryId: cocktails.id, grams: 300, price: 480, description: 'Ром, лайм, мята, содовая, сахар' },
|
||||
{ title: 'Long Island', categoryId: cocktails.id, grams: 350, price: 590, description: 'Водка, ром, текила, джин, трипл сек, кола' },
|
||||
|
||||
// Soft drinks
|
||||
{ title: 'Лимонад домашний', categoryId: soft.id, grams: 400, price: 250, description: 'Свежевыжатый лимонад с мятой' },
|
||||
{ title: 'Морс клюквенный', categoryId: soft.id, grams: 400, price: 220, description: 'Домашний морс из свежей клюквы' },
|
||||
{ title: 'Сок апельсиновый', categoryId: soft.id, grams: 300, price: 280, description: 'Свежевыжатый апельсиновый сок' },
|
||||
|
||||
// Lunch
|
||||
{ title: 'Ланч: Борщ + хлеб', categoryId: lunch.id, grams: 350, price: 220, description: 'Домашний борщ с пампушкой' },
|
||||
{ title: 'Ланч: Котлета с пюре', categoryId: lunch.id, grams: 300, price: 280, description: 'Куриная котлета с картофельным пюре и подливой' },
|
||||
{ title: 'Ланч: Паста болоньезе', categoryId: lunch.id, grams: 300, price: 260, description: 'Спагетти с мясным соусом болоньезе' },
|
||||
{ title: 'Ланч: Комплекс (суп + горячее + напиток)', categoryId: lunch.id, grams: null, price: 390, description: 'Суп дня, горячее дня, компот' },
|
||||
];
|
||||
|
||||
const createdDishes: any[] = [];
|
||||
for (const d of dishesData) {
|
||||
const dish = await prisma.dish.upsert({
|
||||
where: { id: createdDishes.length + 1 },
|
||||
update: {},
|
||||
create: d,
|
||||
});
|
||||
createdDishes.push(dish);
|
||||
}
|
||||
|
||||
// ─── Menu (link dishes to pubs, except lunch category) ──
|
||||
for (const pub of [pub1, pub2, pub3, pub4]) {
|
||||
for (const dish of createdDishes) {
|
||||
if (dish.categoryId === lunch.id) continue; // lunch is separate
|
||||
await prisma.menu.upsert({
|
||||
where: { pubId_dishId: { pubId: pub.id, dishId: dish.id } },
|
||||
update: {},
|
||||
create: { pubId: pub.id, dishId: dish.id },
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// ─── Lunch Menu (current week) ─────────────────────
|
||||
const now = new Date();
|
||||
const monday = new Date(now);
|
||||
monday.setDate(now.getDate() - ((now.getDay() + 6) % 7));
|
||||
monday.setHours(0, 0, 0, 0);
|
||||
const sunday = new Date(monday);
|
||||
sunday.setDate(monday.getDate() + 6);
|
||||
|
||||
const lunchDishes = createdDishes.filter(d => d.categoryId === lunch.id);
|
||||
for (const pub of [pub1, pub2, pub3, pub4]) {
|
||||
for (const dish of lunchDishes) {
|
||||
await prisma.lunchMenu.upsert({
|
||||
where: { pubId_dishId_weekStart: { pubId: pub.id, dishId: dish.id, weekStart: monday } },
|
||||
update: {},
|
||||
create: {
|
||||
pubId: pub.id,
|
||||
dishId: dish.id,
|
||||
weekStart: monday,
|
||||
weekEnd: sunday,
|
||||
},
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// ─── Billboard ─────────────────────────────────────
|
||||
const billboards = [
|
||||
{ title: 'Live Rock Night', artist: 'The Wild Rovers', pubId: pub1.id, datetime: new Date('2026-04-12T20:00:00'), poster: null },
|
||||
{ title: 'Jazz Friday', artist: 'Smooth Quartet', pubId: pub1.id, datetime: new Date('2026-04-11T19:30:00'), poster: null },
|
||||
{ title: 'Irish Folk Evening', artist: 'Celtic Storm', pubId: pub1.id, datetime: new Date('2026-04-13T18:00:00'), poster: null },
|
||||
{ title: 'Stand-Up Comedy', artist: 'Андрей Бебуришвили', pubId: pub2.id, datetime: new Date('2026-04-12T19:00:00'), poster: null },
|
||||
{ title: 'Karaoke Night', artist: 'DJ Shamrock', pubId: pub2.id, datetime: new Date('2026-04-10T21:00:00'), poster: null },
|
||||
{ title: 'Acoustic Session', artist: 'Indie Folk Band', pubId: pub3.id, datetime: new Date('2026-04-11T20:00:00'), poster: null },
|
||||
];
|
||||
|
||||
for (const b of billboards) {
|
||||
await prisma.billboard.create({ data: b });
|
||||
}
|
||||
|
||||
// ─── Admin User ────────────────────────────────────
|
||||
const hashedPassword = await bcrypt.hash('admin123', 12);
|
||||
await prisma.user.upsert({
|
||||
where: { phone: '+79001234567' },
|
||||
update: {},
|
||||
create: {
|
||||
phone: '+79001234567',
|
||||
password: hashedPassword,
|
||||
name: 'Администратор',
|
||||
role: 'ADMIN',
|
||||
email: 'admin@harats.com',
|
||||
},
|
||||
});
|
||||
|
||||
// Demo user
|
||||
const userPassword = await bcrypt.hash('user123', 12);
|
||||
await prisma.user.upsert({
|
||||
where: { phone: '+79009876543' },
|
||||
update: {},
|
||||
create: {
|
||||
phone: '+79009876543',
|
||||
password: userPassword,
|
||||
name: 'Иван',
|
||||
surname: 'Петров',
|
||||
role: 'USER',
|
||||
email: 'ivan@example.com',
|
||||
},
|
||||
});
|
||||
|
||||
console.log('✅ Seed complete!');
|
||||
}
|
||||
|
||||
main()
|
||||
.catch((e) => {
|
||||
console.error(e);
|
||||
process.exit(1);
|
||||
})
|
||||
.finally(async () => {
|
||||
await prisma.$disconnect();
|
||||
});
|
||||
@@ -0,0 +1,44 @@
|
||||
import express from 'express';
|
||||
import cors from 'cors';
|
||||
import { errorHandler } from './middleware/errorHandler.js';
|
||||
|
||||
// Routes
|
||||
import authRoutes from './modules/auth/auth.routes.js';
|
||||
import userRoutes from './modules/user/user.routes.js';
|
||||
import pubRoutes from './modules/pub/pub.routes.js';
|
||||
import menuRoutes from './modules/menu/menu.routes.js';
|
||||
import dishRoutes from './modules/dish/dish.routes.js';
|
||||
import tableRoutes from './modules/table/table.routes.js';
|
||||
import reservationRoutes from './modules/reservation/reservation.routes.js';
|
||||
import billboardRoutes from './modules/billboard/billboard.routes.js';
|
||||
import paymentRoutes from './modules/payment/payment.routes.js';
|
||||
|
||||
const app = express();
|
||||
|
||||
// Middleware
|
||||
app.use(cors({
|
||||
origin: ['http://localhost:5173', 'http://localhost:3000'],
|
||||
credentials: true,
|
||||
}));
|
||||
app.use(express.json());
|
||||
|
||||
// ─── API Routes ──────────────────────────────────────
|
||||
app.use('/api/auth', authRoutes);
|
||||
app.use('/api/users', userRoutes);
|
||||
app.use('/api/pubs', pubRoutes);
|
||||
app.use('/api/pubs', menuRoutes); // /api/pubs/:id/menu, /api/pubs/:id/lunch-menu
|
||||
app.use('/api/pubs', tableRoutes); // /api/pubs/:id/tables
|
||||
app.use('/api/pubs', billboardRoutes); // /api/pubs/:id/billboard
|
||||
app.use('/api/dishes', dishRoutes);
|
||||
app.use('/api/reservations', reservationRoutes);
|
||||
app.use('/api/payments', paymentRoutes);
|
||||
|
||||
// Health check
|
||||
app.get('/api/health', (_req, res) => {
|
||||
res.json({ status: 'ok', timestamp: new Date().toISOString() });
|
||||
});
|
||||
|
||||
// Error handler
|
||||
app.use(errorHandler);
|
||||
|
||||
export default app;
|
||||
@@ -0,0 +1,20 @@
|
||||
import dotenv from 'dotenv';
|
||||
import path from 'path';
|
||||
import { fileURLToPath } from 'url';
|
||||
|
||||
const __dirname = path.dirname(fileURLToPath(import.meta.url));
|
||||
dotenv.config({ path: path.resolve(__dirname, '../../../.env') });
|
||||
|
||||
export const env = {
|
||||
PORT: parseInt(process.env.PORT || '3001', 10),
|
||||
NODE_ENV: process.env.NODE_ENV || 'development',
|
||||
DATABASE_URL: process.env.DATABASE_URL!,
|
||||
JWT_SECRET: process.env.JWT_SECRET!,
|
||||
JWT_REFRESH_SECRET: process.env.JWT_REFRESH_SECRET!,
|
||||
JWT_EXPIRES_IN: process.env.JWT_EXPIRES_IN || '15m',
|
||||
JWT_REFRESH_EXPIRES_IN: process.env.JWT_REFRESH_EXPIRES_IN || '7d',
|
||||
SMTP_HOST: process.env.SMTP_HOST,
|
||||
SMTP_PORT: parseInt(process.env.SMTP_PORT || '587', 10),
|
||||
SMTP_USER: process.env.SMTP_USER,
|
||||
SMTP_PASS: process.env.SMTP_PASS,
|
||||
};
|
||||
@@ -0,0 +1,12 @@
|
||||
import { env } from './config/env.js';
|
||||
import app from './app.js';
|
||||
|
||||
app.listen(env.PORT, () => {
|
||||
console.log(`
|
||||
╔══════════════════════════════════════════╗
|
||||
║ 🍀 Harat's Booking API ║
|
||||
║ http://localhost:${env.PORT} ║
|
||||
║ Mode: ${env.NODE_ENV.padEnd(28)}║
|
||||
╚══════════════════════════════════════════╝
|
||||
`);
|
||||
});
|
||||
@@ -0,0 +1,25 @@
|
||||
import { Request, Response, NextFunction } from 'express';
|
||||
import { verifyAccessToken } from '../utils/jwt.js';
|
||||
|
||||
export interface AuthRequest extends Request {
|
||||
userId?: number;
|
||||
userRole?: string;
|
||||
}
|
||||
|
||||
export function authMiddleware(req: AuthRequest, res: Response, next: NextFunction): void {
|
||||
const header = req.headers.authorization;
|
||||
if (!header || !header.startsWith('Bearer ')) {
|
||||
res.status(401).json({ success: false, error: 'Требуется авторизация' });
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
const token = header.split(' ')[1];
|
||||
const payload = verifyAccessToken(token);
|
||||
req.userId = payload.userId;
|
||||
req.userRole = payload.role;
|
||||
next();
|
||||
} catch {
|
||||
res.status(401).json({ success: false, error: 'Недействительный токен' });
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
import { Request, Response, NextFunction } from 'express';
|
||||
|
||||
export function errorHandler(err: Error, _req: Request, res: Response, _next: NextFunction): void {
|
||||
console.error('❌ Error:', err.message);
|
||||
if (process.env.NODE_ENV === 'development') {
|
||||
console.error(err.stack);
|
||||
}
|
||||
res.status(500).json({
|
||||
success: false,
|
||||
error: process.env.NODE_ENV === 'development' ? err.message : 'Внутренняя ошибка сервера',
|
||||
});
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
import { Response, NextFunction } from 'express';
|
||||
import { AuthRequest } from './auth.js';
|
||||
|
||||
export function roleMiddleware(...roles: string[]) {
|
||||
return (req: AuthRequest, res: Response, next: NextFunction): void => {
|
||||
if (!req.userRole || !roles.includes(req.userRole)) {
|
||||
res.status(403).json({ success: false, error: 'Недостаточно прав' });
|
||||
return;
|
||||
}
|
||||
next();
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1,21 @@
|
||||
import { Request, Response, NextFunction } from 'express';
|
||||
import { ZodSchema, ZodError } from 'zod';
|
||||
|
||||
export function validate(schema: ZodSchema) {
|
||||
return (req: Request, res: Response, next: NextFunction): void => {
|
||||
try {
|
||||
schema.parse(req.body);
|
||||
next();
|
||||
} catch (err) {
|
||||
if (err instanceof ZodError) {
|
||||
const errors = err.errors.map(e => ({
|
||||
field: e.path.join('.'),
|
||||
message: e.message,
|
||||
}));
|
||||
res.status(400).json({ success: false, error: 'Ошибка валидации', details: errors });
|
||||
return;
|
||||
}
|
||||
next(err);
|
||||
}
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1,38 @@
|
||||
import { Request, Response } from 'express';
|
||||
import { AuthService } from './auth.service.js';
|
||||
|
||||
const authService = new AuthService();
|
||||
|
||||
export class AuthController {
|
||||
async register(req: Request, res: Response) {
|
||||
try {
|
||||
const result = await authService.register(req.body);
|
||||
res.status(201).json({ success: true, data: result });
|
||||
} catch (err: any) {
|
||||
res.status(400).json({ success: false, error: err.message });
|
||||
}
|
||||
}
|
||||
|
||||
async login(req: Request, res: Response) {
|
||||
try {
|
||||
const result = await authService.login(req.body);
|
||||
res.json({ success: true, data: result });
|
||||
} catch (err: any) {
|
||||
res.status(401).json({ success: false, error: err.message });
|
||||
}
|
||||
}
|
||||
|
||||
async refresh(req: Request, res: Response) {
|
||||
try {
|
||||
const { refreshToken } = req.body;
|
||||
if (!refreshToken) {
|
||||
res.status(400).json({ success: false, error: 'Refresh token обязателен' });
|
||||
return;
|
||||
}
|
||||
const result = await authService.refresh(refreshToken);
|
||||
res.json({ success: true, data: result });
|
||||
} catch (err: any) {
|
||||
res.status(401).json({ success: false, error: 'Невалидный refresh token' });
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
import { Router } from 'express';
|
||||
import { AuthController } from './auth.controller.js';
|
||||
import { validate } from '../../middleware/validate.js';
|
||||
import { registerSchema, loginSchema } from './auth.schema.js';
|
||||
|
||||
const router = Router();
|
||||
const controller = new AuthController();
|
||||
|
||||
router.post('/register', validate(registerSchema), (req, res) => controller.register(req, res));
|
||||
router.post('/login', validate(loginSchema), (req, res) => controller.login(req, res));
|
||||
router.post('/refresh', (req, res) => controller.refresh(req, res));
|
||||
|
||||
export default router;
|
||||
@@ -0,0 +1,14 @@
|
||||
import { z } from 'zod';
|
||||
|
||||
export const registerSchema = z.object({
|
||||
phone: z.string().min(10).max(20),
|
||||
password: z.string().min(6).max(100),
|
||||
name: z.string().min(1).max(100),
|
||||
surname: z.string().max(100).optional(),
|
||||
email: z.string().email().optional(),
|
||||
});
|
||||
|
||||
export const loginSchema = z.object({
|
||||
phone: z.string().min(10).max(20),
|
||||
password: z.string().min(1),
|
||||
});
|
||||
@@ -0,0 +1,111 @@
|
||||
import { PrismaClient } from '@prisma/client';
|
||||
import { hashPassword, comparePassword } from '../../utils/hash.js';
|
||||
import { generateAccessToken, generateRefreshToken, verifyRefreshToken } from '../../utils/jwt.js';
|
||||
|
||||
const prisma = new PrismaClient();
|
||||
|
||||
interface RegisterInput {
|
||||
phone: string;
|
||||
password: string;
|
||||
name: string;
|
||||
surname?: string;
|
||||
email?: string;
|
||||
}
|
||||
|
||||
interface LoginInput {
|
||||
phone: string;
|
||||
password: string;
|
||||
}
|
||||
|
||||
export class AuthService {
|
||||
private extractCardExpiry(cardToken?: string | null): string | null {
|
||||
if (!cardToken) return null;
|
||||
try {
|
||||
const parsed = JSON.parse(cardToken);
|
||||
return parsed.cardExpiry || null;
|
||||
} catch {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
async register(input: RegisterInput) {
|
||||
const existing = await prisma.user.findUnique({ where: { phone: input.phone } });
|
||||
if (existing) {
|
||||
throw new Error('Пользователь с таким номером уже существует');
|
||||
}
|
||||
|
||||
const hashed = await hashPassword(input.password);
|
||||
const user = await prisma.user.create({
|
||||
data: {
|
||||
phone: input.phone,
|
||||
password: hashed,
|
||||
name: input.name,
|
||||
surname: input.surname,
|
||||
email: input.email,
|
||||
},
|
||||
});
|
||||
|
||||
const accessToken = generateAccessToken({ userId: user.id, role: user.role });
|
||||
const refreshToken = generateRefreshToken({ userId: user.id, role: user.role });
|
||||
|
||||
return {
|
||||
user: {
|
||||
id: user.id,
|
||||
phone: user.phone,
|
||||
name: user.name,
|
||||
surname: user.surname,
|
||||
email: user.email,
|
||||
role: user.role,
|
||||
cardLastFour: user.cardLastFour,
|
||||
cardExpiry: this.extractCardExpiry(user.cardToken),
|
||||
createdAt: user.createdAt.toISOString(),
|
||||
},
|
||||
accessToken,
|
||||
refreshToken,
|
||||
};
|
||||
}
|
||||
|
||||
async login(input: LoginInput) {
|
||||
const user = await prisma.user.findUnique({ where: { phone: input.phone } });
|
||||
if (!user) {
|
||||
throw new Error('Неверный номер телефона или пароль');
|
||||
}
|
||||
|
||||
const valid = await comparePassword(input.password, user.password);
|
||||
if (!valid) {
|
||||
throw new Error('Неверный номер телефона или пароль');
|
||||
}
|
||||
|
||||
const accessToken = generateAccessToken({ userId: user.id, role: user.role });
|
||||
const refreshToken = generateRefreshToken({ userId: user.id, role: user.role });
|
||||
|
||||
return {
|
||||
user: {
|
||||
id: user.id,
|
||||
phone: user.phone,
|
||||
name: user.name,
|
||||
surname: user.surname,
|
||||
email: user.email,
|
||||
role: user.role,
|
||||
cardLastFour: user.cardLastFour,
|
||||
cardExpiry: this.extractCardExpiry(user.cardToken),
|
||||
createdAt: user.createdAt.toISOString(),
|
||||
},
|
||||
accessToken,
|
||||
refreshToken,
|
||||
};
|
||||
}
|
||||
|
||||
async refresh(token: string) {
|
||||
const payload = verifyRefreshToken(token);
|
||||
const user = await prisma.user.findUnique({ where: { id: payload.userId } });
|
||||
if (!user) {
|
||||
throw new Error('Пользователь не найден');
|
||||
}
|
||||
|
||||
const accessToken = generateAccessToken({ userId: user.id, role: user.role });
|
||||
const refreshToken = generateRefreshToken({ userId: user.id, role: user.role });
|
||||
|
||||
return { accessToken, refreshToken };
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
import { Request, Response } from 'express';
|
||||
import { BillboardService } from './billboard.service.js';
|
||||
|
||||
const billboardService = new BillboardService();
|
||||
|
||||
export class BillboardController {
|
||||
async getByPub(req: Request, res: Response) {
|
||||
const pubId = Number(req.params.id);
|
||||
const events = await billboardService.getByPub(pubId);
|
||||
res.json({ success: true, data: events });
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
import { Router } from 'express';
|
||||
import { BillboardController } from './billboard.controller.js';
|
||||
|
||||
const router = Router();
|
||||
const controller = new BillboardController();
|
||||
|
||||
// Nested under /api/pubs
|
||||
router.get('/:id/billboard', (req, res) => controller.getByPub(req, res));
|
||||
|
||||
export default router;
|
||||
@@ -0,0 +1,15 @@
|
||||
import { PrismaClient } from '@prisma/client';
|
||||
|
||||
const prisma = new PrismaClient();
|
||||
|
||||
export class BillboardService {
|
||||
async getByPub(pubId: number) {
|
||||
return prisma.billboard.findMany({
|
||||
where: {
|
||||
pubId,
|
||||
datetime: { gte: new Date() },
|
||||
},
|
||||
orderBy: { datetime: 'asc' },
|
||||
});
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
import { Request, Response } from 'express';
|
||||
import { DishService } from './dish.service.js';
|
||||
|
||||
const dishService = new DishService();
|
||||
|
||||
export class DishController {
|
||||
async toggleAvailability(req: Request, res: Response) {
|
||||
try {
|
||||
const { availability } = req.body;
|
||||
if (!['AVAILABLE', 'STOPPED'].includes(availability)) {
|
||||
res.status(400).json({ success: false, error: 'Статус должен быть AVAILABLE или STOPPED' });
|
||||
return;
|
||||
}
|
||||
const dish = await dishService.toggleAvailability(Number(req.params.id), availability);
|
||||
res.json({ success: true, data: dish });
|
||||
} catch (err: any) {
|
||||
res.status(400).json({ success: false, error: err.message });
|
||||
}
|
||||
}
|
||||
|
||||
async getAll(_req: Request, res: Response) {
|
||||
const dishes = await dishService.getAll();
|
||||
res.json({ success: true, data: dishes });
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
import { Router } from 'express';
|
||||
import { DishController } from './dish.controller.js';
|
||||
import { authMiddleware } from '../../middleware/auth.js';
|
||||
import { roleMiddleware } from '../../middleware/role.js';
|
||||
|
||||
const router = Router();
|
||||
const controller = new DishController();
|
||||
|
||||
router.get('/', (req, res) => controller.getAll(req, res));
|
||||
router.put('/:id/availability', authMiddleware, roleMiddleware('ADMIN'), (req, res) => controller.toggleAvailability(req, res));
|
||||
|
||||
export default router;
|
||||
@@ -0,0 +1,22 @@
|
||||
import { PrismaClient } from '@prisma/client';
|
||||
|
||||
const prisma = new PrismaClient();
|
||||
|
||||
export class DishService {
|
||||
async toggleAvailability(dishId: number, availability: 'AVAILABLE' | 'STOPPED') {
|
||||
const dish = await prisma.dish.update({
|
||||
where: { id: dishId },
|
||||
data: { availability },
|
||||
include: { category: true },
|
||||
});
|
||||
return { ...dish, price: Number(dish.price) };
|
||||
}
|
||||
|
||||
async getAll() {
|
||||
const dishes = await prisma.dish.findMany({
|
||||
include: { category: true },
|
||||
orderBy: { title: 'asc' },
|
||||
});
|
||||
return dishes.map((d: any) => ({ ...d, price: Number(d.price) }));
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
import { Request, Response } from 'express';
|
||||
import { MenuService } from './menu.service.js';
|
||||
|
||||
const menuService = new MenuService();
|
||||
|
||||
export class MenuController {
|
||||
async getMenu(req: Request, res: Response) {
|
||||
const pubId = Number(req.params.id);
|
||||
const menu = await menuService.getMenuByPub(pubId);
|
||||
res.json({ success: true, data: menu });
|
||||
}
|
||||
|
||||
async getLunchMenu(req: Request, res: Response) {
|
||||
const pubId = Number(req.params.id);
|
||||
const menu = await menuService.getLunchMenu(pubId);
|
||||
res.json({ success: true, data: menu });
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
import { Router } from 'express';
|
||||
import { MenuController } from './menu.controller.js';
|
||||
|
||||
const router = Router();
|
||||
const controller = new MenuController();
|
||||
|
||||
// These are nested under /api/pubs/:id
|
||||
router.get('/:id/menu', (req, res) => controller.getMenu(req, res));
|
||||
router.get('/:id/lunch-menu', (req, res) => controller.getLunchMenu(req, res));
|
||||
|
||||
export default router;
|
||||
@@ -0,0 +1,62 @@
|
||||
import { PrismaClient } from '@prisma/client';
|
||||
|
||||
const prisma = new PrismaClient();
|
||||
|
||||
export class MenuService {
|
||||
async getMenuByPub(pubId: number) {
|
||||
const items = await prisma.menu.findMany({
|
||||
where: { pubId },
|
||||
include: {
|
||||
dish: {
|
||||
include: { category: true },
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
// Group by category
|
||||
const grouped: Record<string, any[]> = {};
|
||||
for (const item of items) {
|
||||
const cat = item.dish.category.title;
|
||||
if (!grouped[cat]) grouped[cat] = [];
|
||||
grouped[cat].push({
|
||||
id: item.id,
|
||||
pubId: item.pubId,
|
||||
dishId: item.dishId,
|
||||
dish: {
|
||||
...item.dish,
|
||||
price: Number(item.dish.price),
|
||||
category: item.dish.category,
|
||||
},
|
||||
});
|
||||
}
|
||||
return grouped;
|
||||
}
|
||||
|
||||
async getLunchMenu(pubId: number) {
|
||||
const now = new Date();
|
||||
const monday = new Date(now);
|
||||
monday.setDate(now.getDate() - ((now.getDay() + 6) % 7));
|
||||
monday.setHours(0, 0, 0, 0);
|
||||
|
||||
const items = await prisma.lunchMenu.findMany({
|
||||
where: {
|
||||
pubId,
|
||||
weekStart: { lte: now },
|
||||
weekEnd: { gte: now },
|
||||
},
|
||||
include: {
|
||||
dish: {
|
||||
include: { category: true },
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
return items.map(item => ({
|
||||
...item,
|
||||
dish: {
|
||||
...item.dish,
|
||||
price: Number(item.dish.price),
|
||||
},
|
||||
}));
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
import { Request, Response } from 'express';
|
||||
|
||||
export class PaymentController {
|
||||
async createPayment(req: Request, res: Response) {
|
||||
// Mock payment — in production, integrate with YooKassa/Stripe
|
||||
const { amount, reservationId } = req.body;
|
||||
|
||||
const mockPaymentId = `PAY-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
|
||||
|
||||
console.log(`💳 [MOCK PAYMENT] ${amount}₽ for reservation #${reservationId}`);
|
||||
|
||||
res.json({
|
||||
success: true,
|
||||
data: {
|
||||
paymentId: mockPaymentId,
|
||||
status: 'succeeded',
|
||||
amount,
|
||||
reservationId,
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
async webhook(req: Request, res: Response) {
|
||||
// Mock webhook handler
|
||||
console.log('📨 [MOCK WEBHOOK]', req.body);
|
||||
res.json({ success: true });
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
import { Router } from 'express';
|
||||
import { PaymentController } from './payment.controller.js';
|
||||
import { authMiddleware } from '../../middleware/auth.js';
|
||||
|
||||
const router = Router();
|
||||
const controller = new PaymentController();
|
||||
|
||||
router.post('/create', authMiddleware, (req, res) => controller.createPayment(req, res));
|
||||
router.post('/webhook', (req, res) => controller.webhook(req, res));
|
||||
|
||||
export default router;
|
||||
@@ -0,0 +1,20 @@
|
||||
import { Request, Response } from 'express';
|
||||
import { PubService } from './pub.service.js';
|
||||
|
||||
const pubService = new PubService();
|
||||
|
||||
export class PubController {
|
||||
async getAll(_req: Request, res: Response) {
|
||||
const pubs = await pubService.getAll();
|
||||
res.json({ success: true, data: pubs });
|
||||
}
|
||||
|
||||
async getById(req: Request, res: Response) {
|
||||
try {
|
||||
const pub = await pubService.getById(Number(req.params.id));
|
||||
res.json({ success: true, data: pub });
|
||||
} catch (err: any) {
|
||||
res.status(404).json({ success: false, error: err.message });
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
import { Router } from 'express';
|
||||
import { PubController } from './pub.controller.js';
|
||||
|
||||
const router = Router();
|
||||
const controller = new PubController();
|
||||
|
||||
router.get('/', (req, res) => controller.getAll(req, res));
|
||||
router.get('/:id', (req, res) => controller.getById(req, res));
|
||||
|
||||
export default router;
|
||||
@@ -0,0 +1,15 @@
|
||||
import { PrismaClient } from '@prisma/client';
|
||||
|
||||
const prisma = new PrismaClient();
|
||||
|
||||
export class PubService {
|
||||
async getAll() {
|
||||
return prisma.pub.findMany({ orderBy: { name: 'asc' } });
|
||||
}
|
||||
|
||||
async getById(id: number) {
|
||||
const pub = await prisma.pub.findUnique({ where: { id } });
|
||||
if (!pub) throw new Error('Паб не найден');
|
||||
return pub;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,50 @@
|
||||
import { Response } from 'express';
|
||||
import { AuthRequest } from '../../middleware/auth.js';
|
||||
import { ReservationService } from './reservation.service.js';
|
||||
|
||||
const reservationService = new ReservationService();
|
||||
|
||||
export class ReservationController {
|
||||
async create(req: AuthRequest, res: Response) {
|
||||
try {
|
||||
const reservation = await reservationService.create({
|
||||
userId: req.userId!,
|
||||
...req.body,
|
||||
});
|
||||
res.status(201).json({ success: true, data: reservation });
|
||||
} catch (err: any) {
|
||||
res.status(400).json({ success: false, error: err.message });
|
||||
}
|
||||
}
|
||||
|
||||
async getMy(req: AuthRequest, res: Response) {
|
||||
const reservations = await reservationService.getMyReservations(req.userId!);
|
||||
res.json({ success: true, data: reservations });
|
||||
}
|
||||
|
||||
async getAll(req: AuthRequest, res: Response) {
|
||||
const pubId = req.query.pubId ? Number(req.query.pubId) : undefined;
|
||||
const date = req.query.date as string | undefined;
|
||||
const reservations = await reservationService.getAllReservations(pubId, date);
|
||||
res.json({ success: true, data: reservations });
|
||||
}
|
||||
|
||||
async cancel(req: AuthRequest, res: Response) {
|
||||
try {
|
||||
const reservation = await reservationService.cancel(Number(req.params.id), req.userId!);
|
||||
res.json({ success: true, data: reservation });
|
||||
} catch (err: any) {
|
||||
res.status(400).json({ success: false, error: err.message });
|
||||
}
|
||||
}
|
||||
|
||||
async updateStatus(req: AuthRequest, res: Response) {
|
||||
try {
|
||||
const { status } = req.body;
|
||||
const reservation = await reservationService.updateStatus(Number(req.params.id), status);
|
||||
res.json({ success: true, data: reservation });
|
||||
} catch (err: any) {
|
||||
res.status(400).json({ success: false, error: err.message });
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,17 @@
|
||||
import { Router } from 'express';
|
||||
import { ReservationController } from './reservation.controller.js';
|
||||
import { authMiddleware } from '../../middleware/auth.js';
|
||||
import { roleMiddleware } from '../../middleware/role.js';
|
||||
import { validate } from '../../middleware/validate.js';
|
||||
import { createReservationSchema } from './reservation.schema.js';
|
||||
|
||||
const router = Router();
|
||||
const controller = new ReservationController();
|
||||
|
||||
router.post('/', authMiddleware, validate(createReservationSchema), (req, res) => controller.create(req, res));
|
||||
router.get('/my', authMiddleware, (req, res) => controller.getMy(req, res));
|
||||
router.get('/', authMiddleware, roleMiddleware('ADMIN'), (req, res) => controller.getAll(req, res));
|
||||
router.put('/:id/cancel', authMiddleware, (req, res) => controller.cancel(req, res));
|
||||
router.put('/:id/status', authMiddleware, roleMiddleware('ADMIN'), (req, res) => controller.updateStatus(req, res));
|
||||
|
||||
export default router;
|
||||
@@ -0,0 +1,13 @@
|
||||
import { z } from 'zod';
|
||||
|
||||
export const createReservationSchema = z.object({
|
||||
pubId: z.number().int().positive(),
|
||||
tableId: z.number().int().positive(),
|
||||
date: z.string().regex(/^\d{4}-\d{2}-\d{2}$/),
|
||||
time: z.string().regex(/^\d{2}:\d{2}$/),
|
||||
numPeople: z.number().int().min(1).max(20),
|
||||
dishes: z.array(z.object({
|
||||
dishId: z.number().int().positive(),
|
||||
quantity: z.number().int().min(1).max(50),
|
||||
})).optional(),
|
||||
});
|
||||
@@ -0,0 +1,209 @@
|
||||
import { PrismaClient, Prisma } from '@prisma/client';
|
||||
import { sendReceiptEmail } from '../../utils/email.js';
|
||||
|
||||
const prisma = new PrismaClient();
|
||||
|
||||
interface CreateReservationInput {
|
||||
userId: number;
|
||||
pubId: number;
|
||||
tableId: number;
|
||||
date: string;
|
||||
time: string;
|
||||
numPeople: number;
|
||||
dishes?: { dishId: number; quantity: number }[];
|
||||
}
|
||||
|
||||
export class ReservationService {
|
||||
async create(input: CreateReservationInput) {
|
||||
// Check table availability
|
||||
const existing = await prisma.reservation.findFirst({
|
||||
where: {
|
||||
tableId: input.tableId,
|
||||
date: new Date(input.date),
|
||||
time: new Date(`1970-01-01T${input.time}:00.000Z`),
|
||||
status: { in: ['PENDING', 'CONFIRMED'] },
|
||||
},
|
||||
});
|
||||
|
||||
if (existing) {
|
||||
throw new Error('Этот стол уже забронирован на указанное время');
|
||||
}
|
||||
|
||||
// Calculate cost if dishes are present
|
||||
let totalCost = new Prisma.Decimal(0);
|
||||
let dishData: { dishId: number; quantity: number; priceAtOrder: Prisma.Decimal }[] = [];
|
||||
|
||||
if (input.dishes && input.dishes.length > 0) {
|
||||
const dishIds = input.dishes.map(d => d.dishId);
|
||||
const dishes = await prisma.dish.findMany({
|
||||
where: { id: { in: dishIds }, availability: 'AVAILABLE' },
|
||||
});
|
||||
|
||||
// Validate all dishes exist and are available
|
||||
for (const orderDish of input.dishes) {
|
||||
const dish = dishes.find(d => d.id === orderDish.dishId);
|
||||
if (!dish) {
|
||||
throw new Error(`Блюдо #${orderDish.dishId} недоступно или не найдено`);
|
||||
}
|
||||
// Check it's not a lunch dish
|
||||
const isLunch = await prisma.lunchMenu.findFirst({
|
||||
where: { dishId: orderDish.dishId },
|
||||
});
|
||||
if (isLunch) {
|
||||
throw new Error(`Блюдо "${dish.title}" из ланч-меню не может быть в предзаказе`);
|
||||
}
|
||||
|
||||
const lineTotal = dish.price.mul(orderDish.quantity);
|
||||
totalCost = totalCost.add(lineTotal);
|
||||
dishData.push({
|
||||
dishId: orderDish.dishId,
|
||||
quantity: orderDish.quantity,
|
||||
priceAtOrder: dish.price,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
const hasDishes = dishData.length > 0;
|
||||
const prepaid = hasDishes ? totalCost.mul(new Prisma.Decimal(0.5)) : new Prisma.Decimal(0);
|
||||
|
||||
const reservation = await prisma.reservation.create({
|
||||
data: {
|
||||
userId: input.userId,
|
||||
pubId: input.pubId,
|
||||
tableId: input.tableId,
|
||||
date: new Date(input.date),
|
||||
time: new Date(`1970-01-01T${input.time}:00.000Z`),
|
||||
numPeople: input.numPeople,
|
||||
status: hasDishes ? 'PENDING' : 'CONFIRMED',
|
||||
totalCost: hasDishes ? totalCost : null,
|
||||
prepaid: hasDishes ? prepaid : null,
|
||||
dishes: {
|
||||
create: dishData,
|
||||
},
|
||||
},
|
||||
include: {
|
||||
pub: true,
|
||||
table: true,
|
||||
dishes: {
|
||||
include: { dish: true },
|
||||
},
|
||||
user: true,
|
||||
},
|
||||
});
|
||||
|
||||
// Send receipt email if user has email
|
||||
if (reservation.user.email) {
|
||||
try {
|
||||
await sendReceiptEmail({
|
||||
to: reservation.user.email,
|
||||
reservationId: reservation.id,
|
||||
pubName: reservation.pub.name,
|
||||
date: input.date,
|
||||
time: input.time,
|
||||
table: reservation.table.number,
|
||||
dishes: reservation.dishes.map(d => ({
|
||||
title: d.dish.title,
|
||||
quantity: d.quantity,
|
||||
price: Number(d.priceAtOrder),
|
||||
})),
|
||||
totalCost: Number(totalCost),
|
||||
prepaid: Number(prepaid),
|
||||
});
|
||||
} catch (e) {
|
||||
console.error('Failed to send email:', e);
|
||||
}
|
||||
}
|
||||
|
||||
return this.formatReservation(reservation);
|
||||
}
|
||||
|
||||
async getMyReservations(userId: number) {
|
||||
const reservations = await prisma.reservation.findMany({
|
||||
where: { userId },
|
||||
include: {
|
||||
pub: true,
|
||||
table: true,
|
||||
dishes: { include: { dish: true } },
|
||||
},
|
||||
orderBy: { createdAt: 'desc' },
|
||||
});
|
||||
return reservations.map(this.formatReservation);
|
||||
}
|
||||
|
||||
async getAllReservations(pubId?: number, date?: string) {
|
||||
const where: any = {};
|
||||
if (pubId) where.pubId = pubId;
|
||||
if (date) where.date = new Date(date);
|
||||
|
||||
const reservations = await prisma.reservation.findMany({
|
||||
where,
|
||||
include: {
|
||||
pub: true,
|
||||
table: true,
|
||||
user: { select: { id: true, name: true, surname: true, phone: true } },
|
||||
dishes: { include: { dish: true } },
|
||||
},
|
||||
orderBy: { createdAt: 'desc' },
|
||||
});
|
||||
return reservations.map(this.formatReservation);
|
||||
}
|
||||
|
||||
async cancel(reservationId: number, userId: number) {
|
||||
const reservation = await prisma.reservation.findUnique({ where: { id: reservationId } });
|
||||
if (!reservation) throw new Error('Бронь не найдена');
|
||||
if (reservation.userId !== userId) throw new Error('Нет доступа к этой брони');
|
||||
if (!['PENDING', 'CONFIRMED'].includes(reservation.status)) {
|
||||
throw new Error('Эту бронь нельзя отменить');
|
||||
}
|
||||
|
||||
const updated = await prisma.reservation.update({
|
||||
where: { id: reservationId },
|
||||
data: { status: 'CANCELLED' },
|
||||
include: {
|
||||
pub: true,
|
||||
table: true,
|
||||
dishes: { include: { dish: true } },
|
||||
},
|
||||
});
|
||||
return this.formatReservation(updated);
|
||||
}
|
||||
|
||||
async updateStatus(reservationId: number, status: 'PENDING' | 'CONFIRMED' | 'CANCELLED' | 'COMPLETED') {
|
||||
const updated = await prisma.reservation.update({
|
||||
where: { id: reservationId },
|
||||
data: { status },
|
||||
include: {
|
||||
pub: true,
|
||||
table: true,
|
||||
dishes: { include: { dish: true } },
|
||||
},
|
||||
});
|
||||
return this.formatReservation(updated);
|
||||
}
|
||||
|
||||
private formatReservation(r: any) {
|
||||
return {
|
||||
id: r.id,
|
||||
userId: r.userId,
|
||||
user: r.user ? { id: r.user.id, name: r.user.name, surname: r.user.surname, phone: r.user.phone } : undefined,
|
||||
pubId: r.pubId,
|
||||
pub: r.pub,
|
||||
tableId: r.tableId,
|
||||
table: r.table,
|
||||
date: r.date instanceof Date ? r.date.toISOString().split('T')[0] : r.date,
|
||||
time: r.time instanceof Date ? r.time.toISOString().split('T')[1].substring(0, 5) : r.time,
|
||||
numPeople: r.numPeople,
|
||||
status: r.status,
|
||||
totalCost: r.totalCost ? Number(r.totalCost) : null,
|
||||
prepaid: r.prepaid ? Number(r.prepaid) : null,
|
||||
dishes: r.dishes?.map((d: any) => ({
|
||||
id: d.id,
|
||||
dishId: d.dishId,
|
||||
dish: d.dish ? { ...d.dish, price: Number(d.dish.price) } : undefined,
|
||||
quantity: d.quantity,
|
||||
priceAtOrder: Number(d.priceAtOrder),
|
||||
})) || [],
|
||||
createdAt: r.createdAt instanceof Date ? r.createdAt.toISOString() : r.createdAt,
|
||||
};
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
import { Request, Response } from 'express';
|
||||
import { TableService } from './table.service.js';
|
||||
|
||||
const tableService = new TableService();
|
||||
|
||||
export class TableController {
|
||||
async getByPub(req: Request, res: Response) {
|
||||
const pubId = Number(req.params.id);
|
||||
const tables = await tableService.getByPub(pubId);
|
||||
res.json({ success: true, data: tables });
|
||||
}
|
||||
|
||||
async getAvailability(req: Request, res: Response) {
|
||||
const pubId = Number(req.params.id);
|
||||
const { date, time } = req.query as { date: string; time: string };
|
||||
if (!date || !time) {
|
||||
res.status(400).json({ success: false, error: 'Параметры date и time обязательны' });
|
||||
return;
|
||||
}
|
||||
const tables = await tableService.getAvailability(pubId, date, time);
|
||||
res.json({ success: true, data: tables });
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
import { Router } from 'express';
|
||||
import { TableController } from './table.controller.js';
|
||||
|
||||
const router = Router();
|
||||
const controller = new TableController();
|
||||
|
||||
// Mounted under /api/pubs
|
||||
router.get('/:id/tables', (req, res) => controller.getByPub(req, res));
|
||||
router.get('/:id/tables/availability', (req, res) => controller.getAvailability(req, res));
|
||||
|
||||
export default router;
|
||||
@@ -0,0 +1,36 @@
|
||||
import { PrismaClient } from '@prisma/client';
|
||||
|
||||
const prisma = new PrismaClient();
|
||||
|
||||
export class TableService {
|
||||
async getByPub(pubId: number) {
|
||||
return prisma.table.findMany({
|
||||
where: { pubId },
|
||||
orderBy: { number: 'asc' },
|
||||
});
|
||||
}
|
||||
|
||||
async getAvailability(pubId: number, date: string, time: string) {
|
||||
const tables = await prisma.table.findMany({
|
||||
where: { pubId },
|
||||
orderBy: { number: 'asc' },
|
||||
});
|
||||
|
||||
const reservedTables = await prisma.reservation.findMany({
|
||||
where: {
|
||||
pubId,
|
||||
date: new Date(date),
|
||||
time: new Date(`1970-01-01T${time}:00.000Z`),
|
||||
status: { in: ['PENDING', 'CONFIRMED'] },
|
||||
},
|
||||
select: { tableId: true },
|
||||
});
|
||||
|
||||
const reservedIds = new Set(reservedTables.map(r => r.tableId));
|
||||
|
||||
return tables.map(table => ({
|
||||
...table,
|
||||
isAvailable: !reservedIds.has(table.id),
|
||||
}));
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,45 @@
|
||||
import { Response } from 'express';
|
||||
import { AuthRequest } from '../../middleware/auth.js';
|
||||
import { UserService } from './user.service.js';
|
||||
|
||||
const userService = new UserService();
|
||||
|
||||
export class UserController {
|
||||
async getProfile(req: AuthRequest, res: Response) {
|
||||
try {
|
||||
const profile = await userService.getProfile(req.userId!);
|
||||
res.json({ success: true, data: profile });
|
||||
} catch (err: any) {
|
||||
res.status(404).json({ success: false, error: err.message });
|
||||
}
|
||||
}
|
||||
|
||||
async updateProfile(req: AuthRequest, res: Response) {
|
||||
try {
|
||||
const profile = await userService.updateProfile(req.userId!, req.body);
|
||||
res.json({ success: true, data: profile });
|
||||
} catch (err: any) {
|
||||
res.status(400).json({ success: false, error: err.message });
|
||||
}
|
||||
}
|
||||
|
||||
async linkCard(req: AuthRequest, res: Response) {
|
||||
try {
|
||||
const { cardNumber, cardExpiry, cardCvv, currentPassword } = req.body;
|
||||
const profile = await userService.linkCard(req.userId!, { cardNumber, cardExpiry, cardCvv, currentPassword });
|
||||
res.json({ success: true, data: profile });
|
||||
} catch (err: any) {
|
||||
res.status(400).json({ success: false, error: err.message });
|
||||
}
|
||||
}
|
||||
|
||||
async unlinkCard(req: AuthRequest, res: Response) {
|
||||
try {
|
||||
const { currentPassword } = req.body;
|
||||
const profile = await userService.unlinkCard(req.userId!, currentPassword);
|
||||
res.json({ success: true, data: profile });
|
||||
} catch (err: any) {
|
||||
res.status(400).json({ success: false, error: err.message });
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
import { Router } from 'express';
|
||||
import { UserController } from './user.controller.js';
|
||||
import { authMiddleware } from '../../middleware/auth.js';
|
||||
|
||||
const router = Router();
|
||||
const controller = new UserController();
|
||||
|
||||
router.get('/me', authMiddleware, (req, res) => controller.getProfile(req, res));
|
||||
router.put('/me', authMiddleware, (req, res) => controller.updateProfile(req, res));
|
||||
router.put('/me/card', authMiddleware, (req, res) => controller.linkCard(req, res));
|
||||
router.delete('/me/card', authMiddleware, (req, res) => controller.unlinkCard(req, res));
|
||||
|
||||
export default router;
|
||||
@@ -0,0 +1,117 @@
|
||||
import { PrismaClient } from '@prisma/client';
|
||||
import { comparePassword } from '../../utils/hash.js';
|
||||
|
||||
const prisma = new PrismaClient();
|
||||
|
||||
export class UserService {
|
||||
private parseCardToken(cardToken?: string | null): { cardExpiry?: string } {
|
||||
if (!cardToken) return {};
|
||||
try {
|
||||
const parsed = JSON.parse(cardToken);
|
||||
return { cardExpiry: parsed.cardExpiry };
|
||||
} catch {
|
||||
return {};
|
||||
}
|
||||
}
|
||||
|
||||
private sanitizeProfile(user: any) {
|
||||
const { password, cardToken, ...profile } = user;
|
||||
const cardMeta = this.parseCardToken(cardToken);
|
||||
return {
|
||||
...profile,
|
||||
cardExpiry: cardMeta.cardExpiry || null,
|
||||
};
|
||||
}
|
||||
|
||||
async getProfile(userId: number) {
|
||||
const user = await prisma.user.findUnique({ where: { id: userId } });
|
||||
if (!user) throw new Error('Пользователь не найден');
|
||||
return this.sanitizeProfile(user);
|
||||
}
|
||||
|
||||
async updateProfile(
|
||||
userId: number,
|
||||
data: { name?: string; surname?: string; email?: string; phone?: string; password?: string }
|
||||
) {
|
||||
const updateData: any = {};
|
||||
if (data.name) updateData.name = data.name;
|
||||
if (data.surname !== undefined) updateData.surname = data.surname;
|
||||
if (data.email !== undefined) updateData.email = data.email;
|
||||
if (data.phone) updateData.phone = data.phone;
|
||||
if (data.password) {
|
||||
const { hashPassword } = await import('../../utils/hash.js');
|
||||
updateData.password = await hashPassword(data.password);
|
||||
}
|
||||
|
||||
try {
|
||||
const user = await prisma.user.update({ where: { id: userId }, data: updateData });
|
||||
return this.sanitizeProfile(user);
|
||||
} catch (err: any) {
|
||||
if (err?.code === 'P2002') {
|
||||
throw new Error('Пользователь с таким телефоном уже существует');
|
||||
}
|
||||
throw err;
|
||||
}
|
||||
}
|
||||
|
||||
async linkCard(
|
||||
userId: number,
|
||||
payload: { cardNumber: string; cardExpiry: string; cardCvv: string; currentPassword?: string }
|
||||
) {
|
||||
const userBeforeUpdate = await prisma.user.findUnique({ where: { id: userId } });
|
||||
if (!userBeforeUpdate) throw new Error('Пользователь не найден');
|
||||
|
||||
const cardDigits = payload.cardNumber.replace(/\D/g, '');
|
||||
if (cardDigits.length !== 16) {
|
||||
throw new Error('Номер карты должен содержать 16 цифр');
|
||||
}
|
||||
if (!/^\d{2}\/\d{2}$/.test(payload.cardExpiry)) {
|
||||
throw new Error('Срок действия должен быть в формате ММ/ГГ');
|
||||
}
|
||||
if (!/^\d{3,4}$/.test(payload.cardCvv)) {
|
||||
throw new Error('CVV/CVC должен содержать 3 или 4 цифры');
|
||||
}
|
||||
|
||||
const hasLinkedCard = Boolean(userBeforeUpdate.cardLastFour);
|
||||
if (hasLinkedCard) {
|
||||
if (!payload.currentPassword) {
|
||||
throw new Error('Для изменения карты требуется пароль от аккаунта');
|
||||
}
|
||||
const isValidPassword = await comparePassword(payload.currentPassword, userBeforeUpdate.password);
|
||||
if (!isValidPassword) {
|
||||
throw new Error('Неверный пароль');
|
||||
}
|
||||
}
|
||||
|
||||
const cardToken = JSON.stringify({
|
||||
cardNumber: cardDigits,
|
||||
cardExpiry: payload.cardExpiry,
|
||||
cardCvv: payload.cardCvv,
|
||||
updatedAt: new Date().toISOString(),
|
||||
});
|
||||
|
||||
const user = await prisma.user.update({
|
||||
where: { id: userId },
|
||||
data: { cardLastFour: cardDigits.slice(-4), cardToken },
|
||||
});
|
||||
return this.sanitizeProfile(user);
|
||||
}
|
||||
|
||||
async unlinkCard(userId: number, currentPassword: string) {
|
||||
const user = await prisma.user.findUnique({ where: { id: userId } });
|
||||
if (!user) throw new Error('Пользователь не найден');
|
||||
if (!user.cardLastFour) throw new Error('Карта не привязана');
|
||||
if (!currentPassword) throw new Error('Для удаления карты требуется пароль от аккаунта');
|
||||
|
||||
const isValidPassword = await comparePassword(currentPassword, user.password);
|
||||
if (!isValidPassword) {
|
||||
throw new Error('Неверный пароль');
|
||||
}
|
||||
|
||||
const updated = await prisma.user.update({
|
||||
where: { id: userId },
|
||||
data: { cardLastFour: null, cardToken: null },
|
||||
});
|
||||
return this.sanitizeProfile(updated);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,71 @@
|
||||
import nodemailer from 'nodemailer';
|
||||
import { env } from '../config/env.js';
|
||||
|
||||
const transporter = env.SMTP_USER
|
||||
? nodemailer.createTransport({
|
||||
host: env.SMTP_HOST,
|
||||
port: env.SMTP_PORT,
|
||||
secure: false,
|
||||
auth: {
|
||||
user: env.SMTP_USER,
|
||||
pass: env.SMTP_PASS,
|
||||
},
|
||||
})
|
||||
: null;
|
||||
|
||||
interface EmailReceipt {
|
||||
to: string;
|
||||
reservationId: number;
|
||||
pubName: string;
|
||||
date: string;
|
||||
time: string;
|
||||
table: number;
|
||||
dishes: { title: string; quantity: number; price: number }[];
|
||||
totalCost: number;
|
||||
prepaid: number;
|
||||
}
|
||||
|
||||
export async function sendReceiptEmail(data: EmailReceipt): Promise<void> {
|
||||
if (!transporter) {
|
||||
console.log(`📧 [MOCK EMAIL] Receipt for reservation #${data.reservationId} → ${data.to}`);
|
||||
console.log(` Pub: ${data.pubName}, Date: ${data.date}, Time: ${data.time}, Table: ${data.table}`);
|
||||
if (data.dishes.length) {
|
||||
console.log(` Dishes: ${data.dishes.map(d => `${d.title} x${d.quantity}`).join(', ')}`);
|
||||
console.log(` Total: ${data.totalCost}₽, Prepaid: ${data.prepaid}₽`);
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
const dishRows = data.dishes
|
||||
.map(d => `<tr><td>${d.title}</td><td>${d.quantity}</td><td>${d.price}₽</td></tr>`)
|
||||
.join('');
|
||||
|
||||
const html = `
|
||||
<div style="font-family:Inter,sans-serif;max-width:600px;margin:0 auto;background:#1a1a1a;color:#f0efe8;padding:32px;border-radius:12px;">
|
||||
<h1 style="color:#c8a951;text-align:center;">Harat's Irish Pub</h1>
|
||||
<h2 style="color:#2eaa66;">Бронирование подтверждено</h2>
|
||||
<p><strong>Номер брони:</strong> #${data.reservationId}</p>
|
||||
<p><strong>Паб:</strong> ${data.pubName}</p>
|
||||
<p><strong>Дата:</strong> ${data.date}</p>
|
||||
<p><strong>Время:</strong> ${data.time}</p>
|
||||
<p><strong>Стол:</strong> №${data.table}</p>
|
||||
${data.dishes.length ? `
|
||||
<h3 style="color:#c8a951;">Предзаказ блюд</h3>
|
||||
<table style="width:100%;border-collapse:collapse;color:#f0efe8;">
|
||||
<tr style="border-bottom:1px solid #333;"><th style="text-align:left;padding:8px;">Блюдо</th><th>Кол-во</th><th>Цена</th></tr>
|
||||
${dishRows}
|
||||
<tr style="border-top:2px solid #c8a951;"><td colspan="2" style="padding:8px;"><strong>Итого:</strong></td><td><strong>${data.totalCost}₽</strong></td></tr>
|
||||
<tr><td colspan="2" style="padding:8px;"><strong>Предоплата:</strong></td><td><strong>${data.prepaid}₽</strong></td></tr>
|
||||
</table>
|
||||
` : ''}
|
||||
<p style="color:#a09e94;margin-top:24px;font-size:12px;">Это автоматическое письмо. По вопросам: 8 (800) 775-03-39</p>
|
||||
</div>
|
||||
`;
|
||||
|
||||
await transporter.sendMail({
|
||||
from: `"Harat's Booking" <${env.SMTP_USER}>`,
|
||||
to: data.to,
|
||||
subject: `Бронь #${data.reservationId} — Harat's Irish Pub`,
|
||||
html,
|
||||
});
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
import bcrypt from 'bcryptjs';
|
||||
|
||||
const SALT_ROUNDS = 12;
|
||||
|
||||
export async function hashPassword(password: string): Promise<string> {
|
||||
return bcrypt.hash(password, SALT_ROUNDS);
|
||||
}
|
||||
|
||||
export async function comparePassword(password: string, hash: string): Promise<boolean> {
|
||||
return bcrypt.compare(password, hash);
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
import jwt from 'jsonwebtoken';
|
||||
import { env } from '../config/env.js';
|
||||
|
||||
interface TokenPayload {
|
||||
userId: number;
|
||||
role: string;
|
||||
}
|
||||
|
||||
export function generateAccessToken(payload: TokenPayload): string {
|
||||
return jwt.sign(payload, env.JWT_SECRET, { expiresIn: env.JWT_EXPIRES_IN });
|
||||
}
|
||||
|
||||
export function generateRefreshToken(payload: TokenPayload): string {
|
||||
return jwt.sign(payload, env.JWT_REFRESH_SECRET, { expiresIn: env.JWT_REFRESH_EXPIRES_IN });
|
||||
}
|
||||
|
||||
export function verifyAccessToken(token: string): TokenPayload {
|
||||
return jwt.verify(token, env.JWT_SECRET) as TokenPayload;
|
||||
}
|
||||
|
||||
export function verifyRefreshToken(token: string): TokenPayload {
|
||||
return jwt.verify(token, env.JWT_REFRESH_SECRET) as TokenPayload;
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
{
|
||||
"extends": "../tsconfig.base.json",
|
||||
"compilerOptions": {
|
||||
"outDir": "./dist",
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "bundler",
|
||||
"target": "ES2022",
|
||||
"lib": ["ES2022"],
|
||||
"types": ["node"]
|
||||
},
|
||||
"include": ["src", "prisma/seed.ts"]
|
||||
}
|
||||
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"target": "ES2022",
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "bundler",
|
||||
"lib": ["ES2022"],
|
||||
"strict": true,
|
||||
"esModuleInterop": true,
|
||||
"skipLibCheck": true,
|
||||
"forceConsistentCasingInFileNames": true,
|
||||
"resolveJsonModule": true,
|
||||
"isolatedModules": true,
|
||||
"declaration": true,
|
||||
"declarationMap": true,
|
||||
"sourceMap": true
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
{
|
||||
"version": "1.0.0",
|
||||
"build": "",
|
||||
"buildDate": ""
|
||||
}
|
||||
Reference in New Issue
Block a user