{"version":3,"file":"correction-CRMZw5p9.js","sources":["../../../node_modules/.pnpm/vuetify@2.7.2_vue@2.7.16/node_modules/vuetify/lib/components/VRangeSlider/VRangeSlider.js","../../../app/javascript/components/quiz/paper/scan_modale.vue","../../../app/javascript/views/quizzes/evalmee_quiz_events.vue","../../../app/javascript/components/quiz/correction/EvaCommentEditor.vue","../../../app/javascript/components/questions/CopyFeedback.vue","../../../app/javascript/components/quiz/evalmee/instance_exercise_for_mixin.js","../../../app/javascript/components/questions/out_of_time_several_alert.vue","../../../app/javascript/views/quizzes/cheat-score-alert.vue","../../../app/javascript/views/quizzes/legacy-correction.vue","../../../app/javascript/views/quizzes/evalmee_quiz_events_report.vue","../../../app/javascript/components/shared/DialogSelfWrapper.vue","../../../app/javascript/composables/useScroll.js","../../../app/javascript/views/quizzes/events-timeline/eventTextDiff.vue","../../../app/javascript/views/quizzes/events-timeline/eventScreenSizeChart.vue","../../../app/javascript/views/quizzes/events-timeline/eventDetail.vue","../../../app/javascript/components/quiz/events-timeline/screenshotsTimeline.vue","../../../app/javascript/components/quiz/events-timeline/StudentScreenshotViewer.vue","../../../app/javascript/composables/useAutoHideOnInactivity.js","../../../app/javascript/views/quizzes/events-timeline/evalmeeQuizEventsTimeline.vue","../../../app/javascript/views/quizzes/events-timeline/eventReportCard.vue","../../../app/javascript/views/quizzes/events-timeline/evalmeeQuizEventsReportAndTimeline.vue","../../../app/javascript/components/quiz/correction/privateCommentEditor.vue","../../../app/javascript/components/quiz/correction/exerciseEventsSummary.vue","../../../app/javascript/components/quiz/evalmee/ScoreChatChannel.vue","../../../app/javascript/views/quizzes/correction.vue"],"sourcesContent":["// Styles\nimport \"../../../src/components/VRangeSlider/VRangeSlider.sass\"; // Components\n\nimport VSlider from '../VSlider'; // Helpers\n\nimport { addOnceEventListener, createRange, deepEqual, passiveSupported } from '../../util/helpers';\n/* @vue/component */\n\nexport default VSlider.extend({\n  name: 'v-range-slider',\n  props: {\n    value: {\n      type: Array,\n      default: () => [0, 0]\n    }\n  },\n\n  data() {\n    return {\n      activeThumb: null,\n      lazyValue: this.value\n    };\n  },\n\n  computed: {\n    classes() {\n      return { ...VSlider.options.computed.classes.call(this),\n        'v-input--range-slider': true\n      };\n    },\n\n    internalValue: {\n      get() {\n        return this.lazyValue;\n      },\n\n      set(val) {\n        // Round value to ensure the\n        // entire slider range can\n        // be selected with step\n        let value = val.map((v = 0) => this.roundValue(Math.min(Math.max(v, this.minValue), this.maxValue))); // Switch values if range and wrong order\n\n        if (value[0] > value[1] || value[1] < value[0]) {\n          if (this.activeThumb !== null) {\n            const toFocus = this.activeThumb === 1 ? 0 : 1;\n            const el = this.$refs[`thumb_${toFocus}`];\n            el.focus();\n          }\n\n          value = [value[1], value[0]];\n        }\n\n        this.lazyValue = value;\n        if (!deepEqual(value, this.value)) this.$emit('input', value);\n        this.validate();\n      }\n\n    },\n\n    inputWidth() {\n      return this.internalValue.map(v => (this.roundValue(v) - this.minValue) / (this.maxValue - this.minValue) * 100);\n    }\n\n  },\n  methods: {\n    getTrackStyle(startLength, endLength, startPadding = 0, endPadding = 0) {\n      const startDir = this.vertical ? this.$vuetify.rtl ? 'top' : 'bottom' : this.$vuetify.rtl ? 'right' : 'left';\n      const endDir = this.vertical ? 'height' : 'width';\n      const start = `calc(${startLength}% + ${startPadding}px)`;\n      const end = `calc(${endLength}% + ${endPadding}px)`;\n      return {\n        transition: this.trackTransition,\n        [startDir]: start,\n        [endDir]: end\n      };\n    },\n\n    getIndexOfClosestValue(arr, v) {\n      if (Math.abs(arr[0] - v) < Math.abs(arr[1] - v)) return 0;else return 1;\n    },\n\n    genInput() {\n      return createRange(2).map(i => {\n        const input = VSlider.options.methods.genInput.call(this);\n        input.data = input.data || {};\n        input.data.attrs = input.data.attrs || {};\n        input.data.attrs.value = this.internalValue[i];\n        input.data.attrs.id = `input-${i ? 'max' : 'min'}-${this._uid}`;\n        return input;\n      });\n    },\n\n    genTrackContainer() {\n      const children = [];\n      const padding = this.isDisabled ? 10 : 0;\n      const sections = [{\n        class: 'v-slider__track-background',\n        color: this.computedTrackColor,\n        styles: [0, this.inputWidth[0], 0, -padding]\n      }, {\n        class: this.isDisabled ? 'v-slider__track-background' : 'v-slider__track-fill',\n        color: this.isDisabled ? this.computedTrackColor : this.computedTrackFillColor,\n        styles: [this.inputWidth[0], Math.abs(this.inputWidth[1] - this.inputWidth[0]), padding, padding * -2]\n      }, {\n        class: 'v-slider__track-background',\n        color: this.computedTrackColor,\n        styles: [this.inputWidth[1], Math.abs(100 - this.inputWidth[1]), padding, -padding]\n      }];\n      if (this.$vuetify.rtl) sections.reverse();\n      children.push(...sections.map(section => this.$createElement('div', this.setBackgroundColor(section.color, {\n        staticClass: section.class,\n        style: this.getTrackStyle(...section.styles)\n      }))));\n      return this.$createElement('div', {\n        staticClass: 'v-slider__track-container',\n        ref: 'track'\n      }, children);\n    },\n\n    genChildren() {\n      return [this.genInput(), this.genTrackContainer(), this.genSteps(), createRange(2).map(index => {\n        const value = this.internalValue[index];\n\n        const onFocus = e => {\n          this.isFocused = true;\n          this.activeThumb = index;\n          this.$emit('focus', e);\n        };\n\n        const onBlur = e => {\n          this.isFocused = false;\n          this.activeThumb = null;\n          this.$emit('blur', e);\n        };\n\n        const valueWidth = this.inputWidth[index];\n        const isActive = this.isActive && this.activeThumb === index;\n        const isFocused = this.isFocused && this.activeThumb === index;\n        return this.genThumbContainer(value, valueWidth, isActive, isFocused, onFocus, onBlur, `thumb_${index}`);\n      })];\n    },\n\n    reevaluateSelected(value) {\n      this.activeThumb = this.getIndexOfClosestValue(this.internalValue, value);\n      const refName = `thumb_${this.activeThumb}`;\n      const thumbRef = this.$refs[refName];\n      thumbRef.focus();\n    },\n\n    onSliderMouseDown(e) {\n      var _a;\n\n      const value = this.parseMouseMove(e);\n      this.reevaluateSelected(value);\n      this.oldValue = this.internalValue;\n      this.isActive = true;\n\n      if ((_a = e.target) === null || _a === void 0 ? void 0 : _a.matches('.v-slider__thumb-container, .v-slider__thumb-container *')) {\n        this.thumbPressed = true;\n        const domRect = e.target.getBoundingClientRect();\n        const touch = 'touches' in e ? e.touches[0] : e;\n        this.startOffset = this.vertical ? touch.clientY - (domRect.top + domRect.height / 2) : touch.clientX - (domRect.left + domRect.width / 2);\n      } else {\n        this.startOffset = 0;\n        window.clearTimeout(this.mouseTimeout);\n        this.mouseTimeout = window.setTimeout(() => {\n          this.thumbPressed = true;\n        }, 300);\n      }\n\n      const mouseUpOptions = passiveSupported ? {\n        passive: true,\n        capture: true\n      } : true;\n      const mouseMoveOptions = passiveSupported ? {\n        passive: true\n      } : false;\n      const isTouchEvent = ('touches' in e);\n      this.onMouseMove(e);\n      this.app.addEventListener(isTouchEvent ? 'touchmove' : 'mousemove', this.onMouseMove, mouseMoveOptions);\n      addOnceEventListener(this.app, isTouchEvent ? 'touchend' : 'mouseup', this.onSliderMouseUp, mouseUpOptions);\n      this.$emit('start', this.internalValue);\n    },\n\n    onSliderClick(e) {\n      if (!this.isActive) {\n        if (this.noClick) {\n          this.noClick = false;\n          return;\n        }\n\n        const value = this.parseMouseMove(e);\n        this.reevaluateSelected(value);\n        this.setInternalValue(value);\n        this.$emit('change', this.internalValue);\n      }\n    },\n\n    onMouseMove(e) {\n      const value = this.parseMouseMove(e);\n\n      if (e.type === 'mousemove') {\n        this.thumbPressed = true;\n      }\n\n      if (this.activeThumb === null) {\n        this.activeThumb = this.getIndexOfClosestValue(this.internalValue, value);\n      }\n\n      this.setInternalValue(value);\n    },\n\n    onKeyDown(e) {\n      if (this.activeThumb === null) return;\n      const value = this.parseKeyDown(e, this.internalValue[this.activeThumb]);\n      if (value == null) return;\n      this.setInternalValue(value);\n      this.$emit('change', this.internalValue);\n    },\n\n    setInternalValue(value) {\n      this.internalValue = this.internalValue.map((v, i) => {\n        if (i === this.activeThumb) return value;else return Number(v);\n      });\n    }\n\n  }\n});\n//# sourceMappingURL=VRangeSlider.js.map","<template>\n  <v-dialog\n    v-model=\"scanModal\"\n    max-width=\"800\"\n  >\n    <template v-slot:activator=\"{ on }\">\n      <v-alert\n        dense\n        text\n        :color=\"color\"\n        dark\n        :type=\"type\"\n      >\n        <v-row align=\"center\" class=\"mb-0\">\n          <v-col class=\"grow\">\n            Vous pouvez consulter votre copie corrigée\n          </v-col>\n          <v-col class=\"shrink\">\n            <v-btn\n              small\n              outlined\n              :color=\"color || 'primary'\"\n              v-on=\"on\"\n              @click=\"fetchScanSheet(score)\"\n            >\n              Voir copie\n            </v-btn>\n          </v-col>\n        </v-row>\n      </v-alert>\n    </template>\n\n    <v-card>\n\n      <v-card-text>\n        <div class=\"pt-5\">\n          <v-alert\n            v-if=\"!hideSubjectLink\"\n            type=\"info\"\n            dense\n            text\n            min-width=\"100%\"\n          >\n            <v-row align=\"center\" class=\"mb-0\">\n              <v-col class=\"grow\">\n                <span v-if=\"quiz.random_questions\">\n                  Attention l'ordre des questions et des réponses n'est pas celui de la correction.\n                </span>\n                <span v-else>\n                  Attention l'ordre des réponses n'est pas celui de la correction.\n                </span>\n                <span>\n                  Vous pouvez télécharger le sujet correspondant pour le comparer à la grille de réponse.\n                </span>\n              </v-col>\n              <v-col class=\"shrink\">\n                <v-btn\n                  small\n                  outlined\n                  color=\"primary\"\n                  :href=\"subjectUrl\"\n                  target=\"_blank\"\n                >\n                  Télécharger le sujet\n                </v-btn>\n              </v-col>\n            </v-row>\n          </v-alert>\n\n          <v-alert\n            type=\"info\"\n            dense\n            text\n            min-width=\"100%\"\n            v-if=\"scan && scan.edited\"\n          >\n            Les réponses détectées automatiquement ont été modifiées manuellement. Les croix rouges présentes ci-dessous ne représentent pas les réponses prises en compte.\n          </v-alert>\n        </div>\n\n        <img :src=\"scan && scan.marked_file && scan.marked_file.url\"\n             alt=\"\"\n             class=\"scan\">\n      </v-card-text>\n\n      <v-divider></v-divider>\n\n      <v-card-actions>\n        <v-btn\n          color=\"primary\"\n          text\n          @click=\"scanModal = false\"\n        >\n          Fermer\n        </v-btn>\n      </v-card-actions>\n    </v-card>\n  </v-dialog>\n</template>\n\n<script>\nimport { mapGetters, mapActions } from \"vuex\"\n\nexport default {\n  name: \"scanModale\",\n  props: {\n    score: Object,\n    quiz: Object,\n    color: String,\n    hideSubjectLink: { type: Boolean, default: false },\n  },\n  data: function () {\n    return {\n      scanModal: false,\n    }\n  },\n  methods: {\n    ...mapActions([\"fetchScanSheet\", \"fetchScore\"]),\n  },\n  computed: {\n    ...mapGetters([\"getScanSheetById\"]),\n    scan() {\n      return this.getScanSheetById(\n        this.score &&\n          this.score.scanned_paper_quiz_sheet_id\n      )\n    },\n    type() { return this.color ? null : \"info\"},\n    subjectUrl() {\n      const { scan } = this\n      return scan && scan.subject_file_url\n    },\n  },\n  watch: {\n    score: {\n      handler() {\n        // reload score to get scan\n        if(!this.score?.id) return\n        if(this.score.scanned_paper_quiz_sheet_id) return\n        this.fetchScore({ scoreId: this.score.id })\n      },\n      immediate: true,\n    },\n  },\n}\n</script>\n\n<style scoped>\n  .scan{\n    width: 100%;\n  }\n</style>\n","<template>\n  <v-data-table\n    dense\n    sort-desc\n    sort-by=\"happened_at\"\n    :headers=\"headers\"\n    :items=\"parsedEvents\"\n    :search=\"search\"\n    show-expand\n  >\n    <template #top>\n      <v-text-field\n        v-model=\"search\"\n        append-icon=\"mdi-magnify\"\n        label=\"Search\"\n        single-line\n        hide-details\n        solo\n        flat\n        filled\n        class=\"mx-4\"\n        dense\n      />\n    </template>\n    <template #item.certified=\"{item}\">\n      <v-icon\n        :color=\"item.certified ? 'green' : 'red'\"\n        v-html=\"item.certified ? 'mdi-check' : 'mdi-close'\"\n        small\n      />\n    </template>\n    <template #item.details=\"{ item }\">\n      <div\n        v-for=\"(value, key) in item.details\"\n        :key=\"key\"\n      >\n        <evalmee-chip\n          v-html=\"key\"\n          small\n          label\n          color=\"grey\"\n        />\n        : {{ value && value.length > 10 ? value.slice(0, 10) + \"...\" : value }}\n      </div>\n    </template>\n\n    <template #item.happened_at=\"{ item }\">\n      {{ $moment(item.happened_at).format(\"llll:ss:SS\") }}\n    </template>\n\n    <template #item.time_diff=\"{ item }\">\n      {{ $moment.duration(item.time_diff).format(\"mm[min] ss[s] SSS[ms]\") }}\n    </template>\n\n    <template #expanded-item=\"{ headers, item }\">\n      <td :colspan=\"headers.length\">\n        <div\n          v-for=\"(value, key) in item.details\"\n          :key=\"key\"\n        >\n          <evalmee-chip\n            v-html=\"key\"\n            small\n            label\n            color=\"grey\"\n          />\n          :\n          <pre>\n            {{ value }}\n          </pre>\n        </div>\n      </td>\n    </template>\n  </v-data-table>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\"\nimport EvalmeeChip from \"../../components/shared/evalmee_chip.vue\"\n\nexport default {\n  name: \"EvalmeeQuizEvents\",\n  components: { EvalmeeChip },\n  props: {\n    scoreId: {\n      type: Number,\n      required: true,\n    },\n  },\n  data: () => ({\n    headers: [\n      { text: \"\", value: \"certified\" },\n      { text: \"index\", value: \"frontend_index\" },\n      { text: \"Type\", value: \"kind\" },\n      { text: \"Date\", value: \"happened_at\" },\n      { text: \"time_diff\", value: \"time_diff\" },\n      { text: \"Exercise\", value: \"quizzes_exercise_id\" },\n      { text: \"Details\", value: \"details\" },\n      { text: \"Tab\", value: \"browserTabToken\" },\n    ],\n    search: \"\",\n  }),\n  computed: {\n    ...mapGetters([\"studentEvents\"]),\n    events() {\n      return this.studentEvents(this.scoreId).map((event) => {\n        return {\n          ...event,\n          browserTabToken: event.details?.browser_tab_token,\n        }\n      })\n    },\n    parsedEvents() {\n      // sort events by happened_at\n      const sortedEvents = this.events.sort((a, b) => {\n        return new Date(a.happened_at) - new Date(b.happened_at)\n      })\n\n      //return this.event and add an attribute \"time_diff\" with the time difference between the event and the previous one\n\n      return sortedEvents.map((event, index, array) => {\n        event.time_diff =\n          index === 0\n            ? 0\n            : new Date(event.happened_at) -\n              new Date(array[index - 1].happened_at)\n        return event\n      })\n    },\n  },\n}\n</script>\n\n<style scoped></style>\n","<template>\n  <v-card\n    flat\n    tile\n    v-click-outside=\"() => focused = false\"\n  >\n    <v-expand-transition>\n      <div v-show=\"!inEmptyState\">\n        <div\n          class=\"pa-2\"\n        >\n          <div\n            class=\"d-flex align-center\"\n          >\n            <eva-big-icon\n              :icon=\"icon\"\n              :size=\"20\"\n              color=\"blue\"\n            />\n            <span\n              class=\"ml-2\"\n              :class=\"{\n                'subtitle-2': !inEmptyState,\n                'body-2': inEmptyState,\n                'grey--text': inEmptyState,\n              }\"\n            >\n              {{ inEmptyState ? placeholder :label }}\n            </span>\n            <v-spacer />\n            <slot\n              name=\"append-title\"\n            />\n          </div>\n        </div>\n        <v-divider />\n      </div>\n    </v-expand-transition>\n    <div @click=\"setFocus\">\n      <div\n        class=\"d-flex\"\n        :class=\"{ 'align-center': inEmptyState }\"\n      >\n        <div\n          class=\"pa-2 mt-1\"\n          v-if=\"inEmptyState\"\n        >\n          <eva-big-icon\n            :icon=\"icon\"\n            :size=\"20\"\n            color=\"blue\"\n          />\n        </div>\n        <div\n          class=\"flex-grow-1\"\n        >\n          <v-expand-transition>\n            <text-editor\n              v-model=\"comment\"\n              :placeholder=\"placeholder\"\n              ref=\"textEditor\"\n              :floating-menu=\"false\"\n              :style=\"{\n                'min-height': inEmptyState ? '10px !important' : 'none',\n                'max-height': inEmptyState ? '10px !important' : 'none',\n              }\"\n              :class=\"{\n                'mx-n7': inEmptyState,\n                'my-n6': inEmptyState,\n                'mx-2': !inEmptyState,\n\n              }\"\n              min-height=\"0px\"\n            />\n          </v-expand-transition>\n        </div>\n        <v-spacer />\n        <div class=\"ma-2\">\n          <slot\n            name=\"actions\"\n            :in-empty-state=\"inEmptyState\"\n            :has-content=\"hasContent\"\n          />\n        </div>\n      </div>\n      <div v-show=\"!inEmptyState\">\n        <v-card-actions class=\"px-0\">\n          <v-spacer />\n          <eva-button\n            @click=\"save\"\n            dense\n            primary\n            v-if=\"comment !== content\"\n            class=\"mr-2\"\n          >\n            {{ saveLabel }}\n          </eva-button>\n        </v-card-actions>\n      </div>\n    </div>\n  </v-card>\n</template>\n\n<script>\nimport getFeatureMixin from \"@/components/shared/get_feature_mixin\"\nimport TextEditor from \"@/components/shared/text_editor/text_editor.vue\"\nimport EvaBigIcon from \"@/components/shared/eva-big-icon.vue\"\nimport stringHelpers from \"@/helpers/string_helpers\"\n\nexport default {\n  name: \"EvaCommentEditor\",\n  components: { EvaBigIcon, TextEditor },\n  mixins: [getFeatureMixin],\n  props: {\n    content: { type: String, required: false, default: \"\" },\n    label: { type: String, required: false, default: \"\" },\n    placeholder: { type: String, required: false, default: \"\" },\n    saveLabel: { type: String, required: false, default: \"\" },\n    icon: { type: String, required: true },\n  },\n  data: () => ({\n    comment: \"\",\n    focused: false,\n  }),\n  emits: [\"click:save\", \"input\"],\n  computed: {\n    inEmptyState() {\n      if (this.focused) return false\n      return !this.hasContent\n    },\n    hasContent() {\n      return !stringHelpers.isEmptyHtml(this.comment || \"\")\n    },\n  },\n  methods: {\n    setFocus() {\n      this.focused = true\n      this.$nextTick(() => {\n        this.$refs.textEditor.focus()\n      })\n    },\n    save() {\n      this.$emit(\"click:save\", this.comment)\n    },\n    input(val) {\n      this.$emit(\"input\", val)\n    },\n  },\n  watch: {\n    \"content\": {\n      handler(val) {\n        this.comment = val\n      },\n      immediate: true,\n    },\n  },\n}\n</script>\n\n<style scoped>\n</style>\n","<template>\n  <div>\n    <v-card\n      class=\"mb-4\"\n      v-if=\"this.teacherMode\"\n      outlined\n      flat\n    >\n      <eva-comment-editor\n        :content=\"public_comment\"\n        :label=\"$t('live.correction.generalFeedback.label')\"\n        :placeholder=\"$t('live.correction.generalFeedback.placeholder')\"\n        :save-label=\"$t('live.correction.generalFeedback.save')\"\n        icon=\"mdi-account-outline\"\n        @click:save=\"saveScore\"\n      >\n        <template #append-title>\n          <evalmee-chip\n            color=\"blue\"\n            small\n            label\n            icon=\"mdi-creation-outline\"\n            v-if=\"['ai_generated', 'ai_student_generated'].includes(score.comment_source) && !score.manually_validated_comment\"\n          >\n            {{ $t('live.correction.generalFeedback.aiGenerated') }}\n          </evalmee-chip>\n        </template>\n        <template #actions=\"{ hasContent, inEmptyState }\">\n          <div\n            class=\"d-flex align-center\"\n          >\n            <evalmee-chip\n              small\n              class=\"mr-2\"\n              label\n              color=\"red\"\n              v-if=\"inEmptyState\"\n            >\n              Beta\n            </evalmee-chip>\n            <eva-button\n              dense\n              v-tooltip=\"$t('evalmee.home.teacher.openQuestionGrader.addComment.generateFeedback.buttonTooltip')\"\n              class=\"pa-2\"\n              @click=\"generateFeedback\"\n              :icon-left=\"canSave || hasContent ? null : 'mdi-creation-outline'\"\n              :icon=\"!(canSave || hasContent) ? null : 'mdi-creation-outline'\"\n              :label=\"canSave || hasContent ? null : $t('evalmee.home.teacher.openQuestionGrader.addComment.generateFeedback.label')\"\n              :loading=\"generatingFeedback\"\n            />\n          </div>\n        </template>\n      </eva-comment-editor>\n      \n      <v-card-actions\n        class=\"pt-0\"\n        v-if=\"isFocused || canSave\"\n      >\n        <v-spacer />\n        <eva-button\n          dense\n          color=\"primary\"\n          :disabled=\"!canSave\"\n          @click=\"saveScore\"\n        >\n          {{ $t('live.correction.generalFeedback.save') }}\n        </eva-button>\n      </v-card-actions>\n    </v-card>\n\n    <div v-else>\n      <v-card\n        v-if=\"quiz.allow_feedbacks_generation_by_student && !score.public_comment\"\n        outlined\n        flat\n        class=\"d-flex pa-4 align-center\"\n      >\n        {{ $t('live.correction.generalFeedback.onMyCopyLabel') }}\n        <v-spacer />\n        <eva-button\n          @click=\"generateQuizzesAttemptSummaryFeedback\"\n          icon-left=\"mdi-creation-outline\"\n          :label=\"$t('live.correction.generalFeedback.generate')\"\n          :loading=\"generatingFeedback\"\n        />\n      </v-card>\n\n      <v-card\n        outlined\n        flat\n        v-if=\"score.public_comment\"\n        dense\n        text\n        class=\"pb-2\"\n      >\n        <div class=\"d-flex pa-2\">\n          <eva-big-icon\n            icon=\"mdi-account-outline\"\n            size=\"20\"\n            color=\"blue\"\n          />\n          <span class=\"subtitle-2 ml-2\">{{ $t('live.correction.generalFeedback.label') }}</span>\n          <v-spacer />\n          <evalmee-chip\n            color=\"blue\"\n            small\n            label\n            icon=\"mdi-creation-outline\"\n            v-if=\"['ai_generated', 'ai_student_generated'].includes(score.comment_source) && !score.manually_validated_comment\"\n          >\n            {{ $t('live.correction.generalFeedback.aiGenerated') }}\n          </evalmee-chip>\n        </div>\n        <v-divider />\n        <v-card-text>\n          <katex :expr=\"score.public_comment\" />\n        </v-card-text>\n      </v-card>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapActions } from \"vuex\"\nimport Katex from \"../katex-md.vue\"\nimport axios from \"axios\"\nimport EvalmeeChip from \"@/components/shared/evalmee_chip.vue\"\nimport EvaBigIcon from \"@/components/shared/eva-big-icon.vue\"\nimport EvaCommentEditor from \"@/components/quiz/correction/EvaCommentEditor.vue\"\n\nexport default {\n  name: \"CopyFeedback\",\n  components: { EvaCommentEditor, EvaBigIcon, EvalmeeChip, Katex },\n  props: {\n    score: { type: Object, required: true },\n    quizzesAttemptSummary: { type: Object, required: false, default: null },\n    quiz: { type: Object, required: true },\n    teacherMode: { type: Boolean, default: false },\n  },\n  data: () => ({\n    public_comment: \"\",\n    isFocused: false,\n    generatingFeedback: false,\n  }),\n  computed: {\n    canSave() {\n      return this.public_comment !== this.score.public_comment\n    },\n    hasComment() {\n      return !!this.score.public_comment\n    },\n  },\n  methods: {\n    ...mapActions([\n      \"updateScoreBySummary\",\n      \"newAppNotification\",\n    ]),\n    saveScore(feedback) {\n      this.updateScoreBySummary({ ...this.score, public_comment: feedback, manually_validated_comment: true })\n        .then( () => this.newAppNotification({\n          message: this.$t(\"quiz.edit.toast.successMessage\"),\n          type: \"success\",\n        })\n        ).catch((error) =>\n          this.newAppNotification({\n            message: this.$t(\"quiz.edit.toast.errorMessage\", { error }),\n            type: \"error\",\n          })\n        )\n    },\n    generateFeedback() {\n      this.generatingFeedback = true\n      return axios\n        .post(this.score.links.generate_feedback)\n    },\n    generateQuizzesAttemptSummaryFeedback() {\n      this.generatingFeedback = true\n      return axios\n        .post(this.quizzesAttemptSummary.links.generate_feedback)\n    },\n  },\n  mounted() {\n    this.public_comment = this.score.public_comment\n  },\n  watch: {\n    \"score.public_comment\": {\n      handler(val, oldVal) {\n        if (oldVal === this.public_comment || oldVal === null) {\n          this.public_comment = val\n          // This is a dirty hack to mark the comment ia generated with updated via websocket\n          this.generatingFeedback = false\n        }\n      },\n    },\n  },\n}\n</script>\n","import { mapGetters } from \"vuex\"\n\nexport default {\n  computed: {\n    ...mapGetters([\n      \"quizInstanceContentByQuizId\",\n      \"quizInstanceByQuizId2\",\n      \"currentUser\",\n      \"instancesLoading\",\n      \"paperSheetContantByQuizIdAndUserId\",\n    ]),\n\n    quizInstance() { return this.quizInstanceByQuizId2(this.quiz?.id, this.userId) },\n\n    quizSheet() { return this.paperSheetContantByQuizIdAndUserId(this.quiz?.id, this.userId) },\n\n    /**\n     * @return {Array}\n     */\n    exercises() {\n      return this.quizInstanceExercises || this.quizSheetExercises || []\n    },\n\n    /**\n     * @return {Array, undefined}\n     */\n    quizSheetExercises() {\n      if(!this.quizSheet?.children) return\n      return this.quizSheet?.children[0]?.children\n    },\n\n    /**\n     * @return {Array, undefined}\n     */\n    quizInstanceExercises() {\n      if(!this.quizInstanceContentByQuizId(this.quiz?.id, this.userId)?.children) return\n\n      return this.quizInstanceContentByQuizId(this.quiz?.id, this.userId)?.children?.flatMap( section => section?.children)\n    },\n\n    quizInstanceSections() {\n      if(!this.quizInstanceContentByQuizId(this.quiz?.id, this.userId)?.children) return\n\n      return this.quizInstanceContentByQuizId(this.quiz?.id, this.userId)?.children\n    },\n  },\n}\n","<template>\n  <v-alert\n    v-if=\"score && score.answers_to_review_count > 0\"\n    type=\"warning\"\n    :icon=\"false\"\n    text\n  >\n    <v-row\n      align=\"center\"\n      class=\"mb-0\"\n    >\n      <v-col class=\"grow\">\n        <span v-html=\"this.$tc('live.correction.afterClosing.content', score.answers_to_review_count, {answers: score.answers_to_review_count, date: expectedEndDateSentence})\" />\n      </v-col>\n      <v-col class=\"shrink\">\n        <v-btn\n          color=\"orange\"\n          depressed\n          @click=\"acceptAnswers\"\n        >\n          <v-icon\n            left\n            v-html=\"'mdi-thumb-up-outline'\"\n          />\n          {{ $t('live.correction.afterClosing.buttons.acceptAll') }}\n        </v-btn>\n      </v-col>\n      <v-col class=\"shrink\">\n        <v-btn\n          color=\"orange\"\n          text\n          @click=\"rejectAnswers\"\n        >\n          <v-icon\n            left\n            v-html=\"'mdi-thumb-down-outline'\"\n          />\n          {{ $t('live.correction.afterClosing.buttons.refuseAll') }}\n        </v-btn>\n      </v-col>\n    </v-row>\n  </v-alert>\n</template>\n\n<script>\nimport { mapActions } from \"vuex\"\nimport questionStateMixin from \"./question_state_mixin\"\nimport instanceScoreDuration from \"../quiz/evalmee/instance_score_duration\"\n\nexport default {\n  name: \"OutOfTimeSeveralAlert\",\n  mixins: [questionStateMixin, instanceScoreDuration],\n  props: {\n    score: { type: Object, required: true },\n    answers: { type: Array, required: true },\n    quizInstance: {\n      type: Object,\n      default: null,\n    },\n    quiz: {\n      type: Object,\n      required: true,\n    },\n  },\n  methods: {\n    ...mapActions([\"handleEventAnswer\"]),\n    acceptAnswers() {\n      this.answersToReview.forEach(a =>\n        this.handleEventAnswer({ answer: a, status: \"accepted\" })\n      )\n    },\n    rejectAnswers(){\n      this.answersToReview.forEach(a =>\n        this.handleEventAnswer({ answer: a, status: \"rejected\" })\n      )\n    },\n  },\n  computed: {\n    answersToReview() {\n      return this.answers.filter(a => {\n        return [\"out_of_time\", \"timer_timeout\"].includes(a.status)\n      })\n    },\n    expectedEndDate() {\n      return this.score.finished_at\n    },\n    expectedEndDateSentence() {\n      if(!this.quizInstance) return\n\n      return this.$moment(this.expectedEndDate)\n        .format((`LTS [${this.$t(\"live.correction.outOfTime.of\")}] L`))\n    },\n  },\n}\n</script>\n","<template>\n  <v-alert\n      class=\"mb-5 mt-5\"\n      v-if=\"isDisplayed\"\n      type=\"info\"\n      :icon=\"false\"\n      text\n  >\n    {{ $t(\"live.correction.unauthorizedCorrectionAccess\") }}\n  </v-alert>\n</template>\n\n<script>\n\nexport default {\n  name: \"cheatScoreAlert\",\n  props: {\n    teacherMode: {},\n    quiz: {},\n  },\n  computed: {\n    isDisplayed () {\n      return !this.teacherMode && this.quiz && !this.quiz.whole_correction_visible\n    },\n  },\n}\n</script>\n","<template>\n  <div>\n    <v-lazy\n      v-for=\"(question, index) in questions\"\n      :key=\"question.id\"\n      :options=\"{threshold: .5}\"\n      class=\"mb-12\"\n      min-height=\"200\"\n      transition=\"fade-transition\"\n    >\n      <question-normal\n        :correction-mode=\"true\"\n        :index=\"index\"\n        :manual-correction-mode=\"teacherMode\"\n        :question=\"parsedQuestion(question)\"\n        :quiz=\"quiz\"\n        :show-score=\"quiz.show_scores || currentUser.teacher\"\n        :user-id=\"userId\"\n      >\n        <template slot=\"grader\">\n          <open-question-grader\n            :answer=\"answerByQuestionAndUserId(question.id, userId)\"\n            :current-user=\"currentUser\"\n            :label=\"$t('live.correction.manual')\"\n            :quiz=\"quiz\"\n          />\n        </template>\n\n        <template #grader=\"{answer = answerByQuestionAndUserId(question.id, userId), question = parsedQuestion(question)}\">\n          <open-question-grader\n            v-if=\"answer\"\n            :answer=\"answer\"\n            :current-user=\"currentUser\"\n            :label=\"$t('live.correction.manual')\"\n            :question=\"question\"\n            :quiz=\"quiz\"\n            class=\"mb-2\"\n          />\n        </template>\n        <template #feedbackEditor=\"{answer = answerByQuestionAndUserId(question.id, userId), question = parsedQuestion(question), questionComment, hasQuestionComment}\">\n          <v-card\n            flat\n            outlined\n          >\n            <question-correction-comment\n              v-if=\"hasQuestionComment\"\n              :content=\"questionComment\"\n            />\n            <v-divider v-if=\"hasQuestionComment\" />\n            <answer-feedback-editor\n              v-if=\"answer\"\n              :answer=\"answer\"\n              :question=\"question\"\n              :quiz=\"quiz\"\n            />\n          </v-card>\n        </template>\n      </question-normal>\n    </v-lazy>\n  </div>\n</template>\n<script>\nimport OpenQuestionGrader from \"../../components/questions/open_question_grader.vue\"\nimport QuestionNormal from \"./../../components/questions/question_normal.vue\"\nimport AnswerFeedbackEditor from \"@/components/questions/answerFeedbackEditor.vue\"\nimport QuestionCorrectionComment from \"@/components/questions/question_correction_comment.vue\"\n\nexport default {\n  name: \"LegacyCorrection\",\n  components: { QuestionCorrectionComment, AnswerFeedbackEditor, OpenQuestionGrader, QuestionNormal },\n  props: {\n    questions: {},\n    quiz: {},\n    teacherMode: {},\n    userId: {},\n    answerByQuestionAndUserId: Function,\n    currentUser: {},\n  },\n  methods: {\n    parsedQuestion(question) {\n      return {\n        id: question.id,\n        attributes: question,\n        children: this.parsedChoice(question.choices),\n        subtitle: () => \"\",\n        subtitleInstructions: () => \"\",\n        isAnswerable: question.type !== \"text\",\n        allowMultipleChoices: question.allow_multiple_choices,\n      }\n    },\n\n    parsedChoice(choice) {\n      return {\n        id: choice.id,\n        attributes: choice,\n      }\n    },\n  },\n}\n</script>\n","<template>\n  <div>\n    <v-card\n      v-for=\"(data, eventKind) in score.events_report.report\"\n      :key=\"eventKind\"\n      outlined\n      class=\"mb-2\"\n      flat\n    >\n      <v-data-table\n        :headers=\"headers\"\n        :items=\"score.events_report.events_pairs.filter(e => e.kind === eventKind)\"\n        dense\n        hide-default-footer\n        :items-per-page=\"1000000\"\n      >\n        <template #top>\n          <div class=\"py-2 px-4\">\n            <b>{{ eventKind }}</b>\n            <span>\n              {{ $moment.duration(data.total_duration_timestamp ).format(\"mm[min] ss[s] SSS[ms]\") }}\n            </span>\n            <span class=\"grey--text\">\n              ({{ data.occurrences }})\n            </span>\n          </div>\n        </template>\n\n        <template #item.start_date=\"{ item }\">\n          {{ $moment(item.start_date).format(\"llll:ss:SS\") }}\n        </template>\n\n        <template #item.end_date=\"{ item }\">\n          {{ $moment(item.end_date).format(\"llll:ss:SS\") }}\n        </template>\n\n        <template #item.duration=\"{ item }\">\n          {{ $moment.duration(item.duration_timestamp ).format(\"mm[min] ss[s] SSS[ms]\") }}\n        </template>\n\n        <template #item.exercise_ids=\"{ item }\">\n          {{ item.exercise_ids.join(', ') }}\n        </template>\n      </v-data-table>\n    </v-card>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\"\n\nexport default {\n  name: \"EvalmeeQuizEventsReport\",\n  props: {\n    score: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      headers: [\n        { text: \"Start Date (ms)\", value: \"start_date\" },\n        { text: \"End Date (ms)\", value: \"end_date\" },\n        { text: \"Duration (ms)\", value: \"duration\" },\n        { text: \"Exercises\", value: \"exercise_ids\" },\n      ],\n    }\n  },\n  computed: {\n    ...mapGetters([\"studentEvents\"]),\n    events() {\n      return this.studentEvents(this.score.id)\n    },\n  },\n}\n</script>\n","<template>\n  <div>\n    <!-- Normal view -->\n    <div class=\"fullscreen-wrapper\">\n      <slot />\n    </div>\n\n    <!-- Dialog view -->\n    <v-dialog\n      v-model=\"isFullscreen\"\n      max-widthe=\"90vw\"\n      max-heighte=\"90vh\"\n      content-class=\"dialog-containere\"\n    >\n      <v-card>\n        <v-card-text class=\"pa-0\">\n          <slot />\n        </v-card-text>\n      </v-card>\n    </v-dialog>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"VDialogSelfWrapper\",\n  props: {\n    title: {\n      type: String,\n      default: \"\",\n    },\n    value: {\n      type: Boolean,\n      default: false,\n    },\n    clickToFullscreen: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  data() {\n    return {\n      isFullscreen: this.value,\n    }\n  },\n  watch: {\n    value(newVal) {\n      this.isFullscreen = newVal\n    },\n    isFullscreen(newVal) {\n      this.$emit(\"input\", newVal)\n      this.$emit(newVal ? \"enter-fullscreen\" : \"exit-fullscreen\")\n    },\n  },\n  methods: {\n    handleClick() {\n      if (this.clickToFullscreen && !this.isFullscreen) {\n        this.isFullscreen = true\n      }\n    },\n    exitFullscreen() {\n      this.isFullscreen = false\n    },\n  },\n}\n</script>\n\n<style scoped>\n\n.dialog-container {\n  display: flex;\n  height: 90vh;\n}\n\n.dialog-card {\n  height: 100%;\n  width: 100%;\n}\n\n.dialog-content {\n  height: 100%;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n}\n\n/* Pour s'assurer que le contenu du slot prend toute la hauteur disponible */\n.dialog-content :deep(> *) {\n  flex: 1;\n  height: 100%;\n  min-height: 0;\n}\n</style>\n\n","export function useScroll() {\n\n  const to = (ref, parentRef)  => {\n    const el = ref\n    const parentEl = parentRef\n\n    if (el && parentEl) {\n      const elRect = el.getBoundingClientRect()\n      const parentRect = parentEl.getBoundingClientRect()\n\n      parentEl.scrollBy({\n        top: elRect.top - parentRect.top,\n        left: elRect.left - parentRect.left,\n        behavior: \"smooth\",\n      })\n    }\n  }\n\n  const intoView = (ref, { offset, behavior } = { offset: 0, behavior: \"smooth\" }) => {\n\n    const el = ref\n\n    if (el) {\n      const elRect = el.getBoundingClientRect()\n      const windowRect = document.body.getBoundingClientRect()\n\n      window.scrollTo({\n        top: elRect.top - windowRect.top - offset,\n        behavior: behavior,\n      })\n    }\n\n\n  }\n\n  return {\n    to,\n    intoView,\n  }\n}\n","<template>\n  <div>\n    <div\n      class=\"ma-2 diff-container\"\n    >\n      <div\n        class=\"scrollable pb-4\"\n        ref=\"scrollable\"\n        v-intersect=\"onIntersect\"\n      >\n        <div>\n          <span\n            v-for=\"(part, index) in diff\"\n            :key=\"index\"\n          >\n            <span\n              v-if=\"part.added\"\n              class=\"green--text green lighten-5\"\n              ref=\"added\"\n            >\n              {{ part.value }}\n            </span>\n            <span\n              v-if=\"part.removed\"\n              class=\"red--text red lighten-5\"\n            >\n              {{ part.value }}\n            </span>\n            <span v-if=\"!part.added && !part.removed\">\n              {{ part.value }}\n            </span>\n          </span>\n        </div>\n      </div>\n    </div>\n    <v-divider />\n    <div class=\"px-2 py-1 grey lighten-3 caption\">\n      {{ $t(\"live.studentEvents.kind.bulkInsert.diffTool.text\") }}\n      <span class=\"green--text green lighten-5\">\n        {{ $t(\"live.studentEvents.kind.bulkInsert.diffTool.added\") }}\n      </span>\n      <span class=\"red--text red lighten-5\">\n        {{ $t(\"live.studentEvents.kind.bulkInsert.diffTool.removed\") }}\n      </span>\n    </div>\n  </div>\n</template>\n<script>\n\nimport { useScroll } from \"@/composables/useScroll\"\n\nexport default {\n  name: \"EventTextDiff\",\n  props: {\n    diff : {\n      // The `diff` prop is an array that represents the differences between two text strings.\n      // Each element in the array is an object with the following properties:\n      // - `value`: The text that was added, removed, or unchanged.\n      // - `added`: A boolean that is true if the text was added.\n      // - `removed`: A boolean that is true if the text was removed.\n      // This prop is required for the component to function correctly.\n      type: Array,\n      required: true,\n    },\n  },\n  setup() {\n    return {\n      useScroll,\n    }\n  },\n  data: () => ({\n    isVisible: false,\n  }),\n  methods: {\n    scrollToFirstAdded() {\n      const added = this.$refs.added && this.$refs.added[0]\n      this.useScroll().to(added, this.$refs.scrollable)\n    },\n    onIntersect(entries) {\n      // The callback function is called whenever the observed element enters or exits the viewport.\n      this.isVisible = false\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          this.isVisible = true\n        }\n      })\n    },\n  },\n  watch: {\n    isVisible: {\n      handler(val) {\n        if (val) this.scrollToFirstAdded()\n      },\n      immediate: true,\n    },\n  },\n}\n</script>\n\n<style scoped>\n.scrollable {\n  max-height: 200px;\n  overflow: scroll;\n}\n\n .diff-container {\n    overflow: hidden;\n   max-height: 200px;\n   position: relative;\n }\n .diff-container::before{\n   content: \"\";\n   display: block;\n   height: 25%;\n   width: 100%;\n   position: absolute;\n   bottom: 0;\n   left: 0;\n   background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 100%);\n   pointer-events: none;\n }\n</style>\n","<template>\n  <div>\n    <canvas\n      ref=\"chart\"\n      class=\"chart\"\n      @click=\"drawChart\"\n    />\n    <div class=\"caption\">\n      <evalmee-chip\n        color=\"red\"\n        dark\n        label\n        small\n      >\n        Beta\n      </evalmee-chip>\n      {{ $t(\"live.studentEvents.kind.resizeBrowser.chart.disclaimer\") }}\n    </div>\n  </div>\n</template>\n\n<script>\nimport EvalmeeChip from \"@/components/shared/evalmee_chip.vue\"\n\n\nexport default {\n  name: \"EventScreenSizeChart\",\n  components: { EvalmeeChip },\n  props: {\n    screenWidth: {\n      type: Number,\n      required: true,\n    },\n    screenHeight: {\n      type: Number,\n      required: true,\n    },\n    browserWidth: {\n      type: Number,\n      required: true,\n    },\n    browserHeight: {\n      type: Number,\n      required: true,\n    },\n    browserPositionX: {\n      type: Number,\n      required: true,\n    },\n    browserPositionY: {\n      type: Number,\n      required: true,\n    },\n  },\n  mounted() {\n    this.drawChart()\n    // this.drawBackground()\n  },\n  computed: {\n    actualScreenWidth() {\n      const maxMultiScreenWidth =  Math.abs(this.browserPositionX) + this.browserWidth\n      return Math.max(this.screenWidth, maxMultiScreenWidth)\n    },\n    actualScreenHeight() {\n      const maxMultiScreenHeight =  Math.abs(this.browserPositionY) + this.browserHeight\n      return Math.max(this.screenHeight, maxMultiScreenHeight)\n    },\n  },\n  methods: {\n    scale({ fit } = { fit: true }) {\n      const canvas = this.$refs.chart\n      const scaleX = canvas.width / this.actualScreenWidth\n      const scaleY = canvas.height / this.actualScreenHeight\n      return fit ? Math.min(scaleX, scaleY) : Math.max(scaleX, scaleY)\n    },\n\n    drawChart() {\n      // Draw two rectangles: one for the screen and one for the browser\n      // This char should be zoomed to fit the canvas size. x and y scale should be the same\n      const browserColor = this.$vuetify.theme.currentTheme.primary\n\n      const canvas = this.$refs.chart\n      const ctx = canvas.getContext(\"2d\")\n      ctx.clearRect(0, 0, canvas.width, canvas.height)\n\n      const screenW = this.actualScreenWidth\n      const screenH = this.actualScreenHeight\n\n      const browserX = Math.abs(this.browserPositionX)\n      const browserY = Math.abs(this.browserPositionY)\n      const browserW = this.browserWidth\n      const browserH = this.browserHeight\n      const screenBorders = 10\n\n\n      const scale = this.scale()\n\n      const drawRect = ({ x, y, w, h, color, alpha, text, border, rounded } = { alpha: 1, border: false, rounded: false }) => {\n        const cornerRadius = rounded ? 5 : 0\n\n        ctx.save()\n        ctx.globalAlpha = alpha\n        ctx.fillStyle = color\n        const region = new Path2D()\n        region.roundRect(x, y, w, h, cornerRadius)\n        ctx.fill(region)\n        ctx.clip(region, \"evenodd\")\n        ctx.restore()\n\n\n        if (border) {\n          const borderWidth = 1\n          const borderRegion = new Path2D()\n          // important: the border should be INSIDE the rectangle area\n          borderRegion.roundRect(x + borderWidth, y + borderWidth, w - 2 * borderWidth, h - 2 * borderWidth, cornerRadius)\n          ctx.strokeStyle = color\n          ctx.stroke(borderRegion)\n        }\n\n        // text in the middle of the rectangle\n        if (text) {\n          ctx.fillStyle = \"black\"\n          ctx.font = \"12px Arial\"\n          ctx.textAlign = \"center\"\n          ctx.fillText(text, x  + w  / 2, y  + h  / 2)\n        }\n\n        return ctx\n      }\n\n      const drawBrowserWindow = ({ x, y, w, h, color, text }) => {\n        const topBarHeight = h * 0.1\n\n        drawRect({\n          x: x,\n          y: y,\n          w: w,\n          h: h,\n          color: color,\n          alpha: 0.1,\n          text: text,\n          border: true,\n        })\n\n        // draw top bar\n        drawRect({\n          x: x,\n          y: y,\n          w: w,\n          h: topBarHeight,\n          color: color,\n          alpha: 1,\n        })\n      }\n\n\n      const drawScreen = ({ x, y, w, h, color }) => {\n        // draw screen : a rectangle with inside, a smaller centered rectangle with a padding of 10px.\n\n        const innerW = w - 2 * screenBorders\n        const innerH = h - 2 * screenBorders\n\n        drawRect({\n          x: x,\n          y: y,\n          w: w,\n          h: h,\n          color: \"#727272\",\n          alpha: 0.5,\n          text: this.$t(\"live.studentEvents.kind.resizeBrowser.chart.screen\"),\n          border: true,\n          rounded: true,\n        })\n        // ctx.save()\n        // ctx.rect(\n        //   x + padding / 2,\n        //   y + padding / 2,\n        //   w - padding,\n        //   h - padding\n        // )\n        // ctx.lineWidth = padding\n        // ctx.strokeStyle = color\n        // ctx.stroke()\n        // ctx.restore()\n\n        drawRect({\n          x: x + screenBorders,\n          y: y + screenBorders,\n          w: innerW,\n          h: innerH,\n          color: this.$vuetify.theme.currentTheme.background,\n          alpha: 1,\n        })\n      }\n\n      drawScreen({\n        x: 0,\n        y: 0,\n        w: screenW * scale,\n        h: screenH * scale,\n        color: \"#6d6d6d\",\n      })\n\n      drawBrowserWindow({\n        x: browserX * scale + screenBorders,\n        y: browserY * scale + screenBorders,\n        w: browserW * scale - 2 * screenBorders,\n        h: browserH * scale - 2 * screenBorders,\n        color: browserColor,\n        text: this.$t(\"live.studentEvents.kind.resizeBrowser.chart.browser\"),\n      })\n    },\n  },\n}\n</script>\n\n\n<style scoped>\n.chart {\n  width: auto;\n  height: 100%;\n  max-width: 100%;\n}\n\n</style>\n\n","\n<template>\n  <v-card max-width=\"250\">\n    <div>\n      <!--      <v-icon-->\n      <!--        v-html=\"icon\"-->\n      <!--        class=\"mt-5 pl-4\"-->\n      <!--      />-->\n\n      <div style=\"max-width: 100%\">\n        <v-card-title>\n          {{ $tc(`live.studentEvents.kind.${toCamelCase(event.kind)}.label`) }}\n        </v-card-title>\n        <v-card-text v-if=\"content\">\n          <v-card\n            flat\n            outlined\n          >\n            <event-text-diff\n              :diff=\"event?.details?.diff\"\n              v-if=\"hasDiff\"\n            />\n            <div\n              v-else\n              class=\"ma-2\"\n            >\n              {{ content }}\n            </div>\n          </v-card>\n          <div\n            v-if=\"event.kind === 'resize_browser'\"\n            class=\"mt-2\"\n          >\n            <event-screen-size-chart\n              :screen-width=\"event.details.screen.oriented_width || event.details.screen.width\"\n              :screen-height=\"event.details.screen.oriented_height || event.details.screen.height\"\n              :browser-width=\"event.details.width.to\"\n              :browser-height=\"event.details.height.to\"\n              :browser-position-x=\"event.details.screen.position.screen_x\"\n              :browser-position-y=\"event.details.screen.position.screen_y\"\n            />\n            <div />\n          </div>\n        </v-card-text>\n\n        <v-list\n          dense\n          class=\"very-dense\"\n          v-if=\"similarEventsByGroup.length > 0\"\n        >\n          <v-subheader class=\"mx-2\">\n            {{ $t(\"live.studentEvents.similarEvents\") }}\n          </v-subheader>\n          <template\n            v-for=\"similarEventGroup in similarEventsByGroup\"\n          >\n            <v-list-item\n              v-for=\"similarEvent in similarEventGroup.events\"\n              :key=\"similarEvent.id\"\n            >\n              <v-list-item-icon>\n                <v-icon\n                  small\n                >\n                  {{ similarEventGroup.icon }}\n                </v-icon>\n              </v-list-item-icon>\n              <v-list-item-content>\n                <v-list-item-title>\n                  <katex-md\n                    :expr=\"similarEvent.details?.content || similarEvent.details?.selection\"\n                    remove-all-html\n                  />\n                </v-list-item-title>\n                <v-list-item-subtitle v-tooltip=\"$moment(similarEvent.date).format('llll:ss:SS')\">\n                  {{ $moment(similarEvent.date).format(\"LTS\") }} - {{ similarEventGroup.name }}\n                </v-list-item-subtitle>\n              </v-list-item-content>\n            </v-list-item>\n          </template>\n        </v-list>\n\n        <template v-if=\"event.exercises.length > 0\">\n          <v-divider />\n          <v-list\n            dense\n            class=\"very-dense\"\n          >\n            <v-list-item\n              v-for=\"exercise in event.exercises.slice(0, allExercises ? undefined : 3)\"\n              :key=\"exercise.id\"\n            >\n              <v-list-item-icon>\n                <v-icon\n                  small\n                  v-html=\"'mdi-card-text-outline'\"\n                />\n              </v-list-item-icon>\n              <v-list-item-content>\n                <v-list-item-title>\n                  <katex-md\n                    :expr=\"exercise.name\"\n                    remove-all-html\n                  />\n                </v-list-item-title>\n              </v-list-item-content>\n            </v-list-item>\n\n            <v-list-item\n              v-if=\"event.exercises?.length > 3\"\n              @click=\"allExercises = !allExercises\"\n            >\n              <v-list-item-icon>\n                <v-icon\n                  small\n                  v-html=\"allExercises ? 'mdi-chevron-up' : 'mdi-chevron-down'\"\n                />\n              </v-list-item-icon>\n              <v-list-item-content>\n                <v-list-item-title>\n                  {{ allExercises ? $t(\"live.studentEvents.showLess\") : $t(\"live.studentEvents.showAll\") }}\n                </v-list-item-title>\n              </v-list-item-content>\n            </v-list-item>\n          </v-list>\n          <v-divider />\n        </template>\n        <v-list\n          dense\n          class=\"very-dense\"\n        >\n          <v-list-item\n            v-for=\"item in timeItems.filter(i => i.visible)\"\n            :key=\"item.label\"\n            two-line\n            v-tooltip=\"item.fullValue\"\n          >\n            <v-list-item-icon>\n              <v-icon small>\n                {{ item.icon }}\n              </v-icon>\n            </v-list-item-icon>\n            <v-list-item-content>\n              <v-list-item-title>\n                {{ item.value }}\n              </v-list-item-title>\n            </v-list-item-content>\n          </v-list-item>\n        </v-list>\n      </div>\n    </div>\n    <v-card-text class=\"grey lighten-3 caption\">\n      <span v-html=\"$t(`live.studentEvents.kind.${toCamelCase(event.kind)}.description`)\" />\n    </v-card-text>\n  </v-card>\n</template>\n\n<script>\nimport stringHelper from \"../../../helpers/string_helpers\"\nimport KatexMd from \"../../../components/katex-md.vue\"\nimport timeHelpers from \"../../../helpers/time_helpers\"\nimport EventTextDiff from \"@/views/quizzes/events-timeline/eventTextDiff.vue\"\nimport EventScreenSizeChart from \"@/views/quizzes/events-timeline/eventScreenSizeChart.vue\"\n\nexport default {\n  name: \"QuizzesEventsTimelineEventDetail\",\n  components: { EventScreenSizeChart, EventTextDiff, KatexMd },\n  props: {\n    event: {\n      type: Object,\n      required: true,\n    },\n    similarEventsByGroup: {\n      type: Array,\n      default: () => [],\n    },\n    icon: {\n      type: String,\n      default: \"mdi-timer-outline\",\n    },\n    tabId: {\n      type: [String. Number],\n      default: null,\n    },\n  },\n  data: () => ({\n    allExercises: false,\n  }),\n  computed: {\n    timeItems() {\n      return [\n        {\n          label: \"Question\",\n          icon: \"mdi-card-text-outline\",\n          value: this.event.details?.questionName,\n          fullValue: this.event.details?.questionName,\n          visible: this.event.details?.questionName,\n        },\n        {\n          label: \"Browser Window/Tab\",\n          icon: \"mdi-tab\",\n          value: this.$t(\"live.studentEvents.window\", { id: this.tabId }),\n          visible: this.tabId && this.event.kind !== \"answers_last_update\",\n        },\n        {\n          label: \"Duration\",\n          icon: \"mdi-timer-outline\",\n          value: this.formatDuration(this.event.duration),\n          visible: this.event.duration,\n        },\n        {\n          label: \"Date\",\n          icon: \"mdi-clock-outline\",\n          value: this.$moment(this.event.date).format(\"LTS\"),\n          fullValue: this.$moment(this.event.date).format(\"llll:ss:SS\"),\n          visible: this.event.date,\n        },\n        {\n          label: \"Start Date\",\n          icon: \"mdi-clock-start\",\n          value: this.$moment(this.event.start_date).format(\"LTS\"),\n          fullValue: this.$moment(this.event.start_date).format(\"llll:ss:SS\"),\n          visible: this.event.start_date,\n        },\n        {\n          label: \"End Date\",\n          icon: \"mdi-clock-end\",\n          value: this.$moment(this.event.end_date).format(\"LTS\"),\n          fullValue: this.$moment(this.event.end_date).format(\"llll:ss:SS\"),\n          visible: this.event.end_date,\n        },\n      ]\n    },\n    content() {\n      if(this.event.kind === \"resize_browser\") {\n        const details = this.event.details\n        return `${details.width.from}x${details.height.from} -> ${details.width.to}x${details.height.to}`\n      }\n      if (this.event.kind === \"browser_extension_interaction\") {\n        return `${this.event.details.extension_name} - ${this.event.details.target.text}`\n      }\n\n      return this.event.details?.content || this.event.details?.selection\n    },\n    hasDiff() {\n      return this.event.details?.diff\n    },\n\n  },\n  methods: {\n    formatDuration(durationTimestamp) {\n      return timeHelpers.formatDurationMs(durationTimestamp)\n    },\n    toCamelCase(str) {\n      return stringHelper.toCamelCase(str)\n    },\n  },\n}\n\n</script>\n\n<style scoped>\n\n</style>\n","<template>\n  <div\n    v-if=\"visibleScreenshotsBySegment.length\"\n    id=\"screenshots-container\"\n    class=\"blue-grey lighten-5\"\n  >\n    <div\n      v-for=\"screenshot in visibleScreenshotsBySegment\"\n      :key=\"screenshot.id\"\n      class=\"screenshot-marker\"\n      :style=\"{ left: `${screenshot.position}%` }\"\n    >\n      <v-img\n        :src=\"screenshot.thumb_url || screenshot.url\"\n        class=\"screenshot-thumbnail\"\n        max-width=\"40\"\n        max-height=\"30\"\n        min-height=\"30\"\n        @click=\"handleScreenshotClick(screenshot)\"\n        :class=\"{\n          'selected-screenshot': selectedScreenshot?.id === screenshot.id,\n        }\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { useDebounceFn } from \"@vueuse/core\"\nimport { computed, ref, toRefs, watch } from \"vue\"\n\nconst DEBOUNCE_MS = 500\n\nexport default {\n  name: \"ScreenshotsTimeline\",\n  props: {\n    studentScreenshots: {\n      type: Array,\n      required: true,\n    },\n    minTimestamp: {\n      type: Number,\n      required: true,\n    },\n    duration: {\n      type: Number,\n      required: true,\n    },\n    timeWindow: {\n      type: Array,\n      required: true,\n    },\n    selectedScreenshot: {\n      type: Object,\n      required: false,\n      default: null,\n    },\n    maxVisibleScreenshots: {\n      type: Number,\n      required: false,\n      default: 50,\n    },\n  },\n  emits: [\"fetch-screenshots\", \"click:screenshot\"],\n  setup(props, { emit }) {\n    // Debounced time window for calculations\n    const debouncedTimeWindow = ref(props.timeWindow)\n    const { selectedScreenshot, maxVisibleScreenshots } = toRefs(props)\n\n    // Update debounced time window\n    const updateDebouncedTimeWindow = useDebounceFn(\n      (newTimeWindow) => {\n        debouncedTimeWindow.value = newTimeWindow\n        // Uncomment the line below to fetch screenshots from the backend\n        emit(\"fetch-screenshots\", newTimeWindow)\n      },\n      DEBOUNCE_MS\n    )\n\n    // Watch for time window changes\n    watch(\n      () => props.timeWindow,\n      (newTimeWindow) => {\n        updateDebouncedTimeWindow(newTimeWindow)\n      },\n      { immediate: true }\n    )\n    watch(\n      () => maxVisibleScreenshots.value,\n      () => emit(\"fetch-screenshots\", debouncedTimeWindow.value),\n      { immediate: true }\n    )\n\n    // Compute visible screenshots based on time segments\n    const visibleScreenshotsBySegment = computed(() => {\n      if (!props.studentScreenshots.length) return []\n\n      const [startTime, endTime] = debouncedTimeWindow.value\n\n      // Calculer la durée d'un segment de temps\n      const segmentDuration = (endTime - startTime) / maxVisibleScreenshots.value\n      const groups = new Map()\n\n      // Filtrer les screenshots dans la plage de temps\n      const filteredScreenshots = props.studentScreenshots\n        .filter(screenshot => {\n          const time = new Date(screenshot.happened_at).getTime()\n          return time >= startTime && time <= endTime\n        })\n\n      // Distribuer les screenshots dans les segments de temps\n      filteredScreenshots.forEach(screenshot => {\n        const time = new Date(screenshot.happened_at).getTime()\n        const segmentIndex = Math.floor((time - startTime) / segmentDuration)\n\n        // Ne garder que le premier screenshot de chaque segment\n        if (!groups.has(segmentIndex) && segmentIndex < maxVisibleScreenshots.value) {\n          groups.set(segmentIndex, screenshot)\n        }\n      })\n\n      const sampledScreenshots = Array.from(groups.values())\n\n      // Combiner les screenshots échantillonnés avec le screenshot sélectionné\n      return [...sampledScreenshots, selectedScreenshot.value]\n        .filter(Boolean)\n        .filter((value, index, self) => self.findIndex(t => t.id === value.id) === index)\n        .map(screenshot => ({\n          ...screenshot,\n          position: ((new Date(screenshot.happened_at).getTime() - props.minTimestamp) / props.duration * 100),\n        }))\n        .sort((a, b) => a.position - b.position)\n    })\n\n    const handleScreenshotClick = (screenshot) => {\n      emit(\"click:screenshot\", screenshot)\n    }\n\n    return {\n      visibleScreenshotsBySegment,\n      handleScreenshotClick,\n    }\n  },\n  data: () => ({\n    showScreenshotDialog: false,\n  }),\n}\n</script>\n\n<style scoped>\n#screenshots-container {\n  height: 30px;\n}\n\n.screenshot-marker {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 30px;\n  width: 40px;\n  position: absolute;\n}\n\n.selected-screenshot {\n  border: 2px solid #007bff;\n  zoom: 1.4;\n  margin-top: -10%;\n}\n</style>\n","<template>\n  <v-sheet\n    :color=\"$vuetify.theme.themes.dark.background\"\n    @mousemove=\"$emit('request-show-controls')\"\n  >\n    <div\n      class=\"d-flex justify-space-between px-4 controls-container\"\n      :class=\"{\n        'show': showControls,\n      }\"\n    >\n      <eva-button\n        icon=\"mdi-arrow-left\"\n        elevation=\"1\"\n        dense\n        @click=\"$emit('click:previous')\"\n        @mouseover=\"$emit('mouseover:controls')\"\n        @mouseleave=\"$emit('mouseleave:controls')\"\n      />\n      <eva-button\n        icon=\"mdi-arrow-right\"\n        elevation=\"1\"\n        dense\n        @click=\"$emit('click:next')\"\n        @mouseover=\"$emit('mouseover:controls')\"\n        @mouseleave=\"$emit('mouseleave:controls')\"\n      />\n    </div>\n\n    <v-img\n      :src=\"selectedScreenshot.url\"\n      max-height=\"90vh\"\n      contain\n    />\n  </v-sheet>\n</template>\n\n<script>\nimport { onKeyStroke } from \"@vueuse/core\"\n\nexport default {\n  name: \"StudentScreenshotViewer\",\n  props: {\n    studentScreenshots: {\n      type: Array,\n      required: true,\n    },\n    selectedScreenshot: {\n      type: Object,\n      required: true,\n    },\n    showControls: {\n      type: Boolean,\n      required: true,\n    },\n  },\n  emits: [\n    \"update:selectedScreenshot\",\n    \"mouseover:controls\",\n    \"mouseleave:controls\",\n    \"request-show-controls\",\n    \"click:next\",\n    \"click:previous\",\n  ],\n  setup(props, { emit }) {\n    // Keyboard navigation\n    onKeyStroke(\"ArrowRight\", () => {\n      emit(\"click:next\")\n    })\n    onKeyStroke(\"ArrowLeft\", () => {\n      emit(\"click:previous\")\n    })\n  },\n}\n</script>\n\n<style scoped>\n.controls-container {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  width: 100%;\n  opacity: 0;\n  transition: opacity 0.5s ease-out;\n  z-index: 10;\n}\n\n.controls-container.show {\n  opacity: 1;\n  transition: opacity 0.1s ease-out;\n}\n</style>\n","import { ref } from \"vue\"\nimport { useTimeoutFn } from \"@vueuse/core\"\n\nexport default function useAutoHideOnInactivity({ timeout = 3000 } = {}) {\n  const isVisible = ref(false)\n  const isHovered = ref(false)\n\n  const {\n    start: startVisibilityTimeout,\n    stop: stopVisibilityTimeout,\n  } = useTimeoutFn(() => {\n    // Don't hide if element is being hovered\n    if (!isHovered.value) {\n      isVisible.value = false\n    }\n    stopVisibilityTimeout()\n  }, timeout)\n\n  const requestVisibility = () => {\n    isVisible.value = true\n    stopVisibilityTimeout()\n    startVisibilityTimeout()\n  }\n\n  const requestHide = () => {\n    isVisible.value = false\n    stopVisibilityTimeout()\n  }\n\n  const setHovered = (value) => {\n    isHovered.value = value\n    if (value) {\n      // When hovering, ensure element is visible\n      isVisible.value = true\n      stopVisibilityTimeout()\n    } else {\n      // When leaving hover, start the visibility timeout\n      startVisibilityTimeout()\n    }\n  }\n\n  return {\n    isVisible,\n    isHovered,\n    requestVisibility,\n    requestHide,\n    setHovered,\n  }\n}\n\n","<template>\n  <dialog-self-wrapper\n    v-model=\"isDialogOpen\"\n    title=\"Timeline\"\n    @exit-fullscreen=\"selectedScreenshot = null\"\n  >\n    <div\n      class=\"pa-4 floating-header\"\n      v-if=\"isDialogOpen\"\n    >\n      <eva-button\n        dense\n        icon=\"mdi-close\"\n        @click=\"isDialogOpen = false\"\n        @mouseover=\"setControlsHovered(true)\"\n        @mouseleave=\"setControlsHovered(false)\"\n        class=\"hideable\"\n        :class=\"{\n          'hideable-show': showControls,\n        }\"\n        v-if=\"isDialogOpen\"\n      />\n    </div>\n    <student-screenshot-viewer\n      v-if=\"selectedScreenshot && isDialogOpen\"\n      :selected-screenshot=\"selectedScreenshot\"\n      @update:selected-screenshot=\"selectedScreenshot = $event\"\n      :student-screenshots=\"studentScreenshots\"\n      :show-controls=\"showControls\"\n      @mouseover:controls=\"setControlsHovered(true)\"\n      @mouseleave:controls=\"setControlsHovered(false)\"\n      @request-show-controls=\"requestShowControls\"\n      @click:next=\"selectNextScreenshot\"\n      @click:previous=\"selectPreviousScreenshot\"\n    />\n    <v-card\n      :flat=\"!isDialogOpen\"\n      :outlined=\"isDialogOpen\"\n      :tile=\"!isDialogOpen\"\n      class=\"d-flex mt-auto\"\n      :class=\"{\n        'floating-timeline': isDialogOpen,\n        'ma-4': isDialogOpen,\n        'pa-2': isDialogOpen,\n        'hideable': isDialogOpen,\n        'hideable-show': showControls,\n      }\"\n      @mouseover=\"setControlsHovered(true)\"\n      @mouseleave=\"setControlsHovered(false)\"\n    >\n      <div>\n        <div\n          v-for=\"(event, index) in [...shortEvents, ...longEvents]\"\n          :key=\"'event-icon-' + index\"\n          class=\"event-icon pr-2\"\n          v-tooltip=\"event.name\"\n        >\n          <v-icon small>\n            {{ event.icon }}\n          </v-icon>\n        </div>\n      </div>\n\n      <div class=\"timeline-container\">\n        <v-card\n          flat\n          text\n          outlined\n          class=\"timeline\"\n          @dblclick=\"handleTimelineDoubleClick\"\n        >\n          <v-btn\n            small\n            @click=\"moveToLeft\"\n            @dblclick.stop=\"() => {}\"\n            class=\"move-button pa-0\"\n            style=\"left: 8px;\"\n            v-if=\"showLeftButton\"\n          >\n            <v-icon small>\n              mdi-arrow-left\n            </v-icon>\n          </v-btn>\n          <v-btn\n            small\n            @click=\"moveToRight\"\n            @dblclick.stop=\"() => {}\"\n            class=\"move-button right pa-0\"\n            style=\"right: 8px;\"\n            v-if=\"showRightButton\"\n          >\n            <v-icon small>\n              mdi-arrow-right\n            </v-icon>\n          </v-btn>\n          <div\n            v-for=\"(event, index) in filteredLineEvents\"\n            :key=\"'line-' + index\"\n          >\n            <div\n              class=\"line smooth-move\"\n              :style=\"{\n                left: ((event.date - minTimestamp) / duration * 100) + '%',\n              }\"\n            />\n            <v-menu\n              open-on-hover\n              offset-y\n              top\n              max-width=\"250\"\n              close-delay=\"100\"\n            >\n              <template #activator=\"{on ,attrs}\">\n                <div\n                  v-bind=\"attrs\"\n                  v-on=\"on\"\n                  class=\"hover-overlay\"\n                  :style=\"{\n                    left: ((event.date - minTimestamp) / duration * 100) + '%',\n                    width: index === filteredLineEvents.length - 1 ? 'calc(100% - ' + ((event.date - minTimestamp) / duration * 100) + '%)' : ((filteredLineEvents[index + 1].date - event.date) / duration * 100) + '%',\n                  }\"\n                  :class=\"{\n                    'primaryLight2': hoveredExerciseId === event.quizzes_exercise_id && hoveredExerciseId !== null,\n                  }\"\n                  @mouseover=\"hoveredExerciseId = event.quizzes_exercise_id\"\n                  @mouseleave=\"hoveredExerciseId = null\"\n                />\n              </template>\n\n              <v-card\n                @click=\"$emit('click:exercise', event.quizzes_exercise_id)\"\n              >\n                <v-card-text>\n                  <katex-md\n                    :expr=\"event?.exercise?.displayName\"\n                    remove-all-html\n                    style=\"max-height: 100px; overflow: auto;\"\n                  />\n                  <template v-if=\"false\">\n                    <!--used for debug only-->\n                    {{ timeHelpers.formatTimeDateWithSeconds(event.happened_at) }}\n                  </template>\n                </v-card-text>\n                <v-card-text class=\"grey lighten-3\">\n                  <div>\n                    {{ $tc(\n                      \"live.studentEvents.exerciseSeenCount\",\n                      exerciseEventsSummary(event.quizzes_exercise_id)?.seen_count,\n                      {\n                        count: exerciseEventsSummary(event.quizzes_exercise_id)?.seen_count,\n                        duration: timeHelpers.formatDuration(exerciseEventsSummary(event.quizzes_exercise_id)?.duration)\n                      })\n                    }}\n                  </div>\n                  <keyboard-tooltip\n                    :label=\"$t('live.studentEvents.seeExercise')\"\n                    key-name=\"E\"\n                  >\n                    <a @click=\"$emit('click:exercise', event.quizzes_exercise_id)\">\n                      {{ $t(\"live.studentEvents.seeExercise\") }}\n                    </a>\n                  </keyboard-tooltip>\n                </v-card-text>\n              </v-card>\n            </v-menu>\n          </div>\n          <div\n            v-for=\"(event, index) in filteredShortEvents\"\n            :key=\"'short-' + index\"\n            class=\"shortEventGroup mt-1\"\n          >\n            <v-menu\n              open-on-hover\n              v-for=\"(timeEvent, subIndex) in event.events\"\n              :key=\"event.kind + index + subIndex\"\n              right\n              :top=\"timeEvent.kind === 'answers_last_update'\"\n              offset-overflow\n              offset-x\n              offset-y\n              max-width=\"250\"\n              :close-on-content-click=\"false\"\n            >\n              <template #activator=\"{on ,attrs}\">\n                <div\n                  v-bind=\"attrs\"\n                  v-on=\"on\"\n                  class=\"smooth-move short-event-marker\"\n                  :class=\"{\n                    'big-short-event-marker': similarTimeEventsByGroup(timeEvent).length > 0 && timeEvent.kind !== 'answers_last_update',\n                    'dot': timeEvent.kind !== 'answers_last_update',\n                    'short-event-marker-line': timeEvent.kind === 'answers_last_update',\n                  }\"\n                  :style=\"{\n                    left: ((timeEvent.date - minTimestamp) / duration * 100) + '%',\n                  }\"\n                >\n                  <div\n                    class=\"short-event-marker-background\"\n                    :class=\"event.color\"\n                  >\n                    <span v-if=\"showEventTabId && timeEvent.kind !== 'answers_last_update'\">\n                      {{ tabIdFor(timeEvent?.details?.browser_tab_token) }}\n                    </span>\n                  </div>\n                </div>\n              </template>\n\n              <quizzes-events-timeline-event-detail\n                :event=\"timeEvent\"\n                :similar-events-by-group=\"similarTimeEventsByGroup(timeEvent)\"\n                :tab-id=\"tabIdFor(timeEvent?.details?.browser_tab_token)\"\n              />\n            </v-menu>\n          </div>\n          <div\n            v-for=\"(event, index) in filteredLongEvents\"\n            :key=\"'long-' + index\"\n            class=\"eventGroup mt-1\"\n          >\n            <v-menu\n              open-on-hover\n              v-for=\"(timeEvent, subIndex) in event.events\"\n              :key=\"event.kind + index + subIndex\"\n              bottom\n              offset-y\n              max-width=\"250\"\n              :close-on-content-click=\"false\"\n            >\n              <template #activator=\"{on ,attrs}\">\n                <div\n                  v-bind=\"attrs\"\n                  v-on=\"on\"\n                  class=\"rectangle smooth-move\"\n                  :class=\"event.color\"\n                  :style=\"{\n                    left: ((timeEvent.start - minTimestamp) / duration * 100) + '%',\n                    width: ((timeEvent.end - timeEvent.start) / duration * 100) + '%',\n                  }\"\n                >\n                  <div\n                    class=\"rectangle-background lighten-5\"\n                    :class=\"event.color\"\n                  />\n                </div>\n              </template>\n\n              <quizzes-events-timeline-event-detail\n                :event=\"timeEvent\"\n                :similar-events-by-group=\"similarTimeEventsByGroup(timeEvent)\"\n              />\n            </v-menu>\n          </div>\n\n          <screenshots-timeline\n            :student-screenshots=\"studentScreenshots\"\n            :min-timestamp=\"minTimestamp\"\n            :duration=\"duration\"\n            :time-window=\"timeWindow\"\n            @fetch-screenshots=\"$emit('fetch-screenshots', { timeWindow: $event, maxVisibleScreenshots: isDialogOpen ? 100 : 50 })\"\n            @click:screenshot=\"handleScreenshotClick\"\n            :selected-screenshot=\"selectedScreenshot\"\n            :max-visible-screenshots=\"isDialogOpen ? 100 : 50\"\n          />\n        </v-card>\n        <div class=\"d-flex align-center gap-2\">\n          <v-range-slider\n            v-model=\"timeWindow\"\n            :min=\"minTimestampDefault\"\n            :max=\"maxTimestampDefault\"\n            hide-details\n          />\n          <eva-button\n            dense\n            text\n            icon=\"mdi-magnify-plus-outline\"\n            @click=\"zoomCentered({ zoomIn: true })\"\n          />\n          <eva-button\n            dense\n            text\n            icon=\"mdi-magnify-minus-outline\"\n            @click=\"zoomCentered({ zoomIn: false })\"\n          />\n        </div>\n      </div>\n    </v-card>\n  </dialog-self-wrapper>\n</template>\n\n<script>\nimport DialogSelfWrapper from \"@/components/shared/DialogSelfWrapper.vue\"\nimport QuizzesEventsTimelineEventDetail from \"./eventDetail.vue\"\nimport ScreenshotsTimeline from \"../../../components/quiz/events-timeline/screenshotsTimeline.vue\"\nimport StudentScreenshotViewer from \"../../../components/quiz/events-timeline/StudentScreenshotViewer.vue\"\nimport KatexMd from \"../../../components/katex-md.vue\"\nimport timeHelpers from \"../../../helpers/time_helpers\"\nimport { onKeyPressed } from \"@vueuse/core\"\nimport { computed, ref } from \"vue\"\nimport KeyboardTooltip from \"@/components/shared/keyboard_tooltip.vue\"\nimport useAutoHideOnInactivity from \"@/composables/useAutoHideOnInactivity\"\n\nconst windowBuffer = 0.5\nconst defaultZoomStepRatio = 0.2\nexport default {\n  name: \"EvalmeeQuizEventsTimeline\",\n  components: {\n    KeyboardTooltip,\n    KatexMd,\n    QuizzesEventsTimelineEventDetail,\n    ScreenshotsTimeline,\n    StudentScreenshotViewer,\n    DialogSelfWrapper,\n  },\n  props: {\n    longEvents: {\n      type: Array,\n      required: true,\n    },\n    shortEvents: {\n      type: Array,\n      required: true,\n    },\n    lineEvents: {\n      type: Array,\n      required: true,\n    },\n    studentScreenshots: {\n      type: Array,\n      required: true,\n    },\n    exerciseEventsSummaries: {\n      type: Array,\n      required: true,\n    },\n  },\n  emits: [\"click:exercise\", \"fetch-screenshots\"],\n  data: () => ({\n    timeWindow: [0,0],\n  }),\n  setup(props, { emit }) {\n    const hoveredExerciseId = ref(null)\n    const isDialogOpen = ref(false)\n    const selectedScreenshot = ref(null)\n\n    // Sort screenshots by timestamp\n    const sortedScreenshots = computed(() => {\n      return props.studentScreenshots\n        .slice()\n        .sort((a, b) => new Date(a.happened_at) - new Date(b.happened_at))\n    })\n\n    // Get index of currently selected screenshot\n    const selectedScreenshotIndex = computed(() => {\n      return sortedScreenshots.value.findIndex(\n        screenshot => screenshot.id === selectedScreenshot.value?.id\n      )\n    })\n\n    // Navigation methods\n    const selectPreviousScreenshot = () => {\n      if (selectedScreenshotIndex.value > 0) {\n        selectedScreenshot.value = sortedScreenshots.value[selectedScreenshotIndex.value - 1]\n      }\n    }\n\n    const selectNextScreenshot = () => {\n      if (selectedScreenshotIndex.value < sortedScreenshots.value.length - 1) {\n        selectedScreenshot.value = sortedScreenshots.value[selectedScreenshotIndex.value + 1]\n      }\n    }\n\n    onKeyPressed(\"e\", () => {\n      emitExerciseHoveredClick()\n    })\n\n    const emitExerciseHoveredClick = () => {\n      emit(\"click:exercise\", hoveredExerciseId.value)\n    }\n\n    const handleScreenshotClick = (screenshot) => {\n      selectedScreenshot.value = screenshot\n      isDialogOpen.value = true\n    }\n\n    const {\n      isVisible: showControls,\n      requestVisibility: requestShowControls,\n      setHovered: setControlsHovered,\n    } = useAutoHideOnInactivity({ timeout: 2000 })\n\n    return {\n      hoveredExerciseId,\n      isDialogOpen,\n      selectedScreenshot,\n      handleScreenshotClick,\n      showControls,\n      requestShowControls,\n      setControlsHovered,\n      selectNextScreenshot,\n      selectPreviousScreenshot,\n    }\n  },\n  computed: {\n    timeHelpers() {\n      return timeHelpers\n    },\n    minTimestampDefault() {\n      const timestamps = [\n        ...this.longEvents.map(event => event.events.map(e => e.start)).flat(),\n        ...this.shortEvents.map(event => event.events.map(e => e.date)).flat(),\n        ...this.lineEvents.map(event => event.date),\n      ]\n\n      // Math.min(...[]) returns Infinity,\n      // so we need to handle the case where there are no timestamps\n      return timestamps.length > 0 ? Math.min(...timestamps) : 0\n    },\n    maxTimestampDefault() {\n      const timestamps = [\n        ...this.longEvents.map(event => event.events.map(e => e.end)).flat(),\n        ...this.shortEvents.map(event => event.events.map(e => e.date)).flat(),\n        ...this.lineEvents.map(event => event.date),\n      ]\n      return Math.max(...timestamps, 0)\n    },\n    duration() {\n      return this.maxTimestamp - this.minTimestamp\n    },\n    sortedLineEvents() {\n      return [...this.lineEvents].sort((a, b) => a.date - b.date)\n    },\n    filteredLongEvents() {\n      return this.longEvents.map(eventsGroup  => {\n        return {\n          ...eventsGroup,\n          events: eventsGroup.events.filter(event => {\n            const start = event.start\n            const end = event.end\n\n            const minTimestamp = this.minTimestamp - this.duration * windowBuffer\n            const maxTimestamp = this.maxTimestamp + this.duration * windowBuffer\n            // return if event is in the time window even partially\n            return (start >= minTimestamp && start <= maxTimestamp) ||\n              (end >= minTimestamp && end <= maxTimestamp)\n          }),\n        }\n      })\n    },\n    filteredShortEvents() {\n      return this.shortEvents.map(eventsGroup  => {\n        return {\n          ...eventsGroup,\n          events: eventsGroup.events.filter(event => {\n            const date = event.date\n\n            const minTimestamp = this.minTimestamp - this.duration * windowBuffer\n            const maxTimestamp = this.maxTimestamp + this.duration * windowBuffer\n            // return if event is in the time window even partially\n            return date >= minTimestamp && date <= maxTimestamp\n          }),\n        }\n      })\n    },\n    filteredLineEvents() {\n      return this.sortedLineEvents.filter(event => {\n        const date = event.date\n\n        const minTimestamp = this.minTimestamp - this.duration * windowBuffer\n        const maxTimestamp = this.maxTimestamp + this.duration * windowBuffer\n        // return if event is in the time window even partially\n        return date >= minTimestamp && date <= maxTimestamp\n      })\n    },\n    minTimestamp() {\n      return this.timeWindow[0]\n    },\n    maxTimestamp() {\n      return this.timeWindow[1]\n    },\n    moveStep() {\n      return this.timeWindowDuration / 5\n    },\n    timeWindowDuration() {\n      return this.maxTimestamp - this.minTimestamp\n    },\n    showLeftButton() {\n      return this.minTimestamp > this.minTimestampDefault\n    },\n    showRightButton() {\n      return this.maxTimestamp < this.maxTimestampDefault\n    },\n    showEventTabId() {\n      // return true if there is at least 2 different tab token  in shortEvents\n      return this.eventTabTokens.filter(Boolean).length > 1\n    },\n    eventTabTokens() {\n      return this.shortEvents.flatMap(event => event.events.map(e => e.details?.browser_tab_token)).filter((value, index, self) => self.indexOf(value) === index)\n    },\n    exerciseEventsSummary() {\n      return (exerciseId) => this.exerciseEventsSummaries.find(e => e.exercise_id === exerciseId)\n    },\n  },\n  methods: {\n    updateDefaultTimeWindow() {\n      this.timeWindow = [this.minTimestampDefault, this.maxTimestampDefault]\n    },\n    moveToLeft() {\n      const newMinTimestamp = Math.max(this.minTimestamp - this.moveStep, this.minTimestampDefault)\n      this.timeWindow = [newMinTimestamp, newMinTimestamp + this.timeWindowDuration]\n    },\n    moveToRight() {\n      const newMaxTimestamp = Math.min(this.maxTimestamp + this.moveStep, this.maxTimestampDefault)\n      this.timeWindow = [newMaxTimestamp - this.timeWindowDuration, newMaxTimestamp]\n    },\n    // Return events by group with same content to highlight copy/paste matches\n    similarTimeEventsByGroup(event) {\n      return this.shortEvents.filter(x=> x.kind !== \"answers_last_update\").map(shortEventGroup => {\n        return {\n          ...shortEventGroup,\n          events: shortEventGroup.events.filter(shortEvent => {\n            if (event === shortEvent) return false\n            if (event.sanitized_content_for_similarity_check === null) return false\n\n            return shortEvent.sanitized_content_for_similarity_check === event.sanitized_content_for_similarity_check\n          }),\n        }\n      }).filter(group => group.events.length > 0)\n    },\n    tabIdFor(tabToken) {\n      return this.eventTabTokens.indexOf(tabToken) + 1\n    },\n    handleTimelineDoubleClick(event) {\n      // Get the relative click position in the timeline (as percentage)\n      const timelineRect = event.currentTarget.getBoundingClientRect()\n      const clickPosition = (event.clientX - timelineRect.left) / timelineRect.width\n\n      // Calculate timestamp corresponding to click position\n      const clickTimestamp = this.minTimestamp + (this.duration * clickPosition)\n\n      // Calculate new duration (zoom x2 = duration divided by 2)\n      const newDuration = this.timeWindowDuration / 2\n\n      // Calculate new bounds centered on click\n      const newMinTimestamp = Math.max(\n        clickTimestamp - (newDuration / 2),\n        this.minTimestampDefault\n      )\n      const newMaxTimestamp = Math.min(\n        newMinTimestamp + newDuration,\n        this.maxTimestampDefault\n      )\n\n      // Adjust minTimestamp if we exceed maxTimestampDefault\n      const finalMinTimestamp = newMaxTimestamp === this.maxTimestampDefault\n        ? this.maxTimestampDefault - newDuration\n        : newMinTimestamp\n\n      this.timeWindow = [finalMinTimestamp, newMaxTimestamp]\n    },\n    zoomCentered({ zoomIn } = { zoomIn: true }) {\n      const direction = zoomIn ? 1 : -2\n      const newMinTimestamp = this.minTimestamp + (direction * this.timeWindowDuration * defaultZoomStepRatio)\n      const newMaxTimestamp = this.maxTimestamp - (direction * this.timeWindowDuration * defaultZoomStepRatio)\n      this.timeWindow = [newMinTimestamp, newMaxTimestamp]\n    },\n  },\n  watch: {\n    longEvents: {\n      immediate: true,\n      handler() {\n        this.updateDefaultTimeWindow()\n      },\n    },\n    shortEvents: {\n      immediateDefault: true,\n      handler() {\n        this.updateDefaultTimeWindow()\n      },\n    },\n    lineEvents: {\n      immediate: true,\n      handler() {\n        this.updateDefaultTimeWindow()\n      },\n    },\n  },\n}\n</script>\n\n<style scoped>\n.timeline {\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  min-height: 50px;\n}\n\n.eventGroup {\n  position: relative;\n  /* keep margin to 24 and height to 0 to allow to to hover div behind an event group line the line overlay */\n  height: 0;\n  margin-bottom: 24px;\n  width: 100%;\n}\n\n.shortEventGroup {\n  position: relative;\n  height: 0;\n  margin-bottom: 24px;\n}\n\n.short-event-marker, .rectangle {\n  position: absolute;\n  height: 20px;\n  overflow: hidden;\n}\n\n.short-event-marker-background {\n  width: 100%;\n  height: 100%;\n  font-size: 10px;\n  color: white;\n  font-weight: 700;\n  display: flex;\n  align-content: center;\n  justify-content: center;\n  text-shadow: 0 0 1px rgba(0, 0, 0, 0.5)\n}\n\n.rectangle-background {\n  width: 100%;\n  height: 100%;\n}\n\n.rectangle {\n  border-radius: 4px;\n  border-style: solid;\n  border-width: 1px;\n}\n\n.dot{\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  border: 1px solid white;\n  transform: translate(-10px);\n  transition: background-color 0.2s ease-in-out;\n  margin-top: 2px;\n}\n\n.short-event-marker-line {\n  width: 16px;\n  transform: translate(-7px);\n  padding-left: 7px;\n  padding-right: 7px;\n  background: transparent;\n}\n.short-event-marker-line:hover {\n  transform: translate(-7px, -1px) scale(1.2);\n  height: 300px; /* dirty hack to extend the line to the top and bottom of the timeline */\n\n}\n.short-event-marker-line > * {\n  border-radius: 2px;\n}\n\n.big-short-event-marker {\n  width: 10px;\n  height: 10px;\n  margin-top: 5px;\n  margin-left: 3px;\n}\n\n.dot:hover {\n  transform: translate(-10px, -1px) scale(1.2);\n}\n\n.line {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 1px;\n  border-left: 1px solid #00000008;\n}\n\n.hover-overlay {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  background-color: transparent;\n  transition: background-color 0.2s ease-in-out;\n  opacity: 0.2\n}\n\n.line:hover + .hover-overlay, .hover-overlay:hover {\n  opacity: 0.7;\n}\n\n.event-icon{\n  height: 28px;\n  align-items: center;\n  display: flex;\n  align-content: center;\n  justify-content: center;\n}\n\n.timeline-container{\n  width: 100%;\n}\n\n.move-button {\n  position: absolute;\n  top: calc(50% - 14px);\n  z-index: 2;\n  min-width: 30px !important;\n}\n\n.smooth-move{\n  transition: 0.2s ease-in-out;\n}\n#screenshots-container{\n  height: 30px;\n}\n\n.screenshot-marker{\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 30px;\n  width: 40px;\n  position: absolute;\n}\n.floating-timeline{\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.controls-container{\n  position: absolute;\n  left: 0;\n  top: 50%;\n  width: 100%;\n  opacity: 0;\n  z-index: 10;\n}\n\n.floating-header{\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  z-index: 10;\n}\n\n.hideable{\n  opacity: 0;\n  transition: opacity 0.5s ease-out;\n}\n\n.hideable-show{\n  opacity: 1;\n}\n</style>\n","\n<template>\n  <v-card\n    flat\n    outlined\n  >\n    <v-card-text>\n      <div class=\"d-flex align-center\">\n        <v-icon\n          v-html=\"icon\"\n          small\n          class=\"mr-2\"\n          v-if=\"icon\"\n        />\n        <b>\n\n          {{ $tc(`live.studentEvents.kind.${toCamelCase(name)}.label`) }}\n        </b>\n      </div>\n      <div class=\"number my-2\">\n        {{ formatDuration(duration) }}\n      </div>\n\n      <evalmee-chip\n        small\n        label\n        outlined\n        class=\"mr-2\"\n        v-if=\"max > 0\"\n        color=\"blue-grey\"\n      >\n        {{ formatDuration(max) }} max\n      </evalmee-chip>\n\n      <span class=\"grey--text\">\n        {{ count }} {{ $t(\"live.studentEvents.occurrence\") }}\n      </span>\n    </v-card-text>\n  </v-card>\n</template>\n\n<script>\nimport timeHelpers from \"../../../helpers/time_helpers\"\nimport stringHelper from \"../../../helpers/string_helpers\"\nimport EvalmeeChip from \"../../../components/shared/evalmee_chip.vue\"\n\nexport default {\n  name: \"QuizzesEventsReportCard\",\n  components: { EvalmeeChip },\n  props: {\n    name: {\n      type: String,\n      required: true,\n    },\n    icon: {\n      type: String,\n      default: null,\n    },\n    duration: {\n      type: Number,\n      default: 0,\n    },\n    max: {\n      type: Number,\n      default: 0,\n    },\n    count: {\n      type: Number,\n      default: 0,\n    },\n\n  },\n\n  methods: {\n    formatDuration(durationTimestamp) {\n      return timeHelpers.formatDurationMs(durationTimestamp)\n    },\n    toCamelCase(str) {\n      return stringHelper.toCamelCase(str)\n    },\n  },\n}\n\n</script>\n\n<style scoped>\n.number {\n  color: #b5b5b5;\n  font-weight: bold;\n  font-size: 2.2em;\n}\n\n</style>\n","<template>\n  <div @click.alt=\"debug = !debug\">\n    <v-row class=\"mx-n3 mt-n4\">\n      <v-col\n        v-for=\"(data, eventKind) in filteredEventReports\"\n        :key=\"`report-${eventKind}`\"\n        cols=\"12\"\n        md=\"auto\"\n        sm=\"6\"\n      >\n        <quizzes-events-report-card\n          :name=\"eventKind\"\n          :duration=\"data.total_duration\"\n          :count=\"data.occurrences\"\n          :icon=\"getIcon(eventKind)\"\n          :max=\"data.max_duration\"\n        />\n      </v-col>\n    </v-row>\n\n    <v-card\n      class=\"events-pairs-timeline\"\n      outlined\n      flat\n      :loading=\"loading\"\n    >\n      <evalmee-quiz-events-timeline\n        :long-events=\"longEventsPrepared\"\n        :short-events=\"shortEventsPrepared\"\n        :line-events=\"lineEvents\"\n        :student-screenshots=\"studentScreenshots\"\n        :exercise-events-summaries=\"exerciseEventsSummaries\"\n        class=\"ma-2\"\n        @click:exercise=\"$emit('click:exercise', $event)\"\n        @fetch-screenshots=\"$emit('fetch-screenshots', $event)\"\n      />\n      <slot name=\"timelineAppend\" />\n    </v-card>\n  </div>\n</template>\n\n<script>\nimport EvalmeeQuizEventsTimeline from \"./evalmeeQuizEventsTimeline.vue\"\nimport stringHelper from \"../../../helpers/string_helpers\"\nimport QuizzesEventsReportCard from \"./eventReportCard.vue\"\nimport { eventIcons, eventKindsFor, eventPairColors } from \"@/composables/useStudentEvents\"\n\nexport default {\n  name: \"EvalmeeQuizEventsReportAndTimeline\",\n  components: {\n    QuizzesEventsReportCard,\n    EvalmeeQuizEventsTimeline,\n  },\n  props: {\n    eventsPairs: {\n      type: Array,\n      required: true,\n    },\n    events: {\n      type: Array,\n      required: true,\n    },\n    exercises: {\n      type: Array,\n      required: true,\n    },\n    eventsReports: {\n      type: Object,\n      required: true,\n    },\n    studentScreenshots: {\n      type: Array,\n      required: true,\n    },\n    exerciseEventsSummaries: {\n      type: Array,\n      required: true,\n    },\n    quiz: {\n      type: Object,\n      required: true,\n    },\n    copyOrCutEventsFromSubjectIds: {\n      type: Array,\n      required: true,\n    },\n    pasteEventsWithoutCopyIds: {\n      type: Array,\n      required: true,\n    },\n    copyOrCutEventsWithoutPasteIds: {\n      type: Array,\n      required: true,\n    },\n    loading: {\n      type: Boolean,\n      required: true,\n    },\n  },\n  emits: [\"click:exercise\", \"fetch-screenshots\"],\n  data: () => ({\n    debug: false,\n  }),\n  computed: {\n    eventsInReport() {\n      const visibleEventKinds = eventKindsFor(this.quiz)\n      return Object.entries(visibleEventKinds)\n        .filter(([, config]) =>\n          config.reportCard &&\n          (!config.debugOnly || this.debug)\n        )\n        .map(([kind]) => kind)\n    },\n\n    filteredEvents() {\n      return this.events.filter(event => {\n        if ([\"copy\", \"cut\"].includes(event.kind) && !this.debug) {\n          return this.copyOrCutEventsFromSubjectIds.includes(event.id) || this.copyOrCutEventsWithoutPasteIds.includes(event.id)\n        }\n        if (event.kind === \"paste\" && !this.debug) {\n          return this.pasteEventsWithoutCopyIds.includes(event.id)\n        }\n        return true\n      })\n    },\n\n    longEventsPrepared() {\n      const visibleEventKinds = eventKindsFor(this.quiz)\n      const longEventKinds = Object.entries(visibleEventKinds)\n        .filter(([, config]) => config.type === \"eventPair\" && (!config.debugOnly || this.debug))\n        .map(([kind]) => kind)\n\n      const eventKinds = longEventKinds.filter(kind => this.eventsPairs.some(eventPair => eventPair.kind === kind))\n\n      return eventKinds.map(kind => {\n        const eventsOfThisKind = this.eventsPairs.filter(eventPair => eventPair.kind === kind)\n        return {\n          kind: kind,\n          color: this.getColor(kind),\n          icon: this.getIcon(kind),\n          name: this.$tc(`live.studentEvents.kind.${this.toCamelCase(kind)}.label`),\n          events: eventsOfThisKind.map(event => ({\n            start: new Date(event.start_date).getTime(),\n            end: new Date(event.end_date).getTime(),\n            exercises: event.exercise_ids?.map(id => ({\n              id: id,\n              name: this.exercises?.find(exercise => exercise.id === id)?.displayName,\n            })),\n            ...event,\n          })),\n        }\n      })\n    },\n    shortEventsPrepared() {\n      const visibleEventKinds = eventKindsFor(this.quiz)\n      const shortEventKinds = Object.entries(visibleEventKinds)\n        .filter(([, config]) => config.type === \"event\" && (!config.debugOnly || this.debug))\n        .map(([kind]) => kind)\n\n      const eventKinds = shortEventKinds.filter(kind => this.events.some(event => event.kind === kind))\n\n      return eventKinds.map(kind => {\n        const eventsOfThisKind = this.filteredEvents.filter(event => event.kind === kind)\n        return {\n          kind: kind,\n          color: this.getColor(kind),\n          icon: this.getIcon(kind),\n          name: this.$tc(`live.studentEvents.kind.${this.toCamelCase(kind)}.label`),\n          events: eventsOfThisKind.map(event => ({\n            date: new Date(event.happened_at).getTime(),\n            exercises: [{\n              id: event.quizzes_exercise_id,\n              name: this.exercises?.find(exercise => exercise.id === event.quizzes_exercise_id)?.displayName,\n            }].filter(exercise => exercise.id),\n            ...event,\n          })),\n        }\n      })\n    },\n    lineEvents() {\n      return this.events\n        .filter(event => event.kind === \"enter_exercise\")\n        .map(event => ({\n          color: this.getColor(event.kind),\n          date: new Date(event.happened_at).getTime(),\n          exercise: this.exercises\n            ?.find(exercise => exercise.id === event.quizzes_exercise_id),\n          ...event,\n        })\n        )\n    },\n\n    filteredEventReports() {\n      return Object.keys(this.eventsReports || {}).reduce((acc, key) => {\n        if (this.eventsInReport.includes(key) && this.eventsReports[key].occurrences > 0) {\n          acc[key] = this.eventsReports[key]\n        }\n        return acc\n      }, {})\n    },\n  },\n  methods: {\n    getColor(kind) {\n      return eventPairColors[kind]\n    },\n\n    getIcon(kind) {\n      return eventIcons[kind]\n    },\n    toCamelCase(str) {\n      return stringHelper.toCamelCase(str)\n    },\n  },\n}\n</script>\n\n<style scoped>\n.events-pairs-timeline {\n  width: 100%;\n}\n</style>\n","<template>\n  <eva-comment-editor\n    :content=\"content\"\n    @click:save=\"save\"\n    :label=\"$t('live.correction.privateFeedback.label')\"\n    :placeholder=\"$t('live.correction.privateFeedback.placeholder')\"\n    :save-label=\"$t('live.correction.privateFeedback.save')\"\n    icon=\"mdi-eye-off-outline\"\n  />\n</template>\n\n<script>\nimport EvaCommentEditor from \"@/components/quiz/correction/EvaCommentEditor.vue\"\n\nexport default {\n  name: \"PrivateCommentEditor\",\n  components: { EvaCommentEditor },\n  props: {\n    content: { type: String, required: false, default: \"\" },\n  },\n  emits: [\"save\"],\n  methods: {\n    save(comment) {\n      this.$emit(\"save\", comment)\n    },\n  },\n  watch: {\n    \"content\": {\n      handler(val) {\n        this.comment = val\n      },\n      immediate: true,\n    },\n  },\n}\n</script>\n\n<style scoped>\n</style>\n","<template>\n  <div class=\"d-flex\">\n    <div class=\"d-flex flex-wrap gap-1\">\n      <evalmee-chip\n        v-for=\"event in allActiveEvents\"\n        :key=\"event.kind\"\n        :icon=\"event.icon\"\n        :color=\"event.color\"\n        small\n        label\n        outlined\n        v-tooltip=\"eventTooltip(event)\"\n      >\n        {{ event.acrossSeveralExercise ? \"<\" : \"\" }}\n        {{ event.duration ? `${event.duration}` : event.count }}\n      </evalmee-chip>\n    </div>\n    <slot\n      name=\"appendIfAny\"\n      v-if=\"allActiveEvents.length > 0\"\n    />\n\n    <v-menu\n      open-on-hover\n      top\n      offset-y\n      nudge-top=\"10\"\n      close-delay=\"100\"\n      :disabled=\"!exerciseHasBeenSeen\"\n      v-if=\"exerciseEventsSummary\"\n    >\n      <template #activator=\"{ on, attrs }\">\n        <evalmee-chip\n          :icon=\"seenChipIcon\"\n          color=\"blue-grey\"\n          small\n          label\n          outlined\n          v-bind=\"attrs\"\n          v-on=\"on\"\n        >\n          <template v-if=\"showSeenChip\">\n            {{\n              exerciseHasBeenSeen ?\n                $t(\"quiz.editor.questionCoefficients.page.seen\") :\n                $t(\"quiz.editor.questionCoefficients.page.notSeen\")\n            }}\n          </template>\n          <evalmee-chip-divider\n            class=\"mx-2\"\n            v-if=\"exerciseHasBeenSeen && showSeenChip\"\n          />\n          <template v-if=\"exerciseHasBeenSeen\">\n            {{ exerciseDuration }}\n          </template>\n        </evalmee-chip>\n      </template>\n\n      <v-card>\n        <v-card-text class=\"text-subtitle-2 pb-0\">\n          {{ $tc(\"quiz.editor.questionCoefficients.page.seenOccurrences\", exerciseSeeEventsPairs.length, { count: exerciseSeeEventsPairs.length }) }}\n        </v-card-text>\n        <v-list\n          dense\n          class=\"very-dense\"\n        >\n          <v-list-item\n            v-for=\"(exerciseSeenEventPair, index) in exerciseSeeEventsPairs\"\n            :key=\"exerciseSeenEventPair.exercise_ids.join('-') + index\"\n          >\n            <v-list-item-content>\n              <v-list-item-title>\n                {{ formatDateRange(exerciseSeenEventPair.start_date, exerciseSeenEventPair.end_date) }}\n              </v-list-item-title>\n            </v-list-item-content>\n            <v-list-item-action-text class=\"ml-4\">\n              {{ formatDuration(exerciseSeenEventPair.duration) }}\n            </v-list-item-action-text>\n          </v-list-item>\n        </v-list>\n      </v-card>\n    </v-menu>\n  </div>\n</template>\n\n<script>\nimport EvalmeeChip from \"@/components/shared/evalmee_chip.vue\"\nimport { eventDescription, eventName, eventKindsFor } from \"@/composables/useStudentEvents\"\nimport timeHelpers, { defaultTimeFormatWithSeconds } from \"@/helpers/time_helpers\"\nimport EvalmeeChipDivider from \"@/components/shared/evalmee_chip_divider.vue\"\n\nexport default {\n  name: \"ExerciseEventsSummary\",\n  components: { EvalmeeChipDivider, EvalmeeChip },\n  props: {\n    events: {\n      type: Array,\n      required: true,\n    },\n    eventsPairs: {\n      type: Array,\n      required: true,\n    },\n    copyOrCutEventsFromSubjectIds: {\n      type: Array,\n      required: true,\n    },\n    pasteEventsWithoutCopyIds: {\n      type: Array,\n      required: true,\n    },\n    copyOrCutEventsWithoutPasteIds: {\n      type: Array,\n      required: true,\n    },\n    exerciseEventsSummary: {\n      type: Object,\n      required: true,\n    },\n    showSeenChip: {\n      type: Boolean,\n      default: true,\n    },\n    quiz: {\n      type: Object,\n      required: true,\n    },\n  },\n  computed: {\n    displayableEventsPairs() {\n      // count event pairs by kind\n      const eventPairsCount = this.eventsPairs.reduce((acc, pair) => {\n        acc[pair.kind] = (acc[pair.kind] || 0) + 1\n        return acc\n      }, {})\n\n      // total duration by kind\n      const eventPairsDuration = this.eventsPairs.reduce((acc, pair) => {\n        acc[pair.kind] = (acc[pair.kind] || 0) + pair.duration\n        return acc\n      }, {})\n\n      const eventPairsAcrossSeveralExercise = this.eventsPairs.reduce((acc, pair) => {\n        acc[pair.kind] = acc[pair.kind] || pair.exercise_ids?.length > 1\n        return acc\n      }, {})\n\n      const existingEventKinds = new Set(this.eventsPairs.map(pair => pair.kind))\n      const visibleEventKinds = eventKindsFor(this.quiz)\n\n      return Object.entries(visibleEventKinds)\n        .filter(([kind, config]) =>\n          existingEventKinds.has(kind) &&\n          config.type === \"eventPair\" &&\n          !config.debugOnly\n        )\n        .map(([kind, config]) => ({\n          kind,\n          icon: config.icon,\n          color: config.color,\n          label: eventName(kind, eventPairsCount[kind]),\n          description: eventDescription(kind),\n          count: eventPairsCount[kind],\n          acrossSeveralExercise: eventPairsAcrossSeveralExercise[kind],\n          duration: timeHelpers.formatDuration(eventPairsDuration[kind]),\n        }))\n    },\n    displayableEvents() {\n      const filteredEvents = this.events\n        .filter(event => {\n          if ((event.kind === \"copy\" || event.kind === \"cut\") && !(this.copyOrCutEventsFromSubjectIds.includes(event.id) || this.copyOrCutEventsWithoutPasteIds.includes(event.id))) return false\n          return !(event.kind === \"paste\" && !this.pasteEventsWithoutCopyIds.includes(event.id))\n        })\n\n      // Count events by kind\n      const eventCounts = filteredEvents.reduce((acc, event) => {\n        acc[event.kind] = (acc[event.kind] || 0) + 1\n        return acc\n      }, {})\n\n      const existingEventKinds = new Set(filteredEvents.map(event => event.kind))\n      const visibleEventKinds = eventKindsFor(this.quiz)\n\n      return Object.entries(visibleEventKinds)\n        .filter(([kind, config]) =>\n          existingEventKinds.has(kind) &&\n          config.type === \"event\" &&\n          !config.debugOnly\n        )\n        .map(([kind, config]) => ({\n          kind,\n          icon: config.icon,\n          color: config.color,\n          label: eventName(kind, eventCounts[kind]),\n          description: eventDescription(kind),\n          count: eventCounts[kind],\n        }))\n    },\n    allActiveEvents() {\n      return [...this.displayableEventsPairs, ...this.displayableEvents]\n    },\n    eventTooltip() {\n      return (event) => {\n        const onPage = event.acrossSeveralExercise ?\n          this.$t(\"live.studentEvents.onSeveralPages\") :\n          this.$t(\"live.studentEvents.onThisPage\")\n\n        return `${event.duration ? `${event.duration} - ` : \"\"}${ event.count ? event.count : \"\" } ${event.label}\n  ${onPage}. <br><br> ${event.description}.`\n\n      }\n    },\n    exerciseHasBeenSeen() {\n      return this.events.some(event => event.kind === \"enter_exercise\")\n    },\n\n    exerciseSeeEventsPairs() {\n      return this.eventsPairs.filter(pair => pair.kind === \"exercise_seen\")\n    },\n\n    exerciseDuration() {\n      return this.formatDuration(this.exerciseEventsSummary?.duration)\n    },\n    seenChipIcon() {\n      if(!this.showSeenChip) return null\n      return this.exerciseHasBeenSeen ? \"mdi-eye-check-outline\" : \"mdi-eye-off-outline\"\n    },\n  },\n  methods: {\n    formatDateRange(startDate, endDate) {\n      return timeHelpers.formatDateRange(startDate, endDate, { showDateIfSameDay: false, timeFormat: defaultTimeFormatWithSeconds })\n    },\n    formatDuration(duration) {\n      return timeHelpers.formatDuration(duration)\n    },\n  },\n}\n</script>\n\n<style scoped>\n.gap-1 {\n  gap: 4px;\n}\n</style>\n","<template>\n  <div>\n    <portal to=\"drawerTitle\">\n      Chat\n    </portal>\n    <portal to=\"drawer\">\n      <chat-messages\n        :quiz=\"quiz\"\n        :channel-id=\"channel?.id\"\n        @create-channel=\"createChannel\"\n        style=\"height: 100%;\"\n        class=\"pb-10\"\n      />\n    </portal>\n  </div>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from \"vuex\"\nimport ChatMessages from \"../../quiz/chat/ChatMessages.vue\"\n\nexport default {\n  name: \"ScoreChatChannel\",\n  components: {\n    ChatMessages,\n  },\n  props: {\n    score: {\n      type: Object,\n      required: true,\n    },\n  },\n  computed: {\n    ...mapGetters([\"channels\", \"channelByQuizAndUserId\", \"quizById\"]),\n    quiz() {\n      return this.score.quiz || this.quizById(this.score.quiz_id)\n    },\n    channel() {\n      return this.channelByQuizAndUserId(this.quiz?.id, this.score.user_id)\n    },\n  },\n  methods: {\n    ...mapActions([\"fetchChannelsByQuiz\", \"createChannelsForQuiz\"]),\n    async createChannel() {\n      return await this.createChannelsForQuiz({\n        quiz: this.quiz,\n        userId: this.score.user_id,\n      })\n    },\n  },\n  created() {\n    this.fetchChannelsByQuiz(this.quiz)\n  },\n  watch: {\n    \"score.id\": {\n      handler() {\n        this.fetchChannelsByQuiz(this.quiz)\n      },\n    },\n  },\n}\n</script>\n\n","<template>\n  <div>\n    <v-app-bar\n      v-if=\"teacherMode\"\n      class=\"app_bar_contained\"\n      color=\"transparent\"\n      dense\n      flat\n      @click.alt=\"showEvents = !showEvents\"\n    >\n      <v-btn\n        @click=\"back\"\n        icon\n      >\n        <v-icon>arrow_back</v-icon>\n      </v-btn>\n\n      <v-list\n        color=\"transparent\"\n        class=\"ml-4\"\n      >\n        <v-list-item-content>\n          <span\n            v-if=\"teacherMode && score\"\n            :class=\"{ 'blur-names': blurNames}\"\n          >\n            {{ score.name }}\n            <time-accommodation-chip\n              x-small\n              :time-accommodation=\"timeAccommodation\"\n              v-if=\"timeAccommodation.id && quiz?.time_accommodation\"\n            />\n          </span>\n          <div\n            v-if=\"teacherMode && score\"\n            class=\"caption d-inline-flex align-center d-flex\"\n          >\n            <span :class=\"{ 'blur-names': blurNames}\">\n              {{ score.email }}\n            </span>\n\n            <template v-if=\"teacherMode && score && !paperQuiz\">\n              <div class=\"ml-2  d-flex\">\n                <v-icon\n                  class=\"mr-1\"\n                  x-small\n                >\n                  mdi-clock-time-four-outline\n                </v-icon>\n                <span>\n                  {{ helpers.scoreDuration(score.exam_duration) }}\n                </span>\n                <v-icon\n                  class=\"mr-1 ml-2\"\n                  x-small\n                >\n                  mdi-calendar-clock-outline\n                </v-icon>\n                <span>\n                  {{ timeHelpers.formatDateRange(score.started_at, score.finished_at) }}\n                </span>\n              </div>\n              <user-devices\n                class=\"ml-2\"\n                :devices=\"score?.devices\"\n                :multiple-monitor-confidence=\"score.cheat.multiple_monitor_confidence\"\n                v-if=\"score.devices\"\n                x-small\n              />\n            </template>\n          </div>\n          <span v-if=\"!teacherMode\">\n            {{ quiz && quiz.name || this.$t('live.correction.loading') }}\n          </span>\n        </v-list-item-content>\n      </v-list>\n      <v-spacer />\n\n      <v-badge\n        :content=\"totalMessagesCount\"\n        :value=\"totalMessagesCount > 0\"\n        :color=\"unreadMessagesCount > 0 ? 'error' : 'blue-grey'\"\n        overlap\n        offset-x=\"20\"\n        offset-y=\"13\"\n        v-if=\"rightDrawerCollapsed && quiz.live_chat\"\n      >\n        <eva-button\n          icon=\"mdi-chat-outline\"\n          @click=\"openChatDrawer\"\n          class=\"mr-2\"\n          :disabled=\"!score\"\n          dense\n          text\n        />\n      </v-badge>\n\n      <score-chat-channel\n        v-if=\"score && teacherMode\"\n        :score=\"score\"\n      />\n\n\n      <eva-button\n        v-if=\"score?.scanned_paper_quiz_sheet_id\"\n        dense\n        text\n        :to=\"{name: 'quizPaperScan', params: {quizId, scanId: score.scanned_paper_quiz_sheet_id}}\"\n        icon-left=\"mdi-file-outline\"\n        :label=\"$t('live.correction.openScan')\"\n      />\n      <eva-button\n        dense\n        text\n        :loading=\"downloadingCorrection\"\n        @click=\"downloadCopyWithCorrection\"\n        icon-left=\"mdi-file-download-outline\"\n        :label=\"$t('live.correction.download')\"\n      />\n    </v-app-bar>\n\n    <v-sheet color=\"transparent\">\n      <scoreCards\n        v-if=\"score\"\n        :teacher-mode=\"teacherMode\"\n        :score=\"score\"\n        :quiz=\"quiz\"\n      />\n\n      <cheat-score-alert\n        :quiz=\"quiz\"\n        :teacher-mode=\"teacherMode\"\n      />\n\n      <div class=\"mt-2\">\n        <evalmee-quiz-events-report-and-timeline\n          v-if=\"score && teacherMode && quiz.quiz_type === 'exam' && score.events_report\"\n          :events-pairs=\"score.events_report?.events_pairs || []\"\n          :events=\"events\"\n          :events-reports=\"score.events_report?.report\"\n          :exercises=\"exercises\"\n          :student-screenshots=\"screenshots\"\n          :exercise-events-summaries=\"score.events_report?.exercises_details || []\"\n          class=\"mb-4\"\n          :quiz=\"quiz\"\n          :copy-or-cut-events-from-subject-ids=\"score.events_report?.copy_or_cut_events_from_subject_ids\"\n          :paste-events-without-copy-ids=\"score.events_report?.paste_events_without_copy_ids\"\n          :copy-or-cut-events-without-paste-ids=\"score.events_report?.copy_or_cut_events_without_paste_ids\"\n          @click:exercise=\"scrollToExercise\"\n          @fetch-screenshots=\"fetchScreenshots\"\n          :loading=\"loadingStudentEvents || loadingScreenshots\"\n        >\n          <template #timelineAppend>\n            <v-divider class=\"mt-2\" />\n\n            <private-comment-editor\n              :content=\"score.private_comment\"\n              @save=\"savePrivateComment\"\n            />\n          </template>\n        </evalmee-quiz-events-report-and-timeline>\n\n        <evalmee-quiz-events-report\n          :score=\"score\"\n          v-if=\"showEvents\"\n        />\n\n        <evalmee-quiz-events\n          v-if=\"showEvents\"\n          :score-id=\"score.id\"\n        />\n\n        <copy-feedback\n          v-if=\"score\"\n          :score=\"score\"\n          :quizzes-attempt-summary=\"quizzesAttemptSummary\"\n          :quiz=\"quiz\"\n          :teacher-mode=\"teacherMode\"\n          class=\"mb-12\"\n        />\n\n        <v-alert\n          v-if=\"teacherMode && !showLegacyCorrection\"\n          :icon=\"false\"\n          class=\"mb-5\"\n          text\n          type=\"info\"\n          dense\n        >\n          {{ $t('live.correction.questionOrder') }}\n        </v-alert>\n\n        <out-of-time-several-alert\n          v-if=\"quiz && score && currentUser.teacher\"\n          :answers=\"answers\"\n          :score=\"score\"\n          :quiz=\"quiz\"\n          :quiz-instance=\"quizInstance\"\n          class=\"mb-5\"\n        />\n\n\n        <scan-modale\n          v-if=\"paperQuiz\"\n          :quiz=\"quiz\"\n          :score=\"score\"\n        />\n\n        <div\n          v-if=\"!quiz\"\n          class=\"center\"\n        >\n          <preloader />\n        </div>\n\n        <div v-else>\n          <template v-if=\"showLoader\">\n            <v-skeleton-loader\n              v-for=\"i in quiz.questions_count\"\n              :key=\"`sk-${i}`\"\n              class=\"mb-2\"\n              height=\"200\"\n              type=\"card\"\n            />\n          </template>\n\n          <div\n            v-for=\"(section, sectionIndex) in quizInstanceSections\"\n            :key=\"section.id\"\n          >\n            <span\n              class=\"grey--text font-weight-medium text-body-2\"\n              v-if=\"quizInstanceSections.length > 1\"\n            >\n              Section {{ sectionIndex + 1 }}\n            </span>\n            <katex-md\n              class=\"text-h5 font-weight-medium\"\n              v-if=\"section.attributes.name\"\n              :expr=\"section.attributes.name\"\n            />\n\n            <katex-md\n              class=\"mt-2\"\n              v-if=\"section.attributes.description\"\n              :expr=\"section.attributes.description\"\n            />\n\n            <template v-if=\"!currentCorrectionLoading\">\n              <v-lazy\n                v-for=\"(exercise) in section.children\"\n                :key=\"exercise.uuid\"\n                :options=\"{threshold: .1}\"\n                class=\"mb-12\"\n                min-height=\"200\"\n                transition=\"fade-transition\"\n                :ref=\"`exercise-${exercise.id}`\"\n              >\n                <div>\n                  <exercise-student\n                    correction-mode\n                    :exercise=\"exercise\"\n                    :manual-correction-mode=\"teacherMode\"\n                    :quiz=\"quiz\"\n                    :quiz-instance=\"quizInstance\"\n                    :user-id=\"userId\"\n                    :quiz-score=\"score\"\n                    :section-index=\"sectionIndex\"\n                    :show-section-index=\"quizInstanceSections.length > 1\"\n                    exercise-list-mode\n                  >\n                    <template\n                      #eventsSummary=\"{showSeenChip}\"\n                      v-if=\"teacherMode\"\n                    >\n                      <exercise-events-summary\n                        :events=\"eventsForExercise(exercise.id)\"\n                        :events-pairs=\"eventsPairsForExercise(exercise.id)\"\n                        :copy-or-cut-events-from-subject-ids=\"score.events_report?.copy_or_cut_events_from_subject_ids\"\n                        :paste-events-without-copy-ids=\"score.events_report?.paste_events_without_copy_ids\"\n                        :copy-or-cut-events-without-paste-ids=\"score.events_report?.copy_or_cut_events_without_paste_ids\"\n                        class=\"mr-1\"\n                        :show-seen-chip=\"showSeenChip\"\n                        :exercise-events-summary=\"eventsSummaryForExercise(exercise.id)\"\n                        :quiz=\"quiz\"\n                      >\n                        <template #appendIfAny>\n                          <v-divider\n                            class=\"mx-2\"\n                            vertical\n                          />\n                        </template>\n                      </exercise-events-summary>\n                    </template>\n                    <template #grader=\"{answer, question}\">\n                      <open-question-grader\n                        v-if=\"answer\"\n                        :answer=\"answer\"\n                        :current-user=\"currentUser\"\n                        :label=\"$t('live.correction.manual')\"\n                        :question=\"question\"\n                        :quiz=\"quiz\"\n                        class=\"mb-2\"\n                      />\n                    </template>\n                    <template #feedbackEditor=\"{answer, question, questionComment, hasQuestionComment}\">\n                      <v-card\n                        flat\n                        outlined\n                        v-if=\"answer || hasQuestionComment\"\n                      >\n                        <question-correction-comment\n                          v-if=\"hasQuestionComment\"\n                          :content=\"questionComment\"\n                        />\n                        <v-divider v-if=\"hasQuestionComment\" />\n                        <answer-feedback-editor\n                          v-if=\"answer\"\n                          :answer=\"answer\"\n                          :question=\"question\"\n                          :quiz=\"quiz\"\n                        />\n                      </v-card>\n                    </template>\n                  </exercise-student>\n                </div>\n              </v-lazy>\n            </template>\n          </div>\n\n          <!--          Legacy correction    -->\n          <legacyCorrection\n            v-if=\"showLegacyCorrection\"\n            :answer-by-question-and-user-id=\"answerByQuestionAndUserId\"\n            :current-user=\"currentUser\"\n            :questions=\"questions\"\n            :quiz=\"quiz\"\n            :teacher-mode=\"teacherMode\"\n            :user-id=\"userId\"\n          />\n          <!--          End Legacy correction    -->\n        </div>\n      </div>\n    </v-sheet>\n  </div>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from \"vuex\"\nimport preloader from \"../../components/shared/preloader.vue\"\nimport ScanModale from \"../../components/quiz/paper/scan_modale.vue\"\nimport EvalmeeQuizEvents from \"./evalmee_quiz_events.vue\"\nimport OpenQuestionGrader from \"../../components/questions/open_question_grader.vue\"\nimport CopyFeedback from \"../../components/questions/CopyFeedback.vue\"\nimport ExerciseStudent from \"../../components/quiz/editor/preview/exercise_preview.vue\"\nimport instanceExerciseForMixin from \"../../components/quiz/evalmee/instance_exercise_for_mixin\"\nimport OutOfTimeSeveralAlert from \"../../components/questions/out_of_time_several_alert.vue\"\nimport CheatScoreAlert from \"./cheat-score-alert.vue\"\nimport LegacyCorrection from \"./legacy-correction.vue\"\nimport helpers from \"../../helpers\"\nimport ScoreCards from \"./ScoreCards.vue\"\nimport KatexMd from \"../../components/katex-md.vue\"\nimport axiosHelpers from \"../../helpers/axios_helpers\"\nimport EvalmeeQuizEventsReport from \"./evalmee_quiz_events_report.vue\"\nimport GetFeatureMixin from \"../../components/shared/get_feature_mixin\"\nimport EvalmeeQuizEventsReportAndTimeline from \"./events-timeline/evalmeeQuizEventsReportAndTimeline.vue\"\nimport UserDevices from \"./user_devices/user_devices.vue\"\nimport TimeAccommodationChip from \"@/components/quiz/time_accommodations/TimeAccommodationChip.vue\"\nimport { useScore } from \"@/composables/useScore\"\nimport { blurNames } from \"@/composables/useDevUtils\"\nimport timeHelpers from \"../../helpers/time_helpers\"\nimport ws from \"@/web_sockets\"\nimport AnswerFeedbackEditor from \"@/components/questions/answerFeedbackEditor.vue\"\nimport QuestionCorrectionComment from \"@/components/questions/question_correction_comment.vue\"\nimport PrivateCommentEditor from \"@/components/quiz/correction/privateCommentEditor.vue\"\nimport ExerciseEventsSummary from \"@/components/quiz/correction/exerciseEventsSummary.vue\"\nimport { useScroll } from \"@/composables/useScroll\"\nimport ScoreChatChannel from \"@/components/quiz/evalmee/ScoreChatChannel.vue\"\n\nexport default {\n  name: \"QuizCorrection\",\n  props: {\n    scoreId: { type: Number, default: null },\n    quizId: { type: Number, default: null },\n    quizzesAttemptSummaryId: { type: Number, default: null },\n    teacherMode: { type: Boolean, default: false },\n    teacherBackRouteName: { type: String, default: \"quizTeacherScores\" },\n    rightDrawerCollapsed: { type: Boolean, default: true },\n  },\n  mixins: [instanceExerciseForMixin, GetFeatureMixin],\n  setup() {\n    return {\n      useScore,\n      blurNames: blurNames(),\n    }\n  },\n  data() {\n    return {\n      scanModal: false,\n      scoreFetched: false,\n      showEvents: false,\n      state: \"\",\n      downloadingCorrection: false,\n      loadingStudentEvents: false,\n      loadingScreenshots: false,\n    }\n  },\n\n  components: {\n    ExerciseEventsSummary,\n    PrivateCommentEditor,\n    QuestionCorrectionComment,\n    AnswerFeedbackEditor,\n    TimeAccommodationChip,\n    UserDevices,\n    EvalmeeQuizEventsReportAndTimeline,\n    EvalmeeQuizEventsReport,\n    ScoreCards,\n    LegacyCorrection,\n    CheatScoreAlert,\n    OutOfTimeSeveralAlert,\n    ExerciseStudent,\n    EvalmeeQuizEvents,\n    OpenQuestionGrader,\n    ScanModale,\n    preloader,\n    CopyFeedback,\n    KatexMd,\n    ScoreChatChannel,\n  },\n\n  methods: {\n    ...mapActions([\n      \"fetchScoresByQuiz\",\n      \"fetchScore\",\n      \"fetchQuiz\",\n      \"fetchAnswers\",\n      \"fetchMyInstanceByQuiz\",\n      \"fetchInstancesByQuiz\",\n      \"fetchPaperSheet\",\n      \"fetchQuestionsByQuiz\",\n      \"fetchScoreSummary\",\n      \"updateScoreBySummary\",\n      \"fetchScreenshotsByScore\",\n      \"fetchStudentEventsByScore\",\n    ]),\n    fetchScores() {\n      if (!this.quiz) { return }\n      if (this.scoreFetched) return\n\n      // We cannot only check is score is present because\n      // a score collections includes less fields\n      this.scoreId ?\n        this.fetchScoreSummary({ scoreId: this.scoreId }) :\n        this.fetchScoresByQuiz(this.quiz)\n\n      if (this.questions?.length === 0) {\n        this.fetchQuestionsByQuiz(this.quiz)\n      }\n      this.scoreFetched = true\n    },\n    downloadCopyWithCorrection() {\n      this.downloadingCorrection = true\n\n      axiosHelpers.downloadFile({\n        url: this.score.links.export_copy_with_correction,\n        filename: `${this.quiz.name}_${this.score.name}.pdf`,\n      }).then(() => this.downloadingCorrection = false)\n    },\n\n    fetchCorrection() {\n      if (!this.quiz) { return }\n      if (!this.userId) { return }\n      if (this.state === \"loading\") return\n      if (this.state === \"loaded\") return\n\n      this.loading()\n\n      if (this.quiz.quiz_type === \"paper\") {\n        return this.loaded()\n        // Dorian - 2024-10-13\n        // Code bellow is temporary disabled after PaperQuizSheet migration to use subscription_id\n        // instead of user_id\n\n        // return this.fetchPaperSheet({\n        //   quiz: this.quiz,\n        //   userIds: [this.userId],\n        // }).then(this.loaded)\n      }\n\n      if (this.teacherMode) {\n        this.fetchInstancesByQuiz({\n          quiz: this.quiz,\n          userIds: [this.userId],\n        }).then(this.loaded)\n      } else {\n        this.fetchMyInstanceByQuiz({\n          quiz: this.quiz,\n          quizzesAttemptSummary: this.quizzesAttemptSummary,\n        }).then(this.loaded)\n      }\n\n    },\n\n    loaded() {\n      this.state = \"loaded\"\n    },\n\n    loading() {\n      this.state = \"loading\"\n    },\n\n    back() {\n      if (window.history.length > 1) {\n        this.$router.go(-1)\n      } else {\n        this.$router.push(this.backRoute)\n      }\n    },\n\n    // DUPLICATE-#5\n    updateScoresLiveUpdateSubscriptions(scoreIds) {\n      if(ws.subscriptions.TeachersScores) {\n        return ws.subscriptions.TeachersScores.followScores(scoreIds)\n      }\n      ws.channels.TeachersScores.subscribe({ quizId: this.quiz.id, scoreIds })\n    },\n    savePrivateComment(privateComment) {\n      this.updateScoreBySummary({ ...this.score, private_comment: privateComment })\n        .then( () => this.newAppNotification({\n          message: this.$t(\"quiz.edit.toast.successMessage\"),\n          type: \"success\",\n        })\n        ).catch((error) =>\n          this.newAppNotification({\n            message: this.$t(\"quiz.edit.toast.errorMessage\", { error }),\n            type: \"error\",\n          })\n        )\n    },\n    scrollToExercise(id){\n      const el = this.$refs[`exercise-${id}`]\n      if(!el) {return}\n\n      // use \"instant\" to avoid the scroll issue with lazy loading\n      useScroll().intoView(el[0].$el, { offset: 100, behavior: \"instant\" })\n    },\n    openChatDrawer() {\n      this.$emit(\"openRightDrawer\", \"preview\")\n    },\n    fetchScreenshots({ timeWindow, maxVisibleScreenshots }) {\n      this.loadingScreenshots = true\n      this.fetchScreenshotsByScore({ score: this.score, timeWindow, maxVisibleScreenshots })\n        .finally(() => this.loadingScreenshots = false)\n    },\n    fetchStudentEvents() {\n      this.loadingStudentEvents = true\n      this.fetchStudentEventsByScore(this.score)\n        .finally(() => this.loadingStudentEvents = false)\n    },\n  },\n\n  mounted() {\n    if (this.quiz == null) {this.fetchQuiz(this.quizId)}\n  },\n  watch: {\n    quiz: {\n      handler() {this.fetchScores()},\n      immediate: true,\n    },\n    userId: {\n      handler() {this.fetchCorrection()},\n      immediate: true,\n    },\n    score: {\n      handler(val) {\n        if (!val?.id) return\n        if(this.teacherMode) {\n          this.updateScoresLiveUpdateSubscriptions([val.id])\n          // this.fetchScreenshots()\n          this.fetchStudentEvents()\n        } else {\n          this.fetchCorrection()\n        }\n      },\n      immediate: true,\n    },\n  },\n\n  computed: {\n    helpers() {\n      return helpers\n    },\n    timeHelpers() {\n      return timeHelpers\n    },\n    // lazyLoading() {\n    //   return !this.teacherMode\n    // },\n    ...mapGetters([\n      \"quizById\",\n      \"questionsByQuizId\",\n      \"currentCorrectionLoading\",\n      \"getUserById\",\n      \"scoreByQuizAndUserId\",\n      \"currentUser\",\n      \"scoreById\",\n      \"answersByQuestionsAndUserId\",\n      \"answerByQuestionAndUserId\",\n      \"quizInstanceByQuizId2\",\n      \"studentEvents\",\n      \"quizzesAttemptSummaryById\",\n      \"studentScreenshots\",\n      \"scoresByQuizId\",\n      \"scoresLoading\",\n      \"quizzesSubscriptions\",\n      \"quizzesGroups\",\n      \"channelByQuizAndUserId\",\n      \"unreadMessagesOnChannel\",\n      \"messages\",\n    ]),\n    quiz() { return this.quizById(parseInt(this.quizId)) },\n    questions() {\n      return this.questionsByQuizId(this.quizId).sort((a, b) => a.id - b.id)\n    },\n    events() {\n      const answersEvents = this.answers.map(a => ({\n        certified: true,\n        happened_at: a.last_edit_at,\n        score_id: this.score.id,\n        kind: \"answers_last_update\",\n        quizzes_exercise_id: this.questions.find(q => q.id === a.question_id)?.quizzes_exercise_id,\n        details: {\n          questionName: this.questions.find(q => q.id === a.question_id)?.name,\n        },\n      }))\n\n      return [...this.studentEvents(this.score.id), ...answersEvents]\n    },\n\n    eventsForExercise() {\n      return (exerciseId) => this.events.filter(e => e.quizzes_exercise_id === exerciseId)\n    },\n    eventsPairsForExercise() {\n      return (exerciseId) => this.score?.events_report?.events_pairs?.filter(e => e.exercise_ids.includes(exerciseId)) || []\n    },\n    eventsSummaryForExercise() {\n      return (exerciseId) => this.score?.events_report?.exercises_details?.find(e => e.exercise_id === exerciseId)\n    },\n    backRoute() {\n      if (this.teacherMode) {\n        return {\n          name: this.teacherBackRouteName,\n          params: { quizId: this.quizId },\n        }\n      } else {\n        return { name: \"examsIndex\" }\n      }\n    },\n    userId() {\n      if (this.scoreId) {\n        return this.score?.user_id\n      } else {\n        return this.currentUser?.id\n      }\n    },\n    score() {\n      if (this.scoreId) {\n        return this.scoreById(this.scoreId)\n      } else {\n        return this.scoreByQuizAndUserId(this.quizId, this.userId)\n      }\n    },\n    timeAccommodation(){\n      return this.useScore(this.score).timeAccommodation.value\n    },\n    paperQuiz() { return this?.quiz?.quiz_type === \"paper\"},\n    answers() {\n      return this.answersByQuestionsAndUserId(\n        this.questions?.map(q => q.id),\n        this.userId\n      )\n    },\n\n    showLoader() {\n      if (this.exercises.length > 0) return false\n      return this.currentCorrectionLoading || this.instancesLoading\n    },\n\n    studentExamDuration() {\n      if (!this.score.exam_duration) return null\n\n      return helpers.scoreDuration(this.score.exam_duration)\n    },\n    showLegacyCorrection() {\n      return !this.currentCorrectionLoading\n        && !this.instancesLoading\n        && this.paperQuiz\n    },\n    quizzesAttemptSummary() {\n      return this.quizzesAttemptSummaryById(this.quizzesAttemptSummaryId)\n    },\n    screenshots() {\n      return this.studentScreenshots(this.score.id)\n    },\n    // DUPLICATE-#18\n    channel() {\n      return this.channelByQuizAndUserId(this.quiz?.id, this.score?.user_id)\n    },\n    unreadMessagesCount() {\n      if (!this.channel) return 0\n      return this.unreadMessagesOnChannel(this.channel).length\n    },\n    totalMessagesCount() {\n      if (!this.channel) return 0\n      return this.messages(this.channel.id).length\n    },\n  },\n}\n</script>\n"],"names":["VSlider","__spreadProps","__spreadValues","val","value","v","toFocus","deepEqual","startLength","endLength","startPadding","endPadding","startDir","endDir","start","end","arr","createRange","i","input","children","padding","sections","section","index","onFocus","e","onBlur","valueWidth","isActive","isFocused","refName","_a","domRect","touch","mouseUpOptions","passiveSupported","mouseMoveOptions","isTouchEvent","addOnceEventListener","_sfc_main","mapActions","mapGetters","scan","EvalmeeChip","event","a","b","array","EvaBigIcon","TextEditor","getFeatureMixin","stringHelpers","EvaCommentEditor","Katex","feedback","error","axios","oldVal","instanceExerciseForMixin","_c","_b","_e","_d","questionStateMixin","instanceScoreDuration","QuestionCorrectionComment","AnswerFeedbackEditor","OpenQuestionGrader","QuestionNormal","question","choice","newVal","useScroll","ref","parentRef","el","parentEl","elRect","parentRect","offset","behavior","windowRect","added","entries","entry","maxMultiScreenWidth","maxMultiScreenHeight","fit","canvas","scaleX","scaleY","browserColor","ctx","screenW","screenH","browserX","browserY","browserW","browserH","screenBorders","scale","drawRect","x","y","w","h","color","alpha","text","border","rounded","cornerRadius","region","borderRegion","drawBrowserWindow","topBarHeight","innerW","innerH","EventScreenSizeChart","EventTextDiff","KatexMd","details","durationTimestamp","timeHelpers","str","stringHelper","DEBOUNCE_MS","props","emit","debouncedTimeWindow","selectedScreenshot","maxVisibleScreenshots","toRefs","updateDebouncedTimeWindow","useDebounceFn","newTimeWindow","watch","computed","startTime","endTime","segmentDuration","groups","screenshot","time","segmentIndex","self","t","onKeyStroke","useAutoHideOnInactivity","timeout","isVisible","isHovered","startVisibilityTimeout","stopVisibilityTimeout","useTimeoutFn","windowBuffer","defaultZoomStepRatio","KeyboardTooltip","QuizzesEventsTimelineEventDetail","ScreenshotsTimeline","StudentScreenshotViewer","DialogSelfWrapper","hoveredExerciseId","isDialogOpen","sortedScreenshots","selectedScreenshotIndex","selectPreviousScreenshot","selectNextScreenshot","onKeyPressed","emitExerciseHoveredClick","handleScreenshotClick","showControls","requestShowControls","setControlsHovered","timestamps","eventsGroup","minTimestamp","maxTimestamp","date","exerciseId","newMinTimestamp","newMaxTimestamp","shortEventGroup","shortEvent","group","tabToken","timelineRect","clickPosition","clickTimestamp","newDuration","finalMinTimestamp","zoomIn","direction","QuizzesEventsReportCard","EvalmeeQuizEventsTimeline","visibleEventKinds","eventKindsFor","config","kind","eventPair","eventsOfThisKind","id","exercise","acc","key","eventPairColors","eventIcons","comment","EvalmeeChipDivider","eventPairsCount","pair","eventPairsDuration","eventPairsAcrossSeveralExercise","existingEventKinds","eventName","eventDescription","filteredEvents","eventCounts","onPage","startDate","endDate","defaultTimeFormatWithSeconds","duration","ChatMessages","__async","GetFeatureMixin","useScore","blurNames","ExerciseEventsSummary","PrivateCommentEditor","TimeAccommodationChip","UserDevices","EvalmeeQuizEventsReportAndTimeline","EvalmeeQuizEventsReport","ScoreCards","LegacyCorrection","CheatScoreAlert","OutOfTimeSeveralAlert","ExerciseStudent","EvalmeeQuizEvents","ScanModale","preloader","CopyFeedback","ScoreChatChannel","axiosHelpers","scoreIds","ws","privateComment","timeWindow","helpers","answersEvents","q"],"mappings":"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,WAAA,CAAAwB,EAAAC,CAAA,CACA,CACA,EACA,MAAA,CACA,WAAA,CACA,UAAA,GACA,SAAA,CACA,KAAA,wBAAA,CACA,CACA,EACA,YAAA,CACA,iBAAA,GACA,SAAA,CACA,KAAA,wBAAA,CACA,CACA,EACA,WAAA,CACA,UAAA,GACA,SAAA,CACA,KAAA,wBAAA,CACA,CACA,CACA,CACA,+/NC7hBA9I,GAAA,CACA,KAAA,0BACA,WAAA,CAAA,YAAAI,CAAA,EACA,MAAA,CACA,KAAA,CACA,KAAA,OACA,SAAA,EACA,EACA,KAAA,CACA,KAAA,OACA,QAAA,IACA,EACA,SAAA,CACA,KAAA,OACA,QAAA,CACA,EACA,IAAA,CACA,KAAA,OACA,QAAA,CACA,EACA,MAAA,CACA,KAAA,OACA,QAAA,CACA,CAEA,EAEA,QAAA,CACA,eAAA+E,EAAA,CACA,OAAAC,EAAA,iBAAAD,CAAA,CACA,EACA,YAAAE,EAAA,CACA,OAAAC,EAAA,YAAAD,CAAA,CACA,CACA,CACA,ovBClCArF,GAAA,CACA,KAAA,qCACA,WAAA,CACA,wBAAA0J,GACA,0BAAAC,EACA,EACA,MAAA,CACA,YAAA,CACA,KAAA,MACA,SAAA,EACA,EACA,OAAA,CACA,KAAA,MACA,SAAA,EACA,EACA,UAAA,CACA,KAAA,MACA,SAAA,EACA,EACA,cAAA,CACA,KAAA,OACA,SAAA,EACA,EACA,mBAAA,CACA,KAAA,MACA,SAAA,EACA,EACA,wBAAA,CACA,KAAA,MACA,SAAA,EACA,EACA,KAAA,CACA,KAAA,OACA,SAAA,EACA,EACA,8BAAA,CACA,KAAA,MACA,SAAA,EACA,EACA,0BAAA,CACA,KAAA,MACA,SAAA,EACA,EACA,+BAAA,CACA,KAAA,MACA,SAAA,EACA,EACA,QAAA,CACA,KAAA,QACA,SAAA,EACA,CACA,EACA,MAAA,CAAA,iBAAA,mBAAA,EACA,KAAA,KAAA,CACA,MAAA,EACA,GACA,SAAA,CACA,gBAAA,CACA,MAAAC,EAAAC,EAAA,KAAA,IAAA,EACA,OAAA,OAAA,QAAAD,CAAA,EACA,OAAA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","x_google_ignoreList":[0]}