ldapmanager/test/html/search.html

81 lines
3.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Search Results</title>
<link rel="stylesheet" href="../css/search.css">
</head>
<body>
<div class="search-page">
<form class="search-bar" action="/search-results" method="GET">
<input type="text" name="query" placeholder="Search...">
<select name="filter">
<option value="username">Username</option>
<option value="employee-id">Employee ID</option>
<option value="name">Name</option>
<option value="email">Email</option>
</select>
<button type="submit">Search</button>
</form>
<div class="search-results">
<a class="search-result" href="/user/realobamna">
<div class="details">
<span class="primary-key username">realobamna</span>
<div class="info-row">
<span class="info-attrib employee-id">12345</span>
<span class="info-attrib full-name">John Doe Obama</span>
</div>
</div>
<div class="actions">
<button class="edit">Edit</button>
<button class="delete">Delete</button>
</div>
</a>
<a class="search-result" href="/user/obama">
<div class="details">
<span class="primary-key username">obama</span>
<div class="info-row">
<span class="info-attrib employee-id">19845</span>
<span class="info-attrib full-name">Fake Obama</span>
</div>
</div>
<div class="actions">
<button class="edit">Edit</button>
<button class="delete">Delete</button>
</div>
</a>
<a class="search-result" href="/user/realobamna">
<div class="details">
<span class="primary-key username">realobamna</span>
<div class="info-row">
<span class="info-attrib employee-id">12345</span>
<span class="info-attrib full-name">John Doe Obama</span>
</div>
</div>
<div class="actions">
<button class="edit">Edit</button>
<button class="delete">Delete</button>
</div>
</a>
<a class="search-result" href="/user/obama">
<div class="details">
<span class="primary-key username">obama</span>
<div class="info-row">
<span class="info-attrib employee-id">19845</span>
<span class="info-attrib full-name">Fake Obama</span>
</div>
</div>
<div class="actions">
<button class="edit">Edit</button>
<button class="delete">Delete</button>
</div>
</a>
<!-- Additional search results go here -->
</div>
</div>
</body>
</html>