Ajout de la recherche dans la page index.html
This commit is contained in:
parent
3be39cf23d
commit
c5736935b2
GPG key ID:
9570A7DB7CB2F436
3 changed files with 16 additions and 70 deletions
20
app.py
20
app.py
|
|
@ -18,13 +18,20 @@ listeCategorie = ["autres", "informatique", "musique"]
|
||||||
manip = Manip(fichierJson)
|
manip = Manip(fichierJson)
|
||||||
#generateurHml = GenerationHtml(fichierJson, listeCategorie)
|
#generateurHml = GenerationHtml(fichierJson, listeCategorie)
|
||||||
|
|
||||||
@app.route('/')
|
def renderIndex(recherche=False):
|
||||||
def slash():
|
|
||||||
with open(fichierJson, 'r') as fichier:
|
with open(fichierJson, 'r') as fichier:
|
||||||
liens = json.load(fichier)
|
liens = json.load(fichier)
|
||||||
listeLiens = liens["liens"]
|
listeLiens = liens["liens"]
|
||||||
listeLiens.reverse()
|
listeLiens.reverse()
|
||||||
response = make_response(render_template("index.html", listeLiens=listeLiens))
|
response = make_response(render_template(
|
||||||
|
"index.html",
|
||||||
|
listeLiens=listeLiens,
|
||||||
|
recherche=recherche))
|
||||||
|
return response
|
||||||
|
|
||||||
|
@app.route('/')
|
||||||
|
def slash():
|
||||||
|
response = renderIndex()
|
||||||
response.headers["Content-Security-Policy"] = "default-src 'self'"
|
response.headers["Content-Security-Policy"] = "default-src 'self'"
|
||||||
return response
|
return response
|
||||||
|
|
||||||
|
|
@ -46,12 +53,7 @@ def ajout():
|
||||||
|
|
||||||
@app.route("/recherche")
|
@app.route("/recherche")
|
||||||
def recherche():
|
def recherche():
|
||||||
with open(fichierJson, 'r') as fichier:
|
return renderIndex(True)
|
||||||
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():
|
||||||
|
|
|
||||||
|
|
@ -15,6 +15,7 @@
|
||||||
<a href="/apropos">A propos</a>
|
<a href="/apropos">A propos</a>
|
||||||
</header>
|
</header>
|
||||||
</div>
|
</div>
|
||||||
|
{% if not recherche %}
|
||||||
<div id="categories">
|
<div id="categories">
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="/">Toutes catégories</a></li>
|
<li><a href="/">Toutes catégories</a></li>
|
||||||
|
|
@ -23,6 +24,7 @@
|
||||||
<li class="autres"><a href="/categories/autres">Autres</a></li>
|
<li class="autres"><a href="/categories/autres">Autres</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
{% endif %}
|
||||||
<p>Rafraichissez la page pour voir les derniers liens ajoutés.</p>
|
<p>Rafraichissez la page pour voir les derniers liens ajoutés.</p>
|
||||||
<hr>
|
<hr>
|
||||||
{% for lien in listeLiens %}
|
{% for lien in listeLiens %}
|
||||||
|
|
@ -43,5 +45,8 @@
|
||||||
<hr>
|
<hr>
|
||||||
Version Alpha
|
Version Alpha
|
||||||
</footer>
|
</footer>
|
||||||
|
{% if recherche %}
|
||||||
|
<script src="/static/recherche.js"></script>
|
||||||
|
{% endif %}
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,61 +0,0 @@
|
||||||
<!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