199 lines
13 KiB
HTML
199 lines
13 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}{{ assessment.title }} - Gestion Scolaire{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="space-y-6">
|
|
<div class="flex justify-between items-center">
|
|
<div>
|
|
<a href="{{ url_for('assessments.list') }}" class="text-blue-600 hover:text-blue-800 text-sm font-medium mb-2 inline-block">
|
|
← Retour aux évaluations
|
|
</a>
|
|
<h1 class="text-2xl font-bold text-gray-900">{{ assessment.title }}</h1>
|
|
<p class="text-gray-600">{{ assessment.class_group.name }} - {{ assessment.date.strftime('%d/%m/%Y') }} - Trimestre {{ assessment.trimester }}</p>
|
|
</div>
|
|
<div class="flex space-x-3">
|
|
<a href="{{ url_for('assessments.edit', id=assessment.id) }}" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium transition-colors">
|
|
Modifier l'évaluation complète
|
|
</a>
|
|
<button onclick="if(confirm('Êtes-vous sûr de vouloir supprimer cette évaluation ?')) { document.getElementById('delete-form').submit(); }"
|
|
class="bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded-md text-sm font-medium transition-colors">
|
|
Supprimer
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<form id="delete-form" method="POST" action="{{ url_for('assessments.delete', id=assessment.id) }}" style="display: none;"></form>
|
|
|
|
<!-- Informations de l'évaluation -->
|
|
<div class="bg-white shadow rounded-lg">
|
|
<div class="px-6 py-4 border-b border-gray-200">
|
|
<h2 class="text-lg font-medium text-gray-900">Informations générales</h2>
|
|
</div>
|
|
<div class="px-6 py-4">
|
|
<dl class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
|
<div>
|
|
<dt class="text-sm font-medium text-gray-500">Classe</dt>
|
|
<dd class="mt-1 text-sm text-gray-900">{{ assessment.class_group.name }}</dd>
|
|
</div>
|
|
<div>
|
|
<dt class="text-sm font-medium text-gray-500">Date</dt>
|
|
<dd class="mt-1 text-sm text-gray-900">{{ assessment.date.strftime('%d/%m/%Y') }}</dd>
|
|
</div>
|
|
<div>
|
|
<dt class="text-sm font-medium text-gray-500">Trimestre</dt>
|
|
<dd class="mt-1 text-sm text-gray-900">{{ assessment.trimester }}</dd>
|
|
</div>
|
|
<div>
|
|
<dt class="text-sm font-medium text-gray-500">Coefficient</dt>
|
|
<dd class="mt-1 text-sm text-gray-900">{{ assessment.coefficient }}</dd>
|
|
</div>
|
|
<div>
|
|
<dt class="text-sm font-medium text-gray-500">Nombre d'exercices</dt>
|
|
<dd class="mt-1 text-sm text-gray-900">{{ assessment.exercises|length }}</dd>
|
|
</div>
|
|
|
|
<!-- Indicateur de progression des corrections -->
|
|
<div class="md:col-span-2">
|
|
<dt class="text-sm font-medium text-gray-500 mb-2">État des corrections</dt>
|
|
<dd class="mt-1">
|
|
{% set progress = assessment.grading_progress %}
|
|
<div class="flex items-center justify-between">
|
|
<!-- Indicateur fusionné -->
|
|
{% if progress.status == 'completed' %}
|
|
<div class="inline-flex items-center px-4 py-2 rounded-lg text-sm font-medium bg-green-100 text-green-800 border border-green-200">
|
|
<svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
|
|
</svg>
|
|
<span class="font-semibold">Corrections terminées (100%)</span>
|
|
</div>
|
|
{% elif progress.status == 'in_progress' %}
|
|
<a href="{{ url_for('grading.assessment_grading', assessment_id=assessment.id) }}"
|
|
class="inline-flex items-center px-4 py-2 rounded-lg text-sm font-medium bg-orange-100 text-orange-800 border border-orange-200 hover:bg-orange-200 transition-colors cursor-pointer">
|
|
<div class="relative w-4 h-4 mr-2">
|
|
<svg class="w-4 h-4 transform -rotate-90" viewBox="0 0 16 16">
|
|
<circle cx="8" cy="8" r="6" stroke="currentColor" stroke-width="2" fill="none" class="text-orange-300"/>
|
|
<circle cx="8" cy="8" r="6" stroke="currentColor" stroke-width="2" fill="none"
|
|
class="text-orange-600" stroke-dasharray="37.7"
|
|
stroke-dashoffset="{{ 37.7 - (37.7 * progress.percentage / 100) }}"/>
|
|
</svg>
|
|
</div>
|
|
<span class="font-semibold">Corrections en cours ({{ progress.percentage }}%) - Cliquer pour continuer</span>
|
|
</a>
|
|
{% elif progress.status == 'not_started' %}
|
|
<a href="{{ url_for('grading.assessment_grading', assessment_id=assessment.id) }}"
|
|
class="inline-flex items-center px-4 py-2 rounded-lg text-sm font-medium bg-red-100 text-red-800 border border-red-200 hover:bg-red-200 transition-colors cursor-pointer">
|
|
<svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/>
|
|
</svg>
|
|
<span class="font-semibold">Corrections non commencées - Cliquer pour démarrer</span>
|
|
</a>
|
|
{% else %}
|
|
<div class="inline-flex items-center px-4 py-2 rounded-lg text-sm font-medium bg-gray-100 text-gray-800 border border-gray-200">
|
|
<svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"/>
|
|
</svg>
|
|
<span class="font-semibold">État indéterminé</span>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<!-- Info détaillée -->
|
|
<div class="text-sm text-gray-500">
|
|
<span class="font-medium">{{ progress.completed }}/{{ progress.total }}</span> notes saisies
|
|
{% if progress.students_count %}
|
|
<span class="ml-2">({{ progress.students_count }} élèves)</span>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</dd>
|
|
</div>
|
|
|
|
{% if assessment.description %}
|
|
<div class="md:col-span-2">
|
|
<dt class="text-sm font-medium text-gray-500">Description</dt>
|
|
<dd class="mt-1 text-sm text-gray-900">{{ assessment.description }}</dd>
|
|
</div>
|
|
{% endif %}
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Exercices -->
|
|
<div class="bg-white shadow rounded-lg">
|
|
<div class="px-6 py-4 border-b border-gray-200 flex justify-between items-center">
|
|
<h2 class="text-lg font-medium text-gray-900">Exercices</h2>
|
|
<span class="text-sm text-gray-500">
|
|
Utilisez "Modifier l'évaluation complète" pour ajouter des exercices
|
|
</span>
|
|
</div>
|
|
<div class="px-6 py-4">
|
|
{% if assessment.exercises %}
|
|
<div class="space-y-4">
|
|
{% for exercise in assessment.exercises|sort(attribute='order') %}
|
|
<div class="border border-gray-200 rounded-lg p-4">
|
|
<div class="flex justify-between items-start">
|
|
<div class="flex-1">
|
|
<h3 class="text-sm font-medium text-gray-900">{{ exercise.title }}</h3>
|
|
{% if exercise.description %}
|
|
<p class="text-sm text-gray-600 mt-1">{{ exercise.description }}</p>
|
|
{% endif %}
|
|
<div class="text-xs text-gray-500 mt-2">
|
|
{{ exercise.grading_elements|length }} élément(s) de notation
|
|
</div>
|
|
</div>
|
|
<div class="flex space-x-2 ml-4">
|
|
<a href="{{ url_for('exercises.detail', assessment_id=assessment.id, id=exercise.id) }}" class="text-blue-600 hover:text-blue-800 text-sm font-medium">
|
|
Voir détails
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% else %}
|
|
<div class="text-center py-8">
|
|
<svg class="mx-auto h-12 w-12 text-gray-400" stroke="currentColor" fill="none" viewBox="0 0 48 48">
|
|
<path d="M9 5H7a2 2 0 00-2 2v10a2 2 0 002 2h8m9-16v20m5-14H9m1 4h8m1 2h8m-8 6h8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
<h3 class="mt-2 text-sm font-medium text-gray-900">Aucun exercice</h3>
|
|
<p class="mt-1 text-sm text-gray-500">Commencez par ajouter le premier exercice de cette évaluation.</p>
|
|
<div class="mt-6">
|
|
<a href="{{ url_for('assessments.edit', id=assessment.id) }}" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium transition-colors">
|
|
Modifier l'évaluation complète
|
|
</a>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Actions rapides -->
|
|
<div class="bg-white shadow rounded-lg">
|
|
<div class="px-6 py-4 border-b border-gray-200">
|
|
<h2 class="text-lg font-medium text-gray-900">Actions</h2>
|
|
</div>
|
|
<div class="px-6 py-4">
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
|
<a href="{{ url_for('grading.assessment_grading', assessment_id=assessment.id) }}" class="flex items-center justify-center px-4 py-3 border border-gray-300 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 transition-colors">
|
|
<svg class="w-5 h-5 mr-2 text-green-600" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fill-rule="evenodd" d="M3 4a1 1 0 011-1h12a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V4zm0 4a1 1 0 011-1h12a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1V8z" clip-rule="evenodd"/>
|
|
</svg>
|
|
Saisir les notes
|
|
</a>
|
|
<button class="flex items-center justify-center px-4 py-3 border border-gray-300 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 transition-colors">
|
|
<svg class="w-5 h-5 mr-2 text-purple-600" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fill-rule="evenodd" d="M3 17a1 1 0 011-1h12a1 1 0 011 1v1a1 1 0 01-1 1H4a1 1 0 01-1-1v-1zM3 4a1 1 0 011-1h12a1 1 0 011 1v1a1 1 0 01-1 1H4a1 1 0 01-1-1V4z" clip-rule="evenodd"/>
|
|
</svg>
|
|
Voir les résultats
|
|
</button>
|
|
<button class="flex items-center justify-center px-4 py-3 border border-gray-300 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 transition-colors">
|
|
<svg class="w-5 h-5 mr-2 text-blue-600" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fill-rule="evenodd" d="M3 17a1 1 0 011-1h12a1 1 0 011 1v1a1 1 0 01-1 1H4a1 1 0 01-1-1v-1zM3 4a1 1 0 011-1h12a1 1 0 011 1v1a1 1 0 01-1 1H4a1 1 0 01-1-1V4z" clip-rule="evenodd"/>
|
|
</svg>
|
|
Exporter
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %} |