profoundjs
Version:
Profound.js Framework and Server
47 lines (44 loc) • 1.63 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Work with Auto-Submitted Test Runs</title>
<link rel="stylesheet" href="style.css" />
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet"> <!-- Material Icons added -->
</head>
<body>
<!-- New overall page header -->
<header id="page-header">
<h1>Work with Auto-Submitted Test Runs</h1>
<button id="refresh-button">
<i class="material-symbols-outlined">refresh</i>
Refresh
</button>
</header>
<div class="container">
<div class="resizable" id="resizable-container">
<!-- Left column without the refresh button -->
<div class="column left" id="left-column">
<!-- New heading for the left column -->
<h2>Test Run Batches</h2>
<!-- Filter panel for statuses -->
<div id="filter-panel">
<label><input type="checkbox" value="finished" checked> Finished</label>
<label><input type="checkbox" value="errored" checked> Errored</label>
<label><input type="checkbox" value="running" checked> Running</label>
</div>
<!-- Items will be dynamically added here -->
<div id="item-list"></div>
</div>
<!-- Resizer handle -->
<div class="resizer" id="resizer"></div>
<!-- Right column for item details -->
<div class="column right" id="item-details">
<p>Select an item to view details.</p>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>