add reports layout

This commit is contained in:
smanylov
2025-12-04 18:21:39 +07:00
parent 8b45b224bf
commit 98ac1aaac8
8 changed files with 440 additions and 20 deletions
@@ -0,0 +1,33 @@
export default function ActivityByContentType() {
return (
<div className="enhanced-chart-container">
<div className="enhanced-chart-header">
<h3 className="enhanced-chart-title">
Активность проверок по типам контента
</h3>
</div>
<div className="search-stats-grid">
<div className="search-stat-item">
<div className="search-stat-icon">📸</div>
<div className="search-stat-value">0</div>
<div className="search-stat-label">Изображения</div>
</div>
<div className="search-stat-item">
<div className="search-stat-icon">🎬</div>
<div className="search-stat-value">0</div>
<div className="search-stat-label">Видеофайлы</div>
</div>
<div className="search-stat-item">
<div className="search-stat-icon">🎵</div>
<div className="search-stat-value">0</div>
<div className="search-stat-label">Аудиозаписи</div>
</div>
<div className="search-stat-item">
<div className="search-stat-icon">📄</div>
<div className="search-stat-value">0</div>
<div className="search-stat-label">Документы</div>
</div>
</div>
</div>
)
}
@@ -0,0 +1,60 @@
export default function AnalyticsCardMonth() {
return (
<div className="analytics-card">
<div className="analytics-header">
<div className="analytics-icon">📊</div>
<h3 className="analytics-title">Активность по месяцам</h3>
</div>
<div className="storage-timeline">
<div className="timeline-item">
<span className="timeline-month">📅 Июль</span>
<div className="timeline-stats">
<span>0 файлов</span>
<span></span>
<span>0 Б</span>
</div>
</div>
<div className="timeline-item">
<span className="timeline-month">📅 Август</span>
<div className="timeline-stats">
<span>0 файлов</span>
<span></span>
<span>0 Б</span>
</div>
</div>
<div className="timeline-item">
<span className="timeline-month">📅 Сентябрь</span>
<div className="timeline-stats">
<span>0 файлов</span>
<span></span>
<span>0 Б</span>
</div>
</div>
<div className="timeline-item">
<span className="timeline-month">📅 Октябрь</span>
<div className="timeline-stats">
<span>3 файлов</span>
<span></span>
<span>2.42 МБ</span>
</div>
</div>
<div className="timeline-item">
<span className="timeline-month">📅 Ноябрь</span>
<div className="timeline-stats">
<span>14 файлов</span>
<span></span>
<span>43.53 МБ</span>
</div>
</div>
<div className="timeline-item">
<span className="timeline-month">📅 Декабрь</span>
<div className="timeline-stats">
<span>0 файлов</span>
<span></span>
<span>0 Б</span>
</div>
</div>
</div>
</div>
)
}
@@ -0,0 +1,36 @@
export default function AnalyticsCardGeography() {
return (
<div className="analytics-card">
<div className="analytics-header">
<div className="analytics-icon">🌍</div>
<h3 className="analytics-title">География нарушений</h3>
</div>
<div className="storage-timeline">
<div className="timeline-item">
<span className="timeline-month">🇷🇺 Россия</span>
<span className="method-count">0</span>
</div>
<div className="timeline-item">
<span className="timeline-month">🇺🇸 США</span>
<span className="method-count">0</span>
</div>
<div className="timeline-item">
<span className="timeline-month">🇩🇪 Германия</span>
<span className="method-count">0</span>
</div>
<div className="timeline-item">
<span className="timeline-month">🇫🇷 Франция</span>
<span className="method-count">0</span>
</div>
<div className="timeline-item">
<span className="timeline-month">🇬🇧 Великобритания</span>
<span className="method-count">0</span>
</div>
<div className="timeline-item">
<span className="timeline-month">🇨🇳 Китай</span>
<span className="method-count">0</span>
</div>
</div>
</div>
)
}
+34
View File
@@ -0,0 +1,34 @@
export default function FinalSummary() {
return (
<div className="final-summary">
<div className="summary-header">
<h2 className="summary-title">
📈 Итоговая статистика за Декабрь 2025
</h2>
<p className="summary-subtitle">
Общие показатели эффективности системы защиты
</p>
</div>
<div className="summary-stats">
<div className="summary-stat">
<div className="summary-stat-icon">🔍</div>
<div className="summary-stat-value">0</div>
<div className="summary-stat-label">Всего проверок</div>
<div className="summary-stat-change">+15% к прошлому месяцу</div>
</div>
<div className="summary-stat">
<div className="summary-stat-icon">🚨</div>
<div className="summary-stat-value">0</div>
<div className="summary-stat-label">Нарушений найдено</div>
<div className="summary-stat-change">Отличный результат!</div>
</div>
<div className="summary-stat">
<div className="summary-stat-icon">🛡</div>
<div className="summary-stat-value">0</div>
<div className="summary-stat-label">Защищенного контента</div>
<div className="summary-stat-change">+0 за период</div>
</div>
</div>
</div>
)
}