Amélioration lisibilité

This commit is contained in:
Éric Li 2021-04-27 10:14:48 +02:00
parent b6c2ebbe66
commit d728a49eca
10 changed files with 236 additions and 239 deletions

12
html/ACTemplate.html Normal file
View File

@ -0,0 +1,12 @@
{% extends "base.html" %}
{% block title %}{{data["ac"]}}{% endblock %}
{% block content %}
{% include "navigation.html" %}
<div class="content">
<h1>{{data["ac"]}}</h1>
<p>{{data["titre"]}}</p>
</div>
{% include "navigation.html" %}
{% endblock %}

View File

@ -0,0 +1,47 @@
{% extends "base.html" %}
{% block title %}{{rt}}{% endblock %}
{% block content %}
{% include "navigation.html" %}
<table class="table is-bordered is-hoverable is-fullwidth">
<tbody>
{% for categorie, valeur in data.items() %}
<tr>
<th>{{categorie.capitalize()}}</th>
<td>
{%- if categorie == "composantes" or categorie == "situations" -%}
<div class="content">
<ul>
{% for valeur in valeur %}
<li>{{valeur}}</li>
{% endfor %}
</ul>
</div>
{% elif categorie == "niveaux" -%}
<div class="content">
<ul>
{% for nom, acs in valeur.items() %}
<li>{{nom}}</li>
<ul>
{% for ac in acs %}
{% if ac[:2] == "AC" %}
<li><a class="tag is-info" href="{{ac}}.html">{{ac}}</a> - {{acs[ac]}}</li>
{% else %}
<li>{{ac}}</li>
{% endif %}
{% endfor %}
</ul>
{% endfor %}
</ul>
</div>
{% else -%}
<div class="content">{{valeur}}</div>
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
{% include "navigation.html" %}
{% endblock %}

42
html/InfoTemplate.html Normal file
View File

@ -0,0 +1,42 @@
{% extends "base.html" %}
{% block title %}{{data.code}} - {{data.nom}}{{data.titre}}{% endblock %}
{% block content %}
{% include "navigation.html" %}
<table class="table is-bordered is-hoverable is-fullwidth">
<tbody>
{% for categorie, valeur in data.items() %}
<tr>
<th>{% if rename and rename[categorie] %}{{rename[categorie]}}{% else %}{{categorie.capitalize()}}{% endif %}</th>
<td>
{#- Gestion des tableaux #}
{% if categorie == "motscles" -%}
<div class="tags">{% for mot in valeur %}<span class="tag is-info">{{mot}}</span>{% endfor %}</div>
{#- Gestion des saes #}
{% elif categorie == "sae" or categorie == "ressources" -%}
<div class="tags">{% for val in valeur %}<a class="tag is-info" href='{{val.replace("É","E")}}.html'>{{val}}</a>{% endfor %}</div>
{#- Gestion des ACS #}
{% elif categorie == "acs" -%}
<div class="tags">{% for rt,acs in valeur.items() %}{% for ac in acs %}<a class="tag is-info" href="{{ac}}.html">{{ac}}</a>{% endfor %}{% endfor %}</div>
{#- Gestion des coeffs #}
{% elif categorie == "coeffs" -%}
<div class="tags">{% for rt, coeff in valeur.items() %}<a class="tag is-info" href="{{rt}}.html">{{rt}} : {{coeff}}</a>{% endfor %}</div>
{#- Gestion des exemples #}
{% elif categorie == "exemples" -%}
{% for exemple in valeur %}<a href='{{exemple.exemple["code"].replace("É","E") + "_exemple" + loop.index|string}}.html'>Exemple{{loop.index}}</a>{% if not loop.last %} - {% endif %}{% endfor %}
{#- Gestion des prerequis #}
{% elif categorie == "prerequis" -%}
{% if valeur != "Aucun" %}<div class="tags">{% for rt in valeur %}<span class="tag is-info">{{rt}}</span>{% endfor %}</div>
{%- else %}{{valeur}}{% endif %}
{#- Gestion des autres catégories #}
{% else -%}
<div class="content">{{valeur}}</div>
{%- endif -%}
</td>
</tr>
{% endfor %}
</tbody>
</table>
{% include "navigation.html" %}
{% endblock %}

View File

@ -0,0 +1,11 @@
{% extends "base.html" %}
{% block title %}Liste des Ressources du semestre {{sem}}{% endblock %}
{% block content %}
<div class="content">
<ul><h1>Liste des ressources du semestre {{sem}}</h1>
{% for ressource in data %}
<li><a href='{{ressource.ressource["code"] + ".html"}}'>{{ressource.ressource["code"]}} - {{ressource.ressource["nom"]}}</a></li>
{% endfor %}
</ul>
</div>
{% endblock %}

13
html/ListTemplate.html Normal file
View File

@ -0,0 +1,13 @@
{% extends "base.html" %}
{% block title %}Liste des {{title}}{% endblock %}
{% block content %}
<div class="content">
<ul><h1>Liste des {{title}}</h1>
{% for sem, liste in data.items() %}
{% for page in liste %}
<li><a href='{{page.getInfo()["code"].replace("É","E") + ".html"}}'>{{page.getInfo()["code"]}} - {{page.getInfo()["titre"]}}{{page.getInfo()["nom"]}}</a></li>
{% endfor %}
{% endfor %}
</ul>
</div>
{% endblock %}

View File

@ -48,26 +48,7 @@
{% endblock %}
</div>
</div>
<!-- Script JQuery -->>
<script type="text/javascript" src="../base.js"></script>
</body>
</html>
<!-- Script JQuery | migration vers un fichier .js envisageable -->
<script>
$("document").ready(function() {
// Affichage mobile du menu | affiche/cache le menu contenant la liste des catégories
// en appuyant sur le burger/les trois traits
$(".navbar-burger").click(function() {
$(".navbar-burger").toggleClass("is-active");
$(".navbar-menu").toggleClass("is-active");
});
$(".button").click(function() {
$(this).addClass("is-loading");
});
// Redirige vers la page tapé dans la barre de recherche | recheche brut, possible d'amélioration avec
// auto-complétion, créer une page web "page n'existe pas", recherche par motsclés, page avec une liste des
// pages web possibles en fonction de ce que entre l'utilisateur
// ex: "R101" -> ./HTML/R101.html
$("#rechercher").keyup(function(e) {
if(e.keyCode == 13) {location.href = $(this).val().toUpperCase() + ".html"}
});
});
</script>

18
html/base.js Normal file
View File

@ -0,0 +1,18 @@
$("document").ready(function() {
// Affichage mobile du menu | affiche/cache le menu contenant la liste des catégories
// en appuyant sur le burger/les trois traits
$(".navbar-burger").click(function() {
$(".navbar-burger").toggleClass("is-active");
$(".navbar-menu").toggleClass("is-active");
});
$(".button").click(function() {
$(this).addClass("is-loading");
});
// Redirige vers la page tapé dans la barre de recherche | recheche brut, possible d'amélioration avec
// auto-complétion, créer une page web "page n'existe pas", recherche par motsclés, page avec une liste des
// pages web possibles en fonction de ce que entre l'utilisateur
// ex: "R101" -> ./HTML/R101.html
$("#rechercher").keyup(function(e) {
if(e.keyCode == 13) {location.href = $(this).val().toUpperCase() + ".html"}
});
});

View File

@ -112,155 +112,24 @@ CHEMIN_TEMPLATE = Config.ROOT + "/html"
# Création de l'environnement pour charger les templates
env = Environment(trim_blocks=True, lstrip_blocks=True, loader=FileSystemLoader(CHEMIN_TEMPLATE))
# Template de la page index
template_index = env.from_string("""
{% extends "base.html" %}
{% block title %}Accueil{% endblock %}
{% block content %}
{% include "indexTemplate.html" %}
{% endblock %}
""")
# Template de la page index et génération de la page
template_index = env.get_template("indexTemplate.html")
template_index.stream().dump(REPERTOIRE_HTML + "/index.html")
# Template de chaque pages ressources, saes, exemples (doit contenir datas,rename,precedent,suivant)
template = env.from_string("""
{% extends "base.html" %}
{% block title %}{{data.code}} - {{data.nom}}{{data.titre}}{% endblock %}
{% block content %}
{% include "navigation.html" %}
<table class="table is-bordered is-hoverable is-fullwidth">
<tbody>
{% for categorie, valeur in data.items() %}
<tr>
<th>{% if rename and rename[categorie] %}{{rename[categorie]}}{% else %}{{categorie.capitalize()}}{% endif %}</th>
<td>
{#- Gestion des tableaux #}
{% if categorie == "motscles" -%}
<div class="tags">{% for mot in valeur %}<span class="tag is-info">{{mot}}</span>{% endfor %}</div>
{#- Gestion des saes #}
{% elif categorie == "sae" or categorie == "ressources" -%}
<div class="tags">{% for val in valeur %}<a class="tag is-info" href="{{val.replace("É","E")}}.html">{{val}}</a>{% endfor %}</div>
{#- Gestion des ACS #}
{% elif categorie == "acs" -%}
<div class="tags">{% for rt,acs in valeur.items() %}{% for ac in acs %}<a class="tag is-info" href="{{ac}}.html">{{ac}}</a>{% endfor %}{% endfor %}</div>
{#- Gestion des coeffs #}
{% elif categorie == "coeffs" -%}
<div class="tags">{% for rt, coeff in valeur.items() %}<a class="tag is-info" href="{{rt}}.html">{{rt}} : {{coeff}}</a>{% endfor %}</div>
{#- Gestion des exemples #}
{% elif categorie == "exemples" -%}
{% for exemple in valeur %}<a href="{{exemple.exemple["code"].replace("É","E") + "_exemple" + loop.index|string}}.html">Exemple{{loop.index}}</a>{% if not loop.last %} - {% endif %}{% endfor %}
{#- Gestion des prerequis #}
{% elif categorie == "prerequis" -%}
{% if valeur != "Aucun" %}<div class="tags">{% for rt in valeur %}<span class="tag is-info">{{rt}}</span>{% endfor %}</div>
{%- else %}{{valeur}}{% endif %}
{#- Gestion des autres catégories #}
{% else -%}
<div class="content">{{valeur}}</div>
{%- endif -%}
</td>
</tr>
{% endfor %}
</tbody>
</table>
{% include "navigation.html" %}
{% endblock %}
""")
template = env.get_template("InfoTemplate.html")
# Template de chaque pages de compétences (doit contenir data,rt,precedent,suivant)
template_Competence = env.from_string("""
{% extends "base.html" %}
{% block title %}{{rt}}{% endblock %}
{% block content %}
{% include "navigation.html" %}
<table class="table is-bordered is-hoverable is-fullwidth">
<tbody>
{% for categorie, valeur in data.items() %}
<tr>
<th>{{categorie.capitalize()}}</th>
<td>
{%- if categorie == "composantes" or categorie == "situations" -%}
<div class="content">
<ul>
{% for valeur in valeur %}
<li>{{valeur}}</li>
{% endfor %}
</ul>
</div>
{% elif categorie == "niveaux" %}
<div class="content">
<ul>
{% for nom, acs in valeur.items() %}
<li>{{nom}}</li>
<ul>
{% for ac in acs %}
{% if ac[:2] == "AC" %}
<li><a class="tag is-info" href="{{ac}}.html">{{ac}}</a> - {{acs[ac]}}</li>
{% else %}
<li>{{ac}}</li>
{% endif %}
{% endfor %}
</ul>
{% endfor %}
</ul>
</div>
{% else -%}
<div class="content">{{valeur}}</div>
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
{% include "navigation.html" %}
{% endblock %}
""")
template_Competence = env.get_template("CompetenceTemplate.html")
# Template de chaque pages de ACs (doit contenir data, precedent, suivant)
template_AC = env.from_string("""
{% extends "base.html" %}
{% block title %}{{data["ac"]}}{% endblock %}
{% block content %}
{% include "navigation.html" %}
<div class="content">
<h1>{{data["ac"]}}</h1>
<p>{{data["titre"]}}</p>
</div>
{% include "navigation.html" %}
{% endblock %}
""")
template_AC = env.get_template("ACTemplate.html")
# Template de la liste des ressources par semestre (doit contenir data,sem)
template_List_Ressource = env.from_string("""
{% extends "base.html" %}
{% block title %}Liste des Ressources du semestre {{sem}}{% endblock %}
{% block content %}
<div class="content">
<ul><h1>Liste des ressources du semestre {{sem}}</h1>
{% for ressource in data %}
<li><a href="{{ressource.ressource["code"] + ".html"}}">{{ressource.ressource["code"]}} - {{ressource.ressource["nom"]}}</a></li>
{% endfor %}
</ul>
</div>
{% endblock %}
""")
template_List_Ressource = env.get_template("ListRessourceTemplate.html")
# Template de la liste des saes ou ressources (doit contenir data,titre)
template_List = env.from_string("""
{% extends "base.html" %}
{% block title %}Liste des {{title}}{% endblock %}
{% block content %}
<div class="content">
<ul><h1>Liste des {{title}}</h1>
{% for sem, liste in data.items() %}
{% for page in liste %}
<li><a href="{{page.getInfo()["code"].replace("É","E") + ".html"}}">{{page.getInfo()["code"]}} - {{page.getInfo()["titre"]}}{{page.getInfo()["nom"]}}</a></li>
{% endfor %}
{% endfor %}
</ul>
</div>
{% endblock %}
""")
template_List = env.get_template("ListTemplate.html")
def motscles(mc):
""" Retourne un tableau de mots clés en prenant compte des parenthèses """

View File

@ -1,84 +1,88 @@
<div class="content">
<h1 class="has-text-centered title is-1">Titre aléatoire</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sed nulla massa. Fusce non felis quis est volutpat volutpat vel non purus. Pellentesque dignissim vel magna eget ornare. Nulla accumsan condimentum eros non interdum. Sed at sagittis mauris, nec mollis turpis. Sed facilisis eros quis velit suscipit molestie. Aenean lobortis nulla id tristique placerat. Fusce non convallis lectus, eget interdum sapien. Fusce feugiat laoreet dui, ac laoreet elit molestie quis. Aliquam erat volutpat. Vivamus libero eros, feugiat eu dolor eget, hendrerit finibus dui. Etiam eget sapien consequat, condimentum nibh vitae, posuere velit. In at massa enim. Praesent malesuada ligula augue, non eleifend turpis molestie vel. Nam efficitur congue rhoncus.</p>
</div>
<div class="tile is-ancestor">
<div class="tile is-parent">
<div class="tile is-child box">
<a href="ressourcesS1.html"><h1 class="has-text-centered title">Semestre 1</h1></a>
<hr>
{% extends "base.html" %}
{% block title %}Accueil{% endblock %}
{% block content %}
<div class="content">
<ul>
<li>UE 11: Bases de l'informatique</li>
<li>UE 12: Bases de culture scientifique, sociale et humaine</li>
</ul>
<h1 class="has-text-centered title is-1">Titre aléatoire</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sed nulla massa. Fusce non felis quis est volutpat volutpat vel non purus. Pellentesque dignissim vel magna eget ornare. Nulla accumsan condimentum eros non interdum. Sed at sagittis mauris, nec mollis turpis. Sed facilisis eros quis velit suscipit molestie. Aenean lobortis nulla id tristique placerat. Fusce non convallis lectus, eget interdum sapien. Fusce feugiat laoreet dui, ac laoreet elit molestie quis. Aliquam erat volutpat. Vivamus libero eros, feugiat eu dolor eget, hendrerit finibus dui. Etiam eget sapien consequat, condimentum nibh vitae, posuere velit. In at massa enim. Praesent malesuada ligula augue, non eleifend turpis molestie vel. Nam efficitur congue rhoncus.</p>
</div>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child box">
<a href="ressourcesS2.html"><h1 class="has-text-centered title">Semestre 2</h1></a>
<hr>
<div class="content">
<ul>
<li>UE 21: Informatique</li>
<li>UE 22: Culture scientifique, sociale et humaine</li>
</ul>
<div class="tile is-ancestor">
<div class="tile is-parent">
<div class="tile is-child box">
<a href="ressourcesS1.html"><h1 class="has-text-centered title">Semestre 1</h1></a>
<hr>
<div class="content">
<ul>
<li>UE 11: Bases de l'informatique</li>
<li>UE 12: Bases de culture scientifique, sociale et humaine</li>
</ul>
</div>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child box">
<a href="ressourcesS2.html"><h1 class="has-text-centered title">Semestre 2</h1></a>
<hr>
<div class="content">
<ul>
<li>UE 21: Informatique</li>
<li>UE 22: Culture scientifique, sociale et humaine</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile is-ancestor">
<div class="tile is-parent">
<div class="tile is-child box">
<a href="ressourcesS3.html"><h1 class="has-text-centered title">Semestre 3</h1></a>
<hr>
<div class="content">
<ul>
<li>UE 31: Informatique avancée</li>
<li>UE 32: Culture scientifique, sociale et humaine avancées</li>
<li>UE 33: Méthodologie et Projets</li>
</ul>
<div class="tile is-ancestor">
<div class="tile is-parent">
<div class="tile is-child box">
<a href="ressourcesS3.html"><h1 class="has-text-centered title">Semestre 3</h1></a>
<hr>
<div class="content">
<ul>
<li>UE 31: Informatique avancée</li>
<li>UE 32: Culture scientifique, sociale et humaine avancées</li>
<li>UE 33: Méthodologie et Projets</li>
</ul>
</div>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child box">
<a href="ressourcesS4.html"><h1 class="has-text-centered title">Semestre 4</h1></a>
<hr>
<div class="content">
<ul>
<li>UE 41: Compléments d'informatique</li>
<li>UE 42: Compléments de culture scientifique, sociale et humaine</li>
<li>UE 43: Stage</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child box">
<a href="ressourcesS4.html"><h1 class="has-text-centered title">Semestre 4</h1></a>
<hr>
<div class="content">
<ul>
<li>UE 41: Compléments d'informatique</li>
<li>UE 42: Compléments de culture scientifique, sociale et humaine</li>
<li>UE 43: Stage</li>
</ul>
<div class="tile is-ancestor">
<div class="tile is-parent">
<div class="tile is-child box">
<a href="ressourcesS5.html"><h1 class="has-text-centered title">Semestre 5</h1></a>
<hr>
<div class="content">
<ul>
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child box">
<a href="ressourcesS6.html"><h1 class="has-text-centered title">Semestre 6</h1></a>
<hr>
<div class="content">
<ul>
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile is-ancestor">
<div class="tile is-parent">
<div class="tile is-child box">
<a href="ressourcesS5.html"><h1 class="has-text-centered title">Semestre 5</h1></a>
<hr>
<div class="content">
<ul>
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child box">
<a href="ressourcesS6.html"><h1 class="has-text-centered title">Semestre 6</h1></a>
<hr>
<div class="content">
<ul>
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
</div>
{% endblock %}

View File

@ -19,4 +19,4 @@
</a>
</div>
</div>
</nav>
</nav>