1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Issues</title>
</head>
<body>
<aside>
<button id="toggle-navigation" aria-expanded="false">Show Navigation</button>
<nav id="main-navigation" hidden>
<ul>
<li><a href="dashboard.html">Dashboard</a></li>
<li>
<a href="issues.html">Issues</a>
<ul>
<li><a href="issues.html">All Issues</a></li>
<li><a href="tags.html" aria-current="page">Tags</a></li>
</ul>
</li>
<li><a href="urls.html">URLs</a></li>
<li><a href="scans.html">Scans</a></li>
</ul> </nav>
</aside>
<main>
<h1>Issues</h1>
<h2>Bulk Actions</h2>
<form>
<fieldset>
<legend>Filter to Show Issues</legend>
<label>
<input type="checkbox" checked> With Active Nodes
</label>
<label>
<input type="checkbox" checked> With Ignored Nodes
</label>
<label>
<input type="checkbox" checked> With Equalified Nodes
</label>
<label>
<input type="checkbox" checked> With Node Updates
</label>
</fieldset>
<fieldset>
<legend>Sort By</legend>
<label>
<input type="radio" name="sort" checked> Issue Name (A-Z)
</label>
<label>
<input type="radio" name="sort"> Issue Name (Z-A)
</label>
<label>
<input type="radio" name="sort"> Active Nodes (Most to Least)
</label>
<label>
<input type="radio" name="sort"> Active Nodes (Least to Most)
</label>
<label>
<input type="radio" name="sort"> Equalified Nodes (Most to Least)
</label>
<label>
<input type="radio" name="sort"> Equalified Nodes (Least to Most)
</label>
<label>
<input type="radio" name="sort"> Ignored Nodes (Most to Least)
</label>
<label>
<input type="radio" name="sort"> Ignored Nodes (Least to Most)
</label>
</fieldset>
</form>
<form>
<label>
Search: <input type="text">
</label>
<button type="submit" disabled>Submit</button>
</form>
<h2>Secondary Actions</h2>
<nav aria-label="Secondary Actions">
<a href="issue_editor.html">New Issue</a> </nav>
<div id="edit-options" style="display: none;">
<h2>Edit Options</h2>
<button>Watch on Dashboard</button>
<button>AI Analyze</button>
</div>
<h2>Issue Table</h2>
<table>
<thead>
<tr>
<th>
<input type="checkbox" aria-label="Select all issues" onclick="toggleAllTableCheckboxes(this)">
</th>
<th>Issue</th>
<th>Tags</th>
<th>Active Nodes</th>
<th>Equalified Nodes</th>
<th>Ignored Nodes</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="checkbox" class="row-checkbox" onchange="toggleEditOptions()"></td>
<td><a href="issue_details.html">Another Sample Issue</a></td>
<td><a href="tag_details.html">Sample Tag</a></td>
<td>29 (5 updated)</td>
<td>292</td>
<td>2929</td>
</tr>
<tr>
<td><input type="checkbox" class="row-checkbox" onchange="toggleEditOptions()"></td>
<td><a href="issue_details.html">Sample Issue</a></td>
<td><a href="tag_details.html">Sample Tag</a>, <a href="tag_details.html">Another Tag</a></td>
<td>111</td>
<td>1111 (2 updated)</td>
<td>1111</td>
</tr>
</tbody>
</table>
<nav aria-label="Issue Table">
Showing 2 of 2 Issues <button disabled>Load More Issues</button> </nav>
</main>
<footer>
<nav aria-label="Footer">
<a href="account.html">Account</a>
</nav>
</footer>
<script src="script.js"></script>
</body>
</html>