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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163<!-- Notes (Don't delete): This URL is accessed by screen reader users. Code using the latest HTML standards and use basic HTML instead of aria when possible. Do not include classes, ids, or style code if possible. -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>URLs</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></li>
<li>
<a href="urls.html">URLs</a>
<ul>
<li><a href="urls.html" aria-current="URL">All URLs</a></li>
<li><a href="nodes.html">Nodes</a></li>
<li><a href="properties.html">Properties</a></li>
</ul>
</li>
<li><a href="scans.html">Scans</a></li>
</ul> </nav>
</aside>
<main>
<h1>URLs</h1>
<h2>Bulk Actions</h2>
<form id="bulk-actions-form">
<fieldset>
<legend>Filter to Show URLs</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> URL (A-Z)
</label>
<label>
<input type="radio" name="sort"> URL (Z-A)
</label>
<label>
<input type="radio" name="sort" checked> Page Name (A-Z)
</label>
<label>
<input type="radio" name="sort"> Page 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>
<label>
<input type="radio" name="sort"> Last Scanned (Newest to Oldest)
</label>
<label>
<input type="radio" name="sort"> Last Scanned (Oldest to Newest)
</label>
</fieldset>
<label>
Search: <input type="text" id="search-input">
</label>
<button type="submit" id="submit-bulk-actions" disabled>Submit</button>
</form>
<h2>Secondary Actions</h2>
<nav aria-label="Secondary">
<a href="url_adder.html">Add New URLs</a> </nav>
<div id="edit-options" style="display: none;">
<h3>Edit Options</h3>
<button>Delete URL(s)</button>
<button>Watch on Dashboard</button>
<button>AI Analyze</button>
</div>
<h3>URLs Table</h3>
<table>
<thead>
<tr>
<th>
<input type="checkbox" aria-label="Select all URLs" onclick="toggleAllTableCheckboxes(this)">
</th>
<th>Page Name</th>
<th>URL</th>
<th>Property</th>
<th>Related Scans</th>
<th>Active Nodes</th>
<th>Equalified Nodes</th>
<th>Ignored Nodes</th>
<th>Last Scanned</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="checkbox" class="row-checkbox" onchange="toggleEditOptions()"></td>
<td><a href="url_details.html">Equalify - Web Accessibil...</a></td>
<td>https://equalify.app</td>
<td><a href="property_details.html">Sample Property</a></td>
<td><a href="scan_details.html">Sample Scan</a>, <a href="scan_details.html">Another Scan</a></td>
<td>111 (2 updated)</td>
<td>1111 (23 updated)</td>
<td>1111</td>
<td>12-1-2024 at 02:30:30</td>
</tr>
<tr>
<td><input type="checkbox" class="row-checkbox" onchange="toggleEditOptions()"></td>
<td><a href="url_details.html">Another Sample URL</a></td>
<td>https://example.com</td>
<td></td>
<td></td>
<td>29 (3 updated)</td>
<td>292</td>
<td>2929</td>
<td>12-1-2024 at 02:30:30</td>
</tr>
</tbody>
</table>
<nav aria-label="URLs Table">
Showing 2 of 2 URLs <button disabled>Load More URLs</button> </nav>
</main>
<footer>
<nav aria-label="Footer">
<a href="account.html">Account</a>
</nav>
</footer>
<script src="script.js"></script>
</body>
</html>