\n
\n );\n};\n\nProgressBar.propTypes = {\n chapters: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.number.isRequired,\n lessons: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.number.isRequired,\n title: PropTypes.string.isRequired,\n }).isRequired\n ).isRequired,\n }).isRequired\n ).isRequired,\n currentLesson: PropTypes.shape({\n id: PropTypes.number.isRequired,\n }).isRequired,\n onLessonClick: PropTypes.func.isRequired,\n lessonProgresses: PropTypes.object.isRequired,\n leftIconUrl: PropTypes.string.isRequired,\n rightIconUrl: PropTypes.string.isRequired,\n};\n\nexport default ProgressBar;\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nconst QcmComponent = ({ element, junior, current_user, qcmId }) => {\n const [qcmData, setQcmData] = useState([]);\n const [userAnswers, setUserAnswers] = useState({});\n const [qcmAnswer, setQcmAnswer] = useState(null);\n const [cooldown, setCooldown] = useState(false);\n const [message, setMessage] = useState('');\n const [isCorrect, setIsCorrect] = useState(false);\n\n useEffect(() => {\n if (element.content) {\n setQcmData(JSON.parse(element.content));\n }\n fetchQcmAnswer(element.id);\n }, [element]);\n\n const fetchQcmAnswer = async (lessonElementId) => {\n const response = await fetch(`/juniors/${junior.current_junior}/qcm_answers?user_id=${current_user}&lesson_element_id=${lessonElementId}`);\n const data = await response.json();\n if (data.length > 0) {\n const latestAnswer = data.sort((a, b) => new Date(b.created_at) - new Date(a.created_at))[0];\n setQcmAnswer(latestAnswer);\n if (latestAnswer.validation) {\n setMessage('Félicitation, vous avez correctement répondu à toutes les questions ! Vous avez donc déjà validé ce QCM.');\n setIsCorrect(true);\n } else {\n const lastAttemptTime = new Date(latestAnswer.created_at).getTime();\n const currentTime = new Date().getTime();\n if ((currentTime - lastAttemptTime) / 1000 / 60 < 2) {\n setCooldown(true);\n setMessage(\"Vous n'avez pas correctement répondu au QCM. Vous devez donc attendre 2 minutes avant de pouvoir refaire ce QCM.\");\n setIsCorrect(false);\n }\n }\n }\n };\n\n const handleAnswerChange = (questionIndex, answerIndex) => {\n setUserAnswers(prevAnswers => {\n const updatedAnswers = { ...prevAnswers };\n if (!updatedAnswers[questionIndex]) {\n updatedAnswers[questionIndex] = [];\n }\n if (updatedAnswers[questionIndex].includes(answerIndex)) {\n updatedAnswers[questionIndex] = updatedAnswers[questionIndex].filter(i => i !== answerIndex);\n } else {\n updatedAnswers[questionIndex].push(answerIndex);\n }\n return updatedAnswers;\n });\n };\n\n const handleSubmit = async (event) => {\n event.preventDefault();\n if (cooldown || message === 'Vous avez déjà validé ce QCM.') return;\n\n const isCorrect = qcmData.every((question, index) => {\n const correctAnswers = question.answers.map((answer, i) => answer.correct ? i : null).filter(i => i !== null);\n return JSON.stringify(correctAnswers.sort()) === JSON.stringify(userAnswers[index]?.sort());\n });\n\n const response = await fetch(`/juniors/${junior.current_junior}/qcm_answers`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'X-CSRF-Token': document.querySelector('meta[name=\"csrf-token\"]').getAttribute('content')\n },\n body: JSON.stringify({\n user_id: current_user,\n lesson_element_id: element.id,\n lesson_progress_id: null,\n content: JSON.stringify(userAnswers),\n validation: isCorrect\n })\n });\n\n if (response.ok) {\n fetchQcmAnswer(element.id);\n setMessage(isCorrect ? 'Vous avez correctement répondu au QCM !' : 'Vous avez fait des erreurs dans le QCM.');\n setIsCorrect(isCorrect);\n }\n };\n\n return (\n \n 
\n
\n \n {chapters.map((chapter, chapterIndex) => (\n
\n \n {chapter.lessons.map((lesson, lessonIndex) => (\n onLessonClick(lesson)}\n />\n ))}\n
\n ))}\n \n 
\n
\n \n {message &&
\n );\n};\n\n\nQcmComponent.propTypes = {\n element: PropTypes.object.isRequired,\n junior: PropTypes.object.isRequired,\n current_user: PropTypes.number.isRequired,\n};\n\nexport default QcmComponent;\n","// YouTubeAPI.js\n\nlet isAPILoaded = false;\nlet loadAPI;\n\nconst loadYouTubeAPI = () => {\n if (isAPILoaded) {\n return Promise.resolve();\n }\n\n if (!loadAPI) {\n loadAPI = new Promise((resolve) => {\n window.onYouTubeIframeAPIReady = () => {\n isAPILoaded = true;\n resolve();\n };\n\n const tag = document.createElement('script');\n tag.src = 'https://www.youtube.com/iframe_api';\n document.head.appendChild(tag);\n });\n }\n\n return loadAPI;\n};\n\nexport default loadYouTubeAPI;\n","import React, { useEffect, useRef, useState } from 'react';\nimport loadYouTubeAPI from './YouTubeAPI'; // Import the loader\n\n\nconst YouTubeVideo = ({ element, user, junior }) => {\n const [videoProgress, setLocalVideoProgress] = useState(null);\n const videoProgressRef = useRef(null);\n const [isPlayerReady, setIsPlayerReady] = useState(false);\n\n const playerRef = useRef(null);\n const lastTimeRef = useRef(0);\n const intervalRef = useRef(null);\n const timeThreshold = 2;\n const [isSeeking, setIsSeeking] = useState(false);\n const updateLastTime = (currentTime) => {\n console.log(currentTime)\n if (!isSeeking && currentTime > lastTimeRef.current) {\n lastTimeRef.current = currentTime;\n }\n };\n\n\n useEffect(() => {\n videoProgressRef.current = videoProgress;\n }, [videoProgress]);\n\n useEffect(() => {\n if (!element.youtube_url) {\n console.warn(\"Aucun ID de vidéo YouTube fourni pour l'élément :\", element.id);\n return;\n }\n\n const initializePlayer = () => {\n if (!playerRef.current) {\n playerRef.current = new YT.Player(`youtube-player-${element.id}`, {\n videoId: element.youtube_url,\n events: {\n 'onReady': onPlayerReady,\n 'onStateChange': onPlayerStateChange,\n },\n });\n }\n };\n\n loadYouTubeAPI().then(() => {\n initializePlayer();\n });\n\n fetchVideoProgress(element.id);\n\n return () => {\n clearInterval(intervalRef.current);\n if (playerRef.current) {\n playerRef.current.destroy();\n playerRef.current = null;\n }\n };\n }, []);\n\n const fetchVideoProgress = async (lessonElementId) => {\n try {\n const response = await fetch(`/juniors/${junior.current_junior}/video_progresses/find_or_create`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'X-CSRF-Token': document.querySelector('meta[name=\"csrf-token\"]').getAttribute('content')\n },\n body: JSON.stringify({ user_id: user, lesson_element_id: lessonElementId })\n });\n const data = await response.json();\n setLocalVideoProgress(data);\n } catch (error) {\n console.error('Erreur lors de la récupération de la progression vidéo :', error);\n }\n };\n\n const onPlayerReady = (event) => {\n setIsPlayerReady(true);\n };\n\n useEffect(() => {\n if (isPlayerReady && videoProgress) {\n\n intervalRef.current = setInterval(() => {\n if (playerRef.current && playerRef.current.getCurrentTime) {\n const currentTime = playerRef.current.getCurrentTime();\n\n if (!isSeeking && currentTime > lastTimeRef.current + timeThreshold) {\n setIsSeeking(true);\n playerRef.current.seekTo(lastTimeRef.current);\n } else if (isSeeking && currentTime <= lastTimeRef.current + timeThreshold) {\n setIsSeeking(false);\n } else if (!isSeeking) {\n updateLastTime(currentTime);\n }\n }\n }, 1000);\n }\n }, [isPlayerReady, videoProgress]);\n\n const onPlayerStateChange = (event) => {\n if (event.data === YT.PlayerState.ENDED) {\n clearInterval(intervalRef.current);\n handleVideoEnd();\n } else if (event.data === YT.PlayerState.PLAYING && isSeeking) {\n setIsSeeking(false);\n }\n };\n\n const handleVideoEnd = async () => {\n const currentVideoProgress = videoProgressRef.current;\n if (!currentVideoProgress) {\n return;\n }\n if (!currentVideoProgress.watched) {\n try {\n const response = await fetch(`/juniors/${junior.current_junior}/video_progresses/${currentVideoProgress.id}`, {\n method: 'PATCH',\n headers: {\n 'Content-Type': 'application/json',\n 'X-CSRF-Token': document.querySelector('meta[name=\"csrf-token\"]').getAttribute('content')\n },\n body: JSON.stringify({ watched: true })\n });\n const data = await response.json();\n console.log('Progression vidéo mise à jour :', data);\n setLocalVideoProgress(data);\n setVideoProgress(data);\n } catch (error) {\n console.error('Erreur lors de la mise à jour de la progression vidéo :', error);\n }\n }\n };\n\n return (\n {message}
}\n \n\n \n {!videoProgress?.watched && (\n
\n );\n};\n\nexport default YouTubeVideo;\n","import React, { useEffect, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport QcmComponent from './QcmComponent';\nimport YouTubeVideo from './YouTubeVideo';\n\n\nconst LessonContent = ({ lessonElements, junior, current_user }) => {\n const [depotAnswers, setDepotAnswers] = useState({});\n const videoRefs = useRef({});\n const fileInputRefs = useRef({});\n\n const fetchDepotAnswers = async (lessonElementId) => {\n\n const response = await fetch(`/juniors/${junior.current_junior}/depot_answers?user_id=${current_user}&lesson_element_id=${lessonElementId}`);\n const data = await response.json();\n setDepotAnswers(prevState => ({ ...prevState, [lessonElementId]: data }));\n };\n\n const handleFileSubmit = async (event, lessonElementId) => {\n event.preventDefault();\n const file = fileInputRefs.current[lessonElementId].files[0];\n const formData = new FormData();\n formData.append('file', file);\n formData.append('user_id', current_user);\n formData.append('lesson_element_id', lessonElementId);\n\n const response = await fetch(`/juniors/${junior.current_junior}/depot_answers`, {\n method: 'POST',\n headers: {\n 'X-CSRF-Token': document.querySelector('meta[name=\"csrf-token\"]').getAttribute('content')\n },\n body: formData\n });\n fetchDepotAnswers(lessonElementId);\n };\n\n useEffect(() => {\n lessonElements.forEach(element => {\n\n if (element.element_type === 'Dépot de fichier') {\n fetchDepotAnswers(element.id);\n } else if (element.element_type === 'Vidéo') {\n\n }\n });\n }, [lessonElements]);\n\n\n\n\n return (\n \n Vous devez regarder cette vidéo en entier afin de pouvoir la valider.\n
\n )}\n\n {lessonElements.map((element) => (\n
\n );\n};\n\nconst renderElementContent = (element, videoRefs, fileInputRefs, depotAnswers, handleFileSubmit, junior, current_user) => {\n switch (element.element_type) {\n case 'Titre':\n return \n {renderElementContent(element, videoRefs, fileInputRefs, depotAnswers, handleFileSubmit, junior, current_user)}\n
\n ))}\n {element.content}
;\n case 'Texte':\n return {element.content}
;\n case 'Vidéo':\n return (\n\n 
\n
\n );\n case 'Fichier':\n return (\n \n \n \n \n
\n );\n\n\n\n case 'Dépot de fichier':\n const depotAnswer = depotAnswers[element.id];\n const validationDic = {\n pending: 'En attente de validation',\n refused: 'Refusé',\n accepted: 'Accepté',\n }\n if (depotAnswer && depotAnswer.length > 0) {\n const sortedDepotAnswers = depotAnswer.sort((a, b) => new Date(b.created_at) -new Date(a.created_at));\n const pendingAnswer = sortedDepotAnswers.find(depot => depot.validation === 'pending');\n const refusedAnswer = sortedDepotAnswers.find(depot => depot.validation === 'refused');\n const acceptedAnswer = sortedDepotAnswers.find(depot => depot.validation === 'accepted');\n if (acceptedAnswer) {\n return (\n \n \n \n
\n
\n );\n } else if (pendingAnswer) {\n return (\n {element.content}
\nVotre dernier document déposé a été validé !
\nHistorique des dépôts :
\n| Nom du fichier | \nValidation | \n
|---|---|
| {depot.file_name} | \n{validationDic[depot.validation]} | \n
\n \n \n
\n
\n );\n } else if (refusedAnswer) {\n return (\n {element.content}
\nVotre dernier document déposé est en attente de validation.
\nHistorique des dépôts :
\n| Nom du fichier | \nValidation | \n
|---|---|
| {depot.file_name} | \n{validationDic[depot.validation]} | \n
\n \n \n
\n
\n );\n } else {\n return (\n {element.content}
\n\nVotre document a été refusé. Veuillez déposer un nouveau fichier.
\n \nHistorique des dépôts :
\n| Nom du fichier | \nValidation | \n
|---|---|
| {depot.file_name} | \n{validationDic[depot.validation]} | \n
\n \n \n
\n \n
\n );\n }\n } else {\n return (\n {element.content}
\n\nHistorique des dépôts :
\n| Nom du fichier | \nValidation | \n
|---|---|
| {depot.file_name} | \n{validationDic[depot.validation]} | \n
\n
\n );\n }\n case 'QCM':\n return (\n {element.content}
\n \n{element.element_type}: {element.content}
;\n }\n};\n\nLessonContent.propTypes = {\n junior: PropTypes.shape({\n current_junior: PropTypes.number.isRequired,\n }).isRequired,\n current_user: PropTypes.number.isRequired,\n lessonElements: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.number.isRequired,\n element_type: PropTypes.string.isRequired,\n content: PropTypes.string,\n youtube_url: PropTypes.string,\n download: PropTypes.string,\n })\n ).isRequired,\n};\n\nexport default LessonContent;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Banner = ({ course, parcour, junior }) => {\n const parcoursUrl = `/juniors/${junior.current_junior}/learning_center`\n return (\n \n
\n );\n};\n\n\nexport default Banner;\n","import React, { useState, useEffect } from 'react';\n\nconst ChapterNavigation = ({ chapters, currentLesson, onLessonClick, lessonProgresses }) => {\n const [currentChapterIndex, setCurrentChapterIndex] = useState(() => {\n return chapters.findIndex(chapter =>\n chapter.lessons.some(lesson => lesson.id === currentLesson.id)\n );\n });\n\n useEffect(() => {\n const newChapterIndex = chapters.findIndex(chapter =>\n chapter.lessons.some(lesson => lesson.id === currentLesson.id)\n );\n setCurrentChapterIndex(newChapterIndex);\n }, [currentLesson, chapters]);\n\n const handlePreviousChapter = () => {\n if (currentChapterIndex > 0) {\n setCurrentChapterIndex(currentChapterIndex - 1);\n }\n };\n\n const handleNextChapter = () => {\n if (currentChapterIndex < chapters.length - 1) {\n setCurrentChapterIndex(currentChapterIndex + 1);\n }\n };\n\n return (\n \n
\n \n {course.is_a_parcour ? (\n <>\n Parcours > {parcour.title} \n > \n {course.title}\n \n ) : (\n <>\n Learning Center > \n {course.title}\n \n )}\n
\n {course.title}
\n \n {course.time} minutes\n {course.difficult}\n
\n \n 
\n
\n Dernière mise à jour le {course.last_updated_at}
\n \n
\n );\n};\n\nexport default ChapterNavigation;\n","import React, { useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\n\nconst Timer = ({ currentLessonId, junior, current_user, onUpdateProgress }) => {\n const timerRef = useRef(null);\n const startTimeRef = useRef(null);\n const [lastProgress, setLastProgress] = useState(null);\n\n const fetchLessonProgress = async (lessonId) => {\n const response = await fetch(`/juniors/${junior.current_junior}/lesson_progresses/find_or_create`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'X-CSRF-Token': document.querySelector('meta[name=\"csrf-token\"]').getAttribute('content')\n },\n body: JSON.stringify({ user_id: current_user, lesson_id: lessonId })\n });\n const data = await response.json();\n return data;\n };\n\n const updateLessonTime = async (progressId, startTime) => {\n if (!startTime) return;\n const endTime = new Date().getTime();\n const timeSpent = Math.floor((endTime - startTime) / 1000);\n\n const response = await fetch(`/juniors/${junior.current_junior}/lesson_progresses/${progressId}/update_time`, {\n method: 'PATCH',\n headers: {\n 'Content-Type': 'application/json',\n 'X-CSRF-Token': document.querySelector('meta[name=\"csrf-token\"]').getAttribute('content')\n },\n body: JSON.stringify({ time: timeSpent })\n });\n\n if (response.ok) {\n const updatedProgress = await response.json();\n onUpdateProgress(updatedProgress.lesson_id, updatedProgress.progress);\n }\n };\n\n const startTimer = async (lessonId) => {\n const currentProgress = await fetchLessonProgress(lessonId);\n if (currentProgress.progress < 1) {\n setLastProgress(currentProgress);\n startTimeRef.current = new Date().getTime();\n timerRef.current = setInterval(() => {}, 1000);\n } else {\n setLastProgress(null);\n }\n };\n\n const stopTimer = async () => {\n if (timerRef.current) {\n clearInterval(timerRef.current);\n timerRef.current = null;\n if (lastProgress) {\n await updateLessonTime(lastProgress.id, startTimeRef.current);\n setLastProgress(null);\n }\n }\n };\n\n useEffect(() => {\n const handleUnload = async () => {\n await stopTimer();\n };\n\n window.addEventListener('beforeunload', handleUnload);\n return () => {\n window.removeEventListener('beforeunload', handleUnload);\n };\n }, []);\n\n useEffect(() => {\n const handleLessonChange = async () => {\n await stopTimer();\n await startTimer(currentLessonId);\n };\n\n handleLessonChange();\n }, [currentLessonId]);\n\n return null;\n};\n\nTimer.propTypes = {\n currentLessonId: PropTypes.number.isRequired,\n junior: PropTypes.shape({\n current_junior: PropTypes.number.isRequired,\n }).isRequired,\n current_user: PropTypes.number.isRequired,\n onUpdateProgress: PropTypes.func.isRequired,\n};\n\nexport default Timer;\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport ProgressBar from './ProgressBar';\nimport LessonContent from './LessonContent';\nimport Banner from './Banner';\nimport ChapterNavigation from './ChapterNavigation';\nimport Timer from './Timer';\n\nconst Training = ({ junior, course, chapters, leftIconUrl, rightIconUrl, parcour, current_user }) => {\n const [currentLesson, setCurrentLesson] = useState(chapters[0].lessons[0]);\n const [lessonProgresses, setLessonProgresses] = useState({});\n\n const fetchLessonProgress = async (lessonId) => {\n const response = await fetch(`/juniors/${junior.current_junior}/lesson_progresses/find_or_create`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'X-CSRF-Token': document.querySelector('meta[name=\"csrf-token\"]').getAttribute('content')\n },\n body: JSON.stringify({ user_id: current_user, lesson_id: lessonId })\n });\n const data = await response.json();\n return data;\n };\n\n const initializeLessonProgresses = async () => {\n const progressData = {};\n for (const chapter of chapters) {\n for (const lesson of chapter.lessons) {\n const data = await fetchLessonProgress(lesson.id);\n progressData[lesson.id] = data.progress;\n }\n }\n setLessonProgresses(progressData);\n };\n\n const verifyAndUpdateAllProgresses = async () => {\n const progressPromises = chapters.flatMap(chapter =>\n chapter.lessons.map(lesson => fetchLessonProgress(lesson.id))\n );\n\n const progressDataArray = await Promise.all(progressPromises);\n\n const progressData = {};\n progressDataArray.forEach(data => {\n progressData[data.lesson_id] = data.progress;\n });\n\n setLessonProgresses(progressData);\n };\n\n useEffect(() => {\n initializeLessonProgresses();\n }, [chapters]);\n\n const handleLessonClick = async (lesson) => {\n setCurrentLesson(lesson);\n verifyAndUpdateAllProgresses();\n };\n\n const handleUpdateProgress = (lessonId, progress) => {\n setLessonProgresses(prev => ({ ...prev, [lessonId]: progress }));\n };\n\n return (\n \n
\n \n \n
\n {chapters[currentChapterIndex].title}
\n \n \n
\n - \n {chapters[currentChapterIndex].lessons.map((lesson) => (\n
\n
\n );\n};\n\nTraining.propTypes = {\n junior: PropTypes.shape({\n junior: PropTypes.number.isRequired,\n junior_nom: PropTypes.string.isRequired,\n current_junior: PropTypes.number.isRequired,\n }).isRequired,\n course: PropTypes.shape({\n title: PropTypes.string.isRequired,\n description: PropTypes.string.isRequired,\n creator_logo: PropTypes.string.isRequired,\n last_updated_at: PropTypes.string.isRequired,\n difficult: PropTypes.string.isRequired,\n time: PropTypes.number.isRequired,\n is_a_parcour: PropTypes.bool.isRequired,\n }).isRequired,\n chapters: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.number.isRequired,\n lessons: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.number.isRequired,\n position: PropTypes.number.isRequired,\n title: PropTypes.string.isRequired,\n time: PropTypes.number,\n content: PropTypes.string,\n lesson_elements: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.number.isRequired,\n element_type: PropTypes.string.isRequired,\n content: PropTypes.string,\n video: PropTypes.string,\n picture: PropTypes.string,\n download: PropTypes.string,\n })\n ).isRequired,\n })\n ),\n })\n ).isRequired,\n leftIconUrl: PropTypes.string.isRequired,\n rightIconUrl: PropTypes.string.isRequired,\n parcour: PropTypes.shape({\n id: PropTypes.number,\n title: PropTypes.string,\n }),\n current_user: PropTypes.number.isRequired,\n};\n\nexport default Training;\n","import React, { useState } from 'react';\n\nconst FileUpload = ({ onNext }) => {\n const [isDragging, setIsDragging] = useState(false);\n\n const handleFileChange = (event) => {\n onNext(event.target.files[0]);\n };\n\n const handleDragOver = (event) => {\n event.preventDefault();\n setIsDragging(true);\n };\n\n const handleDragLeave = () => {\n setIsDragging(false);\n };\n\n const handleDrop = (event) => {\n event.preventDefault();\n setIsDragging(false);\n if (event.dataTransfer.files && event.dataTransfer.files[0]) {\n onNext(event.dataTransfer.files[0]);\n }\n };\n\n return (\n \n
\n \n
\n {currentLesson.title}
\n{currentLesson.content}
\n{currentLesson.time} minutes
\n\n
\n \n Déposez votre fichier\n
\n )}\n \n
\n \n );\n};\n\nexport default FileUpload;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nconst ModelSelection = ({ onNext, models }) => {\n const [selectedModel, setSelectedModel] = useState('');\n\n const handleModelChange = (event) => {\n setSelectedModel(event.target.value);\n };\n\n const handleNext = () => {\n if (selectedModel) {\n onNext(selectedModel);\n } else {\n alert(\"Please select a model\");\n }\n };\n\n return (\n \n \n
\n Déposez votre fichier juste ici (xlsx, csv)
\n \n \n\n \n \n
\n );\n};\n\nModelSelection.propTypes = {\n onNext: PropTypes.func.isRequired,\n models: PropTypes.arrayOf(PropTypes.string).isRequired,\n};\n\nexport default ModelSelection;\n","import React, { useState, useEffect } from 'react';\nimport { Oval } from 'react-loader-spinner';\nimport { FaCheckCircle, FaTimesCircle } from 'react-icons/fa';\n\nconst ImportStatusModal = ({ jobId, onClose, juniorId }) => {\n const [status, setStatus] = useState('in_progress');\n const [errors, setErrors] = useState([]);\n\n useEffect(() => {\n const intervalId = setInterval(() => {\n fetch(`import_status?job_id=${jobId}`)\n .then(response => response.json())\n .then(data => {\n if (data.status === 'in_progress') {\n setStatus('in_progress');\n } else if (data.status === 'success') {\n setStatus('success');\n clearInterval(intervalId);\n } else if (data.status === 'error') {\n setStatus('error');\n setErrors(data.errors);\n clearInterval(intervalId);\n }\n })\n .catch(error => {\n setStatus('error');\n setErrors([error.message]);\n clearInterval(intervalId);\n });\n }, 2000);\n\n return () => clearInterval(intervalId);\n }, [jobId]);\n const handleClose = () => {\n window.location.href = `/juniors/${juniorId}`;\n };\n const renderContent = () => {\n switch (status) {\n case 'in_progress':\n return \n
\n );\n};\n\nexport default ImportStatusModal;\n","import React, { useState, useEffect } from 'react';\nimport * as XLSX from 'xlsx';\nimport ImportStatusModal from './ImportStatusModal';\n\nconst ColumnMapping = ({ file, model, columns, juniorId }) => {\n const [mappings, setMappings] = useState({});\n const [fileColumns, setFileColumns] = useState([]);\n const [fileData, setFileData] = useState([]);\n const [fileRawData, setFileRawData] = useState(null);\n const [importJobId, setImportJobId] = useState(null);\n\n useEffect(() => {\n const readFile = () => {\n const reader = new FileReader();\n reader.onload = (event) => {\n const data = new Uint8Array(event.target.result);\n const workbook = XLSX.read(data, { type: 'array' });\n const sheetName = workbook.SheetNames[0];\n const worksheet = XLSX.utils.sheet_to_json(workbook.Sheets[sheetName], { header: 1 });\n const columns = worksheet[0];\n const dataRows = worksheet.slice(1, 6); // Display first 5 rows of data\n\n setFileColumns(columns);\n setFileData(dataRows.map(row => row.map(cell => {\n if (typeof cell === 'number') {\n const date = XLSX.SSF.parse_date_code(cell);\n if (date) {\n const jsDate = new Date(Date.UTC(date.y, date.m - 1, date.d, date.H, date.M, date.S));\n const year = jsDate.getUTCFullYear();\n if (year >= 1990 && year <= 2050) {\n return jsDate.toLocaleDateString();\n }\n }\n }\n return cell;\n })));\n setFileRawData(worksheet);\n\n const initialMappings = {};\n columns.forEach(column => {\n initialMappings[column] = '';\n });\n setMappings(initialMappings);\n };\n reader.readAsArrayBuffer(file);\n };\n\n readFile();\n }, [file]);\n\n const handleMappingChange = (fileColumn, event) => {\n setMappings({\n ...mappings,\n [fileColumn]: event.target.value\n });\n };\n\n const getAvailableOptions = (currentColumn) => {\n const selectedColumns = Object.values(mappings).filter(value => value !== '' && value !== mappings[currentColumn]);\n return columns.filter(column => !selectedColumns.includes(column));\n };\n\n const handleSubmit = () => {\n const mappedData = fileRawData.map(row => {\n const newRow = {};\n Object.keys(mappings).forEach(fileColumn => {\n const dbColumn = mappings[fileColumn];\n if (dbColumn) {\n newRow[dbColumn] = row[fileColumns.indexOf(fileColumn)];\n }\n });\n return newRow;\n });\n\n const headers = Object.values(mappings).filter(value => value !== '');\n const data = mappedData.map(row => headers.map(header => row[header]));\n\n const payload = {\n junior_id: juniorId,\n model_name: model,\n data: [headers, ...data]\n };\n\n fetch(`/juniors/${juniorId}/jestion_data/process_data`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'X-CSRF-Token': document.querySelector('meta[name=\"csrf-token\"]').getAttribute('content')\n },\n body: JSON.stringify(payload)\n })\n .then(response => response.json())\n .then(data => {\n setImportJobId(data.job_id);\n })\n .catch((error) => {\n console.error('Error:', error);\n });\n };\n\n return (\n \n {renderContent()}\n
\n \n {status === 'in_progress' && 'Importation en cours...'}\n {status === 'success' && 'Importation réussie !'}\n {status === 'error' && (\n <>\n
\n {status !== 'in_progress' && (\n \n )}\n Importation échouée :
\n- \n {errors.map((error, index) => (\n
- {error} \n ))}\n
\n \n \n
\n \n {importJobId && setImportJobId(null)} juniorId={juniorId} />}\n
\n );\n};\n\nexport default ColumnMapping;\n","import PropTypes from 'prop-types';\nimport React, { useState, useEffect } from 'react';\nimport FileUpload from './FileUpload';\nimport ModelSelection from './ModelSelection';\nimport ColumnMapping from './ColumnMapping';\n\nconst ImportWizard = ({ models, juniorId }) => {\n const [step, setStep] = useState(1);\n const [file, setFile] = useState(null);\n const [model, setModel] = useState('');\n const [columns, setColumns] = useState([]);\n\n const handleFileUpload = (uploadedFile) => {\n setFile(uploadedFile);\n setStep(2);\n };\n\n const handleModelSelection = (selectedModel) => {\n setModel(selectedModel);\n setColumns(models[selectedModel]);\n setStep(3);\n };\n\n useEffect(() => {\n document.querySelector('.page_content').classList.add('import-wizard-background');\n return () => {\n document.querySelector('.page_content').classList.remove('import-wizard-background');\n };\n }, []);\n\n return (\n Colonnes
\n| \n \n {column}\n →\n \n \n | \n ))}\n
|---|
| {cell} | \n ))}\n
\n
\n );\n};\n\nImportWizard.propTypes = {\n models: PropTypes.objectOf(\n PropTypes.arrayOf(PropTypes.string)\n ).isRequired,\n juniorId: PropTypes.number.isRequired,\n};\n\nexport default ImportWizard;\n","import Rails from \"@rails/ujs\";\nimport ReactOnRails from 'react-on-rails';\nimport Turbolinks from \"turbolinks\";\nimport * as ActiveStorage from \"@rails/activestorage\";\nimport \"channels\";\nglobal.$ = require('jquery');\n//= require actiontext\n\nRails.start();\nTurbolinks.start();\nActiveStorage.start();\nimport \"trix\"\nimport \"@rails/actiontext\"\n\n// Imports externes\nimport \"bootstrap\";\nimport \"chartkick/chart.js\";\n\n\n// Imports internes\nimport { initSelect2 } from '../components/init_select2';\nimport { initMenuSelector } from \"../components/menu_selector\";\nimport { initArrayInput } from \"../components/array_input\";\nimport { initHEXModal2 } from \"../components/hex_modal2\";\nimport { initTableauHexSearchBar } from \"../components/tableau_hex_search_bar\";\nimport { initReducteur } from \"../components/reducteur\";\nimport { initBasicMultiple } from \"../components/basic_multiple\";\nimport { initDropdown } from \"../components/dropdown\";\nimport { initLineChart } from \"../components/line_charts\";\nimport { initBarChart } from \"../components/barChart\";\nimport { initStackedBarChart } from \"../components/stackedBarChart\";\nimport { initHalfDoughnutChart } from \"../components/half_doughnut_chart\";\nimport { initQuestionnaireBuilder } from \"../components/questionnaire_builder\";\nimport { initHEXTableauDynamique } from \"../components/hexTableauDynamique\";\nimport { initHEXTableauCounter } from \"../components/hexTableauCounter\";\nimport { initContentPreviewer } from \"../components/content_previewer\";\nimport { initGanttV1Chart } from \"../components/gantt_v1_chart\";\nimport { initFilter } from \"../components/filter\";\nimport { initGantt } from \"../components/gantt\";\nimport { initDevenirMembre } from \"../components/devenir_membre\";\nimport { initAlert } from \"../components/alert\";\nimport { initToggleEyes } from \"../components/toggleEyes\";\nimport { initFormsEnter } from \"../components/formsEnter\";\nimport { initDetectEndNavbar } from \"../components/detectEndNavbar\";\nimport { initDragAndDrop } from \"../components/dragAndDropColonner\";\nimport { initColonerCat } from \"../components/colonerCat\";\nimport { initCheckAverageClosing } from \"../components/checkAverageClosing\";\nimport { initPanel } from \"../components/panel\";\nimport { initConnection } from \"../components/connection\";\nimport { initDateEcheance } from \"../components/date_echeance\";\nimport { initCenterModal } from \"../components/centerModal\";\nimport { initCourses } from \"../components/courses\";\nimport {initSortable} from \"../components/sortable\";\nimport {initChapterPageLoadAnimations} from \"../components/ChapterPageLoadAnimations\";\nimport {initLessons} from \"../components/lessons\";\nimport {initLessonElements} from \"../components/lesson_elements\";\n\nimport {initItemToChoose} from \"../components/chooseItem\";\nimport {initLessonQCM} from \"../components/lessonQCM\";\nimport {initAborescence} from \"../components/initAborescence\";\nimport { initTaskManager} from \"../components/taskManager\";\nimport {initClickableDiv} from \"../components/clickableDiv\";\nimport {initTracker} from \"../components/tracker\";\nimport { initDropzone } from \"../components/dropzone\";\n\n\ndocument.addEventListener('turbolinks:load', () => {\n\n initSelect2();\n initToggleEyes();\n initMenuSelector();\n initArrayInput();\n initFilter();\n initDevenirMembre();\n initAlert();\n initPanel();\n initConnection();\n initHEXTableauDynamique();\n initGantt();\n initDragAndDrop();\n initHEXModal2();\n initTableauHexSearchBar();\n initReducteur();\n initClickableDiv();\n initBasicMultiple();\n initDropdown();\n initLineChart();\n initColonerCat();\n initCheckAverageClosing();\n initDetectEndNavbar();\n initBarChart();\n initStackedBarChart();\n initHalfDoughnutChart();\n initQuestionnaireBuilder();\n initHEXTableauCounter();\n initContentPreviewer();\n initGanttV1Chart();\n initCourses();\n initAborescence();\n initSortable();\n initChapterPageLoadAnimations();\n initLessons();\n initLessonElements();\n initItemToChoose();\n initLessonQCM();\n initTracker();\n initTaskManager();\n initFormsEnter();\n initCenterModal();\n initBreakout();\n initDropzone();\n initDateEcheance()\n\n});\n\n\n// Internal Import\nimport HelloWorld from '../bundles/HelloWorld/components/HelloWorld';\nimport Training from \"../bundles/Training/components/Training\";\nimport ImportWizard from \"../bundles/Import/components/ImportWizard\";\n\n\n\n// Register components with ReactOnRails\nReactOnRails.register({\n HelloWorld,\n Training,\n ImportWizard\n});\n\n\nimport { Application } from \"stimulus\";\nimport { definitionsFromContext } from \"stimulus/webpack-helpers\";\nimport {initBreakout} from \"../components/breakout\";\n\n\nconst application = Application.start();\nconst context = require.context(\"controllers\", true, /\\.js$/);\napplication.load(definitionsFromContext(context));\n","const initClickableDiv = () => {\n var clickableDiv = document.querySelectorAll('.clickable-div');\n if (clickableDiv.length == 0) return;\n\n clickableDiv.forEach(function(div) {\n div.addEventListener('click', function() {\n var url = div.dataset.url;\n window.location = url;\n });\n })\n}\n\nexport { initClickableDiv };","// app/javascript/components/init_select2.js\nimport $ from 'jquery';\nimport 'select2';\n\nconst initSelect2 = () => {\n $('.select2').select2();\n};\n\nexport { initSelect2 };","const initToggleEyes = () => {\n const toggleEye = document.querySelector('.toggle-password');\n\n if (toggleEye) {\n toggleEye.addEventListener('click', () => {\n const fieldsToToggle = toggleEye.getAttribute('toggle').split(',');\n\n fieldsToToggle.forEach(fieldId => {\n const passwordField = document.querySelector(fieldId.trim());\n\n if (passwordField) {\n const type = passwordField.getAttribute('type') === 'password' ? 'text' : 'password';\n passwordField.setAttribute('type', type);\n }\n });\n\n toggleEye.classList.toggle('fa-eye');\n toggleEye.classList.toggle('fa-eye-slash');\n });\n }\n};\n\nexport { initToggleEyes };\n","const initMenuSelector = () => {\n if(document.getElementsByClassName('tab').length > 0) {\n let menu_tabs = document.getElementsByClassName('tab')\n let menu_contents = document.getElementsByClassName('content')\n\n AccessPageMenuConfig();\n\n for(let i = 0; i < menu_tabs.length; i++ ) {\n menu_tabs[i].addEventListener('click', (event) => {\n updateMenuTabs(i);\n updateMenuContents(i);\n UpdateMenuCookies(i);\n });\n };\n\n function updateMenuTabs(i) {\n for(let menu_tab of menu_tabs) {\n menu_tab.classList.remove('active');\n };\n menu_tabs[i].classList.add('active');\n }\n\n function updateMenuContents(i) {\n for(let menu_content of menu_contents) {\n menu_content.classList.remove('active');\n };\n menu_contents[i].classList.add('active');\n }\n\n function UpdateMenuCookies(i) {\n document.cookie = `${window.location.href}=${i}`;\n }\n\n function AccessPageMenuConfig() {\n let page_id = getCookie(window.location.href);\n if(page_id == undefined) {\n page_id = 0\n }\n updateMenuTabs(page_id);\n updateMenuContents(page_id);\n }\n\n function getCookie(cName) {\n const name = cName + \"=\";\n const cDecoded = decodeURIComponent(document.cookie); //to be careful\n const cArr = cDecoded .split('; ');\n let res;\n cArr.forEach(val => {\n if (val.indexOf(name) === 0) res = val.substring(name.length);\n })\n return res;\n }\n }\n}\n\nexport { initMenuSelector };","const initArrayInput = () => {\n let btns = document.getElementsByClassName('array_input_btn');\n\n for(let btn of btns) {\n initDestructionBtnDiv(btn);\n refreshDestroyBtn(btn)\n listenAddInput (btn)\n let destroy_btns = document.querySelectorAll(`div.array_item_delete_btn[name=\"${btn.getAttribute('name')}\"]`);\n for(let destroy_btn_id = 0; destroy_btn_id < destroy_btns.length; destroy_btn_id++) {\n deleteInput(destroy_btn_id, destroy_btns)\n }\n }\n\n function listenAddInput (btn) {\n btn.addEventListener('click', (event) => {\n if (btn.id == 'add_new_input') {\n addinput(btn);\n }\n });\n }\n \n function deleteInput(destroy_btn_id, destroy_btns) {\n destroy_btns[destroy_btn_id].addEventListener('click', (event) => {\n destroy_btns[destroy_btn_id].parentNode.parentNode.removeChild(destroy_btns[destroy_btn_id].parentNode);\n return false;\n })\n }\n \n\n function addinput(btn) {\n let forms_name = btn.getAttribute('name');\n let inputs = document.querySelectorAll(`input[name=\"${forms_name}\"]`);\n let new_input = inputs[inputs.length-1].cloneNode(true);\n new_input.setAttribute('value','')\n new_input.setAttribute('placeholder','Nouvelle entrée')\n let new_forms = document.getElementsByClassName(`${forms_name.replaceAll(']','').split('[').filter(function(el) { return el; }).join('_')}`)[0].innerHTML += new_input.outerHTML\n addDestructionBtnDiv(forms_name, btn)\n }\n\n function initDestructionBtnDiv(btn) {\n let forms_name = btn.getAttribute('name');\n let inputs = document.querySelectorAll(`input[name=\"${forms_name}\"]`);\n for(let input of inputs) {\n var input_container = input.parentElement\n var above_input = document.createElement(\"div\");\n above_input.className = 'array_item_input';\n above_input.setAttribute('name', forms_name);\n input_container.insertBefore(above_input, input)\n above_input.appendChild(input)\n var delete_btn = document.createElement(\"div\");\n delete_btn.className = 'array_item_delete_btn';\n delete_btn.setAttribute('name', forms_name);\n above_input.appendChild(delete_btn, input)\n };\n };\n\n function addDestructionBtnDiv(forms_name, btn) {\n let inputs = document.querySelectorAll(`input[name=\"${forms_name}\"]`);\n let input = inputs[inputs.length-1]\n var input_container = input.parentElement\n var above_input = document.createElement(\"div\");\n above_input.className = 'array_item_input';\n above_input.setAttribute('name', forms_name);\n input_container.insertBefore(above_input, input)\n above_input.appendChild(input)\n var delete_btn = document.createElement(\"div\");\n delete_btn.className = 'array_item_delete_btn';\n delete_btn.setAttribute('name', forms_name);\n above_input.appendChild(delete_btn, input)\n refreshDestroyBtn(btn);\n };\n\n function refreshDestroyBtn(btn) {\n var destroy_btns = document.querySelectorAll(`div.array_item_delete_btn[name=\"${btn.getAttribute('name')}\"]`);\n for(var i = 0; i < destroy_btns.length; i++) {\n destroy_btns[i].innerHTML = '';\n }\n }\n}\n\nexport { initArrayInput };","const initFilter = () => {\n const setupFilters = () => {\n const filterPanels = document.querySelectorAll('.filter-panel');\n const openFiltersBtns = document.querySelectorAll('.open-filters-btn');\n const overlay = document.querySelector('.overlay');\n const toggleOverlay = (isVisible) => {\n overlay.style.display = isVisible ? 'block' : 'none';\n };\n\n filterPanels.forEach((filterPanel, index) => {\n const openFiltersBtn = openFiltersBtns[index];\n const navbar = document.querySelector('.navbar');\n\n if (!navbar || !filterPanel || !openFiltersBtn) {\n return;\n }\n\n\n const adjustFilterPanelPosition = () => {\n if (navbar && filterPanel) {\n const navbarHeight = navbar.offsetHeight;\n filterPanel.style.top = navbarHeight + 'px';\n filterPanel.style.height = `calc(100% - ${navbarHeight}px)`;\n }\n };\n\n const handleClickOutside = (event) => {\n if (filterPanel.classList.contains('active') && !filterPanel.contains(event.target) && !openFiltersBtn.contains(event.target)) {\n filterPanel.classList.remove('active');\n toggleOverlay(false);\n\n }\n };\n\n if (openFiltersBtn) {\n openFiltersBtn.addEventListener('click', function() {\n const isActive = filterPanel.classList.toggle('active');\n toggleOverlay(isActive);\n if (isActive) {\n adjustFilterPanelPosition();\n }\n });\n }\n\n document.addEventListener('click', handleClickOutside);\n\n adjustFilterPanelPosition();\n });\n };\n\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", setupFilters);\n } else {\n setupFilters();\n }\n};\n\nexport { initFilter };\n","const initAlert = () => {\n const closeButtons = document.querySelectorAll('.alert .close');\n\n closeButtons.forEach(button => {\n button.addEventListener('click', () => {\n const alert = button.closest('.alert');\n if (alert) {\n alert.style.display = 'none';\n }\n });\n });\n}\n\nexport { initAlert };\n","const initPanel = () => {\n const openPanelBtn = document.getElementById('open-panel-btn');\n const panel = document.getElementById('bottom-panel');\n const overlay2 = document.getElementById('overlay2');\n\n if (!openPanelBtn || !panel || !overlay2) {\n return;\n }\n const togglePanel = () => {\n panel.classList.toggle('active');\n overlay2.classList.toggle('active');\n };\n\n openPanelBtn.addEventListener('click', togglePanel);\n\n overlay2.addEventListener('click', togglePanel);\n\n document.addEventListener('click', (event) => {\n if (!panel.contains(event.target) && event.target !== openPanelBtn) {\n panel.classList.remove('active');\n overlay2.classList.remove('active');\n }\n });\n}\nexport { initPanel };","const initConnection = () => {\n const container = document.getElementById('container');\n const registerBtn = document.getElementById('register');\n const loginBtn = document.getElementById('login');\n\n if (!container || !registerBtn || !loginBtn) {\n return;\n }\n registerBtn.addEventListener('click', () => {\n container.classList.add(\"active\");\n });\n\n loginBtn.addEventListener('click', () => {\n container.classList.remove(\"active\");\n });\n\n}\nexport { initConnection };","const createGanttBar = (objectif, startDate, endDate, currentDate) => {\n const barContainer = document.createElement('div');\n barContainer.className = 'gantt-bar-container';\n\n const bar = document.createElement('div');\n bar.className = 'gantt-bar';\n bar.textContent = objectif.nom;\n\n const start = new Date(objectif.date_debut);\n const end = new Date(objectif.date_fin);\n const startOffset = (start - startDate) / (endDate - startDate) * 100;\n const duration = (end - start) / (endDate - startDate) * 100;\n\n bar.style.left = `${startOffset}%`;\n bar.style.width = `${duration}%`;\n\n const dateStartLabel = document.createElement('div');\n dateStartLabel.className = 'gantt-date-label start';\n dateStartLabel.textContent = objectif.date_debut;\n\n const dateEndLabel = document.createElement('div');\n dateEndLabel.className = 'gantt-date-label end';\n dateEndLabel.textContent = objectif.date_fin;\n\n bar.appendChild(dateStartLabel);\n bar.appendChild(dateEndLabel);\n\n // Vérifier si l'objectif est en cours\n if (currentDate >= start && currentDate <= end) {\n const currentDateMarker = document.createElement('div');\n currentDateMarker.className = 'current-date-marker';\n currentDateMarker.style.left = `${(currentDate - start) / (end - start) * 100}%`;\n bar.appendChild(currentDateMarker);\n }\n\n barContainer.appendChild(bar);\n\n return barContainer;\n};\n\nconst initGantt = () => {\n const ganttContainer = document.getElementById('gantt_here');\n if (ganttContainer) {\n const ganttData = JSON.parse(ganttContainer.getAttribute('data-gantt'));\n ganttContainer.innerHTML = '';\n\n const startDate = new Date(Math.min(...ganttData.map(obj => new Date(obj.date_debut))));\n const endDate = new Date(Math.max(...ganttData.map(obj => new Date(obj.date_fin))));\n const currentDate = new Date();\n\n ganttData.forEach(actionObjectif => {\n const bar = createGanttBar(actionObjectif, startDate, endDate, currentDate);\n ganttContainer.appendChild(bar);\n });\n }\n};\n\nexport { initGantt };\n","const initHEXModal2 = () => {\n const open_btns = document.getElementsByClassName('modal-button');\n const close_btns = document.getElementsByClassName('modal-close');\n \n\n for(let i = 0; i < open_btns.length; i++) {\n open_btns[i].addEventListener('click', (event) => {\n let already_opened_modal = document.getElementsByClassName('hex_modal_active');\n if(already_opened_modal.length != 0) {\n already_opened_modal[0].classList.remove('hex_modal_active');\n $('body').css('overflow', 'auto');\n }\n\n let button_id = open_btns[i].id;\n let modal = document.querySelector(`.hex_modal2#${button_id}`);\n modal.classList.add('hex_modal_active');\n $('body').css('overflow', 'hidden');\n $(\"html, body\").animate({ scrollTop: \"0\" });\n })\n }\n\n for(let z = 0; z < close_btns.length; z++) {\n close_btns[z].addEventListener('click', (event) => {\n let button_id = close_btns[z].id;\n let modal = document.querySelector(`.hex_modal2#${button_id}`);\n modal.classList.remove('hex_modal_active');\n $('body').css('overflow', 'auto');\n })\n }\n\n\n}\n\nexport { initHEXModal2 };","const initTableauHexSearchBar = () => {\n const tabs = document.querySelectorAll('.tabs .tab');\n const contents = document.querySelectorAll('.contents .content');\n var debounceTimeout = null;\n var debounceDelay = 800;\n const setActiveTab = (index) => {\n tabs.forEach((tab, tabIndex) => {\n if (tabIndex === index) {\n tab.classList.add('active');\n } else {\n tab.classList.remove('active');\n }\n });\n\n contents.forEach((content, contentIndex) => {\n if (contentIndex === index) {\n content.classList.add('active');\n } else {\n content.classList.remove('active');\n }\n });\n };\n\n tabs.forEach((tab, index) => {\n tab.addEventListener('click', () => {\n setActiveTab(index);\n const currentUrl = new URL(window.location);\n currentUrl.searchParams.set('active_tab', index);\n window.history.replaceState({}, '', currentUrl);\n });\n });\n\n const input1 = document.getElementById(\"tableau_search_bar\");\n const input2 = document.getElementById(\"tableau_search_bar2\");\n\n const inputHandler = (input, searchParam) => {\n if (!input) return;\n input.focus();\n let lastSearchTerm = new URLSearchParams(window.location.search).get(searchParam) || '';\n input.value = lastSearchTerm;\n\n const sendSearchQuery = () => {\n const searchQuery = input.value;\n if (searchQuery !== lastSearchTerm) {\n lastSearchTerm = searchQuery;\n\n const currentUrl = new URL(window.location);\n const searchParams = new URLSearchParams(currentUrl.search);\n\n searchParams.set(searchParam, searchQuery);\n const activeTab = searchParams.get('active_tab') || 0;\n searchParams.set('page' + activeTab, 1);\n\n const newUrl = `${currentUrl.pathname}?${searchParams.toString()}`;\n window.location.href = newUrl;\n }\n };\n\n const onInputEvent = () => {\n clearTimeout(debounceTimeout);\n debounceTimeout = setTimeout(sendSearchQuery, debounceDelay);\n };\n\n const onEnterOrBlur = (event) => {\n if (event.type === 'blur' || event.key === 'Enter') {\n clearTimeout(debounceTimeout);\n sendSearchQuery();\n }\n };\n input.addEventListener('input', onInputEvent);\n input.addEventListener('blur', onEnterOrBlur);\n input.addEventListener('keyup', onEnterOrBlur);\n };\n\n inputHandler(input1, 'search1');\n inputHandler(input2, 'search2');\n\n const activeTabIndex = parseInt(new URLSearchParams(window.location.search).get('active_tab')) || 0;\n setActiveTab(activeTabIndex);\n};\n\nexport { initTableauHexSearchBar };\n","const initReducteur = () => {\n const titre_reducteurs = document.getElementsByClassName(\"titre_reducteur\");\n if(titre_reducteurs != null) {\n for(let i = 0; i < titre_reducteurs.length; i++ ) {\n titre_reducteurs[i].addEventListener('click', (event) => {\n let content = titre_reducteurs[i].parentElement.children[1];\n let title = titre_reducteurs[i]\n if (content.style.display === '') {\n content.style.display = 'block'\n for(let titch = 0; titch < title.children.length; titch++ ) {\n switch (title.children[titch].className) {\n case (\"i_reduit\") :\n title.children[titch].style.display = \"none\";\n break;\n case (\"i_developpe\") :\n title.children[titch].style.display = \"block\";\n break;\n }\n }\n } else {\n content.style.display = ''\n for(let titch = 0; titch < title.children.length; titch++ ) {\n switch (title.children[titch].className) {\n case (\"i_reduit\") :\n title.children[titch].style.display = \"block\";\n break;\n case (\"i_developpe\") :\n title.children[titch].style.display = \"none\";\n break;\n }\n }\n }\n });\n };\n }\n\n\n}\n\nexport { initReducteur };","const initBasicMultiple = () => {\n $(function() {\n $('.js-example-basic-multiple').select2();\n });\n}\n\nexport { initBasicMultiple };","const initDropdown = () => {\n const drop_btn = document.getElementsByClassName('dropbtn');\n var overlay = document.getElementById('background_overlay');\n if (!drop_btn || !overlay) {\n return;\n }\n \n\n for(let i = 0; i < drop_btn.length; i++) {\n drop_btn[i].addEventListener('click', (event) => {\n let button_id = drop_btn[i].id;\n let modal = document.querySelector(`.drop_content#${button_id}`);\n modal.classList.add('dropdown_active');\n overlay.style.display = 'block';\n })\n }\n\n overlay.addEventListener('click', (event) => {\n let popups = document.getElementsByClassName('dropdown_active');\n for(let i = 0; i < popups.length; i++) {\n popups[i].classList.remove('dropdown_active');\n }\n overlay.style.display = 'none';\n })\n\n\n}\n\nexport { initDropdown };","import Chart from 'chart.js/auto';\n\nconst initLineChart = () => {\n if (document.getElementById('lineChart') != null) {\n var ctx = document.getElementById('lineChart').getContext('2d');\n var datasets = JSON.parse(ctx.canvas.dataset.data);\n\n // Parse DataSets\n var parsedDataSet = []\n for (let i = 0; i < datasets.length; i++) {\n const dataset = datasets[i];\n var result = dataset.reduce((map, obj) => {\n map[obj[0]] = obj[1];\n return map;\n }, {});\n parsedDataSet.push(result)\n };\n\n \n // Chart\n var myChart = new Chart(ctx, {\n type: 'line',\n data: {\n labels: JSON.parse(ctx.canvas.dataset.labels),\n datasets: parsedDataSet\n //JSON.parse(ctx.canvas.dataset.data),\n },\n options: {\n scales: {\n y: {\n display: true,\n ticks: {\n color: \"#000000\",\n font: {\n family: \"'Poppins', sans-serif\",\n size: 14,\n weight: 800,\n },\n }\n },\n x: {\n display: true,\n ticks: {\n color: \"#000000\",\n font: {\n family: \"'Poppins', sans-serif\",\n size: 14,\n weight: 800,\n },\n }\n },\n },\n responsive: true,\n animations: {\n radius: {\n duration: 1500,\n easing: 'linear',\n loop: (context) => context.active\n }\n },\n plugins: {\n legend: {\n display: true,\n position: 'bottom',\n labels: {\n fontColor: \"black\",\n fontSize: 30,\n }\n },\n title: {\n display: false,\n text: \"Chiffre d'Affaire de la structure\"\n }\n },\n },\n });\n }\n}\n\n\nexport { initLineChart };","const initColonerCat = () => {\n const categorySelector = document.getElementById('categorySelector');\n if(!categorySelector) {\n return;\n }\n const categories = document.querySelectorAll('.colonner-cat');\n\n\n categorySelector.addEventListener('change', (event) => {\n const selectedCategory = event.target.value;\n\n categories.forEach(cat => {\n if (cat.id === selectedCategory) {\n cat.style.display = 'flex';\n } else {\n cat.style.display = 'none';\n }\n });\n });\n};\n\nexport { initColonerCat };\n","const initCheckAverageClosing = () => {\n const negociationContainer = document.getElementById(\"negociation-container\");\n if (!negociationContainer) {\n return;\n }\n const negociationCards = negociationContainer.querySelectorAll(\".etude-card\");\n\n const averageClass = document.getElementsByClassName(\"average\")[0];\n const average = parseFloat(averageClass.getAttribute(\"data-average\"));\n\n\n const today = new Date();\n\n negociationCards.forEach(function(card) {\n const startDate = new Date(card.getAttribute(\"data-start-date\"));\n const differenceInDays = Math.floor((today- startDate) / (1000 * 60 * 60 * 24));\n if (differenceInDays > average) {\n card.classList.add(\"red-border\");\n } else if ((differenceInDays*1.5) > average) {\n card.classList.add(\"orange-border\");\n }\n });\n\n};\n\nexport { initCheckAverageClosing };\n","const initDetectEndNavbar = () => {\n var navbar = document.querySelector('.navbar');\n if (navbar) {\n var notificationFlash = document.querySelector('.notification-part');\n if (notificationFlash) {\n var navbarHeight = navbar.offsetHeight;\n notificationFlash.style.top = (navbarHeight + 3) + 'px';\n }\n }\n\n}\nexport { initDetectEndNavbar };","import Chart from 'chart.js/auto';\n\nconst initBarChart = () => {\n if (document.getElementById('barChart') != null) {\n var ctx = document.getElementById('barChart').getContext('2d');\n var datasets = JSON.parse(ctx.canvas.dataset.data);\n\n // Parse DataSets\n var parsedDataSet = []\n for (let i = 0; i < datasets.length; i++) {\n const dataset = datasets[i];\n var result = dataset.reduce((map, obj) => {\n map[obj[0]] = obj[1];\n return map;\n }, {});\n parsedDataSet.push(result)\n };\n\n \n // Chart\n var myChart = new Chart(ctx, {\n type: 'bar',\n data: {\n labels: JSON.parse(ctx.canvas.dataset.labels),\n datasets: parsedDataSet\n //JSON.parse(ctx.canvas.dataset.data),\n },\n options: {\n scales: {\n y: {\n display: true,\n ticks: {\n color: \"#000000\",\n font: {\n family: \"'Poppins', sans-serif\",\n size: 14,\n weight: 800,\n },\n }\n },\n x: {\n display: true,\n ticks: {\n color: \"#000000\",\n font: {\n family: \"'Poppins', sans-serif\",\n size: 14,\n weight: 800,\n },\n }\n },\n },\n responsive: true,\n animations: {\n radius: {\n duration: 1500,\n easing: 'linear',\n loop: (context) => context.active\n }\n },\n plugins: {\n legend: {\n display: true,\n position: 'bottom',\n labels: {\n fontColor: \"black\",\n fontSize: 30,\n }\n },\n title: {\n display: false,\n text: \"Chiffre d'Affaire de la structure\"\n }\n },\n },\n });\n }\n}\n\nexport { initBarChart };","import Chart from 'chart.js/auto';\n\nconst initStackedBarChart = () => {\n if (document.getElementById('stackedBarChart') != null) {\n var ctx = document.getElementById('stackedBarChart').getContext('2d');\n var datasets = JSON.parse(ctx.canvas.dataset.data);\n\n // Parse DataSets\n var parsedDataSet = []\n for (let i = 0; i < datasets.length; i++) {\n const dataset = datasets[i];\n var result = dataset.reduce((map, obj) => {\n map[obj[0]] = obj[1];\n return map;\n }, {});\n parsedDataSet.push(result)\n };\n\n \n // Chart\n var myChart = new Chart(ctx, {\n type: 'bar',\n data: {\n labels: JSON.parse(ctx.canvas.dataset.labels),\n datasets: parsedDataSet\n //JSON.parse(ctx.canvas.dataset.data),\n },\n options: {\n scales: {\n y: {\n stacked: true,\n display: true,\n ticks: {\n color: \"#000000\",\n font: {\n family: \"'Poppins', sans-serif\",\n size: 14,\n weight: 800,\n },\n }\n },\n x: {\n stacked: true,\n display: true,\n ticks: {\n color: \"#000000\",\n font: {\n family: \"'Poppins', sans-serif\",\n size: 14,\n weight: 800,\n },\n }\n },\n },\n responsive: true,\n animations: {\n radius: {\n duration: 1500,\n easing: 'linear',\n loop: (context) => context.active\n }\n },\n plugins: {\n legend: {\n display: true,\n position: 'bottom',\n labels: {\n fontColor: \"black\",\n fontSize: 30,\n }\n },\n title: {\n display: false,\n text: \"Chiffre d'Affaire de la structure\"\n }\n },\n },\n });\n }\n}\n\nexport { initStackedBarChart };","import Chart from 'chart.js/auto';\n\nconst initHalfDoughnutChart = () => {\n if (document.getElementById('halfdoughnutchart') != null) {\n var ctx = document.getElementById(\"halfdoughnutchart\").getContext('2d');\n var datasets = JSON.parse(ctx.canvas.dataset.data);\n // Parse DataSets\n var parsedDataSet = {}\n for (let i = 0; i < datasets.length; i++) {\n const dataset = datasets[i];\n parsedDataSet[dataset[0]] = dataset[1]\n };\n\n var dashboardChart = new Chart(ctx, {\n type: 'doughnut',\n data: {\n labels: JSON.parse(ctx.canvas.dataset.labels),\n datasets: [ parsedDataSet ],\n },\n options: {\n rotation: 270,\n circumference: 180,\n responsive: true,\n plugins: {\n legend: {\n position: 'top',\n },\n title: {\n display: false,\n },\n },\n cutoutPercentage: 95,\n },\n });\n }\n if (document.getElementById('halfdoughnutchart1') != null) {\n var ctx = document.getElementById(\"halfdoughnutchart1\").getContext('2d');\n var datasets = JSON.parse(ctx.canvas.dataset.data);\n // Parse DataSets\n var parsedDataSet = {}\n for (let i = 0; i < datasets.length; i++) {\n const dataset = datasets[i];\n parsedDataSet[dataset[0]] = dataset[1]\n };\n\n var dashboardChart = new Chart(ctx, {\n type: 'doughnut',\n data: {\n labels: JSON.parse(ctx.canvas.dataset.labels),\n datasets: [ parsedDataSet ],\n },\n options: {\n rotation: 270,\n circumference: 180,\n responsive: true,\n plugins: {\n legend: {\n position: 'top',\n },\n title: {\n display: false,\n },\n },\n cutoutPercentage: 95,\n },\n });\n }\n if (document.getElementById('halfdoughnutchart2') != null) {\n var ctx = document.getElementById(\"halfdoughnutchart2\").getContext('2d');\n var datasets = JSON.parse(ctx.canvas.dataset.data);\n // Parse DataSets\n var parsedDataSet = {}\n for (let i = 0; i < datasets.length; i++) {\n const dataset = datasets[i];\n parsedDataSet[dataset[0]] = dataset[1]\n };\n\n var dashboardChart = new Chart(ctx, {\n type: 'doughnut',\n data: {\n labels: JSON.parse(ctx.canvas.dataset.labels),\n datasets: [ parsedDataSet ],\n },\n options: {\n rotation: 270,\n circumference: 180,\n responsive: true,\n plugins: {\n legend: {\n position: 'top',\n },\n title: {\n display: false,\n },\n },\n cutoutPercentage: 95,\n },\n });\n }\n if (document.getElementById('halfdoughnutchart3') != null) {\n var ctx = document.getElementById(\"halfdoughnutchart3\").getContext('2d');\n var datasets = JSON.parse(ctx.canvas.dataset.data);\n // Parse DataSets\n var parsedDataSet = {}\n for (let i = 0; i < datasets.length; i++) {\n const dataset = datasets[i];\n parsedDataSet[dataset[0]] = dataset[1]\n };\n\n var dashboardChart = new Chart(ctx, {\n type: 'doughnut',\n data: {\n labels: JSON.parse(ctx.canvas.dataset.labels),\n datasets: [ parsedDataSet ],\n },\n options: {\n rotation: 270,\n circumference: 180,\n responsive: true,\n plugins: {\n legend: {\n position: 'top',\n },\n title: {\n display: false,\n },\n },\n cutoutPercentage: 95,\n },\n });\n }\n}\n\nexport { initHalfDoughnutChart };","const initHEXTableauCounter = () => {\n const tableau_counters = document.getElementsByClassName('hexTableauCounter');\n if(tableau_counters.length > 0) {\n for(let tableau_counter of tableau_counters) {\n let count_line = tableau_counter.querySelector('#count_me');\n if(count_line !== undefined) {\n let to_counts = count_line.querySelectorAll(\"[js-table-counter]\");\n for(let to_count of to_counts) {\n let attribute = to_count.getAttribute('js-table-counter');\n let lines = tableau_counter.querySelectorAll(`.${attribute}`);\n var sum = 0;\n for(let line of lines) {\n sum += parseFloat(line.innerText);\n }\n to_count.innerText = `${Math.round(sum * 100)/100} €`\n }\n }\n }\n }\n}\n\nexport { initHEXTableauCounter }","const initContentPreviewer = () => {\n let previewers = document.getElementsByClassName('previewer')\n if(previewers.length > 0) {\n for(let previewer of previewers) {\n let text_area = previewer.querySelector('textarea')\n text_area.addEventListener('keyup', (event) => {\n let value = text_area.value;\n previewer.querySelector('.previewer_area').innerHTML = value;\n })\n }\n }\n}\n\nexport { initContentPreviewer };","import Chart from 'chart.js/auto';\nimport 'chartjs-adapter-date-fns';\n\n\nconst initGanttV1Chart = () => {\n if (document.getElementById('ganttv1chart') != null) {\n var ctx = document.getElementById(\"ganttv1chart\").getContext('2d');\n var today = new Date();\n var datasets = JSON.parse(ctx.canvas.dataset.data);\n\n // Parse DataSets\n var parsedDataSet = []\n for (let i = 0; i < datasets.length; i++) {\n const dataset = datasets[i];\n var result = dataset.reduce((map, obj) => {\n map[obj[0]] = obj[1];\n return map;\n }, {});\n parsedDataSet.push(result)\n };\n\n \n // Chart\n var myChart = new Chart(ctx, {\n type: 'bar',\n data: {\n labels: JSON.parse(ctx.canvas.dataset.labels),\n datasets: parsedDataSet\n //JSON.parse(ctx.canvas.dataset.data),\n },\n options: {\n indexAxis: 'y',\n scales: {\n y: {\n display: true,\n ticks: {\n color: \"#000000\",\n font: {\n family: \"'Poppins', sans-serif\",\n size: 14,\n weight: 800,\n },\n }\n },\n x: {\n display: true,\n type: 'time',\n min: today,\n time: {\n unit: 'day',\n },\n ticks: {\n color: \"#000000\",\n font: {\n family: \"'Poppins', sans-serif\",\n size: 14,\n weight: 800,\n },\n }\n },\n },\n responsive: true,\n animations: {\n radius: {\n duration: 1500,\n easing: 'linear',\n loop: (context) => context.active\n }\n },\n plugins: {\n legend: {\n display: false,\n position: 'bottom',\n labels: {\n fontColor: \"black\",\n fontSize: 30,\n }\n },\n title: {\n display: false,\n text: \"Chiffre d'Affaire de la structure\"\n }\n },\n },\n });\n }\n}\n\nexport { initGanttV1Chart };","const initCourses = () => {\n const courseCards = document.querySelectorAll('.course-card');\n\n // Hide all course cards initially\n courseCards.forEach((card, index) => {\n card.style.opacity = 0;\n card.style.transform = \"translateY(20px)\";\n });\n\n // Fade in each card with a delay\n courseCards.forEach((card, index) => {\n setTimeout(() => {\n card.style.transition = \"all 0.5s ease\";\n card.style.opacity = 1;\n card.style.transform = \"translateY(0)\";\n }, index * 100);\n });\n\n // Add hover effect to each card\n courseCards.forEach(card => {\n card.addEventListener('mouseover', () => {\n card.style.transform = \"translateY(-10px)\";\n card.style.boxShadow = \"0 8px 16px rgba(0, 0, 0, 0.2)\";\n });\n\n card.addEventListener('mouseout', () => {\n card.style.transform = \"translateY(0)\";\n card.style.boxShadow = \"0 4px 6px rgba(0, 0, 0, 0.1)\";\n });\n });\n\n\n};\n\nexport { initCourses };\n","const initAborescence = () => {\n const treeNodes = document.querySelectorAll('.tree-node');\n\n treeNodes.forEach(node => {\n node.addEventListener('click', (event) => {\n const link = node.querySelector('a.tree-link');\n if (link) {\n window.location.href = link.href;\n }\n });\n });\n\n // Prevent propagation of click events from internal links\n const internalLinks = document.querySelectorAll('.tree-node a');\n internalLinks.forEach(link => {\n link.addEventListener('click', (event) => {\n event.stopPropagation();\n });\n });\n}\n\nexport { initAborescence };","const initChapterPageLoadAnimations = () => {\n const bannerContainer = document.querySelector('.banner-container');\n const creatorLogoContainer = document.querySelector('.creator-logo-container');\n const courseDescription = document.querySelector('.course-description');\n const buttonContainer = document.querySelector('.button-container');\n const chapters = document.querySelectorAll('.chapter');\n\n if (bannerContainer) {\n bannerContainer.classList.add('visible');\n }\n\n if (creatorLogoContainer) {\n creatorLogoContainer.classList.add('visible');\n }\n\n if (courseDescription) {\n courseDescription.classList.add('visible');\n }\n\n if (buttonContainer) {\n buttonContainer.classList.add('visible');\n }\n\n if (chapters) {\n chapters.forEach((chapter, index) => {\n setTimeout(() => {\n chapter.classList.add('visible');\n }, index * 100); // Stagger the chapter animations\n });\n }\n};\n\nexport { initChapterPageLoadAnimations };\n","const initLessons = () => {\n const lessonElements = document.querySelectorAll('.lesson-element');\n\n lessonElements.forEach((element) => {\n element.style.opacity = 0;\n element.style.transform = \"translateY(20px)\";\n });\n\n lessonElements.forEach((element, index) => {\n setTimeout(() => {\n element.style.transition = \"all 0.5s ease\";\n element.style.opacity = 1;\n element.style.transform = \"translateY(0)\";\n }, index * 100);\n });\n\n // Add drag-and-drop functionality\n const sortableContainers = document.querySelectorAll('.sortable');\n\n sortableContainers.forEach((container) => {\n new Sortable(container, {\n animation: 150,\n onEnd: function (/**Event*/evt) {\n const itemEl = evt.item; // dragged HTMLElement\n const newIndex = evt.newIndex;\n\n // Send AJAX request to update position\n fetch(`/update_position`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'X-CSRF-Token': document.querySelector('[name=csrf-token]').content\n },\n body: JSON.stringify({\n id: itemEl.dataset.id,\n new_position: newIndex\n })\n });\n }\n });\n });\n\n\n lessonElements.forEach((element) => {\n element.style.opacity = 0;\n element.style.transform = \"translateY(20px)\";\n });\n\n lessonElements.forEach((element, index) => {\n setTimeout(() => {\n element.style.transition = \"all 0.5s ease\";\n element.style.opacity = 1;\n element.style.transform = \"translateY(0)\";\n }, index * 100);\n });\n}\n\nexport { initLessons };","const initLessonElements = () => {\n const elementTypeSelect = document.querySelector('.element-type-select');\n const videoFields = document.querySelector('.video-fields');\n const textFields = document.querySelector('.text-fields');\n const qcmFields = document.querySelector('.qcm-fields');\n const fileUploadFields = document.querySelector('.file-upload-fields');\n\n if (elementTypeSelect) {\n elementTypeSelect.addEventListener('change', (e) => {\n const selectedType = e.target.value;\n videoFields.classList.add('hidden');\n textFields.classList.add('hidden');\n qcmFields.classList.add('hidden');\n fileUploadFields.classList.add('hidden');\n\n if (selectedType === 'Video') {\n videoFields.classList.remove('hidden');\n } else if (selectedType === 'Text') {\n textFields.classList.remove('hidden');\n } else if (selectedType === 'Dépot de fichier') {\n textFields.classList.remove('hidden');\n } else if (selectedType === 'QCM') {\n qcmFields.classList.remove('hidden');\n } else if (selectedType === 'FileUpload') {\n fileUploadFields.classList.remove('hidden');\n }\n });\n }\n}\n\nexport { initLessonElements };\n","const initItemToChoose = () => {\n if (document.getElementsByClassName(\"item_to_choose_selector\").length > 0) {\n let selector = document.getElementsByClassName(\"item_to_choose_selector\")[0].children[0].children[1];\n let containers = document.getElementsByClassName(\"item_to_choose\")\n\n let selector_value = selector.value;\n for(let container of containers) {\n let names = container.getAttribute('name').split(' ');\n let class_list = container.classList;\n for(let name of names) {\n if(name == selector_value) {\n if(class_list.contains('hidden')) {\n container.classList.remove('hidden')\n }\n break\n }\n if(name != selector_value && class_list.contains('hidden') == false) {\n container.classList.add('hidden')\n }\n }\n };\n\n selector.addEventListener('change', (event) => {\n let selector_value = selector.value;\n\n for(let container of containers) {\n let names = container.getAttribute('name').split(' ');\n let class_list = container.classList;\n for(let name of names) {\n if(name == selector_value) {\n if(class_list.contains('hidden')) {\n container.classList.remove('hidden')\n }\n break\n }\n if(name != selector_value && class_list.contains('hidden') == false) {\n container.classList.add('hidden')\n }\n }\n };\n })\n }\n}\n\nexport { initItemToChoose };","const initLessonQCM = () => {\n\n\n const qcmBuilder = document.getElementById('qcm-builder');\n const elementTypeInput = document.getElementById('element_type');\n const formElements = document.querySelectorAll('.formulaire_input.item_to_choose');\n const hasPotentialQcmDivs = document.querySelectorAll('.formulaire_input.item_to_choose.qcm');\n\n if (hasPotentialQcmDivs.length > 0) {\n const checkClasses = () => {\n const allPotentialQcmDivs = document.querySelectorAll('.formulaire_input.item_to_choose.qcm');\n const qcmDivHidden = Array.from(allPotentialQcmDivs).filter(element =>\n element.className === 'formulaire_input item_to_choose qcm'\n );\n if (qcmBuilder && qcmDivHidden.length > 0) {\n const addQuestionButton = document.getElementsByClassName(\"btn btn-secondary add-question hidden\")[0];\n if (addQuestionButton) {\n addQuestionButton.classList.remove('hidden');\n }\n const updateQCMContent = () => {\n const questions = [];\n document.querySelectorAll('.qcm-question').forEach((questionElement, questionIndex) => {\n const question = questionElement.querySelector('.question-input').value;\n const answers = [];\n questionElement.querySelectorAll('.answer-input').forEach((answerElement, answerIndex) => {\n const text = answerElement.value;\n const correct = answerElement.nextElementSibling.textContent === 'Correcte';\n answers.push({text, correct});\n });\n questions.push({question, answers});\n });\n\n let qcmContentField = document.querySelector('input.qcm-content');\n if (!qcmContentField) {\n qcmContentField = document.createElement('input');\n qcmContentField.setAttribute('type', 'hidden');\n qcmContentField.setAttribute('name', 'lesson_element[content]');\n qcmContentField.setAttribute('class', 'qcm-content');\n document.querySelector('form').appendChild(qcmContentField);\n }\n qcmContentField.value = JSON.stringify(questions);\n };\n\n document.querySelector('.add-question').addEventListener('click', (e) => {\n e.preventDefault();\n const questionCount = document.querySelectorAll('.qcm-question').length;\n const newQuestionHTML = `\n \n
\n Import de données - {step === 1 ? 'Fichier' : step === 2 ? 'Modèle' : 'Rapprochement des colonnes'}
\n\n \n \n \n
\n \n {step === 1 &&
\n \n
\n `;\n document.querySelector('.qcm-questions').insertAdjacentHTML('beforeend', newQuestionHTML);\n });\n\n qcmBuilder.addEventListener('click', (e) => {\n if (e.target.classList.contains('add-answer')) {\n e.preventDefault();\n const questionIndex = e.target.dataset.questionIndex;\n const questionElement = document.querySelector(`.qcm-question[data-index=\"${questionIndex}\"] .answers-container`);\n const answerCount = questionElement.children.length;\n const newAnswerHTML = `\n \n \n \n
\n \n
\n \n \n \n \n \n
\n \n \n \n \n
\n `;\n questionElement.insertAdjacentHTML('beforeend', newAnswerHTML);\n }\n\n if (e.target.classList.contains('toggle-correct-answer')) {\n e.preventDefault();\n const button = e.target;\n const isCorrect = button.textContent === 'Correcte';\n button.textContent = isCorrect ? 'Incorrecte' : 'Correcte';\n button.style.backgroundColor = isCorrect ? '#f44336' : '#4CAF50';\n }\n });\n\n document.querySelector('form').addEventListener('submit', updateQCMContent);\n }\n };\n\n const showRelevantField = () => {\n const selectedType = elementTypeInput.value;\n\n formElements.forEach(element => {\n\n if (element.getAttribute('name') === selectedType) {\n element.classList.remove('hidden');\n if (selectedType !== 'QCM' && !element.querySelector('.form_input')) {\n const contentField = createContentField(selectedType);\n element.appendChild(contentField);\n }\n } else {\n if (element === selectedType) {\n element.classList.remove('hidden');\n } else {\n element.classList.add('hidden');\n const inputField = element.querySelector('.form_input');\n if (inputField) {\n element.removeChild(inputField);\n }\n }\n }\n });\n };\n\n const createContentField = (type) => {\n let contentField;\n if (type === 'Vidéo') {\n\n } else {\n contentField = document.createElement('textarea');\n contentField.setAttribute('type', 'text');\n contentField.setAttribute('name', 'lesson_element[content]');\n contentField.setAttribute('class', 'form_input');\n contentField.setAttribute('placeholder', 'Texte de l\\'élément');\n }\n return contentField;\n };\n\n checkClasses();\n elementTypeInput.addEventListener('change', () => {\n checkClasses();\n showRelevantField();\n });\n\n showRelevantField();\n }\n};\n\nexport { initLessonQCM };\n","const initFormsEnter = () => {\n const inputs = document.querySelectorAll('input');\n\n inputs.forEach((input, index) => {\n input.addEventListener('keypress', (e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n\n const nextInput = inputs[index + 1];\n if (nextInput) {\n nextInput.focus();\n }\n }\n });\n });\n};\n\nexport { initFormsEnter };\n","const initCenterModal = () => {\n const modal = document.getElementById(\"myModal\");\n const btn = document.getElementById(\"openModalButton\");\n const span = document.getElementsByClassName(\"close\")[0];\n\n if (btn && modal && span) {\n btn.onclick = function() {\n modal.style.display = \"flex\";\n modal.querySelector('.modal-content').style.transform = 'scale(1)';\n };\n\n span.onclick = function() {\n modal.querySelector('.modal-content').style.transform = 'scale(0)';\n setTimeout(() => { modal.style.display = \"none\"; }, 300);\n };\n\n window.onclick = function(event) {\n if (event.target == modal) {\n modal.querySelector('.modal-content').style.transform = 'scale(0)';\n setTimeout(() => { modal.style.display = \"none\"; }, 300);\n }\n };\n }\n};\n\n\nexport { initCenterModal };","const initBreakout = () => {\n const canvas = document.getElementById(\"gameCanvas\");\n if (!canvas) {\n return;\n }\n const startBtn = document.getElementById(\"startBtn\");\n const restartBtn = document.getElementById(\"restartBtn\");\n\n let ctx;\n let ballRadius = 10;\n let x;\n let y;\n let dx;\n let dy;\n let paddleHeight = 10;\n let paddleWidth = 75;\n let paddleX;\n let rightPressed = false;\n let leftPressed = false;\n let brickRowCount = 3;\n let brickColumnCount = 5;\n let brickWidth = 75;\n let brickHeight = 20;\n let brickPadding = 10;\n let brickOffsetTop = 30;\n let brickOffsetLeft = 30;\n let bricks = [];\n let score;\n let gameInterval;\n\n function setupGame() {\n ctx = canvas.getContext(\"2d\");\n x = canvas.width / 2;\n y = canvas.height - 30;\n dx = 2;\n dy = -2;\n paddleX = (canvas.width - paddleWidth) / 2;\n rightPressed = false;\n leftPressed = false;\n bricks = [];\n for (let c = 0; c < brickColumnCount; c++) {\n bricks[c] = [];\n for (let r = 0; r < brickRowCount; r++) {\n bricks[c][r] = { x: 0, y: 0, status: 1 };\n }\n }\n score = 0;\n }\n\n function keyDownHandler(e) {\n if (e.key == \"Right\" || e.key == \"ArrowRight\") {\n rightPressed = true;\n } else if (e.key == \"Left\" || e.key == \"ArrowLeft\") {\n leftPressed = true;\n }\n }\n\n function keyUpHandler(e) {\n if (e.key == \"Right\" || e.key == \"ArrowRight\") {\n rightPressed = false;\n } else if (e.key == \"Left\" || e.key == \"ArrowLeft\") {\n leftPressed = false;\n }\n }\n\n function collisionDetection() {\n for (let c = 0; c < brickColumnCount; c++) {\n for (let r = 0; r < brickRowCount; r++) {\n let b = bricks[c][r];\n if (b.status == 1) {\n if (x > b.x && x < b.x + brickWidth && y > b.y && y < b.y + brickHeight) {\n dy = -dy;\n b.status = 0;\n score++;\n if (score == brickRowCount * brickColumnCount) {\n alert(\"YOU WIN, CONGRATULATIONS!\");\n document.location.reload();\n }\n }\n }\n }\n }\n }\n\n function drawBall() {\n ctx.beginPath();\n ctx.arc(x, y, ballRadius, 0, Math.PI * 2);\n ctx.fillStyle = \"#0095DD\";\n ctx.fill();\n ctx.closePath();\n }\n\n function drawPaddle() {\n ctx.beginPath();\n ctx.rect(paddleX, canvas.height - paddleHeight, paddleWidth, paddleHeight);\n ctx.fillStyle = \"#0095DD\";\n ctx.fill();\n ctx.closePath();\n }\n\n function drawBricks() {\n for (let c = 0; c < brickColumnCount; c++) {\n for (let r = 0; r < brickRowCount; r++) {\n if (bricks[c][r].status == 1) {\n let brickX = c * (brickWidth + brickPadding) + brickOffsetLeft;\n let brickY = r * (brickHeight + brickPadding) + brickOffsetTop;\n bricks[c][r].x = brickX;\n bricks[c][r].y = brickY;\n ctx.beginPath();\n ctx.rect(brickX, brickY, brickWidth, brickHeight);\n ctx.fillStyle = \"#0095DD\";\n ctx.fill();\n ctx.closePath();\n }\n }\n }\n }\n\n function drawScore() {\n ctx.font = \"16px Arial\";\n ctx.fillStyle = \"#0095DD\";\n ctx.fillText(\"Score: \" + score, 8, 20);\n }\n\n function draw() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n drawBricks();\n drawBall();\n drawPaddle();\n drawScore();\n collisionDetection();\n\n if (x + dx > canvas.width - ballRadius || x + dx < ballRadius) {\n dx = -dx;\n }\n if (y + dy < ballRadius) {\n dy = -dy;\n } else if (y + dy > canvas.height - ballRadius) {\n if (x > paddleX && x < paddleX + paddleWidth) {\n dy = -dy;\n } else {\n clearInterval(gameInterval);\n restartBtn.style.display = \"block\";\n }\n }\n\n if (rightPressed && paddleX < canvas.width - paddleWidth) {\n paddleX += 7;\n } else if (leftPressed && paddleX > 0) {\n paddleX -= 7;\n }\n\n x += dx;\n y += dy;\n }\n\n function startGame() {\n setupGame();\n gameInterval = setInterval(draw, 10);\n }\n\n function restartGame() {\n setupGame();\n restartBtn.style.display = \"none\";\n startGame();\n }\n\n startBtn.addEventListener(\"click\", () => {\n startBtn.style.display = \"none\";\n startGame();\n });\n\n restartBtn.addEventListener(\"click\", restartGame);\n\n document.addEventListener(\"keydown\", keyDownHandler, false);\n document.addEventListener(\"keyup\", keyUpHandler, false);\n};\n\nexport { initBreakout };\n","const initDropzone = () => {\n const dropzone = document.getElementById('dropzone');\n const preview = document.getElementById('preview');\n const fileInput = document.getElementById('fileupload');\n let filesArray = [];\n\n const handleFiles = (files) => {\n Array.from(files).forEach(file => {\n filesArray.push(file);\n const p = document.createElement('p');\n p.textContent = file.name;\n preview.appendChild(p);\n });\n };\n\n if (dropzone) {\n dropzone.addEventListener('dragover', (e) => {\n e.preventDefault();\n e.stopPropagation();\n dropzone.classList.add('dragging');\n });\n\n dropzone.addEventListener('dragleave', (e) => {\n e.preventDefault();\n e.stopPropagation();\n dropzone.classList.remove('dragging');\n });\n\n dropzone.addEventListener('drop', (e) => {\n e.preventDefault();\n e.stopPropagation();\n dropzone.classList.remove('dragging');\n handleFiles(e.dataTransfer.files);\n });\n }\n\n // Intercepter l'envoi du formulaire pour ajouter les fichiers à FormData\n const form = document.getElementById('expense-form');\n if (form) {\n form.addEventListener('submit', (e) => {\n e.preventDefault();\n\n const formData = new FormData(form);\n filesArray.forEach(file => {\n formData.append('expense[proofs][]', file);\n });\n\n fetch(form.action, {\n method: form.method,\n body: formData,\n headers: {\n 'X-CSRF-Token': document.querySelector('meta[name=\"csrf-token\"]').content\n }\n })\n .then(response => {\n if (response.ok) {\n window.location.href = response.url;\n } else {\n return response.json().then(errors => {\n console.error('Errors:', errors);\n });\n }\n })\n .catch(error => {\n console.error('Error submitting form:', error);\n });\n });\n }\n};\n\nexport { initDropzone };\n","const initDateEcheance = () => {\n const dateEmissionField = document.getElementById('date_emission');\n const dateEcheanceField = document.getElementById('date_echeance');\n\n const adjustDateEcheance = () => {\n const dateEmission = new Date(dateEmissionField.value);\n if (!isNaN(dateEmission.getTime())) {\n dateEmission.setDate(dateEmission.getDate() + 30);\n dateEcheanceField.value = dateEmission.toISOString().split('T')[0];\n }\n };\n\n const adjustDateEmission = () => {\n const dateEcheance = new Date(dateEcheanceField.value);\n if (!isNaN(dateEcheance.getTime())) {\n dateEcheance.setDate(dateEcheance.getDate() - 30);\n dateEmissionField.value = dateEcheance.toISOString().split('T')[0];\n }\n };\n\n if (dateEmissionField) {\n dateEmissionField.addEventListener('change', adjustDateEcheance);\n }\n\n if (dateEcheanceField) {\n dateEcheanceField.addEventListener('change', adjustDateEmission);\n }\n};\n\nexport { initDateEcheance };\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t543: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = (parentChunkLoadingFunction, data) => {\n\tvar [chunkIds, moreModules, runtime] = data;\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some((id) => (installedChunks[id] !== 0))) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkapp\"] = self[\"webpackChunkapp\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","__webpack_require__.nc = undefined;","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [595], () => (__webpack_require__(6486)))\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["deferred","webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","map","webpackContext","webpackContextResolve","__webpack_require__","o","Object","channels","require","forEach","_Class","Controller","connect","this","contentTarget","style","maxHeight","overflow","expanded","toggle","collapse","expand","scrollHeight","targets","active_question_type_eventlistener","active_question","type_selector","question_content","getElementsByClassName","addEventListener","event","question_editor_type_update","value","add_awnser_choice","question_type","html_question_content","Date","today","innerHTML","actions_buttons","document","actions_button","new_element","previousElementSibling","cloneNode","setAttribute","id_generator","before","previous_element","parentNode","children","length","removeChild","selectQuestion","new_selected_question","old_selected_question","includes","querySelector","display","click","undefined","classList","remove","add","unselectQuestionHide","removeAttribute","setSelected","reset_question_selector","questions","question","contains","setUnselected","elements","element","old_id","show_options_select2","redirect_options_select2","$","select2","ClonedElement","setOldValues","replaceChild","eventListenerRemoverAll","active_question_trash_eventlistener","active_question_show_options_eventlistener","active_question_redirect_options_eventlistener","setUnsaved","save_statut","innerText","loadQuestion","appendChild","ConvertStringToHTML","titre","replace","load_question_html","selected_question","question_json","type","setValuesWhileLoadingQuestions","setOptionsWhileLoadingQuestions","new_question_html","new_title_html","new_section_html","trash_btn","removeQuestion","show_conditions_btn","show_conditions_element","questions_dropdown_values","querySelectorAll","not_question_types","obj","key","push","replaceAwnserDropdownValues","options_criteres","option_critere","critere_question","change_show_options_value","initShowOptionsDropdown","active_options_add_remove_btn","redirect_to_section_btn","show_redirect_element","awnser_dropdown_values","sections_dropdown_values","reponses","reponse","colonnes","colonne","values","querySelectorName","option_type","html","options_critere","old_val","val","pushAwnserDropdownValues","initRedirectOptionsDropdown","type_question","show_options_btns","addBtn","rmvBtn","question_select","getElementById","question_select_type","result","i","charAt","Math","floor","characters","random","str","DOMParser","parseFromString","body","oldElement","clonedElement","old_type","old_options_show_criteres","cloned_options_show_criteres","old_condition","old_question","old_mode","old_selected_values","trigger","old_options_redirect_criteres","cloned_options_redirect_criteres","old_redirection","creerTableauStructure","tableau_layout","ajoutHeaderAuTableau","tableau_init_data","headerRow","colonneHTML","ajoutContentAuTableau","contentRow","lignes","ligne","ligneHTML","concatenerColonnesLigneContenu","colonneInnerHTML","ajoutNewInnerHTML","ajoutInnerHTML","options","option","find","nom","initializeActionBtns","footer_action_btns","nbre_colonnes","JSON","parse","getAttribute","generateActionTableLine","addRow","removeRow","saveTableBtn","newRow","createElement","ajouterLigneContenu","lastChild","retirerLigneContenu","sauvegarderLigneContenu","colonnesHEAD","ligne_result","colonneHEAD","colonneLigne","tableau_final_data","stringify","checkAccessCode","correctCode","url","csrfToken","preventDefault","stopPropagation","prompt","form","method","action","csrfInput","name","submit","alert","window","allowDrop","drag","dataTransfer","setData","target","drop","data","getData","etudeCard","closest","newStatus","confirm","updateEtudeStatus","split","etudeId","statut","console","log","fetch","headers","then","response","ok","json","location","reload","catch","error","initTaskManager","arrow","closeModals","modal","scrollIntoView","behavior","closeButton","checked","checkmark","nextElementSibling","taskId","juniorId","tache","date_validation","toISOString","Promise","setTimeout","submitTaskUpdate","application","Application","start","context","load","definitionsFromContext","initProgressInputs","progressInputs","validateAndUpdateProgress","updateProgress","call","async","progressId","parcourId","progressValue","progress_id","progress","input","removeEventListener","initTracker","viewDetailsButtons","detailsContent","button","userId","text","validationSelects","updateDepotValidation","depotId","validationValue","depot_id","valid","select","HelloWorld","props","_useState2","useState","setName","React","htmlFor","onChange","propTypes","PropTypes","isRequired","LessonBlock","lesson","isCurrent","onClick","className","title","ProgressBar","chapters","currentLesson","lessonProgresses","onLessonClick","leftIconUrl","rightIconUrl","src","alt","chapter","chapterIndex","lessons","lessonIndex","QcmComponent","junior","current_user","qcmId","_slicedToArray","qcmData","setQcmData","_useState4","userAnswers","setUserAnswers","_useState6","setQcmAnswer","_useState8","cooldown","setCooldown","_useState10","message","setMessage","_useState12","isCorrect","setIsCorrect","useEffect","content","fetchQcmAnswer","current_junior","lessonElementId","latestAnswer","sort","a","b","created_at","validation","lastAttemptTime","getTime","onSubmit","every","index","correctAnswers","answers","answer","correct","filter","user_id","lesson_element_id","lesson_progress_id","questionIndex","answerIndex","handleAnswerChange","prevAnswers","updatedAnswers","_objectSpread","disabled","loadAPI","isAPILoaded","YouTubeVideo","user","videoProgress","setLocalVideoProgress","videoProgressRef","useRef","isPlayerReady","setIsPlayerReady","playerRef","lastTimeRef","intervalRef","isSeeking","setIsSeeking","current","youtube_url","onYouTubeIframeAPIReady","tag","head","YT","Player","videoId","events","onPlayerReady","onPlayerStateChange","fetchVideoProgress","clearInterval","destroy","warn","setInterval","getCurrentTime","currentTime","seekTo","updateLastTime","PlayerState","ENDED","handleVideoEnd","PLAYING","currentVideoProgress","watched","setVideoProgress","LessonContent","lessonElements","depotAnswers","setDepotAnswers","videoRefs","fileInputRefs","fetchDepotAnswers","prevState","handleFileSubmit","file","files","formData","FormData","append","element_type","toLowerCase","renderElementContent","picture","href","download","rel","depotAnswer","validationDic","pending","refused","accepted","sortedDepotAnswers","pendingAnswer","depot","refusedAnswer","file_url","file_name","ref","el","Banner","course","parcour","parcoursUrl","is_a_parcour","time","difficult","creator_logo","last_updated_at","ChapterNavigation","findIndex","some","currentChapterIndex","setCurrentChapterIndex","newChapterIndex","handlePreviousChapter","handleNextChapter","Timer","currentLessonId","onUpdateProgress","timerRef","startTimeRef","lastProgress","setLastProgress","stopTimer","startTime","endTime","timeSpent","updatedProgress","lesson_id","updateLessonTime","handleUnload","currentProgress","lessonId","fetchLessonProgress","startTimer","handleLessonChange","Training","setCurrentLesson","setLessonProgresses","progressData","initializeLessonProgresses","handleLessonClick","progressPromises","flatMap","progressDataArray","all","verifyAndUpdateAllProgresses","lesson_elements","handleUpdateProgress","prev","junior_nom","description","position","video","FileUpload","onNext","isDragging","setIsDragging","onDragOver","onDragLeave","handleDragLeave","onDrop","xmlns","viewBox","fill","d","accept","ModelSelection","models","selectedModel","setSelectedModel","model","handleNext","ImportStatusModal","jobId","onClose","status","setStatus","errors","setErrors","intervalId","renderContent","Oval","color","height","width","FaCheckCircle","size","FaTimesCircle","handleClose","ColumnMapping","columns","mappings","setMappings","fileColumns","setFileColumns","fileData","setFileData","fileRawData","setFileRawData","importJobId","setImportJobId","readFile","reader","FileReader","onload","Uint8Array","workbook","XLSX","sheetName","SheetNames","worksheet","sheet_to_json","Sheets","header","dataRows","slice","row","cell","date","parse_date_code","jsDate","UTC","y","m","H","M","S","year","getUTCFullYear","toLocaleDateString","initialMappings","column","readAsArrayBuffer","alignItems","margin","handleMappingChange","fileColumn","currentColumn","selectedColumns","getAvailableOptions","dbColumn","rowIndex","cellIndex","handleSubmit","mappedData","indexOf","payload","junior_id","model_name","job_id","ImportWizard","step","setStep","setFile","setModel","setColumns","uploadedFile","global","Rails","Turbolinks","ActiveStorage","initClickableDiv","clickableDiv","initToggleEyes","toggleEye","fieldId","passwordField","trim","initMenuSelector","menu_tabs","menu_contents","AccessPageMenuConfig","updateMenuTabs","updateMenuContents","UpdateMenuCookies","menu_tab","menu_content","cookie","page_id","getCookie","cName","res","decodeURIComponent","substring","initArrayInput","btns","btn","initDestructionBtnDiv","refreshDestroyBtn","listenAddInput","destroy_btns","destroy_btn_id","deleteInput","forms_name","inputs","new_input","replaceAll","join","outerHTML","input_container","parentElement","above_input","insertBefore","delete_btn","addDestructionBtnDiv","addinput","initFilter","setupFilters","filterPanels","openFiltersBtns","overlay","toggleOverlay","isVisible","filterPanel","openFiltersBtn","navbar","adjustFilterPanelPosition","navbarHeight","offsetHeight","top","isActive","readyState","initDevenirMembre","devenirMembreButton","initPanel","openPanelBtn","panel","overlay2","togglePanel","initConnection","container","registerBtn","loginBtn","initHEXTableauDynamique","tableau_layouts","tableau_init_data_json","initGantt","ganttContainer","ganttData","startDate","min","date_debut","endDate","max","date_fin","currentDate","actionObjectif","bar","createGanttBar","objectif","barContainer","textContent","end","startOffset","duration","left","dateStartLabel","dateEndLabel","currentDateMarker","initDragAndDrop","test","navigator","userAgent","etudeCards","card","currentTarget","initHEXModal2","open_btns","close_btns","already_opened_modal","css","button_id","animate","scrollTop","z","initTableauHexSearchBar","tabs","contents","debounceTimeout","setActiveTab","tab","tabIndex","contentIndex","currentUrl","URL","searchParams","set","history","replaceState","input1","input2","inputHandler","searchParam","focus","lastSearchTerm","URLSearchParams","search","get","sendSearchQuery","searchQuery","activeTab","newUrl","pathname","toString","onEnterOrBlur","clearTimeout","onInputEvent","activeTabIndex","parseInt","initReducteur","titre_reducteurs","titch","div","dataset","initDropdown","drop_btn","popups","initLineChart","ctx","getContext","datasets","canvas","parsedDataSet","reduce","Chart","labels","scales","ticks","font","family","weight","x","responsive","animations","radius","easing","loop","active","plugins","legend","fontColor","fontSize","initColonerCat","categorySelector","categories","selectedCategory","cat","initCheckAverageClosing","negociationContainer","negociationCards","averageClass","average","parseFloat","differenceInDays","initDetectEndNavbar","notificationFlash","initBarChart","initStackedBarChart","stacked","initHalfDoughnutChart","rotation","circumference","cutoutPercentage","builder_navbar","add_question_button","add_title_button","add_section_button","after","new_selected","add_new_question","add_new_title","add_new_section","init_questionnaire_builder_actions_navbar","questions_data","questions_data_parsed","question_types","initFirstQuestion","loadQuestions","init_question_selector","line_types","grille_types","saver_array","save_qtn","question_head","question_options","question_footer","question_ligne_inputs","lignes_values","question_grille_ligne_inputs","question_grille_colonnes_inputs","colonnes_values","show_option","redirect_option","show_option_save","redirect_option_save","condition","mode","Array","from","redirection","show_options","redirect_options","obligatoire","save_questions","setSaved","initSaver","initHEXTableauCounter","tableau_counters","tableau_counter","count_line","to_counts","to_count","attribute","lines","sum","line","round","initContentPreviewer","previewers","previewer","text_area","initGanttV1Chart","indexAxis","unit","initCourses","courseCards","opacity","transform","transition","boxShadow","node","link","initSortable","Sortable","create","animation","onEnd","item","newIndex","courseId","lessonElementsContainer","chapterId","handle","token","lessonsContainer","order","lessonCard","initChapterPageLoadAnimations","bannerContainer","creatorLogoContainer","courseDescription","buttonContainer","initLessons","evt","itemEl","new_position","initLessonElements","elementTypeSelect","videoFields","textFields","qcmFields","fileUploadFields","selectedType","initItemToChoose","selector","containers","selector_value","names","class_list","initLessonQCM","qcmBuilder","elementTypeInput","formElements","checkClasses","allPotentialQcmDivs","qcmDivHidden","addQuestionButton","updateQCMContent","questionElement","answerElement","qcmContentField","questionCount","newQuestionHTML","insertAdjacentHTML","answerCount","newAnswerHTML","backgroundColor","showRelevantField","contentField","createContentField","inputField","initFormsEnter","nextInput","initCenterModal","span","onclick","initBreakout","startBtn","restartBtn","dx","dy","paddleX","score","gameInterval","ballRadius","paddleHeight","paddleWidth","rightPressed","leftPressed","brickRowCount","brickColumnCount","brickWidth","brickHeight","brickPadding","brickOffsetTop","brickOffsetLeft","bricks","setupGame","c","r","draw","clearRect","brickX","brickY","beginPath","rect","fillStyle","closePath","drawBricks","arc","PI","fillText","collisionDetection","startGame","initDropzone","dropzone","preview","filesArray","p","initDateEcheance","dateEmissionField","dateEcheanceField","adjustDateEcheance","dateEmission","isNaN","setDate","getDate","adjustDateEmission","dateEcheance","ReactOnRails","__webpack_module_cache__","moduleId","cachedModule","__webpack_modules__","O","chunkIds","fn","priority","notFulfilled","Infinity","fulfilled","j","splice","n","getter","__esModule","definition","defineProperty","enumerable","g","globalThis","Function","prop","prototype","hasOwnProperty","Symbol","toStringTag","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","chunkLoadingGlobal","self","bind","nc","__webpack_exports__"],"sourceRoot":""}