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<!DOCTYPE html>
<html lang="en">
<!-- Notes (Don't delete): This page 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. -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Properties</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">All URLs</a></li>
<li><a href="nodes.html">Nodes</a></li>
<li><a href="properties.html" aria-current="page">Properties</a></li>
</ul>
</li>
<li><a href="scans.html">Scans</a></li>
</ul> </nav>
</aside>
<main>
<h1>Properties</h1>
<h2>Bulk Actions</h2>
<form id="bulk-actions-form">
<fieldset>
<legend>Sort By</legend>
<label>
<input type="radio" name="sort" checked> Property Name (A-Z)
</label>
<label>
<input type="radio" name="sort"> Property Name (Z-A)
</label>
<label>
<input type="radio" name="sort"> Number of Pages (High to Low)
</label>
<label>
<input type="radio" name="sort"> Number of Pages (Low to Hight)
</label>
</fieldset>
<label>
Search: <input type="text" id="search-input">
</label>
<button type="submit" disabled>Submit</button>
</form>
<h2>Secondary Actions</h2>
<nav aria-label="Secondary Actions">
<a href="property_editor.html">Add New Property</a> </nav>
<div id="edit-options" style="display: none;">
<h2>Edit Options</h2>
<button>Scan Property Pages</button>
<button>Watch on Dashboard</button>
<button>AI Analyze</button>
</div>
<div aria-live="assertive" id="edit-options-notifications" style="display: none;"></div>
<h2>Properties Section</h2>
<table>
<thead>
<tr>
<th>
<input type="checkbox" aria-label="Select all properties" onclick="toggleAllTableCheckboxes(this)">
</th>
<th>Property</th>
<th>Pages</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="checkbox" class="row-checkbox" onchange="toggleEditOptions()"></td>
<td><a href="property_details.html">Sample Property Name</a></td>
<td>21</td>
</tr>
<tr>
<td><input type="checkbox" class="row-checkbox" onchange="toggleEditOptions()"></td>
<td><a href="property_details.html">Another Property</a></td>
<td>121</td>
</tr>
<tr>
<td><input type="checkbox" class="row-checkbox" onchange="toggleEditOptions()"></td>
<td><a href="property_details.html">Third Property</a></td>
<td>121</td>
</tr>
</tbody>
</table>
<nav aria-label="Properties">
Showing 2 of 2 Properties <button disabled>Load More Properties</button> </nav>
</main>
<footer>
<nav aria-label="Footer">
<a href="account.html">Account</a>
</nav>
</footer>
<script src="script.js"></script>
</body>
</html>