add violations layout

This commit is contained in:
smanylov
2026-01-15 14:18:08 +07:00
parent b763e438b8
commit 4697eb6fda
8 changed files with 637 additions and 26 deletions
@@ -0,0 +1,18 @@
export default function ViolationsCheckAllSection() {
return (
<div className="violation-check-all-section">
<div className="check-all-left">
<div className="check-all-header">
<div className="check-all-icon">🔍</div>
<div className="check-all-title">Глобальная проверка контента</div>
</div>
<div className="check-all-description">
Поиск нарушений во всех ваших изображениях. Проверка только точных совпадений (95%+).
</div>
</div>
<button type="button" className="check-all-btn">
🌐 Проверить все
</button>
</div>
)
}
@@ -0,0 +1,72 @@
export default function ViolationsMyCases() {
return (
<div className="violations-my-cases-section">
<div className="my-cases-header">
<div className="my-cases-title"> Мои дела</div>
<a href="arbitration.php" className="btn-outline-small">Все дела </a>
</div>
<div className="cases-carousel-track">
<div className="case-card">
<div className="case-card-header">
<div className="case-number">ARB-2025-000271</div>
<span className="case-status-badge status-submitted">ПОДАНО</span></div>
<div className="case-card-title">
Нарушение авторских прав: scale_1200 (2).jpeg</div>
<div className="case-card-meta">
<div><strong>Создано:</strong> 12.10.2025</div>
<div><strong>Юрист:</strong> <span style={{color: '#f59e0b'}}>Не назначен</span></div>
</div>
<div className="case-card-actions">
<a href="arbitration.php?case_id=8" className="btn-primary-small">
👁 Детали
</a>
</div>
</div>
<div className="case-card">
<div className="case-card-header">
<div className="case-number">ARB-2025-4944</div>
<span className="case-status-badge status-assigned">НАЗНАЧЕН ЮРИСТ</span></div>
<div className="case-card-title">
Нарушение авторских прав: scale_1200 (2).jpeg</div>
<div className="case-card-meta">
<div><strong>Создано:</strong> 23.09.2025</div>
<div><strong>Юрист:</strong> Анна Иванова</div>
<div><strong>Ущерб:</strong> 0</div>
</div>
<div className="case-card-actions">
<a href="arbitration.php?case_id=7" className="btn-primary-small">
👁 Детали
</a>
</div>
</div>
<div className="case-card">
<div className="case-card-header">
<div className="case-number">ARB-2025-0535</div>
<span className="case-status-badge status-assigned">НАЗНАЧЕН ЮРИСТ</span></div>
<div className="case-card-title">
Нарушение авторских прав: scale_1200 (2).jpeg</div>
<div className="case-card-meta">
<div><strong>Создано:</strong> 22.09.2025</div>
<div><strong>Юрист:</strong> Анна Иванова</div>
<div><strong>Ущерб:</strong> 100 000</div>
</div>
<div className="case-card-actions">
<a href="arbitration.php?case_id=6" className="btn-primary-small">
👁 Детали
</a>
</div>
</div>
</div>
</div>
)
}
@@ -0,0 +1,80 @@
export default function ViolationsTable() {
return (
<div className="violations-table-section">
<div className="section-header">
<div className="section-title">Обнаруженные нарушения (17)</div>
</div>
<div className="violations-table-container">
<table className="violations-table">
<thead>
<tr>
<th></th>
<th>Файл</th>
<th>URL нарушения</th>
<th>Статистика</th>
<th>DMCA Жалоба</th>
<th>Действия</th>
</tr>
</thead>
<tbody>
<tr>
<td className="violation-preview-cell">
<div className="violation-preview">
<img src="image-preview.php?id=303" alt="Preview" loading="lazy" />
</div>
</td>
<td className="violation-filename-cell">
<div className="violation-filename" title="banner111.png">
banner111.png</div>
<div className="violation-date">
📅 17.10.2025</div>
</td>
<td className="violation-url-cell">
<a href="https://m.apkpure.com/th/4k-wallpapers/com.starwalls.BACKGROUND.wallpapers4K.starwall" target="_blank" className="violation-link" title="https://m.apkpure.com/th/4k-wallpapers/com.starwalls.BACKGROUND.wallpapers4K.starwall">
https://m.apkpure.com/th/4k-wallpapers/com.starwalls.BACKGROUND.wallpapers4K.starwall</a>
</td>
<td className="violation-stats-cell">
<div className="confidence-badge">
📊 85%
</div>
<div className="sources-count">
🔗 2 источников
</div>
</td>
<td className="violation-dmca-cell">
<button className="btn-dmca-complaint" title="Подать DMCA жалобу">
🚨 ПОЖАЛОВАТЬСЯ
</button>
</td>
<td className="violation-actions-cell">
<div className="violation-actions">
<button className="action-icon-btn btn-view" title="Детали">
👁
</button>
<button className="action-icon-btn btn-ok" title="Одобрить">
</button>
<button className="action-icon-btn btn-block" title="Жалоба">
</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
)
}