{"version":3,"file":"exercise_preview-Bv7a20YV.js","sources":["../../../app/javascript/components/quiz/editor/preview/sectionInExam.vue","../../../app/javascript/components/quiz/editor/preview/exercise_preview.vue"],"sourcesContent":["<template>\n  <v-banner\n    v-if=\"section && isDisplayed\"\n    :sticky=\"stickySection\"\n    class=\"mb-4 section-banner\"\n    :color=\"$vuetify.theme.currentTheme.background\"\n  >\n    <div class=\"text-h5 d-flex\">\n      <katex-md\n        v-if=\"section.attributes.name\"\n        :expr=\"section.attributes.name\"\n      />\n\n      <v-spacer />\n      <v-btn\n        icon\n        @click=\"stickySection = !stickySection\"\n      >\n        <v-icon\n          small\n          v-html=\"stickySection ? 'mdi-pin-off-outline':'mdi-pin-outline'\"\n        />\n      </v-btn>\n    </div>\n\n\n    <katex-md\n      v-if=\"section.attributes.description\"\n      :expr=\"section.attributes.description\"\n    />\n  </v-banner>\n</template>\n\n<script>\n\nimport KatexMd from \"../../../katex-md.vue\"\n\nexport default {\n  name: \"SectionInExam\",\n  components: { KatexMd },\n  props: {\n    section: {\n      type: Object,\n      default: null,\n    },\n  },\n  data: () => ({\n    stickySection: false,\n  }),\n\n  computed: {\n    isDisplayed() {\n      return this.section?.attributes?.name || this.section?.attributes?.description\n    },\n  },\n}\n</script>\n\n<style>\n  .section-banner .v-banner__wrapper {\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n  }\n</style>\n","<template>\n  <div\n    v-if=\"exercise\"\n    class=\"mb-12 mt-5\"\n  >\n    <div\n      ref=\"exerciseTop\"\n      class=\"exercise-top\"\n    >\n      <div />\n    </div>\n    <section-in-exam\n      :section=\"section\"\n      v-if=\"showSectionInfo\"\n    />\n\n    <v-banner\n      sticky\n      app\n      :color=\"$vuetify.theme.currentTheme.background\"\n      class=\"exercise-banner\"\n      v-if=\"exerciseListMode && !exercise.isImplicit\"\n    >\n      <div>\n        <div class=\"d-flex grey--text font-weight-medium text-body-2\">\n          <v-expand-x-transition>\n            <div\n              v-if=\"!exerciseTopIsVisible && showSectionIndex\"\n              class=\"d-inline-block\"\n              style=\"overflow: hidden; white-space: nowrap;\"\n            >\n              Section {{ sectionIndex + 1 }}\n            </div>\n          </v-expand-x-transition>\n          <v-divider\n            vertical\n            class=\"mx-2\"\n            v-if=\"!exerciseTopIsVisible && showSectionIndex\"\n          />\n          <!--          <div class=\"d-inline-block\">-->\n          <!--            Page {{ exercise.attributes.position + 1 }}-->\n          <!--          </div>-->\n          <!--          <v-divider-->\n          <!--            vertical-->\n          <!--            class=\"mx-2\"-->\n          <!--            v-if=\"position\"-->\n          <!--          />-->\n          <div\n            class=\"d-inline-block grey--text\"\n            v-if=\"!exercise.isImplicit\"\n          >\n            {{ subtitle }}\n          </div>\n\n          <v-spacer />\n\n          <slot\n            name=\"eventsSummary\"\n            :show-seen-chip=\"hasSkippedOrMissingAnswers && quiz.type !== 'paper'\"\n          />\n          <chip-points\n            :coefficient=\"exerciseCoefficientsSum\"\n            :score=\"exerciseAnswersScoreSum\"\n            for-exercise\n          />\n        </div>\n\n        <div\n          v-if=\"exercise.attributes && !exercise.isImplicit\"\n        >\n          <katex-md\n            class=\"text-h6\"\n            v-if=\"exercise.attributes.name\"\n            :expr=\"exercise.attributes.name\"\n            :truncate=\"!exerciseTopIsVisible\"\n            :inline-text=\"!exerciseTopIsVisible\"\n          />\n        </div>\n      </div>\n    </v-banner>\n\n    <div\n      v-if=\"exercise.attributes && !exercise.isImplicit\"\n      class=\"mt-2\"\n    >\n      <template v-if=\"!exerciseListMode\">\n        <div\n          class=\"card-subtitle grey--text\"\n          v-if=\"!exercise.isImplicit\"\n        >\n          <b>{{ subtitle }}</b>\n        </div>\n\n        <katex-md\n          class=\"text-h6\"\n          v-if=\"exercise.attributes.name\"\n          :expr=\"exercise.attributes.name\"\n        />\n      </template>\n\n      <katex-md\n        v-if=\"exercise.attributes.description\"\n        :expr=\"exercise.attributes.description\"\n      />\n    </div>\n\n    <eva-lazy\n      v-for=\"(question, index) in questions\"\n      :key=\"`${question.uuid}-${question.id}`\"\n      :min-height=\"question.minHeight\"\n      transition=\"fade-transition\"\n      class=\"mb-12 mt-10\"\n      :class=\"{'mt-10': !exercise.isImplicit}\"\n      :unload-when-not-visible=\"true\"\n    >\n      <template #default>\n        <question-normal\n          class=\"mb-10\"\n          :question=\"question\"\n          :quiz=\"quiz\"\n          :index=\"question.position || exercise.childIndex(index, question)\"\n          :preview-mode=\"previewMode\"\n          :quiz-instance=\"quizInstance\"\n          :questions-count=\"exercise.indexableChildrenCount\"\n          @questionAnswered=\"$emit('questionAnswered')\"\n          :correction-mode=\"correctionMode\"\n          :show-score=\"showScore && (quiz.show_scores || currentUser.teacher)\"\n          :user-id=\"userId\"\n          :allow-navigation=\"quiz.allow_questions_navigation\"\n          :manual-correction-mode=\"manualCorrectionMode\"\n          :exercise=\"exercise\"\n          :quiz-score=\"quizScore\"\n          :quizzes-attempt-summary=\"quizzesAttemptSummary\"\n        >\n          <template #eventsSummary>\n            <slot\n              name=\"eventsSummary\"\n              v-if=\"exercise.isImplicit\"\n              :show-seen-chip=\"hasSkippedOrMissingAnswers && quiz.type !== 'paper'\"\n            />\n          </template>\n          <template #grader=\"{answer, question}\">\n            <slot\n              name=\"grader\"\n              :answer=\"answer\"\n              :question=\"question\"\n            />\n          </template>\n          <template #feedbackEditor=\"{answer, question, questionComment, hasQuestionComment }\">\n            <slot\n              name=\"feedbackEditor\"\n              :answer=\"answer\"\n              :question=\"question\"\n              :question-comment=\"questionComment\"\n              :has-question-comment=\"hasQuestionComment\"\n            />\n          </template>\n        </question-normal>\n      </template>\n    </eva-lazy>\n  </div>\n</template>\n\n<script>\nimport QuestionNormal from \"../../../questions/question_normal.vue\"\nimport KatexMd from \"../../../katex-md.vue\"\nimport { mapGetters } from \"vuex\"\nimport SectionInExam from \"./sectionInExam.vue\"\nimport { ref } from \"vue\"\nimport { useElementVisibility } from \"@vueuse/core\"\nimport ChipPoints from \"@/components/questions/chip_points.vue\"\nimport EvaLazy from \"@/components/shared/evaLazy.vue\"\nexport default {\n  name: \"ExerciseStudent\",\n  components: { ChipPoints, SectionInExam, KatexMd, QuestionNormal, EvaLazy },\n  props: {\n    exercise: {\n      type: Object,\n      required: true,\n    },\n    quiz: {\n      type: Object,\n      required: true,\n    },\n    quizInstance: {\n      type: Object,\n      default: null,\n    },\n    previewMode: {\n      type: Boolean,\n      default: false,\n    },\n    correctionMode: {\n      type: Boolean,\n      default: false,\n    },\n    manualCorrectionMode: {\n      type: Boolean,\n      default: null,\n    },\n    userId: {\n      type: Number,\n      default: null,\n    },\n    questionsFilter: {\n      type: Function,\n      default: () => true,\n    },\n    showSectionInfo: {\n      type: Boolean,\n      default: false,\n    },\n    showScore: {\n      type: Boolean,\n      default: true,\n    },\n    quizScore: {\n      type: Object,\n      default: null,\n    },\n    quizzesAttemptSummary: {\n      type: Object,\n      default: null,\n    },\n    sectionIndex: {\n      type: Number,\n      default: null,\n    },\n    showSectionIndex: {\n      type: Boolean,\n      default: false,\n    },\n    exerciseListMode: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  setup() {\n    const exerciseTop = ref(null)\n    const exerciseTopIsVisible = useElementVisibility(exerciseTop)\n\n    return {\n      exerciseTop,\n      exerciseTopIsVisible,\n    }\n  },\n  computed: {\n    ...mapGetters([\"currentUser\", \"answersByQuestionsAndUserId\", \"questionById\"]),\n    questions() {\n      if( !this.exercise || !this.exercise.children ) return []\n      return this.exercise.children.filter(this.questionsFilter).filter(question => question.type)\n    },\n    // Dorian 2024-12-16\n    // Answer should not be retrieved here as it does not make sense.\n    // This is only used to compute the score of the exercise\n    answers() {\n      return this.answersByQuestionsAndUserId(this.questions.map(q => q.id), this.userId)\n    },\n    hasSkippedOrMissingAnswers() {\n      if(this.answers.length < this.questions.length) return true\n      return this.answers.some(a => a.skipped)\n    },\n    section() {\n      return this.exercise?.section\n    },\n    position() {\n      return this.exercise.attributes.position\n    },\n    subtitle() {\n      if (this.position == null) return\n      return `Exercice ${this.position + 1}`\n    },\n    exerciseCoefficientsSum() {\n      return this.exercise.children.reduce((acc, q) => acc + this.questionWithCorrectionById(q.id)?.coefficient || 0, 0)\n    },\n    exerciseAnswersScoreSum() {\n      return this.answers.reduce((acc, q) => acc + q.score, 0)\n    },\n  },\n  methods: {\n    questionWithCorrectionById(id) {\n      return this.questionById(id)\n    },\n  },\n}\n</script>\n\n<style>\n.exercise-banner .v-banner__wrapper {\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n  }\n\n.exercise-top {\n  position: relative;\n  overflow: visible;\n  height: 0;\n}\n</style>\n"],"names":["_sfc_main","KatexMd","_b","_a","_d","_c","ChipPoints","SectionInExam","QuestionNormal","EvaLazy","exerciseTop","ref","exerciseTopIsVisible","useElementVisibility","__spreadProps","__spreadValues","mapGetters","question","q","a","acc","id"],"mappings":"+vCAqCA,MAAAA,EAAA,CACA,KAAA,gBACA,WAAA,CAAA,QAAAC,CAAA,EACA,MAAA,CACA,QAAA,CACA,KAAA,OACA,QAAA,IACA,CACA,EACA,KAAA,KAAA,CACA,cAAA,EACA,GAEA,SAAA,CACA,aAAA,aACA,QAAAC,GAAAC,EAAA,KAAA,UAAA,YAAAA,EAAA,aAAA,YAAAD,EAAA,SAAAE,GAAAC,EAAA,KAAA,UAAA,YAAAA,EAAA,aAAA,YAAAD,EAAA,YACA,CACA,CACA,2qBCqHAJ,EAAA,CACA,KAAA,kBACA,WAAA,CAAA,WAAAM,EAAA,cAAAC,EAAA,QAAAN,EAAA,eAAAO,EAAA,QAAAC,CAAA,EACA,MAAA,CACA,SAAA,CACA,KAAA,OACA,SAAA,EACA,EACA,KAAA,CACA,KAAA,OACA,SAAA,EACA,EACA,aAAA,CACA,KAAA,OACA,QAAA,IACA,EACA,YAAA,CACA,KAAA,QACA,QAAA,EACA,EACA,eAAA,CACA,KAAA,QACA,QAAA,EACA,EACA,qBAAA,CACA,KAAA,QACA,QAAA,IACA,EACA,OAAA,CACA,KAAA,OACA,QAAA,IACA,EACA,gBAAA,CACA,KAAA,SACA,QAAA,IAAA,EACA,EACA,gBAAA,CACA,KAAA,QACA,QAAA,EACA,EACA,UAAA,CACA,KAAA,QACA,QAAA,EACA,EACA,UAAA,CACA,KAAA,OACA,QAAA,IACA,EACA,sBAAA,CACA,KAAA,OACA,QAAA,IACA,EACA,aAAA,CACA,KAAA,OACA,QAAA,IACA,EACA,iBAAA,CACA,KAAA,QACA,QAAA,EACA,EACA,iBAAA,CACA,KAAA,QACA,QAAA,EACA,CACA,EACA,OAAA,CACA,MAAAC,EAAAC,EAAA,IAAA,EACAC,EAAAC,EAAAH,CAAA,EAEA,MAAA,CACA,YAAAA,EACA,qBAAAE,CACA,CACA,EACA,SAAAE,EAAAC,EAAA,GACAC,EAAA,CAAA,cAAA,8BAAA,cAAA,CAAA,GADA,CAEA,WAAA,CACA,MAAA,CAAA,KAAA,UAAA,CAAA,KAAA,SAAA,SAAA,CAAA,EACA,KAAA,SAAA,SAAA,OAAA,KAAA,eAAA,EAAA,OAAAC,GAAAA,EAAA,IAAA,CACA,EAIA,SAAA,CACA,OAAA,KAAA,4BAAA,KAAA,UAAA,IAAAC,GAAAA,EAAA,EAAA,EAAA,KAAA,MAAA,CACA,EACA,4BAAA,CACA,OAAA,KAAA,QAAA,OAAA,KAAA,UAAA,OAAA,GACA,KAAA,QAAA,KAAAC,GAAAA,EAAA,OAAA,CACA,EACA,SAAA,OACA,OAAAhB,EAAA,KAAA,WAAA,YAAAA,EAAA,OACA,EACA,UAAA,CACA,OAAA,KAAA,SAAA,WAAA,QACA,EACA,UAAA,CACA,GAAA,KAAA,UAAA,KACA,MAAA,YAAA,KAAA,SAAA,CAAA,EACA,EACA,yBAAA,CACA,OAAA,KAAA,SAAA,SAAA,OAAA,CAAAiB,EAAAF,IAAA,OAAA,OAAAE,IAAAjB,EAAA,KAAA,2BAAAe,EAAA,EAAA,IAAA,YAAAf,EAAA,cAAA,GAAA,CAAA,CACA,EACA,yBAAA,CACA,OAAA,KAAA,QAAA,OAAA,CAAAiB,EAAAF,IAAAE,EAAAF,EAAA,MAAA,CAAA,CACA,CACA,GACA,QAAA,CACA,2BAAAG,EAAA,CACA,OAAA,KAAA,aAAAA,CAAA,CACA,CACA,CACA"}