-
- = ({ onSuccess }) => {
// Загрузка тарифов и ОС
const fetchData = async () => {
try {
+ const token = localStorage.getItem('access_token');
+ const headers = token ? { Authorization: `Bearer ${token}` } : {};
const [tariffRes, osRes] = await Promise.all([
- axios.get('http://localhost:5000/api/tariff'),
- axios.get('http://localhost:5000/api/os'),
+ axios.get('https://ospab.host:5000/api/tariff', { headers }),
+ axios.get('https://ospab.host:5000/api/os', { headers }),
]);
setTariffs(tariffRes.data);
setOses(osRes.data);
@@ -62,7 +64,7 @@ const Checkout: React.FC = ({ onSuccess }) => {
try {
const token = localStorage.getItem('access_token') || localStorage.getItem('token');
console.log('Покупка сервера:', { tariffId: selectedTariff, osId: selectedOs });
- const res = await axios.post('http://localhost:5000/api/server/create', {
+ const res = await axios.post('https://ospab.host:5000/api/server/create', {
tariffId: selectedTariff,
osId: selectedOs,
}, {
@@ -76,7 +78,7 @@ const Checkout: React.FC = ({ onSuccess }) => {
}
// После успешной покупки обновляем userData
try {
- const userRes = await axios.get('http://localhost:5000/api/auth/me', { headers: token ? { Authorization: `Bearer ${token}` } : {} });
+ const userRes = await axios.get('https://ospab.host:5000/api/auth/me', { headers: token ? { Authorization: `Bearer ${token}` } : {} });
window.dispatchEvent(new CustomEvent('userDataUpdate', {
detail: {
user: userRes.data.user,
diff --git a/ospabhost/frontend/src/pages/dashboard/checkverification.tsx b/ospabhost/frontend/src/pages/dashboard/checkverification.tsx
index 19607c8..3bf387a 100644
--- a/ospabhost/frontend/src/pages/dashboard/checkverification.tsx
+++ b/ospabhost/frontend/src/pages/dashboard/checkverification.tsx
@@ -18,7 +18,7 @@ interface ICheck {
user?: IUser;
}
-const API_URL = 'http://localhost:5000/api/check';
+const API_URL = 'https://ospab.host:5000/api/check';
const CheckVerification: React.FC = () => {
const [checks, setChecks] = useState([]);
@@ -61,7 +61,7 @@ const CheckVerification: React.FC = () => {
try {
const token = localStorage.getItem('access_token');
const headers = { Authorization: `Bearer ${token}` };
- const userRes = await axios.get('http://localhost:5000/api/auth/me', { headers });
+ const userRes = await axios.get('https://ospab.host:5000/api/auth/me', { headers });
// Глобально обновить userData через типизированное событие (для Dashboard)
window.dispatchEvent(new CustomEvent('userDataUpdate', {
detail: {
@@ -109,8 +109,8 @@ const CheckVerification: React.FC = () => {
О компании ospab.host
-- Мы предоставляем надежные и масштабируемые хостинг-решения для разработчиков, стартапов и крупных компаний. Наша миссия — дать вам инструменты, необходимые для реализации ваших идей в интернете, обеспечивая при этом высокую производительность и безопасность. -
-- Наша инфраструктура построена на современных технологиях, а круглосуточная поддержка всегда готова помочь вам. Мы верим, что качественный хостинг должен быть доступен каждому. -
+
+
);
diff --git a/ospabhost/frontend/src/pages/dashboard/billing.tsx b/ospabhost/frontend/src/pages/dashboard/billing.tsx
index 19796c3..180bbbe 100644
--- a/ospabhost/frontend/src/pages/dashboard/billing.tsx
+++ b/ospabhost/frontend/src/pages/dashboard/billing.tsx
@@ -36,7 +36,7 @@ const Billing = () => {
const formData = new FormData();
formData.append('file', checkFile);
formData.append('amount', String(amount));
- const response = await axios.post('http://localhost:5000/api/check/upload', formData, {
+ const response = await axios.post('https://ospab.host:5000/api/check/upload', formData, {
headers: {
Authorization: `Bearer ${token}`,
// 'Content-Type' не указываем вручную для FormData!
diff --git a/ospabhost/frontend/src/pages/dashboard/checkout.tsx b/ospabhost/frontend/src/pages/dashboard/checkout.tsx
index 68b6419..76982a3 100644
--- a/ospabhost/frontend/src/pages/dashboard/checkout.tsx
+++ b/ospabhost/frontend/src/pages/dashboard/checkout.tsx
@@ -33,9 +33,11 @@ const Checkout: React.FC
+
История ospab.host
+
+ 
+
+
+
+
+ Георгий, основатель
+Возраст: 13 лет
+Великий Новгород, Россия
+
+
+ В сентябре 2025 года я, Георгий, начал работу над первым дата-центром (ЦОД) и крупным хостингом в Великом Новгороде. Всё началось с мечты — создать место, где любой сможет разместить свой проект, сайт или сервер с максимальной надёжностью и скоростью.
+Сейчас я работаю над хостингом для будущего ЦОД, а мой друг-инвестор помогает с развитием инфраструктуры. Мы строим не просто сервис, а сообщество, где каждый клиент — как друг, а поддержка всегда рядом.
+ospab.host — это не просто хостинг. Это первый шаг к цифровому будущему Великого Новгорода, созданный с нуля школьником, который верит в технологии и силу дружбы.
+Наша миссия — сделать качественный хостинг доступным для всех, а ЦОД — гордостью города. Мы используем современные технологии, заботимся о безопасности и всегда готовы помочь.
+
+
Почему выбирают ospab.host?
+-
+
- Первый ЦОД и крупный хостинг в Великом Новгороде +
- Личная поддержка от основателя +
- Современная инфраструктура и технологии +
- Доступные тарифы для всех +
- История, которой можно гордиться +
-
- 
+
+ 
{check.status === 'pending' && (
<>
diff --git a/ospabhost/frontend/src/pages/dashboard/mainpage.tsx b/ospabhost/frontend/src/pages/dashboard/mainpage.tsx
index c62411a..e36f260 100644
--- a/ospabhost/frontend/src/pages/dashboard/mainpage.tsx
+++ b/ospabhost/frontend/src/pages/dashboard/mainpage.tsx
@@ -49,7 +49,7 @@ const Dashboard = () => {
return;
}
const headers = { Authorization: `Bearer ${token}` };
- const userRes = await axios.get('http://localhost:5000/api/auth/me', { headers });
+ const userRes = await axios.get('https://ospab.host:5000/api/auth/me', { headers });
setUserData({
user: userRes.data.user,
balance: userRes.data.user.balance ?? 0,
@@ -75,7 +75,7 @@ const Dashboard = () => {
const token = localStorage.getItem('access_token');
if (!token) return;
const headers = { Authorization: `Bearer ${token}` };
- const userRes = await axios.get('http://localhost:5000/api/auth/me', { headers });
+ const userRes = await axios.get('https://ospab.host:5000/api/auth/me', { headers });
setUserData({
user: userRes.data.user,
balance: userRes.data.user.balance ?? 0,
@@ -198,7 +198,12 @@ const Dashboard = () => {
})}
-
+
+ {activeTab === 'summary' && (
+
(null);
- const [loading, setLoading] = useState(false);
- const [error, setError] = useState('');
-
- const handleOpenConsole = async () => {
- setLoading(true);
- setError('');
- try {
- const token = localStorage.getItem('access_token');
- const headers = token ? { Authorization: `Bearer ${token}` } : {};
- const res = await axios.post(`http://localhost:5000/api/proxmox/console`, { vmid: serverId }, { headers });
- if (res.data?.status === 'success' && res.data.url) {
- setConsoleUrl(res.data.url);
- } else {
- setError('Ошибка открытия консоли');
- }
- } catch {
- setError('Ошибка открытия консоли');
- } finally {
- setLoading(false);
- }
- };
-
- return (
- ([]);
- const [loading, setLoading] = useState(false);
- const [snapName, setSnapName] = useState('');
- const [snapDesc, setSnapDesc] = useState('');
- const [error, setError] = useState('');
-
- useEffect(() => {
- loadSnapshots();
- }, [serverId]);
-
- const loadSnapshots = async () => {
- setLoading(true);
- try {
- const token = localStorage.getItem('access_token');
- const headers = token ? { Authorization: `Bearer ${token}` } : {};
- const res = await axios.get(`http://localhost:5000/api/server/${serverId}/snapshots`, { headers });
- if (res.data?.status === 'success') {
- setSnapshots(res.data.data || []);
- }
- } catch (err) {
- console.error('Error loading snapshots:', err);
- } finally {
- setLoading(false);
- }
- };
-
- const handleCreateSnapshot = async () => {
- if (!snapName) {
- setError('Введите имя снэпшота');
- return;
- }
- setLoading(true);
- setError('');
- try {
- const token = localStorage.getItem('access_token');
- const headers = token ? { Authorization: `Bearer ${token}` } : {};
- const res = await axios.post(
- `http://localhost:5000/api/server/${serverId}/snapshots`,
- { snapname: snapName, description: snapDesc },
- { headers }
- );
- if (res.data?.status === 'success') {
- setSnapName('');
- setSnapDesc('');
- loadSnapshots();
- } else {
- setError('Ошибка создания снэпшота');
- }
- } catch (err) {
- setError('Ошибка создания снэпшота');
- console.error(err);
- } finally {
- setLoading(false);
- }
- };
-
- const handleRollback = async (snapname: string) => {
- if (!confirm(`Восстановить из снэпшота ${snapname}? Текущее состояние будет потеряно.`)) return;
- setLoading(true);
- try {
- const token = localStorage.getItem('access_token');
- const headers = token ? { Authorization: `Bearer ${token}` } : {};
- await axios.post(
- `http://localhost:5000/api/server/${serverId}/snapshots/rollback`,
- { snapname },
- { headers }
- );
- alert('Снэпшот восстановлен');
- } catch (err) {
- alert('Ошибка восстановления снэпшота');
- console.error(err);
- } finally {
- setLoading(false);
- }
- };
-
- const handleDelete = async (snapname: string) => {
- if (!confirm(`Удалить снэпшот ${snapname}?`)) return;
- setLoading(true);
- try {
- const token = localStorage.getItem('access_token');
- const headers = token ? { Authorization: `Bearer ${token}` } : {};
- await axios.delete(
- `http://localhost:5000/api/server/${serverId}/snapshots`,
- { data: { snapname }, headers }
- );
- loadSnapshots();
- } catch (err) {
- alert('Ошибка удаления снэпшота');
- console.error(err);
- } finally {
- setLoading(false);
- }
- };
-
- return (
- (null);
const [loading, setLoading] = useState(true);
const [error, setError] = useState('');
+ const [success, setSuccess] = useState('');
+ const [activeAction, setActiveAction] = useState(null);
const [activeTab, setActiveTab] = useState('overview');
const [newRoot, setNewRoot] = useState(null);
const [showRoot, setShowRoot] = useState(false);
+ // overlay больше не нужен
const [stats, setStats] = useState(null);
- const [showResizeModal, setShowResizeModal] = useState(false);
-
- // Real-time WebSocket stats
- const { stats: realtimeStats, alerts, connected } = useServerStats(server?.id || null);
useEffect(() => {
const fetchServer = async () => {
try {
const token = localStorage.getItem('access_token');
const headers = token ? { Authorization: `Bearer ${token}` } : {};
- const res = await axios.get(`http://localhost:5000/api/server/${id}`, { headers });
+ const res = await axios.get(`https://ospab.host:5000/api/server/${id}`, { headers });
setServer(res.data);
// Получаем статистику
- const statsRes = await axios.get(`http://localhost:5000/api/server/${id}/status`, { headers });
+ const statsRes = await axios.get(`https://ospab.host:5000/api/server/${id}/status`, { headers });
setStats(statsRes.data.stats);
} catch (err) {
const error = err as AxiosError;
@@ -381,18 +80,26 @@ const ServerPanel: React.FC = () => {
// Смена root-пароля через backend
const handleGenerateRoot = async () => {
try {
+ setError('');
+ setSuccess('');
const token = localStorage.getItem('access_token');
const headers = token ? { Authorization: `Bearer ${token}` } : {};
- const res = await axios.post(`http://localhost:5000/api/server/${id}/password`, {}, { headers });
+ const res = await axios.post(`https://ospab.host:5000/api/server/${id}/password`, {}, { headers });
if (res.data?.status === 'success' && res.data.password) {
setNewRoot(res.data.password);
setShowRoot(true);
+ setSuccess('Root-пароль успешно изменён!');
} else {
setError('Ошибка смены root-пароля');
+ console.error('Ошибка смены root-пароля:', res.data);
}
} catch (err) {
setError('Ошибка смены root-пароля');
console.error('Ошибка смены root-пароля:', err);
+ const axiosErr = err as AxiosError;
+ if (axiosErr && axiosErr.response) {
+ console.error('Ответ сервера:', axiosErr.response.data);
+ }
}
};
@@ -400,16 +107,19 @@ const ServerPanel: React.FC = () => {
const handleAction = async (action: 'start' | 'stop' | 'restart') => {
try {
setLoading(true);
+ setActiveAction(action);
setError('');
+ setSuccess('');
const token = localStorage.getItem('access_token');
const headers = token ? { Authorization: `Bearer ${token}` } : {};
- const res = await axios.post(`http://localhost:5000/api/server/${id}/${action}`, {}, { headers });
- if (res.data?.status === 'success') {
+ const res = await axios.post(`https://ospab.host:5000/api/server/${id}/${action}`, {}, { headers });
+ if (res.data?.status === 'success' || res.data?.message === 'Статус сервера изменён успешно') {
// Обновить статус сервера и статистику после действия
- const updated = await axios.get(`http://localhost:5000/api/server/${id}`, { headers });
+ const updated = await axios.get(`https://ospab.host:5000/api/server/${id}`, { headers });
setServer(updated.data);
- const statsRes = await axios.get(`http://localhost:5000/api/server/${id}/status`, { headers });
+ const statsRes = await axios.get(`https://ospab.host:5000/api/server/${id}/status`, { headers });
setStats(statsRes.data.stats);
+ setSuccess('Действие выполнено успешно!');
} else {
setError(`Ошибка: ${res.data?.message || 'Не удалось выполнить действие'}`);
}
@@ -418,229 +128,217 @@ const ServerPanel: React.FC = () => {
console.error('Ошибка управления сервером:', err);
} finally {
setLoading(false);
+ setActiveAction(null);
}
};
- if (loading) {
- return
+ ⚠️ Управление серверами временно невозможно — сайт ещё в разработке!
+
+ )}
-
- );
-}
-
-// Модальное окно для изменения конфигурации
-function ResizeModal({ serverId, onClose, onSuccess }: { serverId: number; onClose: () => void; onSuccess: () => void }) {
- const [cores, setCores] = useState('');
- const [memory, setMemory] = useState('');
- const [disk, setDisk] = useState('');
- const [loading, setLoading] = useState(false);
- const [error, setError] = useState('');
-
- const handleResize = async () => {
- setLoading(true);
- setError('');
- try {
- const token = localStorage.getItem('access_token');
- const headers = token ? { Authorization: `Bearer ${token}` } : {};
- const data: any = {};
- if (cores) data.cores = Number(cores);
- if (memory) data.memory = Number(memory);
- if (disk) data.disk = Number(disk);
-
- const res = await axios.put(`http://localhost:5000/api/server/${serverId}/resize`, data, { headers });
- if (res.data?.status === 'success') {
- onSuccess();
- onClose();
- } else {
- setError('Ошибка изменения конфигурации');
- }
- } catch (err) {
- setError('Ошибка изменения конфигурации');
- console.error(err);
- } finally {
- setLoading(false);
- }
- };
-
- return (
- Консоль сервера
- {!consoleUrl ? (
-
- ) : (
-
- )}
- {error && {error}
}
-
-
- );
-}
-
-// Компонент для управления снэпшотами
-function SnapshotsSection({ serverId }: { serverId: number }) {
- const [snapshots, setSnapshots] = useState e.stopPropagation()}>
-
- Изменить конфигурацию
-
-
-
-
- setCores(e.target.value)}
- className="w-full px-4 py-2 border rounded-lg"
- placeholder="Оставьте пустым, чтобы не менять"
- min="1"
- />
-
-
-
- setMemory(e.target.value)}
- className="w-full px-4 py-2 border rounded-lg"
- placeholder="Например: 2048"
- min="512"
- />
-
-
-
- setDisk(e.target.value)}
- className="w-full px-4 py-2 border rounded-lg"
- placeholder="Например: 40"
- min="10"
- />
-
- {error && {error}
}
-
-
-
-
-
-
- );
-}
+// Типы
interface Server {
id: number;
status: string;
@@ -328,40 +23,44 @@ interface ServerStats {
};
}
+// ...existing code...
+
+// ConsoleSection больше не нужен
+
const TABS = [
{ key: 'overview', label: 'Обзор' },
{ key: 'console', label: 'Консоль' },
{ key: 'stats', label: 'Статистика' },
{ key: 'manage', label: 'Управление' },
- { key: 'snapshots', label: 'Снэпшоты' },
- { key: 'resize', label: 'Конфигурация' },
{ key: 'security', label: 'Безопасность' },
+ { key: 'network', label: 'Сеть' },
+ { key: 'backups', label: 'Бэкапы' },
+ { key: 'monitoring', label: 'Мониторинг' },
+ { key: 'logs', label: 'Логи' },
];
-
const ServerPanel: React.FC = () => {
const { id } = useParams();
const [server, setServer] = useStateУправление снэпшотами
- -
-
-
- Создать новый снэпшот
-
- setSnapName(e.target.value)}
- placeholder="Имя снэпшота (например: backup-2024)"
- className="w-full px-4 py-2 border rounded-lg"
- />
- setSnapDesc(e.target.value)}
- placeholder="Описание (опционально)"
- className="w-full px-4 py-2 border rounded-lg"
- />
- {error &&
- {error}
}
-
-
-
- Существующие снэпшоты
- {snapshots.length === 0 ? ( -Снэпшотов пока нет
- ) : ( -
- {snapshots.map((snap) => (
-
- )}
-
-
- ))}
-
-
- {snap.name}
- {snap.description || 'Без описания'}
-
-
-
-
- Загрузка...
;
- }
- if (error) {
- return (
-
-
- );
- }
- if (!server) {
- return
- {error}
-
-
- Сервер не найден
;
- }
return (
-
-
Панель управления сервером #{server.id}
-
+
+
-
- {activeTab === 'overview' && (
-
-
- )}
-
-
- {activeTab === 'console' && (
- Статус: {server.status}
- Тариф: {server.tariff.name} ({server.tariff.price}₽)
- ОС: {server.os.name} ({server.os.type})
- IP: {server.ip || '—'}
- Создан: {new Date(server.createdAt).toLocaleString()}
- Обновлён: {new Date(server.updatedAt).toLocaleString()}
-
- {/* WebSocket connection status */}
-
-
-
- {connected ? 'Подключено к live-мониторингу' : 'Нет подключения к мониторингу'}
-
-
-
- {/* Alerts */}
- {alerts.length > 0 && (
-
-
⚠️ Предупреждения
-
- {alerts.map((alert, idx) => (
-
+ {activeTab === 'overview' && server && (
+
- {alert.message}
-
- ))}
+
+
+
+
- )}
-
- {/* Real-time stats cards */}
-
+ Статус
+ {server.status === 'running' ? 'Работает' : server.status === 'stopped' ? 'Остановлен' : server.status}
+
+
+ IP-адрес
+ {server.ip || '—'}
+
+
+ Операционная система
+ {server.os.name} ({server.os.type})
+
+
+ Тариф
+ {server.tariff.name}
+
+
+ Цена
+ {server.tariff.price}₽
+
+
+ Root-пароль
+ {(() => {
+ const created = new Date(server.createdAt);
+ const now = new Date();
+ const diffMin = (now.getTime() - created.getTime()) / 1000 / 60;
+ if (server.rootPassword && diffMin <= 30) {
+ return (
+
+ {showRoot ? server.rootPassword : '************'}
+ {!showRoot ? (
+
+ ) : (
+
+ )}
+
+ );
+ } else {
+ return (
+ —
+ );
+ }
+ })()}
-
-
CPU
-
- {realtimeStats?.data?.cpu ? (realtimeStats.data.cpu * 100).toFixed(1) : stats?.data?.cpu ? (stats.data.cpu * 100).toFixed(1) : '—'}%
+ = ({ setUserData }) => {
const fetchTickets = async () => {
try {
const token = localStorage.getItem('access_token');
- const res = await axios.get('http://localhost:5000/api/ticket', {
+ const res = await axios.get('https://ospab.host:5000/api/ticket', {
withCredentials: true,
headers: token ? { Authorization: `Bearer ${token}` } : {}
});
@@ -58,7 +58,7 @@ const TicketsPage: React.FC = ({ setUserData }) => {
const token = localStorage.getItem('access_token');
if (!token) return;
const headers = { Authorization: `Bearer ${token}` };
- const userRes = await axios.get('http://localhost:5000/api/auth/me', { headers });
+ const userRes = await axios.get('https://ospab.host:5000/api/auth/me', { headers });
setUserData({
user: userRes.data.user,
balance: userRes.data.user.balance ?? 0,
@@ -81,7 +81,7 @@ const TicketsPage: React.FC = ({ setUserData }) => {
setLoading(true);
try {
const token = localStorage.getItem('access_token');
- await axios.post('http://localhost:5000/api/ticket/create', { title, message }, {
+ await axios.post('https://ospab.host:5000/api/ticket/create', { title, message }, {
withCredentials: true,
headers: token ? { Authorization: `Bearer ${token}` } : {}
});
@@ -99,7 +99,7 @@ const TicketsPage: React.FC = ({ setUserData }) => {
const respondTicket = async (ticketId: number) => {
const token = localStorage.getItem('access_token');
- await axios.post('http://localhost:5000/api/ticket/respond', { ticketId, message: responseMsg }, {
+ await axios.post('https://ospab.host:5000/api/ticket/respond', { ticketId, message: responseMsg }, {
withCredentials: true,
headers: token ? { Authorization: `Bearer ${token}` } : {}
});
@@ -110,7 +110,7 @@ const TicketsPage: React.FC = ({ setUserData }) => {
const closeTicket = async (ticketId: number) => {
const token = localStorage.getItem('access_token');
- await axios.post('http://localhost:5000/api/ticket/close', { ticketId }, {
+ await axios.post('https://ospab.host:5000/api/ticket/close', { ticketId }, {
withCredentials: true,
headers: token ? { Authorization: `Bearer ${token}` } : {}
});
diff --git a/ospabhost/frontend/src/pages/login.tsx b/ospabhost/frontend/src/pages/login.tsx
index 3039f23..a89881d 100644
--- a/ospabhost/frontend/src/pages/login.tsx
+++ b/ospabhost/frontend/src/pages/login.tsx
@@ -24,7 +24,7 @@ const LoginPage = () => {
setError('');
setIsLoading(true);
try {
- const response = await axios.post('http://localhost:5000/api/auth/login', {
+ const response = await axios.post('https://ospab.host:5000/api/auth/login', {
email: email,
password: password,
});
diff --git a/ospabhost/frontend/src/pages/register.tsx b/ospabhost/frontend/src/pages/register.tsx
index 5ce1e0d..578f0c3 100644
--- a/ospabhost/frontend/src/pages/register.tsx
+++ b/ospabhost/frontend/src/pages/register.tsx
@@ -14,7 +14,7 @@ const RegisterPage = () => {
setError(''); // Очищаем предыдущие ошибки
try {
- await axios.post('http://localhost:5000/api/auth/register', {
+ await axios.post('https://ospab.host:5000/api/auth/register', {
username: username,
email: email,
password: password
diff --git a/ospabhost/frontend/src/pages/tariffs.tsx b/ospabhost/frontend/src/pages/tariffs.tsx
index 8ff90af..d4f8dfa 100644
--- a/ospabhost/frontend/src/pages/tariffs.tsx
+++ b/ospabhost/frontend/src/pages/tariffs.tsx
@@ -1,49 +1,47 @@
-import { useState, useEffect, useContext } from 'react';
+import { useState, useEffect } from 'react';
import axios from 'axios';
import { useNavigate } from 'react-router-dom';
-import AuthContext from '../context/authcontext';
const TariffsPage = () => {
const [tariffs, setTariffs] = useState>([]);
const [loading, setLoading] = useState(true);
const [error, setError] = useState('');
const navigate = useNavigate();
- const { isLoggedIn } = useContext(AuthContext);
+
useEffect(() => {
- const fetchTariffs = async () => {
- try {
- const res = await axios.get('http://localhost:5000/api/tariff');
- console.log('Ответ API тарифов:', res.data);
- if (Array.isArray(res.data)) {
- setTariffs(res.data);
- } else {
- setError('Некорректный формат данных тарифов');
- setTariffs([]);
- }
- } catch (err) {
- console.error('Ошибка загрузки тарифов:', err);
- setError('Ошибка загрузки тарифов');
+ const fetchTariffs = async () => {
+ try {
+ const res = await axios.get('https://ospab.host:5000/api/tariff');
+ console.log('Ответ API тарифов:', res.data);
+ if (Array.isArray(res.data)) {
+ setTariffs(res.data);
+ } else {
+ setError('Некорректный формат данных тарифов');
setTariffs([]);
}
- setLoading(false);
- };
- fetchTariffs();
- }, []);
+ } catch (err) {
+ console.error('Ошибка загрузки тарифов:', err);
+ setError('Ошибка загрузки тарифов');
+ setTariffs([]);
+ }
+ setLoading(false);
+ };
+ fetchTariffs();
+ }, []);
const handleBuy = (tariffId: number) => {
- if (!isLoggedIn) {
- navigate('/login');
- return;
- }
navigate(`/dashboard/checkout?tariff=${tariffId}`);
};
return (
+
-
+ 📅
+ Создан:
+ {new Date(server.createdAt).toLocaleString()}
-
-
- RAM
-
- {realtimeStats?.data?.memory?.usage?.toFixed(1) || stats?.data?.memory?.usage?.toFixed(1) || '—'}%
-
-
-
+ )}
- {/* Charts */}
- {realtimeStats?.data?.rrdData && realtimeStats.data.rrdData.length > 0 && (
- Disk
-
- {realtimeStats?.data?.disk?.usage?.toFixed(1) || '—'}%
+
+ 🔄
+ Обновлён:
+ {new Date(server.updatedAt).toLocaleString()}
-
-
-
-
-
- )}
+ {activeTab === 'console' && server && (
+ История использования (последний час)
-
-
);
};
-export default ServerPanel;
+export default ServerPanel;
\ No newline at end of file
diff --git a/ospabhost/frontend/src/pages/dashboard/servers.tsx b/ospabhost/frontend/src/pages/dashboard/servers.tsx
index fa1084c..c0ccaca 100644
--- a/ospabhost/frontend/src/pages/dashboard/servers.tsx
+++ b/ospabhost/frontend/src/pages/dashboard/servers.tsx
@@ -21,7 +21,7 @@ const Servers: React.FC = () => {
try {
const token = localStorage.getItem('access_token');
const headers = token ? { Authorization: `Bearer ${token}` } : {};
- const res = await axios.get('http://localhost:5000/api/server', { headers });
+ const res = await axios.get('https://ospab.host:5000/api/server', { headers });
console.log('Ответ API серверов:', res.data);
// Защита от получения HTML вместо JSON
if (typeof res.data === 'string' && res.data.startsWith(' {
Детальная статистика
-
- setShowResizeModal(false)}
- onSuccess={() => {
- // Reload server data after resize
- const fetchServer = async () => {
- const token = localStorage.getItem('access_token');
- const headers = token ? { Authorization: `Bearer ${token}` } : {};
- const res = await axios.get(`http://localhost:5000/api/server/${id}`, { headers });
- setServer(res.data);
- };
- fetchServer();
- }}
- />
- )}
+ {activeTab === 'network' && (
+
-
- )}
+ )}
- {activeTab === 'manage' && (
- Memory Used
-
- {realtimeStats?.data?.memory?.used
- ? `${(realtimeStats.data.memory.used / (1024 * 1024 * 1024)).toFixed(2)} GB`
- : '—'}
-
+ Графики нагрузки
+
+
-
+
- CPU
+ {stats?.data?.cpu ? (stats.data.cpu * 100).toFixed(1) : '—'}%
-
- Memory Max
-
- {realtimeStats?.data?.memory?.max
- ? `${(realtimeStats.data.memory.max / (1024 * 1024 * 1024)).toFixed(2)} GB`
- : '—'}
-
-
-
- Network In
-
- {realtimeStats?.data?.network?.in
- ? `${(realtimeStats.data.network.in / (1024 * 1024)).toFixed(2)} MB`
- : '—'}
-
-
-
Network Out
-
- {realtimeStats?.data?.network?.out
- ? `${(realtimeStats.data.network.out / (1024 * 1024)).toFixed(2)} MB`
- : '—'}
-
+
+
RAM
+ {stats?.data?.memory?.usage ? stats.data.memory.usage.toFixed(1) : '—'}%
-
-
-
-
- )}
-
- {activeTab === 'snapshots' && (
-
-
- )}
-
- {activeTab === 'security' && (
- Изменение конфигурации сервера
-- Вы можете увеличить или уменьшить ресурсы вашего сервера (CPU, RAM, диск). - Изменения вступят в силу после перезапуска сервера. -
- -
-
- {showRoot && newRoot && (
-
+ )}
- {/* Resize Modal */}
- {showResizeModal && (
-
-
+ {success && (
+ Ваш новый root-пароль:
- {newRoot}
- Скопируйте пароль — он будет показан только один раз!
+ {activeTab === 'manage' && server && (
+
+
- )}
-
+
+
+
- )}
- {success}
+ )}
+ {error && (
+ {error}
+ )}
+ Сеть: здесь будет управление сетевыми настройками
+ )}
+ {activeTab === 'backups' && (
+ Бэкапы: здесь будет управление резервными копиями
+ )}
+ {activeTab === 'monitoring' && (
+ Мониторинг: здесь будет расширенный мониторинг
+ )}
+ {activeTab === 'logs' && (
+ Логи: здесь будут логи сервера
+ )}
+ {activeTab === 'security' && server && (
+
+
+ {showRoot && newRoot && (
+
+ )}
+
+
+
+ )}
+ {success && (
+ Ваш новый root-пароль:
+ {newRoot.replace(/./g, '*')}
+
+ {success}
+ )}
+ {error && (
+ {error}
+ )}
+ Мои серверы
- {servers.length === 0 && !loading && !error && ( - Купить сервер - )}Загрузка...
diff --git a/ospabhost/frontend/src/pages/dashboard/ticketresponse.tsx b/ospabhost/frontend/src/pages/dashboard/ticketresponse.tsx index b59d042..3480bf5 100644 --- a/ospabhost/frontend/src/pages/dashboard/ticketresponse.tsx +++ b/ospabhost/frontend/src/pages/dashboard/ticketresponse.tsx @@ -32,7 +32,7 @@ const TicketResponse: React.FC = () => { setError(''); try { const token = localStorage.getItem('access_token'); - const res = await axios.get('http://localhost:5000/api/ticket', { + const res = await axios.get('https://ospab.host:5000/api/ticket', { withCredentials: true, headers: token ? { Authorization: `Bearer ${token}` } : {} }); @@ -52,7 +52,7 @@ const TicketResponse: React.FC = () => { setError(''); try { const token = localStorage.getItem('access_token'); - await axios.post('http://localhost:5000/api/ticket/respond', { + await axios.post('https://ospab.host:5000/api/ticket/respond', { ticketId, message: responseMsg[ticketId] }, { @@ -74,7 +74,7 @@ const TicketResponse: React.FC = () => { setError(''); try { const token = localStorage.getItem('access_token'); - await axios.post('http://localhost:5000/api/ticket/close', { ticketId }, { + await axios.post('https://ospab.host:5000/api/ticket/close', { ticketId }, { withCredentials: true, headers: token ? { Authorization: `Bearer ${token}` } : {} }); diff --git a/ospabhost/frontend/src/pages/dashboard/tickets.tsx b/ospabhost/frontend/src/pages/dashboard/tickets.tsx index a3ed324..694d5ca 100644 --- a/ospabhost/frontend/src/pages/dashboard/tickets.tsx +++ b/ospabhost/frontend/src/pages/dashboard/tickets.tsx @@ -39,7 +39,7 @@ const TicketsPage: React.FC
-
Тарифы
+Тарифы
++ Выберите тариф для размещения сайта или сервера. ospab.host — надёжно и удобно! +
{loading ? (Загрузка...
) : error ? ( diff --git a/ospabhost/package.json b/ospabhost/package.json index 24b3dfe..982bb8f 100644 --- a/ospabhost/package.json +++ b/ospabhost/package.json @@ -13,7 +13,8 @@ "react-dom": "^19.1.1", "react-router-dom": "^7.9.1", "react-scripts": "5.0.1", - "web-vitals": "^2.1.4" + "web-vitals": "^2.1.4", + "undici": "^5.18.0" }, "scripts": { "start": "react-scripts start", @@ -45,6 +46,7 @@ "prisma": "^6.16.1", "bcrypt": "^5.1.0", "cors": "^2.8.5", + "proxmox-api": "^1.0.0", "dotenv": "^16.0.0", "express": "^4.18.2", "jsonwebtoken": "^9.0.0", diff --git a/ospabhost/postcss.config.js b/ospabhost/postcss.config.js new file mode 100644 index 0000000..33ad091 --- /dev/null +++ b/ospabhost/postcss.config.js @@ -0,0 +1,6 @@ +module.exports = { + plugins: { + tailwindcss: {}, + autoprefixer: {}, + }, +} diff --git a/ospabhost/tailwind.config.js b/ospabhost/tailwind.config.js new file mode 100644 index 0000000..34c042d --- /dev/null +++ b/ospabhost/tailwind.config.js @@ -0,0 +1,10 @@ +/** @type {import('tailwindcss').Config} */ +module.exports = { + content: [ + "./src/**/*.{js,jsx,ts,tsx}", // ищет стили во всех компонентах + ], + theme: { + extend: {}, + }, + plugins: [], +} \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 834e33e..ee644eb 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11,7 +11,8 @@ "dotenv": "^17.2.2", "express": "^5.1.0", "jsonwebtoken": "^9.0.2", - "prisma": "^6.16.1" + "prisma": "^6.16.1", + "proxmox-api": "^1.1.1" }, "devDependencies": { "@types/bcryptjs": "^2.4.6", @@ -2635,6 +2636,18 @@ "node": ">= 0.6.0" } }, + "node_modules/proxmox-api": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/proxmox-api/-/proxmox-api-1.1.1.tgz", + "integrity": "sha512-2qH7pxKBBHa7WtEBmxPaBY2FZEH2R04hqr9zD9PmErLzJ7RGGcfNcXoS/v5G4vBM2Igmnx0EAYBstPwwfDwHnA==", + "license": "GPL-3.0", + "dependencies": { + "undici": "^6.19.8" + }, + "funding": { + "url": "https://github.com/sponsors/urielch" + } + }, "node_modules/proxy-addr": { "version": "2.0.7", "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz", @@ -3479,6 +3492,15 @@ "node": ">=14.17" } }, + "node_modules/undici": { + "version": "6.22.0", + "resolved": "https://registry.npmjs.org/undici/-/undici-6.22.0.tgz", + "integrity": "sha512-hU/10obOIu62MGYjdskASR3CUAiYaFTtC9Pa6vHyf//mAipSvSQg6od2CnJswq7fvzNS3zJhxoRkgNVaHurWKw==", + "license": "MIT", + "engines": { + "node": ">=18.17" + } + }, "node_modules/undici-types": { "version": "7.11.0", "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.11.0.tgz", diff --git a/package.json b/package.json index e65d83d..d81e04d 100644 --- a/package.json +++ b/package.json @@ -25,6 +25,7 @@ "dotenv": "^17.2.2", "express": "^5.1.0", "jsonwebtoken": "^9.0.2", - "prisma": "^6.16.1" + "prisma": "^6.16.1", + "proxmox-api": "^1.1.1" } }