78 lines
		
	
	
		
			5.2 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			78 lines
		
	
	
		
			5.2 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| {% extends "base.html" %}
 | |
| 
 | |
| {% block title %}Évaluations - Gestion Scolaire{% endblock %}
 | |
| 
 | |
| {% block content %}
 | |
| <div class="space-y-6">
 | |
|     <div class="flex justify-between items-center">
 | |
|         <h1 class="text-2xl font-bold text-gray-900">Gestion des évaluations</h1>
 | |
|         <div>
 | |
|             <a href="{{ url_for('assessments.new') }}" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md transition-colors text-sm font-medium focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2">
 | |
|                 ✨ Nouvelle évaluation
 | |
|             </a>
 | |
|         </div>
 | |
|     </div>
 | |
| 
 | |
|     {% if assessments %}
 | |
|         <div class="bg-white shadow overflow-hidden sm:rounded-md">
 | |
|             <ul class="divide-y divide-gray-200">
 | |
|                 {% for assessment in assessments %}
 | |
|                     <li>
 | |
|                         <div class="px-4 py-4">
 | |
|                             <div class="flex items-center justify-between">
 | |
|                                 <div class="flex items-center">
 | |
|                                     <div class="flex-shrink-0">
 | |
|                                         <div class="w-10 h-10 bg-purple-100 rounded-full flex items-center justify-center">
 | |
|                                             <svg class="w-5 h-5 text-purple-600" fill="currentColor" viewBox="0 0 20 20">
 | |
|                                                 <path d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z"/>
 | |
|                                                 <path fill-rule="evenodd" d="M4 5a2 2 0 012-2v1a1 1 0 102 0V3a2 2 0 012 2v6a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm2.5 2.5a.5.5 0 000 1h3a.5.5 0 000-1h-3z" clip-rule="evenodd"/>
 | |
|                                             </svg>
 | |
|                                         </div>
 | |
|                                     </div>
 | |
|                                     <div class="ml-4">
 | |
|                                         <div class="text-sm font-medium text-gray-900">{{ assessment.title }}</div>
 | |
|                                         <div class="text-sm text-gray-500">
 | |
|                                             {{ assessment.class_group.name }} - {{ assessment.date.strftime('%d/%m/%Y') }}
 | |
|                                             - Coefficient {{ assessment.coefficient }}
 | |
|                                         </div>
 | |
|                                         {% if assessment.description %}
 | |
|                                             <div class="text-sm text-gray-500 mt-1">{{ assessment.description[:100] }}{% if assessment.description|length > 100 %}...{% endif %}</div>
 | |
|                                         {% endif %}
 | |
|                                         <div class="text-xs text-gray-400 mt-1">
 | |
|                                             {{ assessment.exercises|length }} exercice(s)
 | |
|                                         </div>
 | |
|                                     </div>
 | |
|                                 </div>
 | |
|                                 <div class="flex space-x-2">
 | |
|                                     <a href="{{ url_for('assessments.detail', id=assessment.id) }}" class="text-indigo-600 hover:text-indigo-900 text-sm font-medium focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-1 rounded-sm px-1 py-1" aria-label="Voir détails de {{ assessment.title }}">
 | |
|                                         👁️ Voir détails
 | |
|                                     </a>
 | |
|                                     <a href="{{ url_for('grading.assessment_grading', assessment_id=assessment.id) }}" class="text-green-600 hover:text-green-900 text-sm font-medium focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-1 rounded-sm px-1 py-1" aria-label="Saisir notes pour {{ assessment.title }}">
 | |
|                                         📝 Saisir notes
 | |
|                                     </a>
 | |
|                                     <a href="{{ url_for('assessments.edit', id=assessment.id) }}" class="text-gray-600 hover:text-gray-900 text-sm font-medium focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-1 rounded-sm px-1 py-1" aria-label="Modifier {{ assessment.title }}">
 | |
|                                         ✏️ Modifier
 | |
|                                     </a>
 | |
|                                 </div>
 | |
|                             </div>
 | |
|                         </div>
 | |
|                     </li>
 | |
|                 {% endfor %}
 | |
|             </ul>
 | |
|         </div>
 | |
|     {% else %}
 | |
|         <div class="text-center py-12">
 | |
|             <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">Aucune évaluation</h3>
 | |
|             <p class="mt-1 text-sm text-gray-500">Commencez par créer votre première évaluation.</p>
 | |
|             <div class="mt-6">
 | |
|                 <a href="{{ url_for('assessments.new') }}" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md transition-colors text-sm font-medium focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2">
 | |
|                     ✨ Créer votre première évaluation
 | |
|                 </a>
 | |
|             </div>
 | |
|         </div>
 | |
|     {% endif %}
 | |
| </div>
 | |
| {% endblock %} |