86 lines
3.4 KiB
HTML
86 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Kleinanzeigen Preisabfrage</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>Kleinanzeigen Preisabfrage</h1>
|
|
<form id="search-form">
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<h2>Artikel suchen</h2>
|
|
<textarea id="query" name="query" placeholder="Artikel suchen... (jeder Artikel eine Zeile)" required></textarea>
|
|
</div>
|
|
<div class="form-group">
|
|
<h2>Unerwünschte Wörter</h2>
|
|
<textarea id="unwanted_words" name="unwanted_words" placeholder="Unerwünschte Wörter (je Wort eine Zeile)">Suche
|
|
Tausche</textarea>
|
|
<div>
|
|
<label><input type="checkbox" value="Defekt"> Defekt</label>
|
|
<label><input type="checkbox" value="Kaputt"> Kaputt</label>
|
|
<label><input type="checkbox" value="Beschädigt"> Beschädigt</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<h2>Mindestpreis</h2>
|
|
<input type="number" id="minprice" name="minprice" placeholder="Mindestpreis">
|
|
</div>
|
|
<div class="form-group">
|
|
<h2>Höchstpreis</h2>
|
|
<input type="number" id="maxprice" name="maxprice" placeholder="Höchstpreis">
|
|
</div>
|
|
<div class="form-group">
|
|
<h2>Maximale Seiten</h2>
|
|
<input type="number" id="maxpages" name="maxpages" placeholder="Maximale Seiten">
|
|
</div>
|
|
</div>
|
|
<button type="submit">Suchen</button>
|
|
</form>
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<h2>Suche nach Begriff</h2>
|
|
<input type="text" id="manufacturer-filter" placeholder="Begriff">
|
|
</div>
|
|
<div class="form-group">
|
|
<h2>Sortieren nach</h2>
|
|
<select id="sort-filter">
|
|
<option value="alphabet">Alphabet</option>
|
|
<option value="price">Preis</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<h2>Artikel pro Seite</h2>
|
|
<select id="items-per-page">
|
|
<option value="10">10</option>
|
|
<option value="20">20</option>
|
|
<option value="50">50</option>
|
|
<option value="100">100</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="pagination-top"></div>
|
|
<div id="results"></div>
|
|
<div id="pagination-bottom"></div>
|
|
<div id="overlay" style="display:none;">
|
|
<div id="throbber"></div>
|
|
<div id="progress-container">
|
|
<p id="progress-text">Artikel 0 von 0</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="{{ url_for('static', filename='script.js') }}"></script>
|
|
</body>
|
|
</html>
|
|
|