change template panel left, create dashboard

This commit is contained in:
Tykayn 2025-09-08 18:40:08 +02:00 committed by tykayn
parent 381f378db4
commit 539b4c094f
24 changed files with 1367 additions and 166 deletions

View file

@ -4,7 +4,6 @@
{% block body %}
<div class="container mt-4">
{% include 'admin/_wiki_navigation.html.twig' %}
<h1>Pages Wiki OpenStreetMap</h1>
<p class="lead">Outil de qualité des des pages wiki OpenStreetMap en français et en anglais pour les clés OSM
@ -570,6 +569,101 @@
</div>
{% endif %}
{% if deadend_pages is defined and deadend_pages|length > 0 %}
<div class="card mb-4">
<div class="card-header bg-danger text-white">
<h2>Pages "France" sans catégorie ({{ deadend_pages|length }})</h2>
</div>
<div class="card-body">
<p>Ces pages wiki commençant par "France" n'ont pas de catégorie. Vous pouvez contribuer en ajoutant des catégories à ces pages.</p>
<div class="table-responsive">
<table class="table table-striped table-hover">
<thead class="thead-dark">
<tr>
<th>Titre</th>
<th>Catégories suggérées</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
{% for page in deadend_pages %}
<tr>
<td>
<strong>{{ page.title }}</strong>
</td>
<td>
{% if page.suggested_categories is defined and page.suggested_categories|length > 0 %}
{% for category in page.suggested_categories %}
<span class="badge bg-info me-1">{{ category }}</span>
{% endfor %}
{% else %}
<span class="text-muted">Aucune suggestion</span>
{% endif %}
</td>
<td class="text-center">
<div class="btn-group" role="group">
<a href="{{ page.url }}" target="_blank"
class="btn btn-sm btn-outline-primary" title="Voir la page">
<i class="bi bi-eye"></i> Voir
</a>
<a href="{{ page.url }}?action=edit" target="_blank"
class="btn btn-sm btn-success" title="Ajouter des catégories">
<i class="bi bi-tags"></i> Ajouter catégories
</a>
</div>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
{% endif %}
{% if categorized_pages is defined and categorized_pages|length > 0 %}
<div class="card mb-4">
<div class="card-header bg-success text-white">
<h2>Pages "France" récemment catégorisées ({{ categorized_pages|length }})</h2>
</div>
<div class="card-body">
<p>Ces pages wiki commençant par "France" ont été récemment catégorisées et ne sont plus dans la liste des pages sans catégorie.</p>
<div class="table-responsive">
<table class="table table-striped table-hover">
<thead class="thead-dark">
<tr>
<th>Titre</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
{% for page in categorized_pages %}
<tr>
<td>
<div class="d-flex align-items-center">
<div>
<strong>{{ page.title }}</strong>
<span class="badge bg-success">Catégorisée</span>
</div>
</div>
</td>
<td class="text-center">
<div class="btn-group" role="group">
<a href="{{ page.url }}" target="_blank"
class="btn btn-sm btn-outline-primary" title="Voir la page">
<i class="bi bi-eye"></i> Voir
</a>
</div>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
{% endif %}
<p>
le score de fraîcheur prend en compte d'avantage la différence entre le nombre de mots que l'ancienneté de
modification.

View file

@ -128,8 +128,7 @@
{% block body %}
<div class="container mt-4">
{% include 'admin/_wiki_navigation.html.twig' %}
<h1>Propositions archivées OpenStreetMap</h1>
<p class="lead">Analyse des votes sur les propositions archivées du wiki OSM</p>
@ -182,7 +181,7 @@
<div class="col-md-3 col-sm-6 mb-3">
<div class="card stats-card h-100">
<div class="card-body text-center">
<div class="stats-value">{{ statistics.total_proposals }}</div>
<div class="stats-value">{{ statistics.total_proposals|default(proposals|length) }}</div>
<div class="stats-label">Propositions analysées</div>
</div>
</div>

View file

@ -103,7 +103,6 @@
}
</style>
<div class="container mt-4">
{% include 'admin/_wiki_navigation.html.twig' %}
<div class="d-flex justify-content-between align-items-center mb-3">
<div>

View file

@ -67,7 +67,6 @@
{% block body %}
<div class="container-fluid mt-4">
{% include 'admin/_wiki_navigation.html.twig' %}
<h1>Créer une traduction française pour "{{ key }}"</h1>
<p class="lead">Utilisez cette page pour traduire la page wiki en français. La page anglaise est affichée à gauche pour référence, et le formulaire d'édition de la page française est à droite.</p>

View file

@ -0,0 +1,254 @@
{% extends 'base.html.twig' %}
{% block title %}Tableau de bord - Wiki OSM{% endblock %}
{% block body %}
<div class="container mt-4">
<h1>Tableau de bord - Wiki OSM</h1>
<p class="lead">Suivi de l'évolution des métriques du wiki OpenStreetMap</p>
<div class="row mb-4">
<div class="col-md-6">
<div class="card h-100">
<div class="card-header bg-primary text-white">
<h2>Évolution du score moyen de décrépitude</h2>
</div>
<div class="card-body">
<canvas id="averageScoreChart" height="300"></canvas>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card h-100">
<div class="card-header bg-success text-white">
<h2>Évolution du nombre de pages suivies</h2>
</div>
<div class="card-body">
<canvas id="trackedPagesChart" height="300"></canvas>
</div>
</div>
</div>
</div>
<div class="row mb-4">
<div class="col-md-6">
<div class="card h-100">
<div class="card-header bg-danger text-white">
<h2>Évolution des pages sans catégorie</h2>
</div>
<div class="card-body">
<canvas id="uncategorizedPagesChart" height="300"></canvas>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card h-100">
<div class="card-header bg-info text-white">
<h2>Statistiques actuelles</h2>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-6 mb-3">
<div class="card bg-light">
<div class="card-body text-center">
<h3 class="card-title">Score moyen</h3>
<p class="display-4">
{% if metrics.average_scores|length > 0 %}
{{ metrics.average_scores|last|number_format(1) }}
{% else %}
0
{% endif %}
</p>
</div>
</div>
</div>
<div class="col-md-6 mb-3">
<div class="card bg-light">
<div class="card-body text-center">
<h3 class="card-title">Pages suivies</h3>
<p class="display-4">
{% if metrics.tracked_pages|length > 0 %}
{{ metrics.tracked_pages|last }}
{% else %}
0
{% endif %}
</p>
</div>
</div>
</div>
<div class="col-md-6 mb-3">
<div class="card bg-light">
<div class="card-body text-center">
<h3 class="card-title">Pages sans catégorie</h3>
<p class="display-4">
{% if metrics.uncategorized_pages|length > 0 %}
{{ metrics.uncategorized_pages|last }}
{% else %}
0
{% endif %}
</p>
</div>
</div>
</div>
<div class="col-md-6 mb-3">
<div class="card bg-light">
<div class="card-body text-center">
<h3 class="card-title">Dernière mise à jour</h3>
<p class="display-4">
{% if metrics.dates|length > 0 %}
{{ metrics.dates|last }}
{% else %}
-
{% endif %}
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row mb-4">
<div class="col-12">
<div class="card">
<div class="card-header bg-secondary text-white">
<h2>Données brutes</h2>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-striped table-hover">
<thead>
<tr>
<th>Date</th>
<th>Score moyen</th>
<th>Pages suivies</th>
<th>Pages sans catégorie</th>
</tr>
</thead>
<tbody>
{% for i in 0..(metrics.dates|length - 1) %}
<tr>
<td>{{ metrics.dates[i] }}</td>
<td>{{ metrics.average_scores[i]|default(0)|number_format(1) }}</td>
<td>{{ metrics.tracked_pages[i]|default(0) }}</td>
<td>{{ metrics.uncategorized_pages[i]|default(0) }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Data from PHP
const dates = {{ metrics.dates|json_encode|raw }};
const averageScores = {{ metrics.average_scores|json_encode|raw }};
const trackedPages = {{ metrics.tracked_pages|json_encode|raw }};
const uncategorizedPages = {{ metrics.uncategorized_pages|json_encode|raw }};
// Average Score Chart
const averageScoreCtx = document.getElementById('averageScoreChart').getContext('2d');
new Chart(averageScoreCtx, {
type: 'line',
data: {
labels: dates,
datasets: [{
label: 'Score moyen de décrépitude',
data: averageScores,
backgroundColor: 'rgba(54, 162, 235, 0.2)',
borderColor: 'rgba(54, 162, 235, 1)',
borderWidth: 2,
tension: 0.1
}]
},
options: {
responsive: true,
scales: {
y: {
beginAtZero: true
}
},
plugins: {
title: {
display: true,
text: 'Évolution du score moyen de décrépitude au fil du temps'
}
}
}
});
// Tracked Pages Chart
const trackedPagesCtx = document.getElementById('trackedPagesChart').getContext('2d');
new Chart(trackedPagesCtx, {
type: 'line',
data: {
labels: dates,
datasets: [{
label: 'Nombre de pages suivies',
data: trackedPages,
backgroundColor: 'rgba(75, 192, 192, 0.2)',
borderColor: 'rgba(75, 192, 192, 1)',
borderWidth: 2,
tension: 0.1
}]
},
options: {
responsive: true,
scales: {
y: {
beginAtZero: true
}
},
plugins: {
title: {
display: true,
text: 'Évolution du nombre de pages suivies au fil du temps'
}
}
}
});
// Uncategorized Pages Chart
const uncategorizedPagesCtx = document.getElementById('uncategorizedPagesChart').getContext('2d');
new Chart(uncategorizedPagesCtx, {
type: 'line',
data: {
labels: dates,
datasets: [{
label: 'Nombre de pages sans catégorie',
data: uncategorizedPages,
backgroundColor: 'rgba(255, 99, 132, 0.2)',
borderColor: 'rgba(255, 99, 132, 1)',
borderWidth: 2,
tension: 0.1
}]
},
options: {
responsive: true,
scales: {
y: {
beginAtZero: true
}
},
plugins: {
title: {
display: true,
text: 'Évolution du nombre de pages sans catégorie au fil du temps'
}
}
}
});
});
</script>
{% endblock %}

View file

@ -4,7 +4,6 @@
{% block body %}
<div class="container mt-4">
{% include 'admin/_wiki_navigation.html.twig' %}
<h1>Évolution des scores de décrépitude</h1>
<p class="lead">

View file

@ -4,7 +4,6 @@
{% block body %}
<div class="container mt-4">
{% include 'admin/_wiki_navigation.html.twig' %}
<h1>Pages Wiki françaises sans traduction anglaise</h1>
<p class="lead">Liste des pages françaises du wiki OSM qui n'ont pas de traduction en anglais.</p>

View file

@ -4,7 +4,6 @@
{% block body %}
<div class="container mt-4">
{% include 'admin/_wiki_navigation.html.twig' %}
<h1>Groupes OSM-FR</h1>
<p class="lead">Liste des groupes de travail et des groupes locaux d'OpenStreetMap France.</p>

View file

@ -4,7 +4,6 @@
{% block body %}
<div class="container mt-4">
{% include 'admin/_wiki_navigation.html.twig' %}
<h1>Pages Wiki non disponibles en français</h1>
<p class="lead">Liste des pages du wiki OSM qui n'ont pas de traduction française, groupées par langue d'origine.</p>

View file

@ -4,7 +4,6 @@
{% block body %}
<div class="container mt-4">
{% include 'admin/_wiki_navigation.html.twig' %}
<h1>Suggestion de page Wiki à améliorer</h1>
<p class="lead">Voici une page wiki qui a besoin d'être améliorée.</p>
@ -25,28 +24,34 @@
<div class="card-header bg-primary text-white">
<h3>Version anglaise</h3>
<p class="mb-0">
<small>Dernière modification: {{ page.en_page.last_modified }}</small>
<small>Dernière modification: {{ page.en_page is defined and page.en_page.last_modified is defined ? page.en_page.last_modified : 'Non disponible' }}</small>
</p>
</div>
<div class="card-body">
<ul class="list-group mb-3">
<li class="list-group-item d-flex justify-content-between align-items-center">
Sections
<span class="badge bg-primary rounded-pill">{{ page.en_page.sections }}</span>
<span class="badge bg-primary rounded-pill">{{ page.en_page is defined ? page.en_page.sections|default(0) : 0 }}</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
Mots
<span class="badge bg-primary rounded-pill">{{ page.en_page.word_count|default(0) }}</span>
<span class="badge bg-primary rounded-pill">{{ page.en_page is defined ? page.en_page.word_count|default(0) : 0 }}</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
Liens
<span class="badge bg-primary rounded-pill">{{ page.en_page.link_count|default(0) }}</span>
<span class="badge bg-primary rounded-pill">{{ page.en_page is defined ? page.en_page.link_count|default(0) : 0 }}</span>
</li>
</ul>
<div class="d-grid gap-2">
<a href="{{ page.en_page.url }}" target="_blank" class="btn btn-outline-primary">
<i class="bi bi-box-arrow-up-right"></i> Voir la page anglaise
</a>
{% if page.en_page is defined and page.en_page.url is defined %}
<a href="{{ page.en_page.url }}" target="_blank" class="btn btn-outline-primary">
<i class="bi bi-box-arrow-up-right"></i> Voir la page anglaise
</a>
{% else %}
<button class="btn btn-outline-secondary" disabled>
<i class="bi bi-box-arrow-up-right"></i> URL non disponible
</button>
{% endif %}
</div>
</div>
</div>

View file

@ -4,7 +4,6 @@
{% block body %}
<div class="container mt-4">
{% include 'admin/_wiki_navigation.html.twig' %}
<div class="d-flex justify-content-between align-items-center mb-3">
<h1>Évolution des classements Wiki OSM</h1>

View file

@ -4,7 +4,6 @@
{% block body %}
<div class="container mt-4">
{% include 'admin/_wiki_navigation.html.twig' %}
<h1>Changements récents Wiki OpenStreetMap</h1>
<p class="lead">Liste des changements récents dans l'espace de noms français du wiki OpenStreetMap.</p>
@ -26,18 +25,27 @@
{% for member in team_members %}
<div class="col-md-4 mb-3">
<div class="d-flex align-items-center">
<a href="{{ member.user_url }}" target="_blank" class="text-decoration-none">
<span class="fw-bold">{{ member.username }}</span>
</a>
<span class="badge bg-primary ms-2">{{ member.contributions }}</span>
<div class="ms-2 small">
<span class="text-success" title="Caractères ajoutés">+{{ member.chars_added }}</span>
{% if member.chars_changed > 0 %}
<span class="text-warning" title="Caractères modifiés">~{{ member.chars_changed }}</span>
{% endif %}
{% if member.chars_deleted > 0 %}
<span class="text-danger" title="Caractères supprimés">-{{ member.chars_deleted }}</span>
{% endif %}
{% if member.avatar_url is defined and member.avatar_url %}
<img src="{{ member.avatar_url }}" alt="{{ member.username }}" class="rounded-circle me-2" style="width: 40px; height: 40px; object-fit: cover;">
{% else %}
<div class="rounded-circle bg-secondary text-white d-flex align-items-center justify-content-center me-2" style="width: 40px; height: 40px;">
<span>{{ member.username|first|upper }}</span>
</div>
{% endif %}
<div>
<a href="{{ member.user_url }}" target="_blank" class="text-decoration-none">
<span class="fw-bold">{{ member.username }}</span>
</a>
<span class="badge bg-primary ms-2">{{ member.contributions }}</span>
<div class="small">
<span class="text-success" title="Caractères ajoutés">+{{ member.chars_added }}</span>
{% if member.chars_changed > 0 %}
<span class="text-warning" title="Caractères modifiés">~{{ member.chars_changed }}</span>
{% endif %}
{% if member.chars_deleted > 0 %}
<span class="text-danger" title="Caractères supprimés">-{{ member.chars_deleted }}</span>
{% endif %}
</div>
</div>
</div>
</div>
@ -83,13 +91,22 @@
</td>
<td>{{ change.timestamp }}</td>
<td>
{% if change.user_url %}
<a href="{{ change.user_url }}" target="_blank" class="text-decoration-none">
<div class="d-flex align-items-center">
{% if change.avatar_url is defined and change.avatar_url %}
<img src="{{ change.avatar_url }}" alt="{{ change.user }}" class="rounded-circle me-2" style="width: 30px; height: 30px; object-fit: cover;">
{% else %}
<div class="rounded-circle bg-secondary text-white d-flex align-items-center justify-content-center me-2" style="width: 30px; height: 30px; font-size: 0.8rem;">
<span>{{ change.user|first|upper }}</span>
</div>
{% endif %}
{% if change.user_url %}
<a href="{{ change.user_url }}" target="_blank" class="text-decoration-none">
{{ change.user }}
</a>
{% else %}
{{ change.user }}
</a>
{% else %}
{{ change.user }}
{% endif %}
{% endif %}
</div>
</td>
<td>
{{ change.comment }}

View file

@ -4,7 +4,6 @@
{% block body %}
<div class="container mt-4">
{% include 'admin/_wiki_navigation.html.twig' %}
<h1>Pages Wiki avec suppressions suspectes</h1>

View file

@ -64,8 +64,7 @@
{% block body %}
<div class="container mt-4">
{% include 'admin/_wiki_navigation.html.twig' %}
<h1>Propositions de tags OSM</h1>
<p class="lead">Liste des propositions de tags OpenStreetMap actuellement en cours de vote ou récemment modifiées.</p>