added student quiz result

Author: suhailvs

django_school/classroom/templates/classroom/students/quiz_list.html

@@ -7,17 +7,17 @@
       <thead>
         <tr>
           <th>Quiz</th>
-          <th>Subject</th>
-          <th>Length</th>
+          <th class="d-none d-sm-table-cell">Subject</th>
+          <th class="d-none d-sm-table-cell">Length</th>
           <th></th>
         </tr>
       </thead>
       <tbody>
         {% for quiz in quizzes %}
           <tr>
             <td class="align-middle">{{ quiz.name }}</td>
-            <td class="align-middle">{{ quiz.subject.get_html_badge }}</td>
-            <td class="align-middle">{{ quiz.questions_count }} questions</td>
+            <td class="align-middle d-none d-sm-table-cell">{{ quiz.subject.get_html_badge }}</td>
+            <td class="align-middle d-none d-sm-table-cell">{{ quiz.questions_count }} questions</td>
             <td class="text-right">
               <a href="{% url 'students:take_quiz' quiz.pk %}" class="btn btn-primary">Start quiz</a>
             </td>

django_school/classroom/templates/classroom/students/quiz_result.html

@@ -0,0 +1,30 @@
+{% extends 'base.html' %}
+{% load quiz_extras %}
+
+{% block content %}
+{% include 'classroom/students/_header.html' %}
+
+<h2>{{quiz.name}}</h2>
+{{ quiz.subject.get_html_badge }}
+{% for question in questions %}
+<div class="card">
+  <div class="card-body">
+    <h5 class="card-title">{{forloop.counter}}. {{question.text}}</h5>
+    <table class="table table-bordered table-sm">
+      <thead><tr><th>Yours</th><th>Correct</th><th></th></tr></thead>
+      <tbody>
+        {% for opt in question.answers.all %}
+        {% marked_answer user opt as opt_marked %}        
+        <tr>
+          <td style="width: 100px;{% if opt_marked == 'correct' %} background:green{% elif opt_marked == 'wrong' %} background:red{% endif %}"> </td>
+          <td style="width: 100px;{% if opt.is_correct %} background:green{% endif %}"></td>
+          <td>{{opt.text}}</td>
+        </tr>
+        {% endfor %}
+      </tbody>
+    </table>
+  </div>
+</div>
+<br>
+{% endfor %}
+{% endblock %}

django_school/classroom/templates/classroom/students/taken_quiz_list.html

@@ -14,7 +14,7 @@
       <tbody>
         {% for taken_quiz in taken_quizzes %}
           <tr>
-            <td>{{ taken_quiz.quiz.name }}</td>
+            <td><a href="{% url 'students:student_quiz_results' taken_quiz.quiz.id %}">{{ taken_quiz.quiz.name }}</a></td>
             <td>{{ taken_quiz.quiz.subject.get_html_badge }}</td>
             <td>{{ taken_quiz.score }}</td>
           </tr>

django_school/classroom/templatetags/__init__.py

@@ -0,0 +1,15 @@
+from django import template
+from classroom.models import StudentAnswer
+register = template.Library()
+
+
+
+@register.simple_tag
+def marked_answer(user,opt):
+    studentanswer = StudentAnswer.objects.filter(student=user.student, answer =opt)
+    if studentanswer:
+        if opt.is_correct:
+            return 'correct'
+        return 'wrong'
+
+    return ''

django_school/classroom/templatetags/quiz_extras.py

@@ -9,7 +9,8 @@
         path('', students.QuizListView.as_view(), name='quiz_list'),
         path('interests/', students.StudentInterestsView.as_view(), name='student_interests'),
         path('taken/', students.TakenQuizListView.as_view(), name='taken_quiz_list'),
-        path('quiz/<int:pk>/', students.take_quiz, name='take_quiz'),
+        path('quiz/<int:pk>/', students.take_quiz, name='take_quiz'),        
+        path('quiz/<int:pk>/studentresults/', students.QuizResultsView.as_view(), name='student_quiz_results'),
     ], 'classroom'), namespace='students')),
 
     path('teachers/', include(([

django_school/classroom/urls.py

@@ -7,10 +7,11 @@
 from django.urls import reverse_lazy
 from django.utils.decorators import method_decorator
 from django.views.generic import CreateView, ListView, UpdateView
+from django.views import View
 
 from ..decorators import student_required
 from ..forms import StudentInterestsForm, StudentSignUpForm, TakeQuizForm
-from ..models import Quiz, Student, TakenQuiz, User
+from ..models import Quiz, Student, TakenQuiz, User, Question
 
 
 class StudentSignUpView(CreateView):
@@ -61,6 +62,23 @@ def get_queryset(self):
         return queryset
 
 
+@method_decorator([login_required, student_required], name='dispatch')
+class QuizResultsView(View):
+    template_name = 'classroom/students/quiz_result.html'
+
+    def get(self, request, *args, **kwargs):        
+        quiz = Quiz.objects.get(id = kwargs['pk'])
+        if not TakenQuiz.objects.filter(student = request.user.student, quiz = quiz):
+            """
+            Don't show the result if the user didn't attempted the quiz
+            """
+            return render(request, '404.html')
+        questions = Question.objects.filter(quiz =quiz)
+        
+        # questions = self.form_class(initial=self.initial)
+        return render(request, self.template_name, {'questions':questions, 'quiz':quiz})
+
+
 @method_decorator([login_required, student_required], name='dispatch')
 class TakenQuizListView(ListView):
     model = TakenQuiz

django_school/classroom/views/students.py

@@ -5,8 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>{% block title %}Django School{% endblock %}</title>
     <link rel="icon" href="{% static 'img/favicon.png' %}">
-    <link href="https://fonts.googleapis.com/css?family=Clicker+Script" rel="stylesheet">
-    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+    <!-- <link href="https://fonts.googleapis.com/css?family=Clicker+Script" rel="stylesheet"> -->
+    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
     <link rel="stylesheet" type="text/css" href="{% static 'vendor/fontello-2f186091/css/fontello.css' %}">
     <link rel="stylesheet" type="text/css" href="{% static 'css/app.css' %}">
     {% if user.is_authenticated and user.is_teacher %}
@@ -16,7 +16,7 @@
     {% endif %}
   </head>
   <body>
-    <a href="https://github.com/sibtc/django-multiple-user-types-example"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a>
+    <!-- <a href="https://github.com/sibtc/django-multiple-user-types-example"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a> -->
     <div class="container my-4">
       <div class="row justify-content-center">
         <div class="col-md-10 col-sm-12">
@@ -68,13 +68,13 @@ <h1 class="logo">
         </div>
       </div>
     </div>
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+    <!-- <script src="{% static 'js/jquery-3.3.1.min.js' %}"></script> -->
+    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
     <script type="text/javascript">
       $(function () {
         $('[data-toggle="tooltip"]').tooltip();
       })
-    </script>
+    </script> -->
   </body>
 </html>