diff --git a/templates/filter.html b/templates/filter.html new file mode 100644 index 0000000000000000000000000000000000000000..493e258a4704a046688cba4b0b476e11e6c0a38c --- /dev/null +++ b/templates/filter.html @@ -0,0 +1,90 @@ +<!DOCTYPE html> +<link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='stylesheet.css') }}"> +<html> +<head> + <meta charset="utf-8"> + <title>AMK</title> + <h1>AMK</h1> + <h3>Atemberaubende Museums-Holzschnitt Kollektion</h3> +</head> +<body id="Startseite"> + <div class="suchfeld"> + <form action="{{ url_for('search') }}" method="post"> + <input type="text" name="holzschnitte"> + <datalist id="Holzschnitte"> + <option value="Autor"> + </datalist> + <input type="submit" value="suchen"> + </form> + </div> + <div class="menue"> + <ul id="navibereich"> + <li><a href="https://www.wikidata.org/wiki/Wikidata:Main_Page">WikiData</a></li> + <li><a href="{{ url_for('filter') }}">Filter</a></li> + </ul> + </div> + + {% if filter %} + <div class="filter"> + <form name="kunstler"> + <h5> Künstler:</h5> + <ul> + {% for letter in letters %} + <form name="{{ letter.name }}"> + <li onclick="renderListe('{{ letter.name }}')" style="display: inline-block;"> {{ letter.name }} <br> + </li><br> + <form name="kunstlerliste"> + <ul id="{{ letter.name }}" style=" display: none;"> + {% for object in objects %} + {% if object["anfang"] == letter["name"] %} + <li> <a style="display: table-row; color: black;"href="{{ url_for('.filterActor',kunstler=object.name) }}">{{ object.name }}</a> </li> <br> + {% endif %} + {% endfor %} + </ul> + </form> + </form> + {% endfor %} + + </ul> + </form> + + <form name="datumliste"> + <h6> Datum:</h6> + <ul> + {% for date in dates %} + <li> <a style="display: table-row; color: black;"href="{{ url_for('.filterDatum',datum=date.datum) }}">{{ date.datum }}</a> </li> <br> + {% endfor %} + </ul> + </form> + + <form name="ortliste"> + <h7> Ort:</h7> + <ul> + {% for ort in orte %} + <li> <a style="display: table-row; color: black;"href="{{ url_for('.filterOrt',ort=ort.ort) }}">{{ ort.ort }}</a> </li> <br> + {% endfor %} + </ul> + </form> + </div> + + {% else %} + <h6> {{ text }} </h6> + {% endif %} + + + <script> + function renderListe(letter) { + liste = document.getElementById(letter); + console.log(liste.style.display); + if (liste.style.display == 'none') { + liste.style.display = 'initial'; + } else { + liste.style.display = 'none'; + } + } + + </script> + +</html> + +