{"version":3,"file":"useQuizSummary-D0AeloxX.js","sources":["../../../app/javascript/components/quiz/onboarding/quiz_see_more.vue","../../../app/javascript/components/quiz/onboarding/quiz_grading_info.vue","../../../app/javascript/composables/useQuizzesAttemptSummary.js","../../../app/javascript/composables/useQuizSummary.js"],"sourcesContent":["<template>\n  <v-list-item v-if=\"textLength > 0\">\n    <v-list-item-icon class=\"mr-4\">\n      <v-icon :small=\"small\">\n        {{ icon }}\n      </v-icon>\n    </v-list-item-icon>\n    <v-list-item-content>\n      <v-list-item-title class=\"text\">\n        <div\n          :class=\"{'collapsed-text': !expanded && canBeExpanded}\"\n          class=\"collapsableText\"\n          @click=\"expanded = true\"\n          ref=\"collapsableText\"\n          :style=\"{\n            maxHeight: expanded ? 'none' : maxHeightBeforeCollapse + 'px',\n          }\"\n        >\n          <katex-md :expr=\"this.text\" />\n        </div>\n\n        <a\n          v-if=\"canBeExpanded\"\n          @click=\"expanded = true\"\n        >\n          {{ learnMore }}\n        </a>\n        <a\n          v-if=\"canBeCollapsed\"\n          @click=\"expanded = false\"\n          class=\"mt-2 d-block\"\n        >\n          {{ seeLess }}\n        </a>\n      </v-list-item-title>\n    </v-list-item-content>\n  </v-list-item>\n</template>\n\n<script>\nimport katexMd from \"../../katex-md.vue\"\nimport { computed, ref, watch } from \"vue\"\nimport { useResizeObserver } from \"@vueuse/core\"\n\nexport default {\n  name: \"QuizSeeMore\",\n  components: { katexMd },\n  props: {\n    icon: { type: String, default: \"\" },\n    learnMore: { type: String, default: \"\" },\n    seeLess: { type: String, default: \"\" },\n    text: { type: String, default: \"\" },\n    maxHeightBeforeCollapse: { type: Number, default: 100 },\n    small: { type: Boolean, default: false },\n  },\n  setup(props) {\n    const collapsableText = ref(null)\n\n    const offsetHeight = ref(0)\n    const scrollHeight = ref(0)\n    const expanded = ref(false)\n\n\n    const updateHeights = () => {\n      if (collapsableText.value) {\n        offsetHeight.value = collapsableText.value.offsetHeight\n        scrollHeight.value = collapsableText.value.scrollHeight\n      }\n    }\n\n    watch(collapsableText, updateHeights, { immediate: true })\n\n    useResizeObserver(collapsableText, updateHeights)\n\n    const canBeExpanded = computed(() => {\n      return offsetHeight.value < scrollHeight.value\n    })\n\n    const canBeCollapsed = computed(() => {\n      return offsetHeight.value > props.maxHeightBeforeCollapse\n    })\n\n    const textLength = computed(() => props.text.replace(/<[^>]+>/g, \"\").length)\n\n    return { canBeExpanded, collapsableText, expanded, canBeCollapsed, textLength }\n  },\n}\n</script>\n\n<style>\n  .text {\n    white-space: normal !important;\n    overflow-wrap: break-word;\n    padding-right: 15px;\n  }\n\n  .collapsed-text {\n    overflow: hidden;\n    position: relative;\n    -webkit-mask-image: linear-gradient(to bottom,black 30%,transparent 90%);\n    mask-image: linear-gradient(to bottom,black 30%,transparent 90%);\n   }\n</style>\n","<template>\n  <div>\n    <quiz-see-more\n      icon=\"info_outline\"\n      :small=\"small\"\n      :short-text=\"$t('live.examOnboarding.instructions.title')\"\n      :learn-more=\"$t('live.examOnboarding.instructions.learnMore')\"\n      :see-less=\"$t('live.examOnboarding.instructions.seeLess')\"\n      :text=\"quizInstructions\"\n    />\n    <quiz-see-more\n      icon=\"filter_1\"\n      :small=\"small\"\n      :short-text=\"$t('live.examOnboarding.grade.title')\"\n      :learn-more=\"$t('live.examOnboarding.grade.learnMore')\"\n      :see-less=\"$t('live.examOnboarding.grade.seeLess')\"\n      :text=\"grading\"\n    />\n  </div>\n</template>\n\n<script>\nimport QuizSeeMore from \"./quiz_see_more.vue\"\n\nexport default {\n  name: \"QuizGradingInfo\",\n  components: { QuizSeeMore },\n  props: {\n    quiz: {\n      type: Object,\n      required: true,\n    },\n    small: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  computed:{\n    quizInstructions() {\n      let instructions = this.quiz.instructions || \"\"\n      return (instructions === \"<p></p>\") ? \"\" : instructions\n    },\n    grading() {\n      let grading = this.quiz.grading_description || \"\"\n      return (grading.length === 0 || grading === \"<p></p>\") ? this.$t(\"quiz.gradeRules\") : grading\n    },\n  },\n}\n</script>\n\n<style scoped>\n\n</style>\n","import { computed, ref } from \"vue\"\nimport { useStore } from \"@/store\"\nimport { useIntervalFn, useTimeoutFn } from \"@vueuse/core\"\nimport timeHelpers from \"@/helpers/time_helpers\"\n\nexport function useQuizzesAttemptSummary(quizzesAttemptSummary) {\n\n  const store = useStore()\n\n  const timeAccommodation = computed(() => {\n    return store.getters.timeAccommodation(quizzesAttemptSummary?.time_accommodation_id)\n  })\n\n  const expectedSessionState = ref(\"not_started\")\n\n  useTimeoutFn(() => {\n    expectedSessionState.value = computeCurrentExpectedState()\n  }, 1000)\n\n  const computeCurrentExpectedState = () => {\n    // update expectedSessionState regarding quizzesAttemptSummary.start_at and quizzesAttemptSummary.end_at vs current time. end_at may be null.\n    // if start_at is in the future, return \"scheduled\"\n\n    const now = new Date()\n    const startAt = quizzesAttemptSummary?.start_at && new Date(quizzesAttemptSummary?.start_at)\n    const endAt = quizzesAttemptSummary?.end_at && new Date(quizzesAttemptSummary?.end_at)\n\n    if (startAt && startAt > now) return \"scheduled\"\n    if (endAt && endAt < now) return \"closed\"\n    return \"open\"\n  }\n\n\n  const timeOffset = store.getters.timeOffset\n  const computeRemainingTimeMs = () => {\n    if (!quizzesAttemptSummary?.submission_deadline_at) return\n    return new Date(quizzesAttemptSummary.submission_deadline_at) - Date.now() - timeOffset\n  }\n\n\n  // TODO: check what happens if the submission_deadline_at changes\n  useIntervalFn(() => {\n    remainingTimeMs.value = computeRemainingTimeMs()\n  }, 1000)\n\n  const remainingTimeFormatted = computed(() => {\n    return timeHelpers.formatDuration(remainingTimeMs.value)\n  })\n\n  const remainingTimeMs = ref(computeRemainingTimeMs())\n\n  const remainingTime = computed(() => {\n    return Math.round(remainingTimeMs.value / 1000)\n  })\n\n  const countdownProgress = computed(() => {\n    const studentStartedAt = new Date(quizzesAttemptSummary?.student_started_at)\n    const submissionDeadlineAt = new Date(quizzesAttemptSummary?.submission_deadline_at)\n    const duration = submissionDeadlineAt - studentStartedAt\n\n    return (duration - remainingTimeMs.value) / duration * 100\n  })\n\n  return {\n    timeAccommodation,\n    expectedSessionState,\n    remainingTime,\n    remainingTimeFormatted,\n    countdownProgress,\n  }\n}\n","import { computed } from \"vue\"\nimport timeHelpers from \"@/helpers/time_helpers\"\nimport vueI18n from \"@/plugins/i18n\"\nimport { useQuizzesAttemptSummary } from \"@/composables/useQuizzesAttemptSummary\"\n\n\nexport function useQuizSummary({ quiz, quizzesAttemptSummary, session }) {\n  const instructions = computed(() => {\n    const formattedDuration = timeHelpers.formatDuration((quizzesAttemptSummary?.time_limit_with_accommodation || quiz.time_limit) * 1000)\n\n    const timeAccommodation = useQuizzesAttemptSummary(quizzesAttemptSummary)?.timeAccommodation\n\n    const durationLabel = quiz.time_limit ?\n      vueI18n.t(\"live.timer\", { timer: formattedDuration }) :\n      vueI18n.t(\"live.examOnboarding.grading.noTimer\")\n\n    return [\n      {\n        icon: \"mdi-format-list-checks\",\n        label: vueI18n.t(\n          \"live.examOnboarding.grading.questions\",\n          { questions: quiz.questions_count }\n        ),\n        visible: true,\n      },\n      {\n        icon: \"mdi-timer-outline\",\n        label: durationLabel,\n        visible: quiz.quiz_type === \"exam\",\n      },\n      {\n        icon: \"mdi-undo\",\n        label: quiz.allow_questions_navigation ?\n          vueI18n.t(\"live.examOnboarding.grading.navigation\") :\n          vueI18n.t(\"live.examOnboarding.grading.noNavigation\"),\n        visible: quiz.quiz_type === \"exam\",\n      },\n      {\n        icon: \"mdi-clock-outline\",\n        label: `${vueI18n.t(\"live.startTime\")} ${ formatDate(quizzesAttemptSummary?.start_at) }`,\n        visible: quizzesAttemptSummary?.start_at,\n      },\n      {\n        icon: \"mdi-clock-outline\",\n        label: `${vueI18n.t(\"live.startTime\")} ${ formatDate(session?.start_at) }`,\n        visible: session?.start_at && !quizzesAttemptSummary,\n      },\n      {\n        icon: \"mdi-clock-end\",\n        label: `${vueI18n.t(\"live.stopTime\")} ${ formatDate(quizzesAttemptSummary?.end_at_with_accommodation) }`,\n        visible: quizzesAttemptSummary?.end_at_with_accommodation,\n      },\n      {\n        icon: \"mdi-clock-end\",\n        label: `${vueI18n.t(\"live.stopTime\")} ${ formatDate(session?.end_at) }`,\n        visible: session?.end_at && !quizzesAttemptSummary,\n      },\n      {\n        icon: \"mdi-timer-plus-outline\",\n        label: vueI18n.t(\n          \"live.examOnboarding.grading.timeAccommodation\",\n          { name: timeAccommodation.value.name  }\n        ),\n        visible: quiz.time_accommodation && quizzesAttemptSummary,\n      },\n    ].filter(e => e.visible)\n  })\n\n  function formatDate(date) {\n    return timeHelpers.formatDateTime(date) + \" - \" + Intl.DateTimeFormat().resolvedOptions().timeZone\n  }\n\n  return {\n    instructions,\n  }\n}\n"],"names":["_sfc_main","katexMd","props","collapsableText","ref","offsetHeight","scrollHeight","expanded","updateHeights","watch","useResizeObserver","canBeExpanded","computed","canBeCollapsed","textLength","QuizSeeMore","instructions","grading","useQuizzesAttemptSummary","quizzesAttemptSummary","store","useStore","timeAccommodation","expectedSessionState","useTimeoutFn","computeCurrentExpectedState","now","startAt","endAt","timeOffset","computeRemainingTimeMs","useIntervalFn","remainingTimeMs","remainingTimeFormatted","timeHelpers","remainingTime","countdownProgress","studentStartedAt","duration","useQuizSummary","quiz","session","formattedDuration","_a","durationLabel","vueI18n","formatDate","e","date"],"mappings":"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"}