Ajout de la recherche
This commit is contained in:
parent
018dae05af
commit
3be39cf23d
GPG key ID:
9570A7DB7CB2F436
6 changed files with 96 additions and 4 deletions
9
app.py
9
app.py
|
|
@ -44,6 +44,15 @@ def categories(subpath):
|
||||||
def ajout():
|
def ajout():
|
||||||
return render_template("ajout.html")
|
return render_template("ajout.html")
|
||||||
|
|
||||||
|
@app.route("/recherche")
|
||||||
|
def recherche():
|
||||||
|
with open(fichierJson, 'r') as fichier:
|
||||||
|
liens = json.load(fichier)
|
||||||
|
listeLiens = liens["liens"]
|
||||||
|
listeLiens.reverse()
|
||||||
|
response = make_response(render_template("recherche.html", listeLiens=listeLiens))
|
||||||
|
return response
|
||||||
|
|
||||||
@app.route("/apropos")
|
@app.route("/apropos")
|
||||||
def apropos():
|
def apropos():
|
||||||
return app.send_static_file("apropos.html")
|
return app.send_static_file("apropos.html")
|
||||||
|
|
|
||||||
17
static/recherche.js
Normal file
17
static/recherche.js
Normal file
|
|
@ -0,0 +1,17 @@
|
||||||
|
function recherche() {
|
||||||
|
let categorie = document.getElementById("categorie").value;
|
||||||
|
let listElem = document.getElementsByClassName("elem");
|
||||||
|
if (categorie == "tout") {
|
||||||
|
for (let element of listElem) {
|
||||||
|
element.classList.remove("hide");
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
for (let element of listElem) {
|
||||||
|
if (element.classList.contains(categorie)) {
|
||||||
|
element.classList.remove("hide");
|
||||||
|
} else {
|
||||||
|
element.classList.add("hide");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -46,3 +46,7 @@ header a:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.hide {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -10,8 +10,9 @@
|
||||||
<div id="menu">
|
<div id="menu">
|
||||||
<h1><a href="/" id="lienAccueil">Liens</a></h1>
|
<h1><a href="/" id="lienAccueil">Liens</a></h1>
|
||||||
<header>
|
<header>
|
||||||
<a id="select">Ajout</a>
|
<a id="/recherche">Recherche</a>
|
||||||
<a href="apropos">A propos</a>
|
<a id="/select">Ajout</a>
|
||||||
|
<a href="/apropos">A propos</a>
|
||||||
</header>
|
</header>
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr>
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
<div id="menu">
|
<div id="menu">
|
||||||
<h1>Liens</h1>
|
<h1>Liens</h1>
|
||||||
<header>
|
<header>
|
||||||
<!-- <a href="recherche/">Recherche</a> -->
|
<a href="/recherche">Recherche</a>
|
||||||
<a href="/ajout">Ajout</a>
|
<a href="/ajout">Ajout</a>
|
||||||
<a href="/apropos">A propos</a>
|
<a href="/apropos">A propos</a>
|
||||||
</header>
|
</header>
|
||||||
|
|
@ -32,7 +32,7 @@
|
||||||
<hr>
|
<hr>
|
||||||
<p>{{lien.desc}}</p>
|
<p>{{lien.desc}}</p>
|
||||||
<p>Tags:</p>
|
<p>Tags:</p>
|
||||||
<ul>
|
<ul class="tags">
|
||||||
{% for tag in lien.tags %}
|
{% for tag in lien.tags %}
|
||||||
<li>{{tag}}</li>
|
<li>{{tag}}</li>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
|
||||||
61
templates/recherche.html
Normal file
61
templates/recherche.html
Normal file
|
|
@ -0,0 +1,61 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<link rel="stylesheet" href="/static/styles/index.css">
|
||||||
|
<link rel="stylesheet" href="/static/styles/base.css">
|
||||||
|
<title>Partage de liens</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="menu">
|
||||||
|
<h1>Liens</h1>
|
||||||
|
<header>
|
||||||
|
<a href="/recherche">Recherche</a>
|
||||||
|
<a href="/ajout">Ajout</a>
|
||||||
|
<a href="/apropos">A propos</a>
|
||||||
|
</header>
|
||||||
|
</div>
|
||||||
|
<div id="categories">
|
||||||
|
<ul>
|
||||||
|
<!-- <li><a href="/">Toutes catégories</a></li>
|
||||||
|
<li class="informatique"><a href="/categories/informatique">Informatique</a></li>
|
||||||
|
<li class="musique"><a href="/categories/musique">Musique</a></li>
|
||||||
|
<li class="autres"><a href="/categories/autres">Autres</a></li> -->
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<p>Recherche</p>
|
||||||
|
<form>
|
||||||
|
<select id="categorie" name="categorie">
|
||||||
|
<option value="informatique">Informatique</option>
|
||||||
|
<option value="musique">Musique</option>
|
||||||
|
<option value="autres">Autre</option>
|
||||||
|
<option value="tout" selected>Pas de filtre</option>
|
||||||
|
</select>
|
||||||
|
<input type="button" value="Recherche" onClick="recherche()">
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
{% for lien in listeLiens %}
|
||||||
|
<div class="elem {{lien.categorie}}">
|
||||||
|
<h2>{{lien.titre}}</h2>
|
||||||
|
<p><a href="{{lien.url}}">{{lien.url}}</a></p>
|
||||||
|
<hr>
|
||||||
|
<p>{{lien.desc}}</p>
|
||||||
|
<p>Tags:</p>
|
||||||
|
<ul class="tags">
|
||||||
|
{% for tag in lien.tags %}
|
||||||
|
<li>{{tag}}</li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
<footer>
|
||||||
|
<hr>
|
||||||
|
Version Alpha
|
||||||
|
</footer>
|
||||||
|
<script src="/static/recherche.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in a new issue