Удалить локальную CRM и Prisma, обновить Docker Compose и автодеплой Gitea
All checks were successful
Auto Deploy / deploy (push) Successful in 47s
All checks were successful
Auto Deploy / deploy (push) Successful in 47s
This commit is contained in:
deonisii
@@ -15,5 +15,4 @@ jobs:
|
|||||||
cd /home/deonisii/workparking
|
cd /home/deonisii/workparking
|
||||||
git pull origin main
|
git pull origin main
|
||||||
docker compose up -d --build
|
docker compose up -d --build
|
||||||
docker compose exec -T workparking npx prisma migrate deploy
|
|
||||||
docker image prune -f
|
docker image prune -f
|
||||||
@@ -8,13 +8,9 @@ RUN npm ci
|
|||||||
FROM base AS builder
|
FROM base AS builder
|
||||||
WORKDIR /app
|
WORKDIR /app
|
||||||
|
|
||||||
ARG DATABASE_URL
|
|
||||||
ENV DATABASE_URL=$DATABASE_URL
|
|
||||||
|
|
||||||
COPY --from=deps /app/node_modules ./node_modules
|
COPY --from=deps /app/node_modules ./node_modules
|
||||||
COPY . .
|
COPY . .
|
||||||
|
|
||||||
RUN npx prisma generate
|
|
||||||
RUN npm run build
|
RUN npm run build
|
||||||
|
|
||||||
FROM base AS runner
|
FROM base AS runner
|
||||||
@@ -26,8 +22,6 @@ ENV HOSTNAME=0.0.0.0
|
|||||||
|
|
||||||
COPY --from=builder /app/node_modules ./node_modules
|
COPY --from=builder /app/node_modules ./node_modules
|
||||||
COPY --from=builder /app/public ./public
|
COPY --from=builder /app/public ./public
|
||||||
COPY --from=builder /app/prisma ./prisma
|
|
||||||
COPY --from=builder /app/prisma.config.ts ./prisma.config.ts
|
|
||||||
COPY --from=builder /app/package.json ./package.json
|
COPY --from=builder /app/package.json ./package.json
|
||||||
COPY --from=builder /app/.next/standalone ./
|
COPY --from=builder /app/.next/standalone ./
|
||||||
COPY --from=builder /app/.next/static ./.next/static
|
COPY --from=builder /app/.next/static ./.next/static
|
||||||
|
|||||||
@@ -1,141 +0,0 @@
|
|||||||
import { prisma } from "@/lib/prisma";
|
|
||||||
import LeadStatusSelect from "@/components/lead-status-select";
|
|
||||||
import { LeadStatus } from "@prisma/client";
|
|
||||||
|
|
||||||
export const dynamic = "force-dynamic";
|
|
||||||
|
|
||||||
type SearchParams = Promise<{
|
|
||||||
q?: string;
|
|
||||||
status?: string;
|
|
||||||
}>;
|
|
||||||
|
|
||||||
const leadStatuses = Object.values(LeadStatus);
|
|
||||||
|
|
||||||
function formatLeadNumber(id: string, createdAt: Date) {
|
|
||||||
const date = new Date(createdAt);
|
|
||||||
const y = date.getFullYear();
|
|
||||||
const m = String(date.getMonth() + 1).padStart(2, "0");
|
|
||||||
const d = String(date.getDate()).padStart(2, "0");
|
|
||||||
|
|
||||||
return `WP-${y}${m}${d}-${id.slice(-6).toUpperCase()}`;
|
|
||||||
}
|
|
||||||
|
|
||||||
export default async function AdminLeadsPage({
|
|
||||||
searchParams,
|
|
||||||
}: {
|
|
||||||
searchParams: SearchParams;
|
|
||||||
}) {
|
|
||||||
const params = await searchParams;
|
|
||||||
const q = params.q?.trim() || "";
|
|
||||||
const statusParam = params.status?.trim() || "";
|
|
||||||
const status = leadStatuses.includes(statusParam as LeadStatus)
|
|
||||||
? (statusParam as LeadStatus)
|
|
||||||
: undefined;
|
|
||||||
|
|
||||||
const leads = await prisma.lead.findMany({
|
|
||||||
where: {
|
|
||||||
AND: [
|
|
||||||
q
|
|
||||||
? {
|
|
||||||
OR: [
|
|
||||||
{ company: { contains: q, mode: "insensitive" } },
|
|
||||||
{ phone: { contains: q, mode: "insensitive" } },
|
|
||||||
{ email: { contains: q, mode: "insensitive" } },
|
|
||||||
{ message: { contains: q, mode: "insensitive" } },
|
|
||||||
],
|
|
||||||
}
|
|
||||||
: {},
|
|
||||||
status ? { status } : {},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
orderBy: { createdAt: "desc" },
|
|
||||||
});
|
|
||||||
|
|
||||||
return (
|
|
||||||
<main className="min-h-screen bg-neutral-950 text-white">
|
|
||||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 py-10">
|
|
||||||
<div className="flex items-center justify-between gap-4 mb-8">
|
|
||||||
<h1 className="text-3xl font-bold">Заявки</h1>
|
|
||||||
|
|
||||||
<form action="/api/admin/logout" method="POST">
|
|
||||||
<button className="rounded-2xl border border-white/10 px-4 py-2 hover:bg-white/5">
|
|
||||||
Выйти
|
|
||||||
</button>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<form className="grid md:grid-cols-[1fr_220px_auto] gap-4 mb-6">
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
name="q"
|
|
||||||
defaultValue={q}
|
|
||||||
placeholder="Поиск: компания, телефон, email, сообщение"
|
|
||||||
className="rounded-2xl border border-white/10 bg-neutral-900 px-4 py-3 outline-none"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<select
|
|
||||||
name="status"
|
|
||||||
defaultValue={status}
|
|
||||||
className="rounded-2xl border border-white/10 bg-neutral-900 px-4 py-3 outline-none"
|
|
||||||
>
|
|
||||||
<option value="">Все статусы</option>
|
|
||||||
<option value="NEW">Новая</option>
|
|
||||||
<option value="IN_PROGRESS">В работе</option>
|
|
||||||
<option value="CALL_SCHEDULED">Назначен звонок</option>
|
|
||||||
<option value="WON">Успешно</option>
|
|
||||||
<option value="LOST">Закрыта</option>
|
|
||||||
</select>
|
|
||||||
|
|
||||||
<button className="rounded-2xl bg-emerald-600 px-5 py-3 font-semibold hover:bg-emerald-500">
|
|
||||||
Найти
|
|
||||||
</button>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<div className="overflow-x-auto rounded-2xl border border-white/10 bg-neutral-900">
|
|
||||||
<table className="w-full text-sm">
|
|
||||||
<thead className="border-b border-white/10 text-neutral-400">
|
|
||||||
<tr>
|
|
||||||
<th className="text-left px-4 py-3">Дата</th>
|
|
||||||
<th className="text-left px-4 py-3">Заявка</th>
|
|
||||||
<th className="text-left px-4 py-3">Компания</th>
|
|
||||||
<th className="text-left px-4 py-3">Телефон</th>
|
|
||||||
<th className="text-left px-4 py-3">Email</th>
|
|
||||||
<th className="text-left px-4 py-3">Сообщение</th>
|
|
||||||
<th className="text-left px-4 py-3">Статус</th>
|
|
||||||
<th className="text-left px-4 py-3">Источник</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
{leads.map((lead) => (
|
|
||||||
<tr key={lead.id} className="border-b border-white/5 align-top">
|
|
||||||
<td className="px-4 py-3 whitespace-nowrap">
|
|
||||||
{new Date(lead.createdAt).toLocaleString("ru-RU")}
|
|
||||||
</td>
|
|
||||||
<td className="px-4 py-3 whitespace-nowrap">
|
|
||||||
{formatLeadNumber(lead.id, lead.createdAt)}
|
|
||||||
</td>
|
|
||||||
<td className="px-4 py-3">{lead.company}</td>
|
|
||||||
<td className="px-4 py-3">{lead.phone}</td>
|
|
||||||
<td className="px-4 py-3">{lead.email || "—"}</td>
|
|
||||||
<td className="px-4 py-3 text-neutral-300">{lead.message || "—"}</td>
|
|
||||||
<td className="px-4 py-3">
|
|
||||||
<LeadStatusSelect leadId={lead.id} value={lead.status} />
|
|
||||||
</td>
|
|
||||||
<td className="px-4 py-3">{lead.source}</td>
|
|
||||||
</tr>
|
|
||||||
))}
|
|
||||||
|
|
||||||
{leads.length === 0 && (
|
|
||||||
<tr>
|
|
||||||
<td colSpan={8} className="px-4 py-8 text-center text-neutral-400">
|
|
||||||
Пока заявок нет
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
)}
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,78 +0,0 @@
|
|||||||
"use client";
|
|
||||||
|
|
||||||
import { useState } from "react";
|
|
||||||
|
|
||||||
export default function AdminLoginPage() {
|
|
||||||
const [email, setEmail] = useState("");
|
|
||||||
const [password, setPassword] = useState("");
|
|
||||||
const [errorText, setErrorText] = useState("");
|
|
||||||
const [isLoading, setIsLoading] = useState(false);
|
|
||||||
|
|
||||||
async function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
|
|
||||||
e.preventDefault();
|
|
||||||
setErrorText("");
|
|
||||||
setIsLoading(true);
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch("/api/admin/login", {
|
|
||||||
method: "POST",
|
|
||||||
headers: {
|
|
||||||
"Content-Type": "application/json",
|
|
||||||
},
|
|
||||||
body: JSON.stringify({ email, password }),
|
|
||||||
});
|
|
||||||
|
|
||||||
const data = await response.json();
|
|
||||||
|
|
||||||
if (!response.ok) {
|
|
||||||
setErrorText(data.error || "Ошибка входа");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
window.location.href = "/admin/leads";
|
|
||||||
} catch {
|
|
||||||
setErrorText("Ошибка сети");
|
|
||||||
} finally {
|
|
||||||
setIsLoading(false);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<main className="min-h-screen bg-neutral-950 text-white flex items-center justify-center px-4">
|
|
||||||
<div className="w-full max-w-md rounded-3xl border border-white/10 bg-neutral-900 p-8">
|
|
||||||
<h1 className="text-3xl font-bold mb-2">Вход в CRM</h1>
|
|
||||||
<p className="text-neutral-400 mb-6">WorkParking CRM</p>
|
|
||||||
|
|
||||||
<form onSubmit={handleSubmit} className="space-y-4">
|
|
||||||
<input
|
|
||||||
type="email"
|
|
||||||
placeholder="Email"
|
|
||||||
value={email}
|
|
||||||
onChange={(e) => setEmail(e.target.value)}
|
|
||||||
className="w-full rounded-2xl border border-white/10 bg-black/30 px-4 py-3 outline-none focus:border-emerald-500"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
|
|
||||||
<input
|
|
||||||
type="password"
|
|
||||||
placeholder="Пароль"
|
|
||||||
value={password}
|
|
||||||
onChange={(e) => setPassword(e.target.value)}
|
|
||||||
className="w-full rounded-2xl border border-white/10 bg-black/30 px-4 py-3 outline-none focus:border-emerald-500"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
|
|
||||||
<button
|
|
||||||
type="submit"
|
|
||||||
disabled={isLoading}
|
|
||||||
className="w-full rounded-2xl bg-emerald-600 px-4 py-3 font-semibold hover:bg-emerald-500 disabled:opacity-60"
|
|
||||||
>
|
|
||||||
{isLoading ? "Входим..." : "Войти"}
|
|
||||||
</button>
|
|
||||||
|
|
||||||
{errorText && <p className="text-sm text-red-400">{errorText}</p>}
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,38 +0,0 @@
|
|||||||
import { NextResponse } from "next/server";
|
|
||||||
import { createSessionToken, getAdminCredentials, getSessionCookieName } from "@/lib/auth";
|
|
||||||
|
|
||||||
type LoginPayload = {
|
|
||||||
email?: string;
|
|
||||||
password?: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export async function POST(request: Request) {
|
|
||||||
try {
|
|
||||||
const body = (await request.json()) as LoginPayload;
|
|
||||||
const email = body.email?.trim().toLowerCase() || "";
|
|
||||||
const password = body.password?.trim() || "";
|
|
||||||
|
|
||||||
const admin = getAdminCredentials();
|
|
||||||
|
|
||||||
if (email !== admin.email.toLowerCase() || password !== admin.password) {
|
|
||||||
return NextResponse.json({ error: "Неверный email или пароль" }, { status: 401 });
|
|
||||||
}
|
|
||||||
|
|
||||||
const token = await createSessionToken(email);
|
|
||||||
const response = NextResponse.json({ success: true });
|
|
||||||
|
|
||||||
response.cookies.set({
|
|
||||||
name: getSessionCookieName(),
|
|
||||||
value: token,
|
|
||||||
httpOnly: true,
|
|
||||||
secure: true,
|
|
||||||
sameSite: "lax",
|
|
||||||
path: "/",
|
|
||||||
maxAge: 60 * 60 * 24 * 7,
|
|
||||||
});
|
|
||||||
|
|
||||||
return response;
|
|
||||||
} catch {
|
|
||||||
return NextResponse.json({ error: "Ошибка авторизации" }, { status: 500 });
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
import { NextResponse } from "next/server";
|
|
||||||
import { getSessionCookieName } from "@/lib/auth";
|
|
||||||
|
|
||||||
export async function POST() {
|
|
||||||
const response = NextResponse.json({ success: true });
|
|
||||||
|
|
||||||
response.cookies.set({
|
|
||||||
name: getSessionCookieName(),
|
|
||||||
value: "",
|
|
||||||
httpOnly: true,
|
|
||||||
secure: true,
|
|
||||||
sameSite: "lax",
|
|
||||||
path: "/",
|
|
||||||
maxAge: 0,
|
|
||||||
});
|
|
||||||
|
|
||||||
return response;
|
|
||||||
}
|
|
||||||
@@ -1,43 +0,0 @@
|
|||||||
import { NextResponse } from "next/server";
|
|
||||||
import { prisma } from "@/lib/prisma";
|
|
||||||
|
|
||||||
const allowedStatuses = [
|
|
||||||
"NEW",
|
|
||||||
"IN_PROGRESS",
|
|
||||||
"CALL_SCHEDULED",
|
|
||||||
"WON",
|
|
||||||
"LOST",
|
|
||||||
] as const;
|
|
||||||
|
|
||||||
type LeadStatus = (typeof allowedStatuses)[number];
|
|
||||||
|
|
||||||
type PatchPayload = {
|
|
||||||
status?: LeadStatus;
|
|
||||||
};
|
|
||||||
|
|
||||||
export async function PATCH(
|
|
||||||
request: Request,
|
|
||||||
context: { params: Promise<{ id: string }> }
|
|
||||||
) {
|
|
||||||
try {
|
|
||||||
const { id } = await context.params;
|
|
||||||
const body = (await request.json()) as PatchPayload;
|
|
||||||
|
|
||||||
if (!body.status || !allowedStatuses.includes(body.status)) {
|
|
||||||
return NextResponse.json({ error: "Некорректный статус" }, { status: 400 });
|
|
||||||
}
|
|
||||||
|
|
||||||
const lead = await prisma.lead.update({
|
|
||||||
where: { id },
|
|
||||||
data: { status: body.status },
|
|
||||||
});
|
|
||||||
|
|
||||||
return NextResponse.json({ success: true, lead });
|
|
||||||
} catch (error) {
|
|
||||||
console.error("PATCH /api/leads/[id] error:", error);
|
|
||||||
return NextResponse.json(
|
|
||||||
{ error: "Не удалось обновить статус" },
|
|
||||||
{ status: 500 }
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,45 +0,0 @@
|
|||||||
import { NextResponse } from "next/server";
|
|
||||||
import { prisma } from "@/lib/prisma";
|
|
||||||
|
|
||||||
type LeadPayload = {
|
|
||||||
company?: string;
|
|
||||||
phone?: string;
|
|
||||||
email?: string;
|
|
||||||
message?: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export async function POST(request: Request) {
|
|
||||||
try {
|
|
||||||
const body = (await request.json()) as LeadPayload;
|
|
||||||
|
|
||||||
const company = body.company?.trim();
|
|
||||||
const phone = body.phone?.trim();
|
|
||||||
const email = body.email?.trim().toLowerCase();
|
|
||||||
const message = body.message?.trim() || "";
|
|
||||||
|
|
||||||
if (!company || !phone || !email) {
|
|
||||||
return NextResponse.json(
|
|
||||||
{ error: "Компания, телефон и email обязательны" },
|
|
||||||
{ status: 400 }
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
const lead = await prisma.lead.create({
|
|
||||||
data: {
|
|
||||||
company,
|
|
||||||
phone,
|
|
||||||
email,
|
|
||||||
message,
|
|
||||||
source: "website",
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
return NextResponse.json({ success: true, leadId: lead.id }, { status: 201 });
|
|
||||||
} catch (error) {
|
|
||||||
console.error("POST /api/leads error:", error);
|
|
||||||
return NextResponse.json(
|
|
||||||
{ error: "Не удалось сохранить заявку" },
|
|
||||||
{ status: 500 }
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,10 +0,0 @@
|
|||||||
import { prisma } from "@/lib/prisma";
|
|
||||||
|
|
||||||
export async function GET() {
|
|
||||||
const leads = await prisma.lead.findMany();
|
|
||||||
|
|
||||||
return Response.json({
|
|
||||||
ok: true,
|
|
||||||
count: leads.length,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@@ -1,5 +1,3 @@
|
|||||||
import LeadForm from "@/components/lead-form";
|
|
||||||
|
|
||||||
export default function ContactsPage() {
|
export default function ContactsPage() {
|
||||||
return (
|
return (
|
||||||
<main className="bg-neutral-950">
|
<main className="bg-neutral-950">
|
||||||
@@ -87,14 +85,49 @@ export default function ContactsPage() {
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section className="pb-16 sm:pb-20">
|
<section id="contact-request" className="pb-16 sm:pb-20">
|
||||||
<div className="max-w-5xl mx-auto px-4 sm:px-6">
|
<div className="max-w-5xl mx-auto px-4 sm:px-6">
|
||||||
<div className="rounded-[32px] border border-white/10 bg-neutral-900 p-6 sm:p-10">
|
<div className="rounded-[32px] border border-white/10 bg-neutral-900 p-6 sm:p-10">
|
||||||
<LeadForm
|
<div className="max-w-3xl">
|
||||||
id="lead-form"
|
<h2 className="text-3xl font-bold tracking-[-0.04em] sm:text-4xl">
|
||||||
title="Оставить заявку"
|
Обсудим ваш объект
|
||||||
description="Заполните короткую форму. Мы свяжемся с вами, уточним задачу и предложим подходящий сценарий для объекта."
|
</h2>
|
||||||
/>
|
<p className="mt-4 text-base leading-relaxed text-neutral-400 sm:text-lg">
|
||||||
|
Мы убрали локальную CRM, базу заявок и админку из сайта. Дальше
|
||||||
|
сюда можно спокойно подключить внешнюю форму из EspoCRM или
|
||||||
|
любой другой системы, а пока используйте прямые контакты.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-8 grid gap-4 md:grid-cols-2">
|
||||||
|
<a
|
||||||
|
href="tel:+79999698149"
|
||||||
|
className="rounded-3xl border border-emerald-500/30 bg-emerald-500/10 px-5 py-5 transition-colors hover:bg-emerald-500/15"
|
||||||
|
>
|
||||||
|
<div className="text-sm uppercase tracking-[0.18em] text-emerald-300">
|
||||||
|
Телефон
|
||||||
|
</div>
|
||||||
|
<div className="mt-3 text-2xl font-semibold">
|
||||||
|
+7 (999) 969-81-49
|
||||||
|
</div>
|
||||||
|
<p className="mt-2 text-neutral-400">
|
||||||
|
Для обсуждения объекта, внедрения и тарифов
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a
|
||||||
|
href="mailto:sale@parkflow.ru"
|
||||||
|
className="rounded-3xl border border-white/10 bg-black/25 px-5 py-5 transition-colors hover:border-white/20 hover:bg-white/[0.03]"
|
||||||
|
>
|
||||||
|
<div className="text-sm uppercase tracking-[0.18em] text-neutral-400">
|
||||||
|
Email
|
||||||
|
</div>
|
||||||
|
<div className="mt-3 text-2xl font-semibold">sale@parkflow.ru</div>
|
||||||
|
<p className="mt-2 text-neutral-400">
|
||||||
|
Можно сразу прислать адрес объекта и краткое описание задачи
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
37
app/page.tsx
37
app/page.tsx
@@ -1,6 +1,5 @@
|
|||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
import LeadForm from "@/components/lead-form";
|
|
||||||
import BarrierIcon from "@/components/barrier-icon";
|
import BarrierIcon from "@/components/barrier-icon";
|
||||||
import {
|
import {
|
||||||
ArrowRight,
|
ArrowRight,
|
||||||
@@ -135,7 +134,7 @@ export default function Home() {
|
|||||||
|
|
||||||
<div className="mt-7 flex flex-col gap-3 sm:mt-8 sm:flex-row sm:gap-4">
|
<div className="mt-7 flex flex-col gap-3 sm:mt-8 sm:flex-row sm:gap-4">
|
||||||
<Link
|
<Link
|
||||||
href="/contacts#lead-form"
|
href="/contacts#contact-request"
|
||||||
className="inline-flex items-center justify-center gap-2 rounded-2xl bg-emerald-600 px-5 py-3.5 text-sm font-semibold text-white transition-colors hover:bg-emerald-500 sm:px-6 sm:py-4 sm:text-base"
|
className="inline-flex items-center justify-center gap-2 rounded-2xl bg-emerald-600 px-5 py-3.5 text-sm font-semibold text-white transition-colors hover:bg-emerald-500 sm:px-6 sm:py-4 sm:text-base"
|
||||||
>
|
>
|
||||||
Получить консультацию
|
Получить консультацию
|
||||||
@@ -411,11 +410,35 @@ export default function Home() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="rounded-[28px] border border-white/10 bg-black/25 p-5 shadow-[inset_0_1px_0_rgba(255,255,255,0.05)] sm:p-6">
|
<div className="rounded-[28px] border border-white/10 bg-black/25 p-5 shadow-[inset_0_1px_0_rgba(255,255,255,0.05)] sm:p-6">
|
||||||
<LeadForm
|
<h3 className="text-3xl font-bold tracking-[-0.05em]">
|
||||||
title="Оставить заявку"
|
Свяжитесь с нами
|
||||||
description="Ответим, уточним сценарий подключения и предложим вариант под ваш объект."
|
</h3>
|
||||||
compact
|
<p className="mt-4 text-base leading-relaxed text-neutral-400 sm:text-lg">
|
||||||
/>
|
Дальше вы сможете подключить сюда форму из EspoCRM или другой
|
||||||
|
внешней CRM. Пока сайт остаётся чистым фронтом без своей базы
|
||||||
|
заявок и админки.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div className="mt-8 grid gap-3">
|
||||||
|
<a
|
||||||
|
href="tel:+79999698149"
|
||||||
|
className="inline-flex items-center justify-center rounded-2xl bg-emerald-600 px-5 py-4 text-base font-semibold text-white transition-colors hover:bg-emerald-500"
|
||||||
|
>
|
||||||
|
Позвонить: +7 (999) 969-81-49
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
href="mailto:sale@parkflow.ru"
|
||||||
|
className="inline-flex items-center justify-center rounded-2xl border border-white/15 bg-white/[0.02] px-5 py-4 text-base font-semibold transition-colors hover:border-white/30 hover:bg-white/5"
|
||||||
|
>
|
||||||
|
Написать: sale@parkflow.ru
|
||||||
|
</a>
|
||||||
|
<Link
|
||||||
|
href="/contacts#contact-request"
|
||||||
|
className="inline-flex items-center justify-center rounded-2xl border border-white/15 bg-white/[0.02] px-5 py-4 text-base font-semibold transition-colors hover:border-white/30 hover:bg-white/5"
|
||||||
|
>
|
||||||
|
Открыть страницу контактов
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,317 +0,0 @@
|
|||||||
"use client";
|
|
||||||
|
|
||||||
import { useState } from "react";
|
|
||||||
|
|
||||||
type FieldErrors = {
|
|
||||||
company?: string;
|
|
||||||
phone?: string;
|
|
||||||
email?: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
function getPhoneDigits(input: string) {
|
|
||||||
return input.replace(/\D/g, "").slice(0, 11);
|
|
||||||
}
|
|
||||||
|
|
||||||
function formatRussianPhoneInput(input: string) {
|
|
||||||
const digits = getPhoneDigits(input);
|
|
||||||
|
|
||||||
if (!digits) {
|
|
||||||
return "";
|
|
||||||
}
|
|
||||||
|
|
||||||
let normalized = digits;
|
|
||||||
|
|
||||||
if (normalized[0] === "8") {
|
|
||||||
normalized = `7${normalized.slice(1)}`;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (normalized[0] !== "7") {
|
|
||||||
normalized = `7${normalized.slice(0, 10)}`;
|
|
||||||
}
|
|
||||||
|
|
||||||
normalized = normalized.slice(0, 11);
|
|
||||||
|
|
||||||
const country = "+7";
|
|
||||||
const part1 = normalized.slice(1, 4);
|
|
||||||
const part2 = normalized.slice(4, 7);
|
|
||||||
const part3 = normalized.slice(7, 9);
|
|
||||||
const part4 = normalized.slice(9, 11);
|
|
||||||
|
|
||||||
let result = country;
|
|
||||||
|
|
||||||
if (part1) {
|
|
||||||
result += ` (${part1}`;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (part1.length === 3) {
|
|
||||||
result += ")";
|
|
||||||
}
|
|
||||||
|
|
||||||
if (part2) {
|
|
||||||
result += ` ${part2}`;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (part3) {
|
|
||||||
result += `-${part3}`;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (part4) {
|
|
||||||
result += `-${part4}`;
|
|
||||||
}
|
|
||||||
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
|
|
||||||
function normalizePhone(input: string) {
|
|
||||||
const digits = getPhoneDigits(input);
|
|
||||||
|
|
||||||
if (digits.length === 11 && (digits.startsWith("7") || digits.startsWith("8"))) {
|
|
||||||
return `7${digits.slice(1)}`;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (digits.length === 10) {
|
|
||||||
return `7${digits}`;
|
|
||||||
}
|
|
||||||
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
function isValidEmail(email: string) {
|
|
||||||
return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
|
|
||||||
}
|
|
||||||
|
|
||||||
type LeadFormProps = {
|
|
||||||
id?: string;
|
|
||||||
title?: string;
|
|
||||||
description?: string;
|
|
||||||
compact?: boolean;
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function LeadForm({
|
|
||||||
id,
|
|
||||||
title,
|
|
||||||
description,
|
|
||||||
compact = false,
|
|
||||||
}: LeadFormProps) {
|
|
||||||
const [company, setCompany] = useState("");
|
|
||||||
const [phone, setPhone] = useState("");
|
|
||||||
const [email, setEmail] = useState("");
|
|
||||||
const [message, setMessage] = useState("");
|
|
||||||
const [isSubmitting, setIsSubmitting] = useState(false);
|
|
||||||
const [resultMessage, setResultMessage] = useState("");
|
|
||||||
const [submitError, setSubmitError] = useState(false);
|
|
||||||
const [errors, setErrors] = useState<FieldErrors>({});
|
|
||||||
|
|
||||||
function validateFields() {
|
|
||||||
const nextErrors: FieldErrors = {};
|
|
||||||
const normalizedPhone = normalizePhone(phone);
|
|
||||||
const trimmedCompany = company.trim();
|
|
||||||
const trimmedEmail = email.trim();
|
|
||||||
|
|
||||||
if (trimmedCompany.length < 2) {
|
|
||||||
nextErrors.company = "Укажите название объекта или компании";
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!normalizedPhone) {
|
|
||||||
nextErrors.phone = "Введите российский номер в формате +7";
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!trimmedEmail) {
|
|
||||||
nextErrors.email = "Введите email";
|
|
||||||
} else if (!isValidEmail(trimmedEmail)) {
|
|
||||||
nextErrors.email = "Проверьте корректность email";
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
nextErrors,
|
|
||||||
normalizedPhone,
|
|
||||||
trimmedCompany,
|
|
||||||
trimmedEmail,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
async function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
|
|
||||||
e.preventDefault();
|
|
||||||
setResultMessage("");
|
|
||||||
setSubmitError(false);
|
|
||||||
|
|
||||||
const { nextErrors, normalizedPhone, trimmedCompany, trimmedEmail } =
|
|
||||||
validateFields();
|
|
||||||
|
|
||||||
if (Object.keys(nextErrors).length > 0 || !normalizedPhone) {
|
|
||||||
setErrors(nextErrors);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
setErrors({});
|
|
||||||
setIsSubmitting(true);
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch("/api/leads", {
|
|
||||||
method: "POST",
|
|
||||||
headers: {
|
|
||||||
"Content-Type": "application/json",
|
|
||||||
},
|
|
||||||
body: JSON.stringify({
|
|
||||||
company: trimmedCompany,
|
|
||||||
phone: normalizedPhone,
|
|
||||||
email: trimmedEmail,
|
|
||||||
message: message.trim(),
|
|
||||||
}),
|
|
||||||
});
|
|
||||||
|
|
||||||
const data = await response.json();
|
|
||||||
|
|
||||||
if (!response.ok) {
|
|
||||||
setSubmitError(true);
|
|
||||||
setResultMessage(data.error || "Ошибка отправки");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
setSubmitError(false);
|
|
||||||
setResultMessage("Заявка отправлена. Мы свяжемся с вами.");
|
|
||||||
setCompany("");
|
|
||||||
setPhone("");
|
|
||||||
setEmail("");
|
|
||||||
setMessage("");
|
|
||||||
} catch {
|
|
||||||
setSubmitError(true);
|
|
||||||
setResultMessage("Не удалось сохранить заявку");
|
|
||||||
} finally {
|
|
||||||
setIsSubmitting(false);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const fieldClassName =
|
|
||||||
"w-full rounded-2xl border bg-black/30 px-4 py-3.5 text-white outline-none transition-colors placeholder:text-neutral-500 focus:border-emerald-500 sm:px-5 sm:py-4";
|
|
||||||
const labelClassName = "mb-2 block text-sm font-medium text-neutral-200";
|
|
||||||
const helperClassName = "mt-2 text-xs text-neutral-500";
|
|
||||||
const errorClassName = "mt-2 text-xs text-rose-300";
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div id={id}>
|
|
||||||
{(title || description) && (
|
|
||||||
<div className={compact ? "mb-6" : "mb-8"}>
|
|
||||||
{title && (
|
|
||||||
<h3 className="text-2xl font-semibold tracking-[-0.03em] sm:text-3xl">
|
|
||||||
{title}
|
|
||||||
</h3>
|
|
||||||
)}
|
|
||||||
{description && (
|
|
||||||
<p className="mt-3 max-w-2xl text-sm leading-relaxed text-neutral-400 sm:text-base">
|
|
||||||
{description}
|
|
||||||
</p>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
|
|
||||||
<form onSubmit={handleSubmit} className="grid gap-4 sm:gap-5" noValidate>
|
|
||||||
<div>
|
|
||||||
<label htmlFor="lead-company" className={labelClassName}>
|
|
||||||
Объект или компания
|
|
||||||
</label>
|
|
||||||
<input
|
|
||||||
id="lead-company"
|
|
||||||
type="text"
|
|
||||||
placeholder="Например: ЖК Сокол, ТСЖ Север, УК Домсервис"
|
|
||||||
value={company}
|
|
||||||
onChange={(e) => {
|
|
||||||
setCompany(e.target.value);
|
|
||||||
if (errors.company) {
|
|
||||||
setErrors((current) => ({ ...current, company: undefined }));
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
className={`${fieldClassName} ${errors.company ? "border-rose-400/70" : "border-white/10"}`}
|
|
||||||
autoComplete="organization"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
{errors.company ? (
|
|
||||||
<p className={errorClassName}>{errors.company}</p>
|
|
||||||
) : (
|
|
||||||
<p className={helperClassName}>Укажите ЖК, ТСЖ, УК или адрес объекта</p>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label htmlFor="lead-phone" className={labelClassName}>
|
|
||||||
Телефон
|
|
||||||
</label>
|
|
||||||
<input
|
|
||||||
id="lead-phone"
|
|
||||||
type="tel"
|
|
||||||
placeholder="+7 (999) 123-45-67"
|
|
||||||
value={phone}
|
|
||||||
onChange={(e) => {
|
|
||||||
setPhone(formatRussianPhoneInput(e.target.value));
|
|
||||||
if (errors.phone) {
|
|
||||||
setErrors((current) => ({ ...current, phone: undefined }));
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
className={`${fieldClassName} ${errors.phone ? "border-rose-400/70" : "border-white/10"}`}
|
|
||||||
inputMode="numeric"
|
|
||||||
autoComplete="tel"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
{errors.phone ? (
|
|
||||||
<p className={errorClassName}>{errors.phone}</p>
|
|
||||||
) : (
|
|
||||||
<p className={helperClassName}>Только мобильные и городские номера РФ</p>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label htmlFor="lead-email" className={labelClassName}>
|
|
||||||
Email
|
|
||||||
</label>
|
|
||||||
<input
|
|
||||||
id="lead-email"
|
|
||||||
type="email"
|
|
||||||
placeholder="name@company.ru"
|
|
||||||
value={email}
|
|
||||||
onChange={(e) => {
|
|
||||||
setEmail(e.target.value);
|
|
||||||
if (errors.email) {
|
|
||||||
setErrors((current) => ({ ...current, email: undefined }));
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
className={`${fieldClassName} ${errors.email ? "border-rose-400/70" : "border-white/10"}`}
|
|
||||||
autoComplete="email"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
{errors.email ? (
|
|
||||||
<p className={errorClassName}>{errors.email}</p>
|
|
||||||
) : (
|
|
||||||
<p className={helperClassName}>Отправим ответ и детали по этому адресу</p>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label htmlFor="lead-message" className={labelClassName}>
|
|
||||||
Комментарий
|
|
||||||
</label>
|
|
||||||
<textarea
|
|
||||||
id="lead-message"
|
|
||||||
placeholder="Коротко опишите объект, текущий шлагбаум и что хотите улучшить"
|
|
||||||
value={message}
|
|
||||||
onChange={(e) => setMessage(e.target.value)}
|
|
||||||
className="min-h-32 w-full rounded-2xl border border-white/10 bg-black/30 px-4 py-3.5 text-white outline-none transition-colors placeholder:text-neutral-500 focus:border-emerald-500 sm:px-5 sm:py-4"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<button
|
|
||||||
type="submit"
|
|
||||||
disabled={isSubmitting}
|
|
||||||
className="inline-flex items-center justify-center rounded-2xl bg-emerald-600 px-6 py-4 text-base font-semibold transition-colors hover:bg-emerald-500 disabled:cursor-not-allowed disabled:opacity-60"
|
|
||||||
>
|
|
||||||
{isSubmitting ? "Отправка..." : "Оставить заявку"}
|
|
||||||
</button>
|
|
||||||
|
|
||||||
{resultMessage && (
|
|
||||||
<p className={`text-sm ${submitError ? "text-rose-300" : "text-emerald-300"}`}>
|
|
||||||
{resultMessage}
|
|
||||||
</p>
|
|
||||||
)}
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,83 +0,0 @@
|
|||||||
"use client";
|
|
||||||
|
|
||||||
import { useState } from "react";
|
|
||||||
|
|
||||||
const statuses = [
|
|
||||||
{ value: "NEW", label: "Новая" },
|
|
||||||
{ value: "IN_PROGRESS", label: "В работе" },
|
|
||||||
{ value: "CALL_SCHEDULED", label: "Назначен звонок" },
|
|
||||||
{ value: "WON", label: "Успешно" },
|
|
||||||
{ value: "LOST", label: "Закрыта" },
|
|
||||||
] as const;
|
|
||||||
|
|
||||||
function getStatusDot(value: string) {
|
|
||||||
switch (value) {
|
|
||||||
case "NEW":
|
|
||||||
return "bg-sky-400";
|
|
||||||
case "IN_PROGRESS":
|
|
||||||
return "bg-amber-400";
|
|
||||||
case "CALL_SCHEDULED":
|
|
||||||
return "bg-violet-400";
|
|
||||||
case "WON":
|
|
||||||
return "bg-emerald-400";
|
|
||||||
case "LOST":
|
|
||||||
return "bg-rose-400";
|
|
||||||
default:
|
|
||||||
return "bg-neutral-400";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default function LeadStatusSelect({
|
|
||||||
leadId,
|
|
||||||
value,
|
|
||||||
}: {
|
|
||||||
leadId: string;
|
|
||||||
value: string;
|
|
||||||
}) {
|
|
||||||
const [status, setStatus] = useState(value);
|
|
||||||
const [isSaving, setIsSaving] = useState(false);
|
|
||||||
|
|
||||||
async function updateStatus(nextStatus: string) {
|
|
||||||
const prev = status;
|
|
||||||
setStatus(nextStatus);
|
|
||||||
setIsSaving(true);
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch(`/api/leads/${leadId}`, {
|
|
||||||
method: "PATCH",
|
|
||||||
headers: {
|
|
||||||
"Content-Type": "application/json",
|
|
||||||
},
|
|
||||||
body: JSON.stringify({ status: nextStatus }),
|
|
||||||
});
|
|
||||||
|
|
||||||
if (!response.ok) {
|
|
||||||
setStatus(prev);
|
|
||||||
alert("Не удалось обновить статус");
|
|
||||||
}
|
|
||||||
} catch {
|
|
||||||
setStatus(prev);
|
|
||||||
alert("Ошибка сети");
|
|
||||||
} finally {
|
|
||||||
setIsSaving(false);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="flex items-center gap-2">
|
|
||||||
<span className={`inline-block h-2.5 w-2.5 rounded-full ${getStatusDot(status)}`} />
|
|
||||||
<select
|
|
||||||
value={status}
|
|
||||||
disabled={isSaving}
|
|
||||||
onChange={(e) => updateStatus(e.target.value)}
|
|
||||||
className="rounded-xl border border-white/10 bg-black/30 px-3 py-2 text-sm outline-none"
|
|
||||||
>
|
|
||||||
{statuses.map((item) => (
|
|
||||||
<option key={item.value} value={item.value}>
|
|
||||||
{item.label}
|
|
||||||
</option>
|
|
||||||
))}
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,7 +1,7 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
import { Menu, X, Send, MessageCircle, FileText } from "lucide-react";
|
import { Menu, X, Send, MessageCircle, Phone } from "lucide-react";
|
||||||
import { useEffect, useState } from "react";
|
import { useEffect, useState } from "react";
|
||||||
import { usePathname } from "next/navigation";
|
import { usePathname } from "next/navigation";
|
||||||
import { createPortal } from "react-dom";
|
import { createPortal } from "react-dom";
|
||||||
@@ -74,12 +74,12 @@ export default function MobileMenu({
|
|||||||
<div className="flex-1 overflow-y-auto px-4 py-5">
|
<div className="flex-1 overflow-y-auto px-4 py-5">
|
||||||
<div className="mx-auto w-full max-w-none">
|
<div className="mx-auto w-full max-w-none">
|
||||||
<Link
|
<Link
|
||||||
href="/contacts#lead-form"
|
href="/contacts#contact-request"
|
||||||
onClick={() => setMobileOpen(false)}
|
onClick={() => setMobileOpen(false)}
|
||||||
className="mb-6 flex w-full items-center justify-center gap-2 rounded-2xl bg-emerald-600 px-4 py-4 text-sm font-semibold text-white transition-colors hover:bg-emerald-500"
|
className="mb-6 flex w-full items-center justify-center gap-2 rounded-2xl bg-emerald-600 px-4 py-4 text-sm font-semibold text-white transition-colors hover:bg-emerald-500"
|
||||||
>
|
>
|
||||||
<FileText className="w-5 h-5" />
|
<Phone className="w-5 h-5" />
|
||||||
Оставить заявку
|
Связаться с нами
|
||||||
</Link>
|
</Link>
|
||||||
|
|
||||||
<nav className="flex w-full flex-col rounded-3xl border border-white/10 bg-white/[0.03] px-4 py-1">
|
<nav className="flex w-full flex-col rounded-3xl border border-white/10 bg-white/[0.03] px-4 py-1">
|
||||||
|
|||||||
@@ -1,37 +1,12 @@
|
|||||||
services:
|
services:
|
||||||
db:
|
|
||||||
image: postgres:16-alpine
|
|
||||||
container_name: workparking-db
|
|
||||||
restart: unless-stopped
|
|
||||||
environment:
|
|
||||||
POSTGRES_DB: workparking
|
|
||||||
POSTGRES_USER: workparking
|
|
||||||
POSTGRES_PASSWORD: change_me_strong_password
|
|
||||||
ports:
|
|
||||||
- "127.0.0.1:5432:5432"
|
|
||||||
volumes:
|
|
||||||
- workparking_pgdata:/var/lib/postgresql/data
|
|
||||||
|
|
||||||
workparking:
|
workparking:
|
||||||
build:
|
build:
|
||||||
context: .
|
context: .
|
||||||
args:
|
|
||||||
DATABASE_URL: postgresql://workparking:change_me_strong_password@db:5432/workparking?schema=public
|
|
||||||
container_name: workparking
|
container_name: workparking
|
||||||
restart: unless-stopped
|
restart: unless-stopped
|
||||||
environment:
|
environment:
|
||||||
NODE_ENV: production
|
NODE_ENV: production
|
||||||
PORT: 3000
|
PORT: 3000
|
||||||
HOSTNAME: 0.0.0.0
|
HOSTNAME: 0.0.0.0
|
||||||
DATABASE_URL: postgresql://workparking:change_me_strong_password@db:5432/workparking?schema=public
|
|
||||||
ADMIN_EMAIL: admin@workparking.ru
|
|
||||||
ADMIN_PASSWORD: "vvEzQxqXzgjS-9oT"
|
|
||||||
ADMIN_SESSION_SECRET: "d9yyLuMk7xdNqNv2vxEXQzGHSc_ZcAM49NFfUKZJrFysyZ3Yb2"
|
|
||||||
CRM_HOST: crm.workparking.ru
|
|
||||||
ports:
|
ports:
|
||||||
- "127.0.0.1:3011:3000"
|
- "127.0.0.1:3011:3000"
|
||||||
depends_on:
|
|
||||||
- db
|
|
||||||
|
|
||||||
volumes:
|
|
||||||
workparking_pgdata:
|
|
||||||
71
lib/auth.ts
71
lib/auth.ts
@@ -1,71 +0,0 @@
|
|||||||
const SESSION_COOKIE = "wp_admin_session";
|
|
||||||
const SESSION_TTL_SECONDS = 60 * 60 * 24 * 7;
|
|
||||||
|
|
||||||
function getSecret() {
|
|
||||||
const secret = process.env.ADMIN_SESSION_SECRET;
|
|
||||||
if (!secret) {
|
|
||||||
throw new Error("ADMIN_SESSION_SECRET is not set");
|
|
||||||
}
|
|
||||||
return secret;
|
|
||||||
}
|
|
||||||
|
|
||||||
function toHex(buffer: ArrayBuffer) {
|
|
||||||
return Array.from(new Uint8Array(buffer))
|
|
||||||
.map((b) => b.toString(16).padStart(2, "0"))
|
|
||||||
.join("");
|
|
||||||
}
|
|
||||||
|
|
||||||
async function sign(value: string) {
|
|
||||||
const key = await crypto.subtle.importKey(
|
|
||||||
"raw",
|
|
||||||
new TextEncoder().encode(getSecret()),
|
|
||||||
{ name: "HMAC", hash: "SHA-256" },
|
|
||||||
false,
|
|
||||||
["sign"]
|
|
||||||
);
|
|
||||||
|
|
||||||
const signature = await crypto.subtle.sign(
|
|
||||||
"HMAC",
|
|
||||||
key,
|
|
||||||
new TextEncoder().encode(value)
|
|
||||||
);
|
|
||||||
|
|
||||||
return toHex(signature);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function createSessionToken(email: string) {
|
|
||||||
const expiresAt = Math.floor(Date.now() / 1000) + SESSION_TTL_SECONDS;
|
|
||||||
const payload = `${email}.${expiresAt}`;
|
|
||||||
const signature = await sign(payload);
|
|
||||||
return `${payload}.${signature}`;
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function verifySessionToken(token?: string | null) {
|
|
||||||
if (!token) return false;
|
|
||||||
|
|
||||||
const parts = token.split(".");
|
|
||||||
if (parts.length < 3) return false;
|
|
||||||
|
|
||||||
const signature = parts.pop()!;
|
|
||||||
const expiresAt = Number(parts.pop());
|
|
||||||
const email = parts.join(".");
|
|
||||||
|
|
||||||
if (!email || !expiresAt || Number.isNaN(expiresAt)) return false;
|
|
||||||
if (expiresAt < Math.floor(Date.now() / 1000)) return false;
|
|
||||||
|
|
||||||
const payload = `${email}.${expiresAt}`;
|
|
||||||
const expectedSignature = await sign(payload);
|
|
||||||
|
|
||||||
return signature === expectedSignature;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getSessionCookieName() {
|
|
||||||
return SESSION_COOKIE;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getAdminCredentials() {
|
|
||||||
return {
|
|
||||||
email: process.env.ADMIN_EMAIL || "",
|
|
||||||
password: process.env.ADMIN_PASSWORD || "",
|
|
||||||
};
|
|
||||||
}
|
|
||||||
@@ -1,21 +0,0 @@
|
|||||||
import { PrismaClient } from "@prisma/client";
|
|
||||||
import { PrismaPg } from "@prisma/adapter-pg";
|
|
||||||
|
|
||||||
const globalForPrisma = globalThis as unknown as {
|
|
||||||
prisma?: PrismaClient;
|
|
||||||
};
|
|
||||||
|
|
||||||
const adapter = new PrismaPg({
|
|
||||||
connectionString: process.env.DATABASE_URL!,
|
|
||||||
});
|
|
||||||
|
|
||||||
export const prisma =
|
|
||||||
globalForPrisma.prisma ??
|
|
||||||
new PrismaClient({
|
|
||||||
adapter,
|
|
||||||
log: ["error", "warn"],
|
|
||||||
});
|
|
||||||
|
|
||||||
if (process.env.NODE_ENV !== "production") {
|
|
||||||
globalForPrisma.prisma = prisma;
|
|
||||||
}
|
|
||||||
1229
package-lock.json
generated
1229
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@@ -9,14 +9,9 @@
|
|||||||
"lint": "eslint"
|
"lint": "eslint"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@prisma/adapter-pg": "^7.7.0",
|
|
||||||
"@prisma/client": "^7.7.0",
|
|
||||||
"dotenv": "^17.4.2",
|
|
||||||
"framer-motion": "^12.38.0",
|
"framer-motion": "^12.38.0",
|
||||||
"lucide-react": "^1.8.0",
|
"lucide-react": "^1.8.0",
|
||||||
"next": "16.2.4",
|
"next": "16.2.4",
|
||||||
"pg": "^8.20.0",
|
|
||||||
"prisma": "^7.7.0",
|
|
||||||
"react": "19.2.4",
|
"react": "19.2.4",
|
||||||
"react-dom": "19.2.4",
|
"react-dom": "19.2.4",
|
||||||
"react-icons": "^5.6.0"
|
"react-icons": "^5.6.0"
|
||||||
|
|||||||
@@ -1,12 +0,0 @@
|
|||||||
import "dotenv/config";
|
|
||||||
import { defineConfig, env } from "prisma/config";
|
|
||||||
|
|
||||||
export default defineConfig({
|
|
||||||
schema: "prisma/schema.prisma",
|
|
||||||
migrations: {
|
|
||||||
path: "prisma/migrations",
|
|
||||||
},
|
|
||||||
datasource: {
|
|
||||||
url: env("DATABASE_URL"),
|
|
||||||
},
|
|
||||||
});
|
|
||||||
@@ -1,16 +0,0 @@
|
|||||||
-- CreateEnum
|
|
||||||
CREATE TYPE "LeadStatus" AS ENUM ('NEW', 'IN_PROGRESS', 'CALL_SCHEDULED', 'WON', 'LOST');
|
|
||||||
|
|
||||||
-- CreateTable
|
|
||||||
CREATE TABLE "Lead" (
|
|
||||||
"id" TEXT NOT NULL,
|
|
||||||
"company" TEXT NOT NULL,
|
|
||||||
"phone" TEXT NOT NULL,
|
|
||||||
"message" TEXT,
|
|
||||||
"source" TEXT NOT NULL DEFAULT 'website',
|
|
||||||
"status" "LeadStatus" NOT NULL DEFAULT 'NEW',
|
|
||||||
"createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
|
|
||||||
"updatedAt" TIMESTAMP(3) NOT NULL,
|
|
||||||
|
|
||||||
CONSTRAINT "Lead_pkey" PRIMARY KEY ("id")
|
|
||||||
);
|
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
-- AlterTable
|
|
||||||
ALTER TABLE "Lead" ADD COLUMN "email" TEXT;
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
# Please do not edit this file manually
|
|
||||||
# It should be added in your version-control system (e.g., Git)
|
|
||||||
provider = "postgresql"
|
|
||||||
@@ -1,27 +0,0 @@
|
|||||||
generator client {
|
|
||||||
provider = "prisma-client-js"
|
|
||||||
}
|
|
||||||
|
|
||||||
datasource db {
|
|
||||||
provider = "postgresql"
|
|
||||||
}
|
|
||||||
|
|
||||||
enum LeadStatus {
|
|
||||||
NEW
|
|
||||||
IN_PROGRESS
|
|
||||||
CALL_SCHEDULED
|
|
||||||
WON
|
|
||||||
LOST
|
|
||||||
}
|
|
||||||
|
|
||||||
model Lead {
|
|
||||||
id String @id @default(cuid())
|
|
||||||
company String
|
|
||||||
phone String
|
|
||||||
email String?
|
|
||||||
message String?
|
|
||||||
source String @default("website")
|
|
||||||
status LeadStatus @default(NEW)
|
|
||||||
createdAt DateTime @default(now())
|
|
||||||
updatedAt DateTime @updatedAt
|
|
||||||
}
|
|
||||||
57
proxy.ts
57
proxy.ts
@@ -1,57 +0,0 @@
|
|||||||
import { NextRequest, NextResponse } from "next/server";
|
|
||||||
import { getSessionCookieName, verifySessionToken } from "@/lib/auth";
|
|
||||||
|
|
||||||
function normalizeHost(host: string) {
|
|
||||||
return host.split(":")[0].toLowerCase();
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function proxy(request: NextRequest) {
|
|
||||||
const pathname = request.nextUrl.pathname;
|
|
||||||
const search = request.nextUrl.search;
|
|
||||||
const host = normalizeHost(request.headers.get("host") || "");
|
|
||||||
const crmHost = (process.env.CRM_HOST || "crm.workparking.ru").toLowerCase();
|
|
||||||
|
|
||||||
const isCrmHost = host === crmHost;
|
|
||||||
const isAdminPath = pathname.startsWith("/admin");
|
|
||||||
const isLoginPage = pathname === "/admin/login";
|
|
||||||
|
|
||||||
const token = request.cookies.get(getSessionCookieName())?.value;
|
|
||||||
const isAuthed = await verifySessionToken(token);
|
|
||||||
|
|
||||||
if (isCrmHost && pathname === "/") {
|
|
||||||
const url = request.nextUrl.clone();
|
|
||||||
url.pathname = isAuthed ? "/admin/leads" : "/admin/login";
|
|
||||||
url.search = "";
|
|
||||||
return NextResponse.redirect(url);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (isAdminPath && !isCrmHost) {
|
|
||||||
const url = request.nextUrl.clone();
|
|
||||||
url.protocol = "https";
|
|
||||||
url.hostname = crmHost;
|
|
||||||
url.port = "";
|
|
||||||
return NextResponse.redirect(url);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (isAdminPath) {
|
|
||||||
if (!isAuthed && !isLoginPage) {
|
|
||||||
const loginUrl = request.nextUrl.clone();
|
|
||||||
loginUrl.pathname = "/admin/login";
|
|
||||||
loginUrl.search = `?next=${encodeURIComponent(`${pathname}${search}`)}`;
|
|
||||||
return NextResponse.redirect(loginUrl);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (isAuthed && isLoginPage) {
|
|
||||||
const url = request.nextUrl.clone();
|
|
||||||
url.pathname = "/admin/leads";
|
|
||||||
url.search = "";
|
|
||||||
return NextResponse.redirect(url);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return NextResponse.next();
|
|
||||||
}
|
|
||||||
|
|
||||||
export const config = {
|
|
||||||
matcher: ["/", "/admin/:path*"],
|
|
||||||
};
|
|
||||||
Reference in New Issue
Block a user