Review Quiz Params

src/router/index.ts

@@ -10,6 +10,7 @@ const routes = [
       ...route.params,
       userId: route.query.userId,
       apiKey: route.query.apiKey,
+      review: route.query.review || null,
       omrMode: route.query.omrMode
     }),
     // lazy-loading: https://router.vuejs.org/guide/advanced/lazy-loading.html

src/services/API/Endpoints.ts

@@ -1,4 +1,5 @@
 export const quizEndpoint = "/quiz/";
+export const reviewQuizEndpoint = "/quiz/review/";
 export const sessionsEndpoint = "/sessions/";
 export const sessionAnswersEndpoint = "/session_answers/";
 export const questionsEndpoint = "/questions/";

src/services/API/Quiz.ts

@@ -1,5 +1,5 @@
 import { apiClient } from "./RootClient";
-import { quizEndpoint } from "./Endpoints";
+import { quizEndpoint, reviewQuizEndpoint } from "./Endpoints";
 import { QuizAPIResponse } from "@/types";
 
 export default {
@@ -15,4 +15,9 @@ export default {
     });
     return response.data;
   },
+
+  async getReviewQuiz(quizId: string): Promise<QuizAPIResponse> {
+    const response = await apiClient().get(reviewQuizEndpoint + quizId);
+    return response.data;
+  }
 };

src/views/Player.vue

@@ -188,6 +188,10 @@ export default defineComponent({
       default: null,
       type: String,
     },
+    review: {
+      default: null,
+      type: Boolean
+    },
     omrMode: {
       default: false,
       type: Boolean
@@ -483,10 +487,17 @@ export default defineComponent({
     }
 
     async function getQuiz() {
-      const quizDetails : QuizAPIResponse = await QuizAPIService.getQuiz({
-        quizId: props.quizId,
-        omrMode: isOmrMode.value ?? false
-      });
+      let quizDetails : QuizAPIResponse;
+      if (props.review != null) {
+        // review quiz mode
+        quizDetails = await QuizAPIService.getReviewQuiz(props.quizId);
+      } else {
+        quizDetails = await QuizAPIService.getQuiz({
+          quizId: props.quizId,
+          omrMode: isOmrMode.value ?? false
+        });
+      }
+
       // since we know that there is going to be only one
       // question set for now
       state.questionSets = quizDetails.question_sets;