Merge branch 'frontend-searchbar' into 'main'

finished implementation of frontend features

See merge request padas/24ss-5430-web-and-data-eng/gruppe-3/datadash!11
This commit is contained in:
Julian Klinke
2024-06-18 14:06:45 +02:00
5 changed files with 272 additions and 12 deletions

View File

@@ -7,6 +7,7 @@
<link rel="stylesheet" href="main.css">
</head>
<body>
<div onclick="console.log('add')" id="add-btn"></div>
<main>
<header>
<h1>Welcome to DataDash</h1>
@@ -14,10 +15,22 @@
</header>
<section id="tool-bar">
<div id="search-bar">
<input type="search" name="query" id="search-entry" placeholder="Search">
<button class="search-btn">Search</button>
</div>
<select id="sort-btn">Sort by
<option>Option 1</option>
<option>Option 2</option>
</select>
<div class="divider"></div>
<select id="filter-btn">Filter
<optgroup label="Standard categories">
<option>Option 1</option>
<option>Option 2</option>
</optgroup>
<optgroup label="User categories">
<option>user category</option>
</optgroup>
</select>
<input type="search" name="query" id="search-entry" placeholder="Search">
<button id="search-btn">Search</button>
</section>
<section id="recents">