finish dashboard layout
This commit is contained in:
smanylov
@@ -0,0 +1,47 @@
|
||||
export default function ActivityChart() {
|
||||
return (
|
||||
<div className="activity-chart">
|
||||
<h3>⚡ Активность за неделю</h3>
|
||||
<div className="activity-grid">
|
||||
<div className="activity-day">
|
||||
<div className="activity-day-label">Пн</div>
|
||||
<div className="activity-day-value">0</div>
|
||||
<div className="activity-day-files">файлов</div>
|
||||
</div>
|
||||
<div className="activity-day">
|
||||
<div className="activity-day-label">Вт</div>
|
||||
<div className="activity-day-value">0</div>
|
||||
<div className="activity-day-files">файлов</div>
|
||||
</div>
|
||||
<div className="activity-day">
|
||||
<div className="activity-day-label">Ср</div>
|
||||
<div className="activity-day-value">0</div>
|
||||
<div className="activity-day-files">файлов</div>
|
||||
</div>
|
||||
<div className="activity-day">
|
||||
<div className="activity-day-label">Чт</div>
|
||||
<div className="activity-day-value">0</div>
|
||||
<div className="activity-day-files">файлов</div>
|
||||
</div>
|
||||
<div className="activity-day">
|
||||
<div className="activity-day-label">Пт</div>
|
||||
<div className="activity-day-value">0</div>
|
||||
<div className="activity-day-files">файлов</div>
|
||||
</div>
|
||||
<div className="activity-day">
|
||||
<div className="activity-day-label">Сб</div>
|
||||
<div className="activity-day-value">0</div>
|
||||
<div className="activity-day-files">файлов</div>
|
||||
</div>
|
||||
<div className="activity-day">
|
||||
<div className="activity-day-label">Вс</div>
|
||||
<div className="activity-day-value">0</div>
|
||||
<div className="activity-day-files">файлов</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="activity-chart-footer">
|
||||
📊 Всего за неделю: <strong>0 файлов</strong>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,105 @@
|
||||
import Link from 'next/link';
|
||||
import Image from 'next/image';
|
||||
|
||||
import testImage from '@/app/src/image-preview.png'
|
||||
|
||||
export default function ViolationsTable() {
|
||||
return (
|
||||
<div className="block-wrapper">
|
||||
<h3 className="chart-title">Найденные совпадения</h3>
|
||||
<div className="violations-table">
|
||||
|
||||
<div className="violation-card">
|
||||
<div className="violation-main">
|
||||
<div className="violation-icon-wrapper photo">
|
||||
<Image src={testImage} alt="Preview" />
|
||||
</div>
|
||||
<div className="violation-content-info">
|
||||
<div className="violation-filename">
|
||||
File name <span>(date)</span>
|
||||
</div>
|
||||
<div className="violation-meta">
|
||||
<span className="violation-meta-item">
|
||||
📅 <span>(date)</span>
|
||||
</span>
|
||||
<span className="violation-status-badge">
|
||||
⚠️ Права нарушены
|
||||
</span>
|
||||
<span className="violation-sources-badge">
|
||||
🔗 <span>(source count)</span>
|
||||
<span className="opacity: 0.8; font-size: 11px; margin-left: 4px;">
|
||||
<span>(violant count)</span>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Link className="btn btn-primary" href={'#'}>
|
||||
Подробнее →
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
<div className="violation-card">
|
||||
<div className="violation-main">
|
||||
<div className="violation-icon-wrapper photo">
|
||||
<Image src={testImage} alt="Preview" />
|
||||
</div>
|
||||
<div className="violation-content-info">
|
||||
<div className="violation-filename">
|
||||
File name <span>(date)</span>
|
||||
</div>
|
||||
<div className="violation-meta">
|
||||
<span className="violation-meta-item">
|
||||
📅 <span>(date)</span>
|
||||
</span>
|
||||
<span className="violation-status-badge">
|
||||
⚠️ Права нарушены
|
||||
</span>
|
||||
<span className="violation-sources-badge">
|
||||
🔗 <span>(source count)</span>
|
||||
<span className="opacity: 0.8; font-size: 11px; margin-left: 4px;">
|
||||
<span>(violant count)</span>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Link className="btn btn-primary" href={'#'}>
|
||||
Подробнее →
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
<div className="violation-card">
|
||||
<div className="violation-main">
|
||||
<div className="violation-icon-wrapper photo">
|
||||
<Image src={testImage} alt="Preview" />
|
||||
</div>
|
||||
<div className="violation-content-info">
|
||||
<div className="violation-filename">
|
||||
File name <span>(date)</span>
|
||||
</div>
|
||||
<div className="violation-meta">
|
||||
<span className="violation-meta-item">
|
||||
📅 <span>(date)</span>
|
||||
</span>
|
||||
<span className="violation-status-badge">
|
||||
⚠️ Права нарушены
|
||||
</span>
|
||||
<span className="violation-sources-badge">
|
||||
🔗 <span>(source count)</span>
|
||||
<span className="opacity: 0.8; font-size: 11px; margin-left: 4px;">
|
||||
<span>(violant count)</span>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Link className="btn btn-primary" href={'#'}>
|
||||
Подробнее →
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,37 @@
|
||||
export default function ViolationsTypeTable() {
|
||||
return (
|
||||
<div className="block-wrapper">
|
||||
<h3 className="chart-title">Нарушения по типам контента</h3>
|
||||
<div className="violations-type-table">
|
||||
<table className="data-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ТИП КОНТЕНТА</th>
|
||||
<th>ВСЕГО НАРУШЕНИЙ</th>
|
||||
<th>НОВЫЕ</th>
|
||||
<th>СТАТУС</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td className="type-violations">
|
||||
<span>Type</span>
|
||||
</td>
|
||||
<td className="total-violations" >
|
||||
<span>0</span>
|
||||
</td>
|
||||
<td className="new-violations">
|
||||
<span>0</span>
|
||||
</td>
|
||||
<td className="status-violations">
|
||||
<span>
|
||||
Требует внимания
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user