Rajak13's picture
Make Smart Summarizer fully responsive for all devices - mobile, tablet, desktop (#3)
3293ecf verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Batch Processing - Smart Summarizer</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
<!-- Top Navigation Bar -->
<nav class="top-navbar">
<a href="/" class="navbar-logo">
<div class="logo-circle">S</div>
<span>Smart Summarizer</span>
</a>
<!-- Mobile Menu Toggle -->
<button class="mobile-menu-toggle" onclick="toggleMobileMenu()">
<i class="fas fa-bars"></i>
</button>
<div class="navbar-links" id="navbarLinks">
<a href="/" class="nav-item">
<i class="fas fa-home"></i> Home
</a>
<a href="/single-summary" class="nav-item">
<i class="fas fa-file-alt"></i> Single Summary
</a>
<a href="/comparison" class="nav-item">
<i class="fas fa-balance-scale"></i> Comparison
</a>
<a href="/batch" class="nav-item active">
<i class="fas fa-layer-group"></i> Batch
</a>
<a href="/evaluation" class="nav-item">
<i class="fas fa-chart-bar"></i> Evaluation
</a>
</div>
</nav>
<i class="fas fa-chart-bar"></i> Evaluation
</a>
</div>
</nav>
<!-- Page Content -->
<div class="page-container">
<h1 class="page-title">Batch Processing</h1>
<p class="page-subtitle">Process multiple documents simultaneously for high-throughput summarization.</p>
<!-- Controls -->
<div class="batch-controls">
<button class="btn-secondary" id="loadSamplesBtn">Load Samples</button>
<button class="btn-primary" id="runBatchBtn">Run Batch</button>
</div>
<!-- Batch Table -->
<div class="batch-table-container">
<table class="batch-table">
<thead>
<tr>
<th>SOURCE PREVIEW</th>
<th>MODELS</th>
<th>STATUS</th>
<th>ACTIONS</th>
</tr>
</thead>
<tbody id="batchTableBody">
<tr class="empty-state">
<td colspan="4">
<div class="empty-message">
No items in the queue. Load samples or upload a CSV to begin.
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- Export Button -->
<div class="export-section">
<button class="btn-secondary" id="exportBtn">
<span>📥</span> Export All Results (CSV)
</button>
</div>
</div>
<!-- Footer -->
<footer class="footer">
<div class="footer-left">
<div class="logo-circle" style="width: 24px; height: 24px; font-size: 0.9rem;">S</div>
<span>Smart Summarizer</span>
</div>
<div class="footer-right">
<span>© 2025 Smart Summarizer. Abdul Razzaq Ansari</span>
<a href="https://github.com/Rajak13/Smart-Summarizer" target="_blank" class="footer-link">
<i class="fab fa-github"></i> GitHub Repository
</a>
</div>
</footer>
<script src="{{ url_for('static', filename='js/batch.js') }}"></script>
<!-- Mobile Menu JavaScript -->
<script src="{{ url_for('static', filename='js/mobile-menu.js') }}"></script>
</body>
</html>