profoundjs
Version:
Profound.js Framework and Server
53 lines (48 loc) • 1.83 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Work with Mass Tests</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 id="pageTitle">Work with Mass Tests</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">
<!-- 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>
<div id="run-summary-panel">
<label><input type="checkbox" value="passed" checked> Passed</label>
<label><input type="checkbox" value="failed" checked> Failed</label>
<label><input type="checkbox" value="warning" checked> Warning</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>