From f58a6f13f95f1f337cb9274b39d539b541ddcba2 Mon Sep 17 00:00:00 2001
From: dv <dv@caps.caps>
Date: Tue, 5 May 2026 15:02:45 +0300
Subject: [PATCH] =?UTF-8?q?=D0=BA=D0=BE=D0=B4=D0=B8=D1=80=D0=BE=D0=B2?=
 =?UTF-8?q?=D0=BA=D0=B0=202?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/HomeObjectDetail.tsx | 77 +++++++++++++------------
 1 file changed, 39 insertions(+), 38 deletions(-)

diff --git a/frontend/src/pages/HomeObjectDetail.tsx b/frontend/src/pages/HomeObjectDetail.tsx
index 69acba5..0535423 100644
--- a/frontend/src/pages/HomeObjectDetail.tsx
+++ b/frontend/src/pages/HomeObjectDetail.tsx
@@ -18,12 +18,12 @@ import { useDashboardMonitorSSE } from '../hooks/useDashboardMonitorSSE'
 
 function reasonLabel(reason: string): string {
   const map: Record<string, string> = {
-    object_include_policy: '������� ��������� �������',
-    object_exclude_policy: '�������� ��������� �������',
-    inherit_default: '������������ �� ���������',
-    tag_policy_enabled: '������� ��������� �����',
-    tag_policy_disabled: '�������� ��������� �����',
-    scope_filtered: '��� �������� �������',
+    object_include_policy: 'Включен политикой объекта',
+    object_exclude_policy: 'Исключен политикой объекта',
+    inherit_default: 'Наследование по умолчанию',
+    tag_policy_enabled: 'Включен политикой тегов',
+    tag_policy_disabled: 'Исключен политикой тегов',
+    scope_filtered: 'Вне текущего фильтра',
   }
   return map[reason] ?? reason
 }
@@ -58,9 +58,9 @@ function healthColor(score: number | null | undefined): string {
 
 function formatAge(seconds: number | null | undefined): string {
   if (seconds == null) return '-'
-  if (seconds < 60) return `${seconds}�`
-  if (seconds < 3600) return `${Math.floor(seconds / 60)}�`
-  return `${Math.floor(seconds / 3600)}� ${Math.floor((seconds % 3600) / 60)}�`
+  if (seconds < 60) return `${seconds}с`
+  if (seconds < 3600) return `${Math.floor(seconds / 60)}м`
+  return `${Math.floor(seconds / 3600)}ч ${Math.floor((seconds % 3600) / 60)}м`
 }
 
 function uptimeColor(point: DashboardAvailabilityPoint): string {
@@ -71,7 +71,7 @@ function uptimeColor(point: DashboardAvailabilityPoint): string {
 
 function UptimeBars({ points, compact = false }: { points: DashboardAvailabilityPoint[]; compact?: boolean }) {
   if (!points.length) {
-    return <Typography.Text type="secondary">��� ����� � ��������� ����</Typography.Text>
+    return <Typography.Text type="secondary">Нет точек в выбранном окне</Typography.Text>
   }
 
   return (
@@ -80,7 +80,7 @@ function UptimeBars({ points, compact = false }: { points: DashboardAvailability
         {points.map((point, idx) => (
           <div
             key={`${point.bucket_start}-${idx}`}
-            title={`${dayjs(point.bucket_start).format('DD.MM HH:mm')} � ${point.availability_pct ?? '�'}%`}
+            title={`${dayjs(point.bucket_start).format('DD.MM HH:mm')} • ${point.availability_pct ?? '—'}%`}
             style={{
               flex: 1,
               minWidth: compact ? 3 : 4,
@@ -104,7 +104,7 @@ function UptimeBars({ points, compact = false }: { points: DashboardAvailability
         <Space size={12} style={{ marginTop: 6 }} wrap>
           <Space size={4}><span style={{ width: 10, height: 10, borderRadius: 2, background: '#52c41a', display: 'inline-block' }} /><Typography.Text type="secondary" style={{ fontSize: 12 }}>online</Typography.Text></Space>
           <Space size={4}><span style={{ width: 10, height: 10, borderRadius: 2, background: '#ff4d4f', display: 'inline-block' }} /><Typography.Text type="secondary" style={{ fontSize: 12 }}>offline</Typography.Text></Space>
-          <Space size={4}><span style={{ width: 10, height: 10, borderRadius: 2, background: '#d9d9d9', display: 'inline-block' }} /><Typography.Text type="secondary" style={{ fontSize: 12 }}>��� ������</Typography.Text></Space>
+          <Space size={4}><span style={{ width: 10, height: 10, borderRadius: 2, background: '#d9d9d9', display: 'inline-block' }} /><Typography.Text type="secondary" style={{ fontSize: 12 }}>нет данных</Typography.Text></Space>
         </Space>
       ) : null}
     </div>
@@ -158,15 +158,15 @@ export function HomeObjectDetailPage() {
         warn += 1
       }
 
-      const rackName = row.rack_name && row.rack_name.trim() ? row.rack_name : '��� ������'
+      const rackName = row.rack_name && row.rack_name.trim() ? row.rack_name : 'Без стойки'
       if (!byRack.has(rackName)) byRack.set(rackName, [])
       byRack.get(rackName)?.push(row)
     }
 
     const rackGroups = Array.from(byRack.entries())
       .sort((a, b) => {
-        if (a[0] === '��� ������') return 1
-        if (b[0] === '��� ������') return -1
+        if (a[0] === 'Без стойки') return 1
+        if (b[0] === 'Без стойки') return -1
         return a[0].localeCompare(b[0])
       })
       .map(([rack, rowsInRack]) => ({
@@ -194,13 +194,13 @@ export function HomeObjectDetailPage() {
         <Space direction="vertical" size={0}>
           <code>{row.ip}</code>
           <Typography.Text type="secondary" style={{ fontSize: 12 }}>
-            {row.hostname ?? '�'}
+            {row.hostname ?? '—'}
           </Typography.Text>
         </Space>
       ),
     },
     {
-      title: '���������',
+      title: 'Категория',
       dataIndex: 'category',
       key: 'category',
       width: 130,
@@ -213,8 +213,8 @@ export function HomeObjectDetailPage() {
         <Space direction="vertical" size={0}>
           <Tag color={statusColor(row.ping_status)}>{row.ping_status}</Tag>
           <Typography.Text type="secondary" style={{ fontSize: 12 }}>
-            {row.ping_checked_at ? dayjs(row.ping_checked_at).format('DD.MM HH:mm:ss') : '�'}
-            {row.last_ping_ms != null ? ` � ${row.last_ping_ms}ms` : ''}
+            {row.ping_checked_at ? dayjs(row.ping_checked_at).format('DD.MM HH:mm:ss') : '—'}
+            {row.last_ping_ms != null ? ` • ${row.last_ping_ms}ms` : ''}
           </Typography.Text>
         </Space>
       ),
@@ -227,24 +227,24 @@ export function HomeObjectDetailPage() {
         const availability = availabilityByDevice.get(Number(row.device_id))
 
         if (availabilityLoading) {
-          return <Typography.Text type="secondary">��������...</Typography.Text>
+          return <Typography.Text type="secondary">Загрузка...</Typography.Text>
         }
         if (!availability?.points?.length) {
-          return <Typography.Text type="secondary">��� ������</Typography.Text>
+          return <Typography.Text type="secondary">Нет данных</Typography.Text>
         }
 
         return (
           <Space direction="vertical" size={2} style={{ width: '100%' }}>
             <UptimeBars points={availability.points} compact />
             <Typography.Text type="secondary" style={{ fontSize: 12 }}>
-              {availability.availability != null ? `${availability.availability}%` : '�'}
+              {availability.availability != null ? `${availability.availability}%` : '—'}
             </Typography.Text>
           </Space>
         )
       },
     },
     {
-      title: '��������',
+      title: 'Свежесть',
       key: 'freshness',
       width: 110,
       render: (_, row) => <Tag color={row.ping_fresh ? 'green' : 'orange'}>{formatAge(row.ping_age_sec)}</Tag>,
@@ -260,14 +260,14 @@ export function HomeObjectDetailPage() {
             {row.disk_max_pct != null ? ` (${row.disk_max_pct}%)` : ''}
           </Tag>
         ) : (
-          '�'
+          '—'
         ),
     },
     {
-      title: '��������',
+      title: 'Проблема',
       key: 'problem',
       width: 100,
-      render: (_, row) => (row.has_problem ? <Tag color="red">��</Tag> : <Tag color="green">���</Tag>),
+      render: (_, row) => (row.has_problem ? <Tag color="red">Да</Tag> : <Tag color="green">Нет</Tag>),
     },
   ]
 
@@ -277,18 +277,18 @@ export function HomeObjectDetailPage() {
         <Col>
           <Space wrap>
             <Button icon={<ArrowLeftOutlined />} onClick={() => navigate('/home')}>
-              �����
+              Назад
             </Button>
             <Typography.Title level={4} style={{ margin: 0 }}>
-              {object?.object_name ?? `������ #${objectId}`}
+              {object?.object_name ?? `Объект #${objectId}`}
             </Typography.Title>
           </Space>
         </Col>
         <Col>
           <Space wrap>
-            {object?.allowed ? <Tag color="green">� �����������</Tag> : <Tag color="red">��� �����������</Tag>}
+            {object?.allowed ? <Tag color="green">В мониторинге</Tag> : <Tag color="red">Вне мониторинга</Tag>}
             <Tag color={healthColor(object?.health_score)}>health {object?.health_score ?? '-'}</Tag>
-            <Tag color="blue">���� {window}</Tag>
+            <Tag color="blue">окно {window}</Tag>
           </Space>
         </Col>
       </Row>
@@ -304,14 +304,14 @@ export function HomeObjectDetailPage() {
           type="info"
           showIcon
           style={{ marginBottom: 12 }}
-          message="�� ����� ��������� ������ ���� ������������. ��� ����� �������� ��� ���������."
+          message="По части устройств данных пока недостаточно. Для новых объектов это нормально."
         />
       ) : null}
 
       <Row gutter={[12, 12]} style={{ marginBottom: 12 }}>
         <Col xs={12} md={6}>
           <Card size="small" loading={summaryLoading} style={{ borderRadius: 12 }}>
-            <Typography.Text type="secondary">���������</Typography.Text>
+            <Typography.Text type="secondary">Устройств</Typography.Text>
             <Typography.Title level={3} style={{ margin: 0 }}>
               {summary?.totals.devices ?? 0}
             </Typography.Title>
@@ -319,7 +319,7 @@ export function HomeObjectDetailPage() {
         </Col>
         <Col xs={12} md={6}>
           <Card size="small" loading={summaryLoading} style={{ borderRadius: 12 }}>
-            <Typography.Text type="secondary">����������</Typography.Text>
+            <Typography.Text type="secondary">Проблемных</Typography.Text>
             <Typography.Title level={3} style={{ margin: 0 }}>
               {summary?.totals.problem_devices ?? 0}
             </Typography.Title>
@@ -344,7 +344,7 @@ export function HomeObjectDetailPage() {
       </Row>
 
       <Card
-        title="���������� �������"
+        title="Устройства объекта"
         size="small"
         style={{ borderRadius: 12 }}
         extra={
@@ -352,16 +352,16 @@ export function HomeObjectDetailPage() {
             value={window}
             onChange={(v) => setWindow(v as DashboardAvailabilityWindow)}
             options={[
-              { value: '24h', label: '24�' },
-              { value: '3d', label: '3�' },
-              { value: '7d', label: '7�' },
+              { value: '24h', label: '24ч' },
+              { value: '3d', label: '3д' },
+              { value: '7d', label: '7д' },
             ]}
             style={{ width: 120 }}
           />
         }
       >
         {!grouped.rackGroups.length ? (
-          <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description="���������� �� �������" />
+          <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description="Устройства не найдены" />
         ) : (
           <Space direction="vertical" size={12} style={{ width: '100%' }}>
             {grouped.rackGroups.map((rackGroup) => (
@@ -388,3 +388,4 @@ export function HomeObjectDetailPage() {
     </div>
   )
 }
+