diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..489ba42 --- /dev/null +++ b/.gitignore @@ -0,0 +1,9 @@ + + +*.zip +META-INF/mozilla.rsa +META-INF/cose.manifest +META-INF/cose.sig +META-INF/manifest.mf +META-INF/mozilla.sf +dashboard/KRÉTA Iskolai Alaprendszer.html diff --git a/.idea/Firkaextension.iml b/.idea/Firkaextension.iml new file mode 100644 index 0000000..d6ebd48 --- /dev/null +++ b/.idea/Firkaextension.iml @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/.idea/misc.xml b/.idea/misc.xml new file mode 100644 index 0000000..639900d --- /dev/null +++ b/.idea/misc.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 0000000..c7e5038 --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 0000000..35eb1dd --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/.idea/workspace.xml b/.idea/workspace.xml new file mode 100644 index 0000000..3dfe923 --- /dev/null +++ b/.idea/workspace.xml @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + + + + + 1741896394934 + + + + \ No newline at end of file diff --git a/LICENSE b/LICENSE index e20b431..0ad25db 100644 --- a/LICENSE +++ b/LICENSE @@ -1,4 +1,4 @@ -GNU AFFERO GENERAL PUBLIC LICENSE + GNU AFFERO GENERAL PUBLIC LICENSE Version 3, 19 November 2007 Copyright (C) 2007 Free Software Foundation, Inc. diff --git a/README.md b/README.md new file mode 100644 index 0000000..bdda014 --- /dev/null +++ b/README.md @@ -0,0 +1,95 @@ +

+ +

Firxa

+

+ +

+ Modern, testre szabható felhasználói felület az e-KRÉTA rendszerhez +

+ +

+ + Downloads + + + Discord + + + License + +

+ +## 📱 Funkciók + +- **Modern Dizájn**: Teljesen újratervezett, modern felhasználói felület +- **Személyre Szabható Témák**: Világos és sötét módok, kék és zöld színsémákkal +- **Továbbfejlesztett Felületek**: + - Átdolgozott bejelentkezési képernyő + - Átláthatóbb jegynapló + - Modernizált órarend + - Fejlett hiányzás kezelés + - Egyszerűsített szerepkör választó + - Új kezdőlap elrendezés + - Továbbfejlesztett profilkezelő + +## 🚀 Telepítés + +1. Töltsd le a legfrissebb verziót a [Releases](https://github.com/Zan1456/filc-extension/releases) oldalról +2. Csomagold ki a letöltött fájlt +3. Chrome böngészőben navigálj a `chrome://extensions` oldalra +4. Kapcsold be a "Fejlesztői mód"-ot a jobb felső sarokban +5. Kattints a "Kicsomagolt bővítmény betöltése" gombra +6. Válaszd ki a kicsomagolt mappát +7. Kész! A bővítmény automatikusan működésbe lép, amikor megnyitod az e-KRÉTA oldalt + +## ⚙️ Beállítások + +A bővítmény beállításait a böngésző eszköztárán található Filx ikonra kattintva érheted el. Itt módosíthatod: + +- A felület színsémáját (Világos/Sötét) +- Az fő színeket (Kék/Zöld) + +## 💡 Támogatott Oldalak + +A bővítmény jelenleg az alábbi e-KRÉTA oldalakat támogatja: + +- Bejelentkezési oldal +- Kijelentkezési oldal +- Szerepkör választó +- Elfelejtett jelszó (részlegesen) +- Kezdőlap/Faliújság +- Jegyek/Értékelések +- Órarend +- Hiányzások +- Profil (csak dizájn) + +## 👥 Csapat + +- **[Zan1456](https://github.com/Zan1456)** - Vezető Fejlesztő +- **[BalazsManus](https://github.com/BalazsManus)** - Fejlesztő +- **[Xou](https://github.com/Xou)** - Designer + +## 🤝 Közreműködés + +Örömmel fogadunk minden fejlesztési javaslatot és hibajelentést! Ha szeretnél hozzájárulni a projekthez: + +1. Fork-old a repository-t +2. Hozz létre egy új branch-et a fejlesztésednek +3. Commit-old a változtatásaidat +4. Push-old a branch-et +5. Nyiss egy Pull Request-et + +## 📝 Licensz + +A projekt [GNU General Public License v3.0](LICENSE) alatt jelent meg. További információért lásd a LICENSE fájlt. + +## 💬 Kapcsolat + +- Discord: [dc.refilc.hu](https://dc.refilc.hu) +- GitHub: [github.com/refilc](https://github.com/refilc) + +--- + +

+ Készült ❤️-vel diákoktól diákoknak +

diff --git a/absences/absences.css b/absences/absences.css new file mode 100644 index 0000000..d31f76e --- /dev/null +++ b/absences/absences.css @@ -0,0 +1,520 @@ +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + margin: 0; + padding: 0; + color: var(--text-primary); + background-color: var(--background) !important; + font-family: "Montserrat", serif !important; + min-height: 100vh; + font-size: 16px; +} + +@media (max-width: 768px) { + body { + font-size: 14px; + } +} + +.kreta-container { + min-height: 100vh; + display: flex; + flex-direction: column; +} + +.kreta-header { + padding: clamp(1rem, 3vw, 2rem); + display: grid; + grid-template-columns: minmax(300px, 400px) 1fr minmax(200px, 300px); + align-items: center; + gap: 1rem; +} + +@media (max-width: 1200px) { + .kreta-header { + grid-template-columns: minmax(250px, 350px) 1fr minmax(180px, 250px); + } +} + +@media (max-width: 768px) { + .kreta-header { + grid-template-columns: 1fr auto; + grid-template-areas: + "school user" + "nav nav"; + padding: 1rem; + gap: 0.5rem; + } +} + +.school-info { + margin: 0; +} + +@media (max-width: 768px) { + .school-info { + grid-area: school; + max-width: none; + display: flex; + align-items: center; + gap: 0.5rem; + } +} + +.logo-text { + color: var(--text-primary); + font-size: 24px; + font-weight: 600; + margin: 0 0 0.5rem; + display: flex; + align-items: center; +} + +@media (max-width: 768px) { + .logo-text { + margin: 0; + font-size: 20px; + } +} + +.logo { + width: 24px; + border-radius: 8px; + margin-right: 0.5rem; +} + +.school-details { + color: var(--text-secondary); + font-size: 14px; +} + +.school-details span { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 300px; +} + +@media (max-width: 768px) { + .school-details span { + max-width: 200px; + } + + .school-details { + font-size: 12px; + } +} + + +.kreta-nav { + padding: 0 clamp(0.5rem, 3vw, 1.5rem); + position: sticky; + top: 0; + z-index: 100; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + scrollbar-width: none; + -ms-overflow-style: none; + display: flex; + justify-content: center; +} + +@media (max-width: 768px) { + .kreta-nav { + grid-area: nav; + padding: 0; + margin-top: 0.5rem; + } +} + +.nav-links { + display: flex; + gap: clamp(0.5rem, 2vw, 1rem); + padding: 0.25rem; + justify-content: center; +} + +@media (max-width: 768px) { + .nav-links { + justify-content: flex-start; + width: 100%; + gap: 0.25rem; + } +} + +.nav-links a { + color: var(--text-secondary); + text-decoration: none; + padding: clamp(0.5rem, 1.5vw, 1rem) 0.5rem; + font-weight: 500; + white-space: nowrap; + transition: all 0.2s ease; + display: flex; + align-items: center; + gap: 0.5rem; + border-radius: 8px; +} + +@media (max-width: 768px) { + .nav-links a { + padding: 0.5rem; + font-size: 13px; + } + + .nav-links a .material-icons-round { + font-size: 20px; + } +} + +.nav-links a:hover { + color: var(--text-primary); + background-color: var(--card-card); +} + +.nav-links a.active { + color: var(--accent-accent); +} + + +.user-profile { + position: relative; + justify-self: flex-end; +} + +@media (max-width: 768px) { + .user-profile { + grid-area: user; + } +} + +.user-dropdown-btn { + display: flex; + align-items: center; + gap: 1rem; + background: none; + border: none; + cursor: pointer; + padding: 0.5rem; + border-radius: 8px; + transition: background-color 0.2s; +} + +.user-dropdown-btn:hover { + background: var(--card-card); +} + +.user-info { + text-align: right; +} + +.user-name { + display: block; + color: var(--text-primary); + font-size: 16px; + font-weight: 500; +} + +.user-time { + display: block; + color: var(--text-secondary); + font-size: 14px; +} + +.user-dropdown { + position: absolute; + top: 100%; + right: 0; + margin-top: 0.5rem; + background: var(--card-card); + border-radius: 12px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); + width: 200px; + display: none; + z-index: 1000; +} + +.user-dropdown.show { + display: block; + animation: dropdownShow 0.2s ease; +} + +.dropdown-item { + display: flex; + align-items: center; + gap: 0.75rem; + padding: 0.75rem 1rem; + color: var(--text-primary); + text-decoration: none; + transition: background-color 0.2s; +} + +.dropdown-item:hover { + background: var(--button-secondaryFill); +} + + +.kreta-main { + flex: 1; + padding: clamp(1rem, 3vw, 2rem); + max-width: 1200px; + margin: 0 auto; + width: 100%; +} + + +.filter-card { + background: var(--card-card); + border-radius: 24px; + padding: 20px; + margin-bottom: 24px; + box-shadow: 0px 1px var(--shadow-blur) 0px var(--accent-shadow); +} + +.filter-header { + margin-bottom: 16px; +} + +.filter-header h2 { + font-size: 18px; + font-weight: 600; + color: var(--text-primary); + background-color: var(--card-card); +} + +.filter-content { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: 16px; +} + +.filter-group { + display: flex; + flex-direction: column; + gap: 8px; +} + +.filter-group label { + display: flex; + align-items: center; + gap: 8px; + color: var(--text-secondary); + font-size: 14px; +} + +.filter-input { + padding: 10px; + border: none; + border-radius: 8px; + background: var(--button-secondaryFill); + color: var(--text-primary); + font-family: inherit; + font-size: 14px; + transition: all 0.2s ease; +} + +.filter-input:focus { + outline: none; + box-shadow: 0 0 0 2px var(--accent-accent); +} + + +.absences-container { + display: flex; + flex-direction: column; + gap: 16px; +} + +.absence-group { + background: var(--card-card); + border-radius: 24px; + overflow: hidden; + animation: fadeIn 0.3s ease; + box-shadow: 0px 1px var(--shadow-blur) 0px var(--accent-shadow); +} + +.absence-date { + padding: 16px; + color: var(--text-primary); + font-weight: 600; + display: flex; + align-items: center; + gap: 8px; +} + +.absence-count { + margin-left: auto; + background: var(--accent-accent); + color: var(--button-secondaryFill); + padding: 4px 8px; + border-radius: 12px; + font-size: 14px; +} + +.absence-list { + padding: 16px; + display: flex; + flex-direction: column; + gap: 12px; +} + +.absence-item { + display: grid; + grid-template-columns: auto 1fr auto; + align-items: center; + gap: 16px; + padding: 12px; + background: var(--accent-15); + border-radius: 12px; + transition: transform 0.2s ease; +} + +.absence-item:hover { + transform: translateX(4px); +} + +.absence-time { + display: flex; + align-items: center; + gap: 4px; + color: var(--text-secondary); + font-size: 14px; +} + +.absence-details { + display: flex; + flex-direction: column; + gap: 4px; +} + +.absence-subject { + font-weight: 600; + color: var(--text-primary); +} + +.absence-topic { + color: var(--text-secondary); + font-size: 14px; +} + +.absence-status { + display: flex; + align-items: center; + gap: 4px; + font-size: 14px; + font-weight: 500; +} + +.absence-status.justified { + color: var(--grades-4); +} + +.absence-status.unjustified { + color: var(--grades-1); +} + +.absence-status.pending { + color: var(--grades-3); +} + + +.loading-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--background); + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + z-index: 9999; +} + +.loading-container { + display: flex; + flex-direction: column; + align-items: center; + gap: 1rem; + padding: 2rem; + border-radius: 24px; +} + +.loading-text { + color: var(--Text-Primary); + text-align: center; + font-family: Montserrat; + font-size: 20px; + font-style: normal; + font-weight: 700; + line-height: normal; +} + +.loading-text2 { + align-self: stretch; + color: var(--Text-Secondary); + text-align: center; + font-family: Figtree; + font-size: 16px; + font-style: normal; + font-weight: 500; + line-height: 130%; +} + +.loading-logo { + width: 48px; + height: 48px; + margin-bottom: 1rem; + border-radius: 8px; +} + + +@keyframes fadeIn { + from { + opacity: 0; + transform: translateY(-10px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + +@keyframes dropdownShow { + from { + opacity: 0; + transform: translateY(-10px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + +@keyframes spin { + to { transform: rotate(360deg); } +} + + +::-webkit-scrollbar { + width: clamp(4px, 1vw, 8px); + height: clamp(4px, 1vw, 8px); +} + +::-webkit-scrollbar-track { + background: var(--background); +} + +::-webkit-scrollbar-thumb { + background: var(--text-secondary); + border-radius: 4px; +} + +::-webkit-scrollbar-thumb:hover { + background: var(--text-primary); +} \ No newline at end of file diff --git a/absences/absences.js b/absences/absences.js new file mode 100644 index 0000000..76f5783 --- /dev/null +++ b/absences/absences.js @@ -0,0 +1,462 @@ +function getCookie(name) { + const cookieName = `${name}=`; + const decodedCookie = decodeURIComponent(document.cookie); + const cookieArray = decodedCookie.split(';'); + + for(let i = 0; i < cookieArray.length; i++) { + let cookie = cookieArray[i]; + while (cookie.charAt(0) === ' ') { + cookie = cookie.substring(1); + } + if (cookie.indexOf(cookieName) === 0) { + return cookie.substring(cookieName.length, cookie.length); + } + } + return null; +} + +function shortenSchoolName(name, maxLength = 50) { + if (!name) return ''; + if (name.length <= maxLength) return name; + + const parts = name.split(' - '); + if (parts.length === 2) { + const [code, fullName] = parts; + if (fullName.length > maxLength - code.length - 3) { + return `${code} - ${fullName.substring(0, maxLength - code.length - 6)}...`; + } + } + return name.substring(0, maxLength - 3) + '...'; +} + +async function waitForElement(selector) { + return new Promise(resolve => { + if (document.querySelector(selector)) { + return resolve(document.querySelector(selector)); + } + + const observer = new MutationObserver(mutations => { + if (document.querySelector(selector)) { + observer.disconnect(); + resolve(document.querySelector(selector)); + } + }); + + observer.observe(document.body, { + childList: true, + subtree: true + }); + }); +} + +async function collectAbsencesData() { + await waitForElement('#HianyzasGrid'); + await new Promise(resolve => setTimeout(resolve, 1000)); + + const basicData = { + schoolInfo: { + name: getCookie('schoolName') || 'Iskola', + id: getCookie('schoolCode') || '' + }, + userData: { + name: getCookie('userName') || 'Felhasználó', + time: document.querySelector('.usermenu_timer')?.textContent?.trim() || '45:00' + } + }; + + const absences = []; + const rows = document.querySelectorAll('#HianyzasGrid .k-grid-content tr'); + rows.forEach(row => { + const cells = row.querySelectorAll('td'); + if (cells.length >= 9) { + absences.push({ + date: cells[1]?.textContent?.trim() || '', + lesson: cells[2]?.textContent?.trim() || '', + subject: cells[3]?.textContent?.trim() || '', + topic: cells[4]?.textContent?.trim() || '', + type: cells[5]?.textContent?.trim() || '', + justified: cells[6]?.textContent?.trim() === 'Igen', + justificationStatus: cells[6]?.textContent?.trim() === 'Igen' ? 'justified' : + cells[6]?.textContent?.trim() === 'Nem' ? 'unjustified' : 'pending', + purposeful: cells[7]?.textContent?.trim() || '', + justificationType: cells[8]?.textContent?.trim() || '' + }); + } + }); + + const groupedAbsences = {}; + absences.forEach(absence => { + if (!groupedAbsences[absence.date]) { + groupedAbsences[absence.date] = []; + } + groupedAbsences[absence.date].push(absence); + }); + + return { basicData, absences, groupedAbsences }; +} + +function showLoadingScreen() { + const loadingHTML = ` +
+
+ +
Betöltés alatt...
+

Kis türelmet

+
+
+ `; + + document.body.insertAdjacentHTML('beforeend', loadingHTML); +} + +function hideLoadingScreen() { + const loadingOverlay = document.querySelector('.loading-overlay'); + if (loadingOverlay) { + loadingOverlay.style.opacity = '0'; + loadingOverlay.style.transition = 'opacity 0.3s ease'; + setTimeout(() => loadingOverlay.remove(), 300); + } +} + +async function transformAbsencesPage() { + showLoadingScreen(); + const { basicData, absences, groupedAbsences } = await collectAbsencesData(); + + + const schoolNameFull = `${basicData.schoolInfo.id} - ${basicData.schoolInfo.name}`; + const shortenedSchoolName = shortenSchoolName(schoolNameFull); + + document.body.innerHTML = ` +
+
+
+

+ + Firka +

+
+ ${shortenedSchoolName} +
+
+ + + + +
+ +
+
+
+

Szűrés

+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+ +
+ ${Object.entries(groupedAbsences).map(([date, dayAbsences]) => ` +
+
+ event + ${date} + ${dayAbsences.length} óra +
+
+ ${dayAbsences.map(absence => ` +
+
+ schedule + ${absence.lesson}. óra +
+
+
${absence.subject}
+
${absence.topic}
+
+
+ ${absence.justificationStatus === 'justified' ? + `Igazolt check_circle` : + absence.justificationStatus === 'unjustified' ? + `Igazolatlan cancel` : + `Igazolásra vár pending`} +
+
+ `).join('')} +
+
+ `).join('')} +
+
+
+ `; + + + const links = [ + { rel: 'preconnect', href: 'https://fonts.googleapis.com' }, + { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossorigin: true }, + { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap' }, + { rel: 'stylesheet', href: 'https://fonts.googleapis.com/icon?family=Material+Icons+Round' } + ]; + + links.forEach(link => { + const linkElement = document.createElement('link'); + Object.entries(link).forEach(([key, value]) => { + linkElement[key] = value; + }); + document.head.appendChild(linkElement); + }); + + setupEventListeners(); + setupFilters(); + + hideLoadingScreen(); +} + +function setupEventListeners(data) { + const userBtn = document.querySelector('.user-dropdown-btn'); + const userDropdown = document.querySelector('.user-dropdown'); + + userBtn?.addEventListener('click', (e) => { + e.stopPropagation(); + userDropdown.classList.toggle('show'); + }); + + document.addEventListener('click', () => { + userDropdown?.classList.remove('show'); + }); + + const timerEl = document.getElementById('logoutTimer'); + if (timerEl) { + const startTime = parseInt(timerEl.textContent?.match(/\d+/)?.[0] || "30"); + let timeLeft = startTime * 60; + + const updateTimer = () => { + const minutes = Math.floor(timeLeft / 60); + const seconds = timeLeft % 60; + timerEl.textContent = `${minutes}:${seconds.toString().padStart(2, '0')}`; + + if (timeLeft <= 0) { + window.location.href = '/Home/Logout'; + } else { + timeLeft--; + } + }; + + updateTimer(); + setInterval(updateTimer, 1000); + } + + + document.getElementById('settingsBtn')?.addEventListener('click', (e) => { + e.preventDefault(); + e.stopPropagation(); + const url = chrome.runtime.getURL('settings/index.html'); + window.open(url, '_blank', 'width=400,height=600'); + }); +} + +function setupFilters() { + try { + const filters = { + dateFilter: document.getElementById('dateFilter'), + subject: document.getElementById('subjectFilter'), + justified: document.getElementById('justificationFilter') + }; + + + if (!filters.dateFilter || !filters.subject || !filters.justified) { + console.warn('Some filter elements were not found in the DOM'); + return; + } + + + if (filters.dateFilter) { + filters.dateFilter.disabled = true; + } + + const filterAbsences = () => { + try { + + const dateFilterValue = filters.dateFilter.value; + const subject = filters.subject.value; + const justified = filters.justified.value; + + + const selectedDate = dateFilterValue ? new Date(dateFilterValue) : null; + + document.querySelectorAll('.absence-group').forEach(group => { + const dateStr = group.dataset.date; + const dateParts = dateStr.split('.'); + + + if (dateParts.length < 3) { + console.error(`Invalid date format: ${dateStr}`); + return; + } + + + const parsedDay = parseInt(dateParts[0].trim(), 10); + const parsedMonth = parseInt(dateParts[1].trim(), 10) - 1; + const parsedYear = parseInt(dateParts[2].trim(), 10); + + + if (isNaN(parsedDay) || isNaN(parsedMonth) || isNaN(parsedYear)) { + console.error(`Invalid date components: ${dateStr}`); + return; + } + + + const groupDate = new Date(parsedYear, parsedMonth, parsedDay); + + let showGroup = true; + + + // if (selectedDate && dateFilterValue) { + // // Compare year, month, and day to ignore time + // showGroup = groupDate.getFullYear() === selectedDate.getFullYear() && + // groupDate.getMonth() === selectedDate.getMonth() && + // groupDate.getDate() === selectedDate.getDate(); + // + // console.log(`Comparing dates: ${groupDate.toDateString()} vs ${selectedDate.toDateString()}, match: ${showGroup}`); + // } + + const absenceItems = group.querySelectorAll('.absence-item'); + let visibleItems = 0; + + absenceItems.forEach(item => { + let showItem = true; + if (subject && item.dataset.subject !== subject) showItem = false; + + if (justified) { + const statusElement = item.querySelector('.absence-status'); + const hasStatus = statusElement.classList.contains(justified); + if (!hasStatus) showItem = false; + } + + item.style.display = showItem ? '' : 'none'; + if (showItem) visibleItems++; + }); + + group.style.display = (showGroup && visibleItems > 0) ? '' : 'none'; + }); + } catch (err) { + + console.error('Error during filtering absences:', err); + } + }; + + + // if (!filters.dateFilter.value) { + // const today = new Date(); + // filters.dateFilter.value = today.toISOString().split('T')[0]; // Set date to today by default + // } + + + Object.values(filters).forEach(filter => { + try { + if (filter && filter !== filters.dateFilter) { // Don't add event listener to dateFilter + filter.addEventListener('change', filterAbsences); + } + } catch (err) { + if (err.message && err.message.includes('Extension context invalidated')) { + console.warn('Extension context invalidated during event listener setup'); + } else { + console.error('Error setting up filter event listener:', err); + } + } + }); + + + filterAbsences(); + } catch (err) { + + if (err.message && err.message.includes('Extension context invalidated')) { + console.warn('Extension context invalidated during filter setup'); + } else { + console.error('Error setting up filters:', err); + } + } +} + + +if (window.location.href.includes('/Hianyzas/Hianyzasok')) { + transformAbsencesPage().catch(error => { + console.error('Hiba történt az oldal átalakítása során:', error); + }); +} \ No newline at end of file diff --git a/dashboard/dashboard.css b/dashboard/dashboard.css new file mode 100644 index 0000000..312f480 --- /dev/null +++ b/dashboard/dashboard.css @@ -0,0 +1,238 @@ +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + margin: 0; + padding: 0; + color: var(--text-primary); + background-color: var(--background) !important; + font-family: "Montserrat", serif !important; + min-height: 100vh; + font-size: 16px; +} + +.kreta-container { + min-height: 100vh; + display: flex; + flex-direction: column; +} + + +.kreta-main { + flex: 1; + padding: clamp(1rem, 3vw, 2rem); + max-width: 1400px; + margin: 0 auto; + width: 100%; +} + +.grid-container { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); + gap: 20px; +} + + +.card { + background: var(--card-card); + padding: 20px; + padding-top: 5px !important; + border-radius: 24px; + overflow: hidden; + animation: fadeIn 0.5s ease forwards; + box-shadow: 0px 1px var(--shadow-blur) 0px var(--accent-shadow); + display: flex; + flex-direction: column; + height: 100%; +} + +.card h2 { + font-size: 16px; + font-weight: 600; + color: var(--text-primary); + background-color: var(--card-card); +} + +.card:last-child { + grid-column: 1 / -1; +} + + +.grade-item, .absence-item, .note-item, .exam-item, .news-item { + border-radius: 6px; + transition: transform 0.2s ease, box-shadow 0.2s ease; + border: 1px solid var(--card-card); + display: flex; + flex-direction: column; + margin-bottom: 12px; + padding: 12px; +} + + +.grade { + width: 32px; + height: 32px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 16px; + font-weight: 700; + margin-right: 1rem; + color: var(--text-primary); + font-size: 22px; +} +.subject-name, .absence-type, .note-title, .exam-subject { + color: var(--text-primary); + font-weight: 600; + font-size: 16px; +} +.grade-type, .absence-date, .note-date, .exam-date { + color: var(--text-secondary); + font-weight: 500; + font-size: 14px; +} +.more-link { + margin-top: auto; + display: inline-flex; + align-items: center; + gap: 0.5rem; + color: var(--accent-accent); + text-decoration: none; + font-weight: 500; + padding-top: 16px; + transition: gap 0.2s ease; + font-size: clamp(0.875rem, 1.5vw, 1rem); +} +@media (hover: hover) { + .more-link:hover { + color: var(--accent-secondary); + gap: 0.75rem; + } +} +.more-link i { + font-size: 0.875rem; +} +.grade-1 {color: var(--grades-1); background-color: var(--grades-background-1);} +.grade-2 {color: var(--grades-2); background-color: var(--grades-background-2);} +.grade-3 {color: var(--grades-3); background-color: var(--grades-background-3);} +.grade-4 {color: var(--grades-4); background-color: var(--grades-background-4);} +.grade-5 {color: var(--grades-5); background-color: var(--grades-background-5);} + +@keyframes fadeIn { + from { + opacity: 0; + transform: translateY(-10px); + } + to { + opacity: 1; + transform: translateY(0); + } +} +.user-profile { + position: relative; +} + +.user-dropdown-btn { + background: none; + border: none; + cursor: pointer; + padding: 8px; + display: flex; + align-items: center; + color: var(--text-primary); +} + +.user-dropdown { + position: absolute; + top: 100%; + right: 0; + background: var(--card-card); + border-radius: 12px; + box-shadow: 0 4px 12px var(--accent-shadow); + min-width: 200px; + display: none; + z-index: 1000; +} + +.user-dropdown.active { + display: block; +} + +.dropdown-item { + display: flex; + align-items: center; + gap: 8px; + padding: 12px 16px; + color: var(--text-primary); + text-decoration: none; + transition: background-color 0.2s ease; +} + +.dropdown-item:hover { + background-color: var(--accent-15); +} + +.dropdown-item svg { + width: 20px; + height: 20px; +} +.subject-name, .absence-type, .note-title, .exam-subject { + color: var(--text-primary); + font-weight: 600; + font-size: 16px; +} +.grade-type, .absence-date, .note-date, .exam-date { + color: var(--text-secondary); + font-weight: 500; + font-size: 14px; +} +.more-link { + margin-top: auto; + display: inline-flex; + align-items: center; + gap: 0.5rem; + color: var(--accent-accent); + text-decoration: none; + font-weight: 500; + padding-top: 16px; + transition: gap 0.2s ease; + font-size: clamp(0.875rem, 1.5vw, 1rem); +} +@media (hover: hover) { + .more-link:hover { + color: var(--accent-secondary); + gap: 0.75rem; + } +} +.more-link i { + font-size: 0.875rem; +} + +.grade-row { + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; +} + +.grade-details { + flex: 1; + margin-right: 10px; +} + +.grade-date, .exam-date { + color: var(--text-secondary); + font-size: 14px; + white-space: nowrap; +} + +.exam-info { + display: flex; + gap: 8px; + margin-top: 4px; + color: var(--text-secondary); + font-size: 14px; +} \ No newline at end of file diff --git a/dashboard/dashboard.js b/dashboard/dashboard.js new file mode 100644 index 0000000..93ad8de --- /dev/null +++ b/dashboard/dashboard.js @@ -0,0 +1,446 @@ +const utils = { + shortenSchoolName(name, maxLength = 50) { + if (!name || name.length <= maxLength) return name || ''; + + const [code, fullName] = name.split(' - '); + if (fullName) { + const maxFullNameLength = maxLength - code.length - 3; + if (fullName.length > maxFullNameLength) { + return `${code} - ${fullName.substring(0, maxFullNameLength)}...`; + } + } + return `${name.substring(0, maxLength - 3)}...`; + }, + + formatGradeValue(value) { + return value?.trim() || ''; + }, + + parseDate(dateStr) { + return dateStr?.trim() || ''; + }, + + formatHungarianDate(dateStr) { + if (!dateStr) return ''; + + const dateParts = dateStr.trim().split('.'); + if (dateParts.length < 3) return dateStr; + + + const month = parseInt(dateParts[1], 10); + const day = parseInt(dateParts[2], 10); + + + if (isNaN(month) || month < 1 || month > 12) return dateStr; + + const hungarianMonths = [ + 'január', 'február', 'március', 'április', 'május', 'június', + 'július', 'augusztus', 'szeptember', 'október', 'november', 'december' + ]; + + + return `${hungarianMonths[month - 1]} ${day}.`; + } +}; + + +class DashboardDataExtractor { + constructor() { + this.data = { + grades: [], + absences: [], + notes: [], + upcomingExams: [], + news: [] + }; + } + + extractGrades() { + const gradeRows = document.querySelectorAll('#legutobbiErtekelesek tr:not(:first-child)'); + + this.data.grades = Array.from(gradeRows).map(row => { + const gradeValue = row.querySelector('span[style*="font-size: 200%"]')?.textContent; + const gradeInfo = row.querySelector('span[style*="float: right"]')?.textContent; + + if (!gradeValue || !gradeInfo) return null; + + const [fullSubject, date] = gradeInfo.split('\n').map(str => str.trim()); + const { subject, type } = this.parseSubjectInfo(fullSubject); + + return { + value: utils.formatGradeValue(gradeValue), + subject, + date: utils.parseDate(date), + type: type || 'Értékelés' + }; + }).filter(Boolean); + } + + parseSubjectInfo(fullSubject) { + const months = ['január', 'február', 'március', 'április', 'május', 'június', + 'július', 'augusztus', 'szeptember', 'október', 'november', 'december']; + const monthPattern = new RegExp(months.join('|'), 'i'); + const monthMatch = fullSubject.match(monthPattern); + + if (!monthMatch) return { subject: fullSubject, type: '' }; + + const monthIndex = fullSubject.lastIndexOf(monthMatch[0]); + return { + subject: fullSubject.substring(0, monthIndex).trim(), + type: fullSubject.substring(monthIndex).trim() + }; + } + + extractAbsences() { + const absenceRows = document.querySelectorAll('#legutobbiMulasztasok tr:not(:first-child)'); + + this.data.absences = Array.from(absenceRows).map(row => { + const spans = row.querySelectorAll('span'); + if (spans.length < 4) return null; + + return { + date: spans[0]?.textContent?.trim() || '', + day: spans[2]?.textContent?.trim() || '', + type: spans[1]?.textContent?.trim() || '', + count: spans[3]?.textContent?.trim() || '' + }; + }).filter(Boolean); + } + + extractNotes() { + const noteRows = document.querySelectorAll('#legutobbiFeljegyzesek tr:not(:first-child)'); + + this.data.notes = Array.from(noteRows).map(row => { + const spans = row.querySelectorAll('span'); + if (spans.length < 3) return null; + + return { + title: spans[0]?.textContent?.trim() || '', + author: spans[1]?.textContent?.trim() || '', + date: spans[2]?.textContent?.trim() || '' + }; + }).filter(Boolean); + } + + extractExams() { + const examRows = document.querySelectorAll('#legutobbiBejelentettSzamonkeres tr:not(:first-child)'); + + this.data.upcomingExams = Array.from(examRows).map(row => { + const spans = row.querySelectorAll('span'); + if (spans.length < 4) return null; + + return { + date: spans[0]?.textContent?.trim() || '', + subject: spans[1]?.textContent?.trim() || '', + day: spans[2]?.textContent?.trim() || '', + type: spans[3]?.textContent?.trim() || '' + }; + }).filter(Boolean); + } + + extractNews() { + const newsContainer = document.querySelector('.faliujsag-lista, #faliujsagLista'); + if (!newsContainer) return; + + const newsItems = newsContainer.querySelectorAll('.nb-item, .news-item'); + + this.data.news = Array.from(newsItems).map(item => { + const titleElement = item.querySelector('.subject h4, .news-title'); + const contentElement = item.querySelector('.content, .news-content'); + + + const dateElement = item.querySelector('.nb-date, .news-date'); + let dateStr = ''; + + if (dateElement) { + const yearElement = dateElement.querySelector('.year'); + const monthElement = dateElement.querySelector('.month'); + const dayElement = dateElement.querySelector('.day'); + + if (yearElement && monthElement && dayElement) { + dateStr = `${yearElement.textContent} ${monthElement.textContent} ${dayElement.textContent}`; + } else { + dateStr = dateElement.textContent; + } + } + + + const authorElement = item.querySelector('.auth-name span, .news-author'); + + return { + title: titleElement?.textContent?.trim() || '', + date: dateStr.trim(), + content: contentElement?.textContent?.trim() || '', + author: authorElement?.textContent?.trim() || '' + }; + }).filter(news => news.title || news.content); + } + + extractAll() { + this.extractGrades(); + this.extractAbsences(); + this.extractNotes(); + this.extractExams(); + this.extractNews(); + return this.data; + } +} + + +class DashboardUI { + constructor(data) { + this.data = { + ...data, + schoolInfo: { + name: cookies.getCookie(COOKIE_KEYS.SCHOOL_NAME) || DEFAULT_VALUES.SCHOOL, + id: cookies.getCookie(COOKIE_KEYS.SCHOOL_CODE) || '' + }, + userData: { + name: cookies.getCookie(COOKIE_KEYS.USER_NAME) || DEFAULT_VALUES.USER, + time: document.querySelector('.usermenu_timer')?.textContent?.trim() || DEFAULT_VALUES.TIMER + } + }; + this.schoolNameFull = `${this.data.schoolInfo.id} - ${this.data.schoolInfo.name}`; + this.shortenedSchoolName = utils.shortenSchoolName(this.schoolNameFull); + } + + + static generateHeaderHTML(data, schoolNameFull, shortenedSchoolName) { + return ` +
+
+

+ + Firka +

+
+ ${shortenedSchoolName} +
+
+ + + + +
+ `; + } + generateMainContentHTML() { + return ` +
+
+ ${this.generateGradeCard()} + ${this.generateAbsenceCard()} + ${this.generateNoteCard()} + ${this.generateExamCard()} + ${this.generateNewsCard()} +
+
+ `; + } + generateNewsCard() { + const newsItems = this.data.news.map(news => ` +
+
+
${news.date}
+ ${news.author ? `
${news.author}
` : ''} +
+
+

${news.title}

+
${news.content}
+
+
+ `).join(''); + + return this.generateCard('Hírek', newsItems || 'Jelenleg ez egy nem támogatott funkció', '/Intezmeny/Faliujsag', 'Összes hír'); + } + generateGradeCard() { + const gradeItems = this.data.grades.map(grade => ` +
+
+
${grade.value}
+
+
${grade.subject}
+
${grade.type}
+
+ ${grade.date ? `
${grade.date}
` : ''} +
+
+ `).join(''); + + return this.generateCard('Értékeléseid', gradeItems, '/TanuloErtekeles/Osztalyzatok', 'Összes jegyed'); + } + generateAbsenceCard() { + const absenceItems = this.data.absences.map(absence => ` +
+
+
${absence.type}
+
${absence.date}
+
+
+ `).join(''); + + return this.generateCard('Mulasztások', absenceItems, '/Hianyzas/Hianyzasok', 'Összes mulasztás'); + } + generateNoteCard() { + const noteItems = this.data.notes.map(note => ` +
+
+
${note.title}
+
${note.date}
+
+
+ `).join(''); + + return this.generateCard('Feljegyzések', noteItems, '/TanuloErtekeles/InformaciokFeljegyzesek', 'Összes üzeneted'); + } + generateExamCard() { + const examItems = this.data.upcomingExams.map(exam => ` +
+
+
${exam.subject}
+
${utils.formatHungarianDate(exam.date)}
+
+
+ `).join(''); + + return this.generateCard('Bejelentett dolgozatok', examItems, '/Tanulo/TanuloBejelentettSzamonkeresek', 'Összes dolgozat'); + } + generateCard(title, content, linkHref, linkText) { + return ` +
+

${title}

+
+ ${content || `Jelenleg ez egy nem támogatott funkció`} + + ${linkText} + + + + +
+
+ `; + } + + render() { + document.body.innerHTML = ` +
+ ${DashboardUI.generateHeaderHTML(this.data, this.schoolNameFull, this.shortenedSchoolName)} + ${this.generateMainContentHTML()} +
+ `; + setupUserDropdown(); + setupLogoutTimer(); + } +} + + +function setupLogoutTimer() { + const timerElement = document.querySelector('.nav-logout-timer'); + if (!timerElement) return; + + const timeString = timerElement.textContent; + const startTime = parseInt(timeString?.match(/\d+/)?.[0] || "45"); + let timeLeft = startTime * 60; + + const updateTimer = () => { + const minutes = Math.floor(timeLeft / 60); + const seconds = timeLeft % 60; + timerElement.textContent = `${minutes}:${seconds.toString().padStart(2, '0')}`; + + if (timeLeft <= 0) { + window.location.href = '/Home/Logout'; + } + timeLeft--; + }; + + updateTimer(); + setInterval(updateTimer, 1000); +} + +class FontLoader { + static loadFonts() { + const links = [ + { rel: 'preconnect', href: 'https://fonts.googleapis.com' }, + { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossorigin: true }, + { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap' }, + { rel: 'stylesheet', href: 'https://fonts.googleapis.com/icon?family=Material+Icons+Round' } + ]; + + links.forEach(link => { + const linkElement = document.createElement('link'); + Object.entries(link).forEach(([key, value]) => { + linkElement[key] = value; + }); + document.head.appendChild(linkElement); + }); + } +} + + +class DashboardApp { + constructor() { + this.initialize(); + } + + async initialize() { + if (!window.location.href.includes('/Intezmeny/Faliujsag')) return; + + try { + const dataExtractor = new DashboardDataExtractor(); + const dashboardData = dataExtractor.extractAll(); + FontLoader.loadFonts(); + const ui = new DashboardUI(dashboardData); + ui.render(); + } catch (error) { + console.error('Error initializing dashboard:', error); + } + } +} + + +new DashboardApp(); \ No newline at end of file diff --git a/fonts/Figtree-Regular.woff2 b/fonts/Figtree-Regular.woff2 new file mode 100644 index 0000000..e2f7035 Binary files /dev/null and b/fonts/Figtree-Regular.woff2 differ diff --git a/fonts/Montserrat-Medium.woff2 b/fonts/Montserrat-Medium.woff2 new file mode 100644 index 0000000..e3ffa49 Binary files /dev/null and b/fonts/Montserrat-Medium.woff2 differ diff --git a/fonts/Montserrat-Regular.woff2 b/fonts/Montserrat-Regular.woff2 new file mode 100644 index 0000000..e96845a Binary files /dev/null and b/fonts/Montserrat-Regular.woff2 differ diff --git a/fonts/Montserrat-SemiBold.woff2 b/fonts/Montserrat-SemiBold.woff2 new file mode 100644 index 0000000..1b8c6e3 Binary files /dev/null and b/fonts/Montserrat-SemiBold.woff2 differ diff --git a/forgotpassword/forgotpassword.css b/forgotpassword/forgotpassword.css new file mode 100644 index 0000000..45f0d5b --- /dev/null +++ b/forgotpassword/forgotpassword.css @@ -0,0 +1,202 @@ +:root { + --primary: #050B15; + --secondary: #3F444F; + --tertiary: #1C469A; + --icon: #0A2456; + --accent: #3673EE; + --bg: #DAE4F7; + --card: #EDF3FF; + --cardsec: #FBFCFF; + --error: #E32D2D; + --error-bg: rgba(227, 45, 45, 0.05); + } + + :root[data-theme="dark"] { + --primary: #EBF1FD; + --secondary: #CFD8E9; + --tertiary: #AEC8FC; + --icon: #BAD1FF; + --accent: #3673ed; + --bg: #070A0E; + --card: #0F131B; + --cardsec: #131822; + --error: #FF4444; + --error-bg: rgba(255, 68, 68, 0.1); + } + + * { + box-sizing: border-box; + margin: 0; + padding: 0; + } + + body { + margin: 0; + padding: 0; + color: var(--primary); + background-color: var(--bg) !important; + font-family: "Montserrat", serif !important; + min-height: 100vh; + font-size: 16px; + display: flex; + align-items: center; + justify-content: center; + } + + .forgot-container { + width: 100%; + max-width: 500px; + padding: 20px; + margin: 0 auto; + } + + .forgot-header { + text-align: center; + margin-bottom: 24px; + } + + .logo-text { + color: var(--icon); + font-size: 24px; + font-weight: 600; + margin: 16px 0; + display: flex; + align-items: center; + justify-content: center; + } + + .logo { + width: 24px; + border-radius: 8px; + margin-right: 8px; + } + + .forgot-card { + background: var(--card); + padding: 24px; + border-radius: 24px; + margin-bottom: 16px; + } + + .forgot-title { + font-size: 18px; + font-weight: 600; + color: var(--primary); + margin-bottom: 24px; + text-align: center; + } + + .form-group { + margin-bottom: 16px; + } + + .form-label { + display: block; + color: var(--secondary); + font-size: 14px; + margin-bottom: 8px; + } + + .form-control { + width: 100%; + padding: 12px 16px; + border: 2px solid transparent; + border-radius: 12px; + font-size: 16px; + font-family: "Montserrat", serif; + background: var(--cardsec); + color: var(--primary); + transition: all 0.2s ease; + } + + .form-control:focus { + outline: none; + border-color: var(--accent); + } + + .form-control::placeholder { + color: var(--secondary); + } + + .form-actions { + margin-top: 24px; + display: flex; + justify-content: space-between; + align-items: center; + } + + .help-link { + color: var(--accent); + text-decoration: none; + font-size: 14px; + transition: color 0.2s ease; + } + + .help-link:hover { + color: var(--tertiary); + } + + .btn-submit { + padding: 12px 24px; + background: var(--accent); + color: white; + border: none; + border-radius: 12px; + font-size: 16px; + font-weight: 600; + font-family: "Montserrat", serif; + cursor: pointer; + transition: background 0.2s ease; + } + + .btn-submit:hover { + background: var(--tertiary); + } + + .btn-submit:disabled { + opacity: 0.7; + cursor: not-allowed; + } + + .error-message { + color: var(--error); + font-size: 14px; + margin-top: 4px; + display: none; + } + + .error-message.show { + display: block; + animation: fadeIn 0.2s ease; + } + + .g-recaptcha { + margin-top: 24px; + display: flex; + justify-content: center; + } + + @keyframes fadeIn { + from { opacity: 0; transform: translateY(-4px); } + to { opacity: 1; transform: translateY(0); } + } + + @media (max-width: 600px) { + .forgot-container { + padding: 16px; + } + + .forgot-card { + padding: 20px; + } + + .form-actions { + flex-direction: column; + gap: 16px; + align-items: stretch; + } + + .btn-submit { + width: 100%; + } + } \ No newline at end of file diff --git a/forgotpassword/forgotpassword.js b/forgotpassword/forgotpassword.js new file mode 100644 index 0000000..212a130 --- /dev/null +++ b/forgotpassword/forgotpassword.js @@ -0,0 +1,152 @@ +(() => { + const transformForgotPasswordPage = () => { + + const isDarkMode = localStorage.getItem('darkMode') === 'true'; + document.documentElement.setAttribute('data-theme', isDarkMode ? 'dark' : 'light'); + + + chrome.runtime.onMessage.addListener((message) => { + if (message.action === 'toggleTheme') { + document.documentElement.setAttribute('data-theme', message.darkMode ? 'dark' : 'light'); + localStorage.setItem('darkMode', message.darkMode); + } + }); + + + document.body.innerHTML = ` +
+ + + + + +
+

+ + Firka +

+
+ +
+

Elfelejtett jelszó

+ +
+
+ + +
Kérjük, add meg az OM azonosítód.
+
+ +
+ + +
Kérjük, add meg az e-mail címed.
+
+ +
+ +
+ + Vissza a bejelentkezéshez + + +
+
+
+
+ `; + + setupFormValidation(); + }; + + const setupFormValidation = () => { + const form = document.getElementById('forgotForm'); + const inputs = form.querySelectorAll('.form-control'); + + inputs.forEach(input => { + + input.addEventListener('input', () => { + validateInput(input); + }); + + + input.addEventListener('blur', () => { + validateInput(input, true); + }); + }); + + form.addEventListener('submit', handleSubmit); + }; + + const validateInput = (input, showError = false) => { + const isValid = input.value.trim().length > 0; + const errorElement = input.nextElementSibling; + + if (!isValid && showError) { + input.classList.add('error'); + errorElement?.classList.add('show'); + } else { + input.classList.remove('error'); + errorElement?.classList.remove('show'); + } + + return isValid; + }; + + const handleSubmit = async (event) => { + event.preventDefault(); + + const form = event.target; + const inputs = form.querySelectorAll('.form-control[required]'); + let isValid = true; + + + inputs.forEach(input => { + if (!validateInput(input, true)) { + isValid = false; + } + }); + + if (!isValid) { + return; + } + + const submitButton = form.querySelector('.btn-submit'); + submitButton.disabled = true; + + try { + const formData = new FormData(form); + const response = await fetch('/Adminisztracio/ElfelejtettJelszo/LinkKuldes', { + method: 'POST', + body: formData, + headers: { + 'X-Requested-With': 'XMLHttpRequest' + } + }); + + const result = await response.json(); + + if (result.Success) { + window.location.href = '/Adminisztracio/Login'; + } else { + + alert(result.Message || 'Hiba történt a jelszó visszaállítása során. (Kérlek használd az eredeti kréta oldalt erre)'); + grecaptcha.reset(); + } + } catch (error) { + //alert('Hiba történt a jelszó visszaállítása során.'); + grecaptcha.reset(); + } finally { + submitButton.disabled = false; + } + }; + + + if (window.location.href.includes('/Adminisztracio/ElfelejtettJelszo')) { + transformForgotPasswordPage(); + } + })(); \ No newline at end of file diff --git a/global/maintenance.css b/global/maintenance.css new file mode 100644 index 0000000..4cc9452 --- /dev/null +++ b/global/maintenance.css @@ -0,0 +1,51 @@ +body.maintenance-mode { + margin: 0; + padding: 0; + height: 100vh; + display: flex; + align-items: center; + justify-content: center; + background-color: var(--background); + color: var(--text-primary); + font-family: 'Inter', sans-serif; +} + +body { + background-color: var(--background) !important; +} + +.maintenance-container { + text-align: center; + padding: 2rem; + border-radius: 8px; + background-color: var(--card-card); + box-shadow: 0 var(--shadow-blur) 6px var(--accent-shadow); + max-width: 600px; + width: 90%; +} + +.maintenance-logo { + width: 128px; + height: 128px; + margin: 0 auto 2rem; +} + +.maintenance-title { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 1rem; + color: var(--accent-accent); +} + +.maintenance-message { + font-size: 1rem; + line-height: 1.5; + margin-bottom: 1.5rem; + color: var(--text-primary); +} + +.maintenance-footer { + font-size: 0.875rem; + color: var(--text-secondary); + margin-top: 2rem; +} \ No newline at end of file diff --git a/global/maintenance.js b/global/maintenance.js new file mode 100644 index 0000000..d9b172b --- /dev/null +++ b/global/maintenance.js @@ -0,0 +1,65 @@ +function loadMaintenanceCSS() { + const maintenanceCSS = document.createElement('link'); + maintenanceCSS.rel = 'stylesheet'; + maintenanceCSS.href = chrome.runtime.getURL('global/maintenance.css'); + document.head.appendChild(maintenanceCSS); +} + +function checkMaintenancePage() { + const maintenanceContent = document.querySelector('.login_content'); + if (maintenanceContent && maintenanceContent.textContent.includes('frissítés alatt')) { + const body = document.body; + const mainLogo = chrome.runtime.getURL('images/firka_logo_128.png'); + + + const existingStyles = document.querySelectorAll('link[rel="stylesheet"], style'); + existingStyles.forEach(style => style.remove()); + + + body.innerHTML = ''; + body.classList.add('maintenance-mode'); + body.classList.add('theme-enabled'); + + + loadMaintenanceCSS(); + + + const container = document.createElement('div'); + container.className = 'maintenance-container'; + + const logo = document.createElement('img'); + logo.src = mainLogo; + logo.alt = 'Firka Logo'; + logo.className = 'maintenance-logo'; + + const title = document.createElement('h1'); + title.className = 'maintenance-title'; + title.textContent = 'Karbantartás'; + + const messageDiv = document.createElement('div'); + messageDiv.className = 'maintenance-message'; + + const paragraph1 = document.createElement('p'); + paragraph1.textContent = 'A KRÉTA rendszer jelenleg frissítés alatt van, hamarosan újra elérhetővé válik.'; + + const paragraph2 = document.createElement('p'); + paragraph2.textContent = 'Köszönjük türelmüket és megértésüket!'; + + const footer = document.createElement('div'); + footer.className = 'maintenance-footer'; + footer.textContent = 'KRÉTA Csapat'; + + + messageDiv.appendChild(paragraph1); + messageDiv.appendChild(paragraph2); + + container.appendChild(logo); + container.appendChild(title); + container.appendChild(messageDiv); + container.appendChild(footer); + + body.appendChild(container); + } +} + +document.addEventListener('DOMContentLoaded', checkMaintenancePage); \ No newline at end of file diff --git a/global/navigation.css b/global/navigation.css new file mode 100644 index 0000000..1dca466 --- /dev/null +++ b/global/navigation.css @@ -0,0 +1,257 @@ +.kreta-header { + padding: clamp(1rem, 3vw, 2rem); + display: grid; + grid-template-columns: minmax(300px, 400px) 1fr minmax(200px, 300px); + align-items: center; + gap: 1rem; + background-color: var(--background); +} + + +.school-info { + margin: 0; + display: flex; + flex-direction: column; +} + +.logo-text { + color: var(--text-primary); + font-size: 24px; + font-weight: 600; + margin: 0 0 0.5rem; + display: flex; + align-items: center; +} + +.logo { + width: 24px; + height: 24px; + border-radius: 8px; + margin-right: 0.5rem; +} + +.school-details { + color: var(--text-secondary); + font-size: 14px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + + +.kreta-nav { + padding: 0 clamp(0.5rem, 3vw, 1.5rem); + position: sticky; + top: 0; + z-index: 100; + display: flex; + justify-content: center; +} + +.nav-links { + display: flex; + gap: clamp(0.5rem, 2vw, 1rem); + padding: 0.25rem; + align-items: center; +} + +.nav-item { + display: flex; + align-items: center; + padding: clamp(0.5rem, 1.5vw, 1rem) 0.5rem; + color: var(--text-secondary); + text-decoration: none; + font-weight: 500; + white-space: nowrap; + border-radius: 8px; + transition: all 0.2s ease; + gap: 0.5rem; + text-decoration: none; +} +.nav-item.active { + display: flex; + padding: 8px 14px 8px 12px; + align-items: center; + gap: 8px; + border-radius: 20px; + background: var(--button-secondaryFill); + box-shadow: 0px 1px var(--shadow-blur, 2px) 0px var(--accent-shadow); +} + +.nav-item:hover { + color: var(--text-primary); + background-color: var(--hover); + border-radius: 8px; + text-decoration: none; +} +.nav-item.active:hover { + color: var(--accent-accent); + background-color: var(--accent-hover); + text-decoration: none; +} + +.nav-item img, +.nav-item svg { + width: 24px; + height: 24px; +} + +.nav-item.active svg path { + fill: var(--accent-accent); +} + + +.user-profile { + position: relative; + justify-self: flex-end; +} + +.user-dropdown-btn { + display: flex; + align-items: center; + gap: 1rem; + background: none; + border: none; + cursor: pointer; + padding: 0.5rem; + border-radius: 8px; + transition: background-color 0.2s; +} + +.user-dropdown-btn:hover { + background: var(--hover); +} + +.user-info { + text-align: right; +} + +.user-name { + display: block; + color: var(--text-primary); + font-size: 16px; +} + +.nav-logout-timer { + display: block; + color: var(--text-secondary); + font-size: 14px; +} + +.user-dropdown { + position: absolute; + top: 100%; + right: 0; + margin-top: 0.5rem; + background: var(--card-card); + border-radius: 12px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); + width: 200px; + display: none; + z-index: 1000; +} + +.user-dropdown.show { + display: block; + animation: dropdownShow 0.2s ease; +} + +.dropdown-item { + display: flex; + align-items: center; + gap: 0.75rem; + padding: 0.75rem 1rem; + color: var(--text-primary); + text-decoration: none; + transition: background-color 0.2s; +} + +.dropdown-item:hover { + background: var(--hover); + color: var(--accent-accent); + border-radius: 8px; +} + + +@keyframes dropdownShow { + from { + opacity: 0; + transform: translateY(-10px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + + +@media (max-width: 1200px) { + .kreta-header { + grid-template-columns: minmax(250px, 350px) 1fr minmax(180px, 250px); + } +} + +@media (max-width: 768px) { + .kreta-header { + grid-template-columns: 1fr auto; + grid-template-areas: + "school user" + "nav nav"; + padding: 1rem; + gap: 0.5rem; + } + + .school-info { + grid-area: school; + max-width: none; + display: flex; + align-items: center; + gap: 0.5rem; + } + + .logo-text { + margin: 0; + font-size: 20px; + } + + .school-details { + font-size: 12px; + } + + .kreta-nav { + grid-area: nav; + padding: 0; + margin-top: 0.5rem; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + scrollbar-width: none; + -ms-overflow-style: none; + } + + .kreta-nav::-webkit-scrollbar { + display: none; + } + + .nav-links { + justify-content: flex-start; + width: 100%; + gap: 0.25rem; + } + + .nav-item { + padding: 0.5rem; + font-size: 13px; + } + + .user-profile { + grid-area: user; + } + + .user-name { + font-size: 14px; + } + + .nav-logout-timer { + font-size: 12px; + } +} \ No newline at end of file diff --git a/global/navigation.js b/global/navigation.js new file mode 100644 index 0000000..f4c4c24 --- /dev/null +++ b/global/navigation.js @@ -0,0 +1,103 @@ +const COOKIE_KEYS = { + SCHOOL_NAME: 'schoolName', + SCHOOL_CODE: 'schoolCode', + USER_NAME: 'userName', + SCHOOL_SUBDOMAIN: 'schoolSubdomain' +}; + +const DEFAULT_VALUES = { + SCHOOL: 'Iskola', + USER: 'Felhasználó', + TIMER: '45:00' +}; + +const cookies = { + getCookie(name) { + const value = `; ${document.cookie}`; + const parts = value.split(`; ${name}=`); + return parts.length === 2 ? parts.pop().split(';').shift() : null; + } +}; + + + + +function updateHeaderInfo() { + const schoolName = document.querySelector('.nav-school-name'); + const userName = document.querySelector('.nav-user-name'); + const logoutTimer = document.querySelector('.nav-logout-timer'); + + const userData = { + schoolName: cookies.getCookie(COOKIE_KEYS.SCHOOL_NAME) || DEFAULT_VALUES.SCHOOL, + schoolId: cookies.getCookie(COOKIE_KEYS.SCHOOL_CODE) || '', + name: cookies.getCookie(COOKIE_KEYS.USER_NAME) || DEFAULT_VALUES.USER, + time: document.querySelector('.usermenu_timer')?.textContent?.trim() || DEFAULT_VALUES.TIMER + }; + + if (schoolName) { + schoolName.textContent = `${userData.schoolId} - ${userData.schoolName}`; + } + + if (userName) { + userName.textContent = userData.name; + } + + if (logoutTimer) { + startLogoutTimer(userData.time); + } +} + +function startLogoutTimer(timeString) { + const startTime = parseInt(timeString?.match(/\d+/)?.[0] || "45"); + let timeLeft = startTime * 60; + const timerElement = document.querySelector('.nav-logout-timer'); + + const updateTimer = () => { + const minutes = Math.floor(timeLeft / 60); + const seconds = timeLeft % 60; + timerElement.textContent = `${minutes}:${seconds.toString().padStart(2, '0')}`; + + if (timeLeft <= 0) { + window.location.href = '/Home/Logout'; + } + timeLeft--; + }; + + updateTimer(); + setInterval(updateTimer, 1000); +} + + +document.addEventListener('DOMContentLoaded', () => { + updateHeaderInfo(); +}); + +function setupUserDropdown() { + const userBtn = document.querySelector('.user-dropdown-btn'); + const userDropdown = document.querySelector('.user-dropdown'); + + userBtn?.addEventListener('click', (e) => { + e.stopPropagation(); + userDropdown?.classList.toggle('show'); + }); + + document.addEventListener('click', () => { + userDropdown?.classList.remove('show'); + }); +} + +function setupSettingsButton() { + document.getElementById('settingsBtn')?.addEventListener('click', (e) => { + e.preventDefault(); + e.stopPropagation(); + const url = chrome.runtime.getURL('settings/index.html'); + window.open(url, '_blank', 'width=400,height=600'); + }); +} + + +document.addEventListener('DOMContentLoaded', () => { + updateHeaderInfo(); + setupUserDropdown(); + setupSettingsButton(); +}); diff --git a/global/theme.css b/global/theme.css new file mode 100644 index 0000000..2dbb279 --- /dev/null +++ b/global/theme.css @@ -0,0 +1,160 @@ +:root { + --background: #DAE4F7; + --background-0: #dae4f700; + --success: var(--grades-4); + --shadow-blur: 2px; + --text-primary: #050B15; + --text-secondary: #050b15cc; + --text-teritary: #050b1580; + --card-card: #EDF3FF; + --card-translucent: #edf3ff80; + --button-secondaryFill: #FBFCFF; + --accent-accent: #3673EE; + --accent-secondary: #1C469A; + --accent-shadow: #1c469a26; + --accent-15: #3673ee26; + --warning-accent: var(--grades-2); + --warning-text: #8F531B; + --warning-15: #ffa04626; + --warning-card: #FAEBDC; + --error-accent: var(--grades-1); + --error-text: #8F1B4F; + --error-15: #FF54A126; + --error-card: #FADCE9; + --grades-1: #FF54A1; + --grades-2: #FFA046; + --grades-3: #F9CF00; + --grades-4: #92EA3B; + --grades-5: #22CCAD; + --grades-background-1: #FF54A126; + --grades-background-2: #FFA04626; + --grades-background-3: #F9CF0026; + --grades-background-4: #92EA3B26; + --grades-background-5: #22CCAD26; +} + + +:root[data-theme="light-green"] { + --background: #FAFFF0; + --background-0: #fafff000; + --success: var(--grades-4); + --shadow-blur: 2px; + --text-primary: #394C0A; + --text-secondary: #394c0acc; + --text-teritary: #394c0a80; + --card-card: #F3FBDE; + --card-translucent: #f3fbde80; + --button-secondaryFill: #FEFFFD; + --accent-accent: #A7DC22; + --accent-secondary: #6E8F1B; + --accent-shadow: #647e2226; + --accent-15: #a7dc2226; + --warning-accent: var(--grades-2); + --warning-text: #8F531B; + --warning-15: #ffa04626; + --warning-card: #FAEBDC; + --error-accent: var(--grades-1); + --error-text: #8F1B4F; + --error-15: #FF54A126; + --error-card: #FADCE9; + --grades-1: #FF54A1; + --grades-2: #FFA046; + --grades-3: #F9CF00; + --grades-4: #92EA3B; + --grades-5: #22CCAD; + --grades-background-1: #FF54A126; + --grades-background-2: #FFA04626; + --grades-background-3: #F9CF0026; + --grades-background-4: #92EA3B26; + --grades-background-5: #22CCAD26; +} + + +:root[data-theme="dark-blue"] { + --background: #070A0E; + --background-0: #070a0e00; + --success: var(--grades-4); + --shadow-blur: 0; + --text-primary: #EBF1FD; + --text-secondary: #ebf1fdcc; + --text-teritary: #ebf1fd80; + --card-card: #0F131B; + --card-translucent: #0f131b80; + --button-secondaryFill: #131822; + --accent-accent: #3673EE; + --accent-secondary: #AEC8FC; + --accent-shadow: #0000; + --accent-15: #3673ee26; + --warning-accent: var(--grades-2); + --warning-text: #f0b37a; + --warning-15: #ffa04626; + --warning-card: #201203; + --error-accent: var(--grades-1); + --error-text: #f59ec5; + --error-15: #ff54a126; + --error-card: #1e030f; + --grades-1: #FF54A1; + --grades-2: #FFA046; + --grades-3: #F9CF00; + --grades-4: #92EA3B; + --grades-5: #22CCAD; + --grades-background-1: #FF54A126; + --grades-background-2: #FFA04626; + --grades-background-3: #F9CF0026; + --grades-background-4: #92EA3B26; + --grades-background-5: #22CCAD26; +} + + +:root[data-theme="dark-green"] { + --background: #0D1202; + --background-0: #0E130200; + --success: var(--grades-4); + --shadow-blur: 0; + --text-primary: #EAF7CC; + --text-secondary: #EAF7CCCC; + --text-teritary: #EAF7CC80; + --card-card: #141905; + --card-translucent: #14190580; + --button-secondaryFill: #20290b; + --accent-accent: #A7DC22; + --accent-secondary: #CBEE71; + --accent-shadow: #0000; + --accent-15: #a7dc2226; + --warning-accent: var(--grades-2); + --warning-text: #f0b37a; + --warning-15: #ffa04626; + --warning-card: #201203; + --error-accent: var(--grades-1); + --error-text: #f59ec5; + --error-15: #ff54a126; + --error-card: #1e030f; + --grades-1: #FF54A1; + --grades-2: #FFA046; + --grades-3: #F9CF00; + --grades-4: #92EA3B; + --grades-5: #22CCAD; + --grades-background-1: #FF54A126; + --grades-background-2: #FFA04626; + --grades-background-3: #F9CF0026; + --grades-background-4: #92EA3B26; + --grades-background-5: #22CCAD26; +} + + +html { + background-color: var(--background) !important; + color: var(--text-primary) !important; +} + +body { + background-color: var(--background) !important; + color: var(--text-primary) !important; + transition: background-color 0.2s ease, color 0.2s ease; + min-height: 100vh; +} + + +* { + transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; +} \ No newline at end of file diff --git a/global/theme.js b/global/theme.js new file mode 100644 index 0000000..c207134 --- /dev/null +++ b/global/theme.js @@ -0,0 +1,127 @@ +(() => { + + function setCookie(name, value, days = 365) { + const date = new Date(); + date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); + const expires = `expires=${date.toUTCString()}`; + document.cookie = `${name}=${value}; ${expires}; path=/; domain=.e-kreta.hu`; + } + + function getCookie(name) { + const cookieName = `${name}=`; + const decodedCookie = decodeURIComponent(document.cookie); + const cookieArray = decodedCookie.split(';'); + + for(let i = 0; i < cookieArray.length; i++) { + let cookie = cookieArray[i]; + while (cookie.charAt(0) === ' ') { + cookie = cookie.substring(1); + } + if (cookie.indexOf(cookieName) === 0) { + return cookie.substring(cookieName.length, cookie.length); + } + } + return null; + } + + + function setTheme(theme) { + try { + + const actualTheme = theme === 'default' ? 'light-blue' : theme; + + document.documentElement.setAttribute('data-theme', actualTheme); + setCookie('themePreference', actualTheme); + localStorage.setItem('themePreference', actualTheme); + + + chrome.runtime.sendMessage({ + action: 'themeChanged', + theme: actualTheme + }).catch(() => { + + console.log('Extension context not available for theme sync'); + }); + + console.log('Theme set to:', actualTheme); + } catch (error) { + console.error('Error setting theme:', error); + } + } + + + function initializeTheme() { + + const cookieTheme = getCookie('themePreference'); + const localStorageTheme = localStorage.getItem('themePreference'); + + + const theme = cookieTheme || localStorageTheme || 'light-blue'; + + + setTheme(theme); + + + if (cookieTheme !== localStorageTheme) { + if (cookieTheme) { + localStorage.setItem('themePreference', cookieTheme); + } else if (localStorageTheme) { + setCookie('themePreference', localStorageTheme); + } + } + } + + + if (document.readyState === 'loading') { + + document.addEventListener('DOMContentLoaded', () => { + initializeTheme(); + }); + + + initializeTheme(); + } else { + + initializeTheme(); + } + + + chrome.runtime.onMessage.addListener((message, sender, sendResponse) => { + if (message.action === 'changeTheme') { + setTheme(message.theme); + sendResponse({ success: true }); + } + + if (message.action === 'getTheme') { + const currentTheme = document.documentElement.getAttribute('data-theme') || 'light-blue'; + sendResponse({ theme: currentTheme }); + } + + return true; + }); + + + const observer = new MutationObserver((mutations) => { + const currentTheme = document.documentElement.getAttribute('data-theme'); + const savedTheme = getCookie('themePreference') || localStorage.getItem('themePreference'); + + if ((!currentTheme && savedTheme) || (currentTheme !== savedTheme && savedTheme)) { + setTheme(savedTheme); + } + }); + + + if (document.readyState === 'loading') { + document.addEventListener('DOMContentLoaded', () => { + observer.observe(document.documentElement, { + attributes: true, + attributeFilter: ['data-theme'] + }); + }); + } else { + observer.observe(document.documentElement, { + attributes: true, + attributeFilter: ['data-theme'] + }); + } +})(); \ No newline at end of file diff --git a/grades/chart.js b/grades/chart.js new file mode 100644 index 0000000..9d6df8e --- /dev/null +++ b/grades/chart.js @@ -0,0 +1,20 @@ +/** + * Skipped minification because the original files appears to be already minified. + * Original file: /npm/chart.js@4.4.8/dist/chart.umd.js + * + * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files + */ +/*! + * Chart.js v4.4.8 + * https://www.chartjs.org + * (c) 2025 Chart.js Contributors + * Released under the MIT License + */ +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).Chart=e()}(this,(function(){"use strict";var t=Object.freeze({__proto__:null,get Colors(){return Go},get Decimation(){return Qo},get Filler(){return ma},get Legend(){return ya},get SubTitle(){return ka},get Title(){return Ma},get Tooltip(){return Ba}});function e(){}const i=(()=>{let t=0;return()=>t++})();function s(t){return null==t}function n(t){if(Array.isArray&&Array.isArray(t))return!0;const e=Object.prototype.toString.call(t);return"[object"===e.slice(0,7)&&"Array]"===e.slice(-6)}function o(t){return null!==t&&"[object Object]"===Object.prototype.toString.call(t)}function a(t){return("number"==typeof t||t instanceof Number)&&isFinite(+t)}function r(t,e){return a(t)?t:e}function l(t,e){return void 0===t?e:t}const h=(t,e)=>"string"==typeof t&&t.endsWith("%")?parseFloat(t)/100:+t/e,c=(t,e)=>"string"==typeof t&&t.endsWith("%")?parseFloat(t)/100*e:+t;function d(t,e,i){if(t&&"function"==typeof t.call)return t.apply(i,e)}function u(t,e,i,s){let a,r,l;if(n(t))if(r=t.length,s)for(a=r-1;a>=0;a--)e.call(i,t[a],a);else for(a=0;at,x:t=>t.x,y:t=>t.y};function v(t){const e=t.split("."),i=[];let s="";for(const t of e)s+=t,s.endsWith("\\")?s=s.slice(0,-1)+".":(i.push(s),s="");return i}function M(t,e){const i=y[e]||(y[e]=function(t){const e=v(t);return t=>{for(const i of e){if(""===i)break;t=t&&t[i]}return t}}(e));return i(t)}function w(t){return t.charAt(0).toUpperCase()+t.slice(1)}const k=t=>void 0!==t,S=t=>"function"==typeof t,P=(t,e)=>{if(t.size!==e.size)return!1;for(const i of t)if(!e.has(i))return!1;return!0};function D(t){return"mouseup"===t.type||"click"===t.type||"contextmenu"===t.type}const C=Math.PI,O=2*C,A=O+C,T=Number.POSITIVE_INFINITY,L=C/180,E=C/2,R=C/4,I=2*C/3,z=Math.log10,F=Math.sign;function V(t,e,i){return Math.abs(t-e)t-e)).pop(),e}function N(t){return!function(t){return"symbol"==typeof t||"object"==typeof t&&null!==t&&!(Symbol.toPrimitive in t||"toString"in t||"valueOf"in t)}(t)&&!isNaN(parseFloat(t))&&isFinite(t)}function H(t,e){const i=Math.round(t);return i-e<=t&&i+e>=t}function j(t,e,i){let s,n,o;for(s=0,n=t.length;sl&&h=Math.min(e,i)-s&&t<=Math.max(e,i)+s}function et(t,e,i){i=i||(i=>t[i]1;)s=o+n>>1,i(s)?o=s:n=s;return{lo:o,hi:n}}const it=(t,e,i,s)=>et(t,i,s?s=>{const n=t[s][e];return nt[s][e]et(t,i,(s=>t[s][e]>=i));function nt(t,e,i){let s=0,n=t.length;for(;ss&&t[n-1]>i;)n--;return s>0||n{const i="_onData"+w(e),s=t[e];Object.defineProperty(t,e,{configurable:!0,enumerable:!1,value(...e){const n=s.apply(this,e);return t._chartjs.listeners.forEach((t=>{"function"==typeof t[i]&&t[i](...e)})),n}})})))}function rt(t,e){const i=t._chartjs;if(!i)return;const s=i.listeners,n=s.indexOf(e);-1!==n&&s.splice(n,1),s.length>0||(ot.forEach((e=>{delete t[e]})),delete t._chartjs)}function lt(t){const e=new Set(t);return e.size===t.length?t:Array.from(e)}const ht="undefined"==typeof window?function(t){return t()}:window.requestAnimationFrame;function ct(t,e){let i=[],s=!1;return function(...n){i=n,s||(s=!0,ht.call(window,(()=>{s=!1,t.apply(e,i)})))}}function dt(t,e){let i;return function(...s){return e?(clearTimeout(i),i=setTimeout(t,e,s)):t.apply(this,s),e}}const ut=t=>"start"===t?"left":"end"===t?"right":"center",ft=(t,e,i)=>"start"===t?e:"end"===t?i:(e+i)/2,gt=(t,e,i,s)=>t===(s?"left":"right")?i:"center"===t?(e+i)/2:e;function pt(t,e,i){const n=e.length;let o=0,a=n;if(t._sorted){const{iScale:r,vScale:l,_parsed:h}=t,c=t.dataset&&t.dataset.options?t.dataset.options.spanGaps:null,d=r.axis,{min:u,max:f,minDefined:g,maxDefined:p}=r.getUserBounds();if(g){if(o=Math.min(it(h,d,u).lo,i?n:it(e,d,r.getPixelForValue(u)).lo),c){const t=h.slice(0,o+1).reverse().findIndex((t=>!s(t[l.axis])));o-=Math.max(0,t)}o=J(o,0,n-1)}if(p){let t=Math.max(it(h,r.axis,f,!0).hi+1,i?0:it(e,d,r.getPixelForValue(f),!0).hi+1);if(c){const e=h.slice(t-1).findIndex((t=>!s(t[l.axis])));t+=Math.max(0,e)}a=J(t,o,n)-o}else a=n-o}return{start:o,count:a}}function mt(t){const{xScale:e,yScale:i,_scaleRanges:s}=t,n={xmin:e.min,xmax:e.max,ymin:i.min,ymax:i.max};if(!s)return t._scaleRanges=n,!0;const o=s.xmin!==e.min||s.xmax!==e.max||s.ymin!==i.min||s.ymax!==i.max;return Object.assign(s,n),o}class xt{constructor(){this._request=null,this._charts=new Map,this._running=!1,this._lastDate=void 0}_notify(t,e,i,s){const n=e.listeners[s],o=e.duration;n.forEach((s=>s({chart:t,initial:e.initial,numSteps:o,currentStep:Math.min(i-e.start,o)})))}_refresh(){this._request||(this._running=!0,this._request=ht.call(window,(()=>{this._update(),this._request=null,this._running&&this._refresh()})))}_update(t=Date.now()){let e=0;this._charts.forEach(((i,s)=>{if(!i.running||!i.items.length)return;const n=i.items;let o,a=n.length-1,r=!1;for(;a>=0;--a)o=n[a],o._active?(o._total>i.duration&&(i.duration=o._total),o.tick(t),r=!0):(n[a]=n[n.length-1],n.pop());r&&(s.draw(),this._notify(s,i,t,"progress")),n.length||(i.running=!1,this._notify(s,i,t,"complete"),i.initial=!1),e+=n.length})),this._lastDate=t,0===e&&(this._running=!1)}_getAnims(t){const e=this._charts;let i=e.get(t);return i||(i={running:!1,initial:!0,items:[],listeners:{complete:[],progress:[]}},e.set(t,i)),i}listen(t,e,i){this._getAnims(t).listeners[e].push(i)}add(t,e){e&&e.length&&this._getAnims(t).items.push(...e)}has(t){return this._getAnims(t).items.length>0}start(t){const e=this._charts.get(t);e&&(e.running=!0,e.start=Date.now(),e.duration=e.items.reduce(((t,e)=>Math.max(t,e._duration)),0),this._refresh())}running(t){if(!this._running)return!1;const e=this._charts.get(t);return!!(e&&e.running&&e.items.length)}stop(t){const e=this._charts.get(t);if(!e||!e.items.length)return;const i=e.items;let s=i.length-1;for(;s>=0;--s)i[s].cancel();e.items=[],this._notify(t,e,Date.now(),"complete")}remove(t){return this._charts.delete(t)}}var bt=new xt; +/*! + * @kurkle/color v0.3.2 + * https://github.com/kurkle/color#readme + * (c) 2023 Jukka Kurkela + * Released under the MIT License + */function _t(t){return t+.5|0}const yt=(t,e,i)=>Math.max(Math.min(t,i),e);function vt(t){return yt(_t(2.55*t),0,255)}function Mt(t){return yt(_t(255*t),0,255)}function wt(t){return yt(_t(t/2.55)/100,0,1)}function kt(t){return yt(_t(100*t),0,100)}const St={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,9:9,A:10,B:11,C:12,D:13,E:14,F:15,a:10,b:11,c:12,d:13,e:14,f:15},Pt=[..."0123456789ABCDEF"],Dt=t=>Pt[15&t],Ct=t=>Pt[(240&t)>>4]+Pt[15&t],Ot=t=>(240&t)>>4==(15&t);function At(t){var e=(t=>Ot(t.r)&&Ot(t.g)&&Ot(t.b)&&Ot(t.a))(t)?Dt:Ct;return t?"#"+e(t.r)+e(t.g)+e(t.b)+((t,e)=>t<255?e(t):"")(t.a,e):void 0}const Tt=/^(hsla?|hwb|hsv)\(\s*([-+.e\d]+)(?:deg)?[\s,]+([-+.e\d]+)%[\s,]+([-+.e\d]+)%(?:[\s,]+([-+.e\d]+)(%)?)?\s*\)$/;function Lt(t,e,i){const s=e*Math.min(i,1-i),n=(e,n=(e+t/30)%12)=>i-s*Math.max(Math.min(n-3,9-n,1),-1);return[n(0),n(8),n(4)]}function Et(t,e,i){const s=(s,n=(s+t/60)%6)=>i-i*e*Math.max(Math.min(n,4-n,1),0);return[s(5),s(3),s(1)]}function Rt(t,e,i){const s=Lt(t,1,.5);let n;for(e+i>1&&(n=1/(e+i),e*=n,i*=n),n=0;n<3;n++)s[n]*=1-e-i,s[n]+=e;return s}function It(t){const e=t.r/255,i=t.g/255,s=t.b/255,n=Math.max(e,i,s),o=Math.min(e,i,s),a=(n+o)/2;let r,l,h;return n!==o&&(h=n-o,l=a>.5?h/(2-n-o):h/(n+o),r=function(t,e,i,s,n){return t===n?(e-i)/s+(e>16&255,o>>8&255,255&o]}return t}(),Ht.transparent=[0,0,0,0]);const e=Ht[t.toLowerCase()];return e&&{r:e[0],g:e[1],b:e[2],a:4===e.length?e[3]:255}}const $t=/^rgba?\(\s*([-+.\d]+)(%)?[\s,]+([-+.e\d]+)(%)?[\s,]+([-+.e\d]+)(%)?(?:[\s,/]+([-+.e\d]+)(%)?)?\s*\)$/;const Yt=t=>t<=.0031308?12.92*t:1.055*Math.pow(t,1/2.4)-.055,Ut=t=>t<=.04045?t/12.92:Math.pow((t+.055)/1.055,2.4);function Xt(t,e,i){if(t){let s=It(t);s[e]=Math.max(0,Math.min(s[e]+s[e]*i,0===e?360:1)),s=Ft(s),t.r=s[0],t.g=s[1],t.b=s[2]}}function qt(t,e){return t?Object.assign(e||{},t):t}function Kt(t){var e={r:0,g:0,b:0,a:255};return Array.isArray(t)?t.length>=3&&(e={r:t[0],g:t[1],b:t[2],a:255},t.length>3&&(e.a=Mt(t[3]))):(e=qt(t,{r:0,g:0,b:0,a:1})).a=Mt(e.a),e}function Gt(t){return"r"===t.charAt(0)?function(t){const e=$t.exec(t);let i,s,n,o=255;if(e){if(e[7]!==i){const t=+e[7];o=e[8]?vt(t):yt(255*t,0,255)}return i=+e[1],s=+e[3],n=+e[5],i=255&(e[2]?vt(i):yt(i,0,255)),s=255&(e[4]?vt(s):yt(s,0,255)),n=255&(e[6]?vt(n):yt(n,0,255)),{r:i,g:s,b:n,a:o}}}(t):Bt(t)}class Zt{constructor(t){if(t instanceof Zt)return t;const e=typeof t;let i;var s,n,o;"object"===e?i=Kt(t):"string"===e&&(o=(s=t).length,"#"===s[0]&&(4===o||5===o?n={r:255&17*St[s[1]],g:255&17*St[s[2]],b:255&17*St[s[3]],a:5===o?17*St[s[4]]:255}:7!==o&&9!==o||(n={r:St[s[1]]<<4|St[s[2]],g:St[s[3]]<<4|St[s[4]],b:St[s[5]]<<4|St[s[6]],a:9===o?St[s[7]]<<4|St[s[8]]:255})),i=n||jt(t)||Gt(t)),this._rgb=i,this._valid=!!i}get valid(){return this._valid}get rgb(){var t=qt(this._rgb);return t&&(t.a=wt(t.a)),t}set rgb(t){this._rgb=Kt(t)}rgbString(){return this._valid?(t=this._rgb)&&(t.a<255?`rgba(${t.r}, ${t.g}, ${t.b}, ${wt(t.a)})`:`rgb(${t.r}, ${t.g}, ${t.b})`):void 0;var t}hexString(){return this._valid?At(this._rgb):void 0}hslString(){return this._valid?function(t){if(!t)return;const e=It(t),i=e[0],s=kt(e[1]),n=kt(e[2]);return t.a<255?`hsla(${i}, ${s}%, ${n}%, ${wt(t.a)})`:`hsl(${i}, ${s}%, ${n}%)`}(this._rgb):void 0}mix(t,e){if(t){const i=this.rgb,s=t.rgb;let n;const o=e===n?.5:e,a=2*o-1,r=i.a-s.a,l=((a*r==-1?a:(a+r)/(1+a*r))+1)/2;n=1-l,i.r=255&l*i.r+n*s.r+.5,i.g=255&l*i.g+n*s.g+.5,i.b=255&l*i.b+n*s.b+.5,i.a=o*i.a+(1-o)*s.a,this.rgb=i}return this}interpolate(t,e){return t&&(this._rgb=function(t,e,i){const s=Ut(wt(t.r)),n=Ut(wt(t.g)),o=Ut(wt(t.b));return{r:Mt(Yt(s+i*(Ut(wt(e.r))-s))),g:Mt(Yt(n+i*(Ut(wt(e.g))-n))),b:Mt(Yt(o+i*(Ut(wt(e.b))-o))),a:t.a+i*(e.a-t.a)}}(this._rgb,t._rgb,e)),this}clone(){return new Zt(this.rgb)}alpha(t){return this._rgb.a=Mt(t),this}clearer(t){return this._rgb.a*=1-t,this}greyscale(){const t=this._rgb,e=_t(.3*t.r+.59*t.g+.11*t.b);return t.r=t.g=t.b=e,this}opaquer(t){return this._rgb.a*=1+t,this}negate(){const t=this._rgb;return t.r=255-t.r,t.g=255-t.g,t.b=255-t.b,this}lighten(t){return Xt(this._rgb,2,t),this}darken(t){return Xt(this._rgb,2,-t),this}saturate(t){return Xt(this._rgb,1,t),this}desaturate(t){return Xt(this._rgb,1,-t),this}rotate(t){return function(t,e){var i=It(t);i[0]=Vt(i[0]+e),i=Ft(i),t.r=i[0],t.g=i[1],t.b=i[2]}(this._rgb,t),this}}function Jt(t){if(t&&"object"==typeof t){const e=t.toString();return"[object CanvasPattern]"===e||"[object CanvasGradient]"===e}return!1}function Qt(t){return Jt(t)?t:new Zt(t)}function te(t){return Jt(t)?t:new Zt(t).saturate(.5).darken(.1).hexString()}const ee=["x","y","borderWidth","radius","tension"],ie=["color","borderColor","backgroundColor"];const se=new Map;function ne(t,e,i){return function(t,e){e=e||{};const i=t+JSON.stringify(e);let s=se.get(i);return s||(s=new Intl.NumberFormat(t,e),se.set(i,s)),s}(e,i).format(t)}const oe={values:t=>n(t)?t:""+t,numeric(t,e,i){if(0===t)return"0";const s=this.chart.options.locale;let n,o=t;if(i.length>1){const e=Math.max(Math.abs(i[0].value),Math.abs(i[i.length-1].value));(e<1e-4||e>1e15)&&(n="scientific"),o=function(t,e){let i=e.length>3?e[2].value-e[1].value:e[1].value-e[0].value;Math.abs(i)>=1&&t!==Math.floor(t)&&(i=t-Math.floor(t));return i}(t,i)}const a=z(Math.abs(o)),r=isNaN(a)?1:Math.max(Math.min(-1*Math.floor(a),20),0),l={notation:n,minimumFractionDigits:r,maximumFractionDigits:r};return Object.assign(l,this.options.ticks.format),ne(t,s,l)},logarithmic(t,e,i){if(0===t)return"0";const s=i[e].significand||t/Math.pow(10,Math.floor(z(t)));return[1,2,3,5,10,15].includes(s)||e>.8*i.length?oe.numeric.call(this,t,e,i):""}};var ae={formatters:oe};const re=Object.create(null),le=Object.create(null);function he(t,e){if(!e)return t;const i=e.split(".");for(let e=0,s=i.length;et.chart.platform.getDevicePixelRatio(),this.elements={},this.events=["mousemove","mouseout","click","touchstart","touchmove"],this.font={family:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",size:12,style:"normal",lineHeight:1.2,weight:null},this.hover={},this.hoverBackgroundColor=(t,e)=>te(e.backgroundColor),this.hoverBorderColor=(t,e)=>te(e.borderColor),this.hoverColor=(t,e)=>te(e.color),this.indexAxis="x",this.interaction={mode:"nearest",intersect:!0,includeInvisible:!1},this.maintainAspectRatio=!0,this.onHover=null,this.onClick=null,this.parsing=!0,this.plugins={},this.responsive=!0,this.scale=void 0,this.scales={},this.showLine=!0,this.drawActiveElementsOnTop=!0,this.describe(t),this.apply(e)}set(t,e){return ce(this,t,e)}get(t){return he(this,t)}describe(t,e){return ce(le,t,e)}override(t,e){return ce(re,t,e)}route(t,e,i,s){const n=he(this,t),a=he(this,i),r="_"+e;Object.defineProperties(n,{[r]:{value:n[e],writable:!0},[e]:{enumerable:!0,get(){const t=this[r],e=a[s];return o(t)?Object.assign({},e,t):l(t,e)},set(t){this[r]=t}}})}apply(t){t.forEach((t=>t(this)))}}var ue=new de({_scriptable:t=>!t.startsWith("on"),_indexable:t=>"events"!==t,hover:{_fallback:"interaction"},interaction:{_scriptable:!1,_indexable:!1}},[function(t){t.set("animation",{delay:void 0,duration:1e3,easing:"easeOutQuart",fn:void 0,from:void 0,loop:void 0,to:void 0,type:void 0}),t.describe("animation",{_fallback:!1,_indexable:!1,_scriptable:t=>"onProgress"!==t&&"onComplete"!==t&&"fn"!==t}),t.set("animations",{colors:{type:"color",properties:ie},numbers:{type:"number",properties:ee}}),t.describe("animations",{_fallback:"animation"}),t.set("transitions",{active:{animation:{duration:400}},resize:{animation:{duration:0}},show:{animations:{colors:{from:"transparent"},visible:{type:"boolean",duration:0}}},hide:{animations:{colors:{to:"transparent"},visible:{type:"boolean",easing:"linear",fn:t=>0|t}}}})},function(t){t.set("layout",{autoPadding:!0,padding:{top:0,right:0,bottom:0,left:0}})},function(t){t.set("scale",{display:!0,offset:!1,reverse:!1,beginAtZero:!1,bounds:"ticks",clip:!0,grace:0,grid:{display:!0,lineWidth:1,drawOnChartArea:!0,drawTicks:!0,tickLength:8,tickWidth:(t,e)=>e.lineWidth,tickColor:(t,e)=>e.color,offset:!1},border:{display:!0,dash:[],dashOffset:0,width:1},title:{display:!1,text:"",padding:{top:4,bottom:4}},ticks:{minRotation:0,maxRotation:50,mirror:!1,textStrokeWidth:0,textStrokeColor:"",padding:3,display:!0,autoSkip:!0,autoSkipPadding:3,labelOffset:0,callback:ae.formatters.values,minor:{},major:{},align:"center",crossAlign:"near",showLabelBackdrop:!1,backdropColor:"rgba(255, 255, 255, 0.75)",backdropPadding:2}}),t.route("scale.ticks","color","","color"),t.route("scale.grid","color","","borderColor"),t.route("scale.border","color","","borderColor"),t.route("scale.title","color","","color"),t.describe("scale",{_fallback:!1,_scriptable:t=>!t.startsWith("before")&&!t.startsWith("after")&&"callback"!==t&&"parser"!==t,_indexable:t=>"borderDash"!==t&&"tickBorderDash"!==t&&"dash"!==t}),t.describe("scales",{_fallback:"scale"}),t.describe("scale.ticks",{_scriptable:t=>"backdropPadding"!==t&&"callback"!==t,_indexable:t=>"backdropPadding"!==t})}]);function fe(){return"undefined"!=typeof window&&"undefined"!=typeof document}function ge(t){let e=t.parentNode;return e&&"[object ShadowRoot]"===e.toString()&&(e=e.host),e}function pe(t,e,i){let s;return"string"==typeof t?(s=parseInt(t,10),-1!==t.indexOf("%")&&(s=s/100*e.parentNode[i])):s=t,s}const me=t=>t.ownerDocument.defaultView.getComputedStyle(t,null);function xe(t,e){return me(t).getPropertyValue(e)}const be=["top","right","bottom","left"];function _e(t,e,i){const s={};i=i?"-"+i:"";for(let n=0;n<4;n++){const o=be[n];s[o]=parseFloat(t[e+"-"+o+i])||0}return s.width=s.left+s.right,s.height=s.top+s.bottom,s}const ye=(t,e,i)=>(t>0||e>0)&&(!i||!i.shadowRoot);function ve(t,e){if("native"in t)return t;const{canvas:i,currentDevicePixelRatio:s}=e,n=me(i),o="border-box"===n.boxSizing,a=_e(n,"padding"),r=_e(n,"border","width"),{x:l,y:h,box:c}=function(t,e){const i=t.touches,s=i&&i.length?i[0]:t,{offsetX:n,offsetY:o}=s;let a,r,l=!1;if(ye(n,o,t.target))a=n,r=o;else{const t=e.getBoundingClientRect();a=s.clientX-t.left,r=s.clientY-t.top,l=!0}return{x:a,y:r,box:l}}(t,i),d=a.left+(c&&r.left),u=a.top+(c&&r.top);let{width:f,height:g}=e;return o&&(f-=a.width+r.width,g-=a.height+r.height),{x:Math.round((l-d)/f*i.width/s),y:Math.round((h-u)/g*i.height/s)}}const Me=t=>Math.round(10*t)/10;function we(t,e,i,s){const n=me(t),o=_e(n,"margin"),a=pe(n.maxWidth,t,"clientWidth")||T,r=pe(n.maxHeight,t,"clientHeight")||T,l=function(t,e,i){let s,n;if(void 0===e||void 0===i){const o=t&&ge(t);if(o){const t=o.getBoundingClientRect(),a=me(o),r=_e(a,"border","width"),l=_e(a,"padding");e=t.width-l.width-r.width,i=t.height-l.height-r.height,s=pe(a.maxWidth,o,"clientWidth"),n=pe(a.maxHeight,o,"clientHeight")}else e=t.clientWidth,i=t.clientHeight}return{width:e,height:i,maxWidth:s||T,maxHeight:n||T}}(t,e,i);let{width:h,height:c}=l;if("content-box"===n.boxSizing){const t=_e(n,"border","width"),e=_e(n,"padding");h-=e.width+t.width,c-=e.height+t.height}h=Math.max(0,h-o.width),c=Math.max(0,s?h/s:c-o.height),h=Me(Math.min(h,a,l.maxWidth)),c=Me(Math.min(c,r,l.maxHeight)),h&&!c&&(c=Me(h/2));return(void 0!==e||void 0!==i)&&s&&l.height&&c>l.height&&(c=l.height,h=Me(Math.floor(c*s))),{width:h,height:c}}function ke(t,e,i){const s=e||1,n=Math.floor(t.height*s),o=Math.floor(t.width*s);t.height=Math.floor(t.height),t.width=Math.floor(t.width);const a=t.canvas;return a.style&&(i||!a.style.height&&!a.style.width)&&(a.style.height=`${t.height}px`,a.style.width=`${t.width}px`),(t.currentDevicePixelRatio!==s||a.height!==n||a.width!==o)&&(t.currentDevicePixelRatio=s,a.height=n,a.width=o,t.ctx.setTransform(s,0,0,s,0,0),!0)}const Se=function(){let t=!1;try{const e={get passive(){return t=!0,!1}};fe()&&(window.addEventListener("test",null,e),window.removeEventListener("test",null,e))}catch(t){}return t}();function Pe(t,e){const i=xe(t,e),s=i&&i.match(/^(\d+)(\.\d+)?px$/);return s?+s[1]:void 0}function De(t){return!t||s(t.size)||s(t.family)?null:(t.style?t.style+" ":"")+(t.weight?t.weight+" ":"")+t.size+"px "+t.family}function Ce(t,e,i,s,n){let o=e[n];return o||(o=e[n]=t.measureText(n).width,i.push(n)),o>s&&(s=o),s}function Oe(t,e,i,s){let o=(s=s||{}).data=s.data||{},a=s.garbageCollect=s.garbageCollect||[];s.font!==e&&(o=s.data={},a=s.garbageCollect=[],s.font=e),t.save(),t.font=e;let r=0;const l=i.length;let h,c,d,u,f;for(h=0;hi.length){for(h=0;h0&&t.stroke()}}function Re(t,e,i){return i=i||.5,!e||t&&t.x>e.left-i&&t.xe.top-i&&t.y0&&""!==r.strokeColor;let c,d;for(t.save(),t.font=a.string,function(t,e){e.translation&&t.translate(e.translation[0],e.translation[1]),s(e.rotation)||t.rotate(e.rotation),e.color&&(t.fillStyle=e.color),e.textAlign&&(t.textAlign=e.textAlign),e.textBaseline&&(t.textBaseline=e.textBaseline)}(t,r),c=0;ct[0])){const o=i||t;void 0===s&&(s=ti("_fallback",t));const a={[Symbol.toStringTag]:"Object",_cacheable:!0,_scopes:t,_rootScopes:o,_fallback:s,_getTarget:n,override:i=>je([i,...t],e,o,s)};return new Proxy(a,{deleteProperty:(e,i)=>(delete e[i],delete e._keys,delete t[0][i],!0),get:(i,s)=>qe(i,s,(()=>function(t,e,i,s){let n;for(const o of e)if(n=ti(Ue(o,t),i),void 0!==n)return Xe(t,n)?Je(i,s,t,n):n}(s,e,t,i))),getOwnPropertyDescriptor:(t,e)=>Reflect.getOwnPropertyDescriptor(t._scopes[0],e),getPrototypeOf:()=>Reflect.getPrototypeOf(t[0]),has:(t,e)=>ei(t).includes(e),ownKeys:t=>ei(t),set(t,e,i){const s=t._storage||(t._storage=n());return t[e]=s[e]=i,delete t._keys,!0}})}function $e(t,e,i,s){const a={_cacheable:!1,_proxy:t,_context:e,_subProxy:i,_stack:new Set,_descriptors:Ye(t,s),setContext:e=>$e(t,e,i,s),override:n=>$e(t.override(n),e,i,s)};return new Proxy(a,{deleteProperty:(e,i)=>(delete e[i],delete t[i],!0),get:(t,e,i)=>qe(t,e,(()=>function(t,e,i){const{_proxy:s,_context:a,_subProxy:r,_descriptors:l}=t;let h=s[e];S(h)&&l.isScriptable(e)&&(h=function(t,e,i,s){const{_proxy:n,_context:o,_subProxy:a,_stack:r}=i;if(r.has(t))throw new Error("Recursion detected: "+Array.from(r).join("->")+"->"+t);r.add(t);let l=e(o,a||s);r.delete(t),Xe(t,l)&&(l=Je(n._scopes,n,t,l));return l}(e,h,t,i));n(h)&&h.length&&(h=function(t,e,i,s){const{_proxy:n,_context:a,_subProxy:r,_descriptors:l}=i;if(void 0!==a.index&&s(t))return e[a.index%e.length];if(o(e[0])){const i=e,s=n._scopes.filter((t=>t!==i));e=[];for(const o of i){const i=Je(s,n,t,o);e.push($e(i,a,r&&r[t],l))}}return e}(e,h,t,l.isIndexable));Xe(e,h)&&(h=$e(h,a,r&&r[e],l));return h}(t,e,i))),getOwnPropertyDescriptor:(e,i)=>e._descriptors.allKeys?Reflect.has(t,i)?{enumerable:!0,configurable:!0}:void 0:Reflect.getOwnPropertyDescriptor(t,i),getPrototypeOf:()=>Reflect.getPrototypeOf(t),has:(e,i)=>Reflect.has(t,i),ownKeys:()=>Reflect.ownKeys(t),set:(e,i,s)=>(t[i]=s,delete e[i],!0)})}function Ye(t,e={scriptable:!0,indexable:!0}){const{_scriptable:i=e.scriptable,_indexable:s=e.indexable,_allKeys:n=e.allKeys}=t;return{allKeys:n,scriptable:i,indexable:s,isScriptable:S(i)?i:()=>i,isIndexable:S(s)?s:()=>s}}const Ue=(t,e)=>t?t+w(e):e,Xe=(t,e)=>o(e)&&"adapters"!==t&&(null===Object.getPrototypeOf(e)||e.constructor===Object);function qe(t,e,i){if(Object.prototype.hasOwnProperty.call(t,e)||"constructor"===e)return t[e];const s=i();return t[e]=s,s}function Ke(t,e,i){return S(t)?t(e,i):t}const Ge=(t,e)=>!0===t?e:"string"==typeof t?M(e,t):void 0;function Ze(t,e,i,s,n){for(const o of e){const e=Ge(i,o);if(e){t.add(e);const o=Ke(e._fallback,i,n);if(void 0!==o&&o!==i&&o!==s)return o}else if(!1===e&&void 0!==s&&i!==s)return null}return!1}function Je(t,e,i,s){const a=e._rootScopes,r=Ke(e._fallback,i,s),l=[...t,...a],h=new Set;h.add(s);let c=Qe(h,l,i,r||i,s);return null!==c&&((void 0===r||r===i||(c=Qe(h,l,r,c,s),null!==c))&&je(Array.from(h),[""],a,r,(()=>function(t,e,i){const s=t._getTarget();e in s||(s[e]={});const a=s[e];if(n(a)&&o(i))return i;return a||{}}(e,i,s))))}function Qe(t,e,i,s,n){for(;i;)i=Ze(t,e,i,s,n);return i}function ti(t,e){for(const i of e){if(!i)continue;const e=i[t];if(void 0!==e)return e}}function ei(t){let e=t._keys;return e||(e=t._keys=function(t){const e=new Set;for(const i of t)for(const t of Object.keys(i).filter((t=>!t.startsWith("_"))))e.add(t);return Array.from(e)}(t._scopes)),e}function ii(t,e,i,s){const{iScale:n}=t,{key:o="r"}=this._parsing,a=new Array(s);let r,l,h,c;for(r=0,l=s;re"x"===t?"y":"x";function ai(t,e,i,s){const n=t.skip?e:t,o=e,a=i.skip?e:i,r=q(o,n),l=q(a,o);let h=r/(r+l),c=l/(r+l);h=isNaN(h)?0:h,c=isNaN(c)?0:c;const d=s*h,u=s*c;return{previous:{x:o.x-d*(a.x-n.x),y:o.y-d*(a.y-n.y)},next:{x:o.x+u*(a.x-n.x),y:o.y+u*(a.y-n.y)}}}function ri(t,e="x"){const i=oi(e),s=t.length,n=Array(s).fill(0),o=Array(s);let a,r,l,h=ni(t,0);for(a=0;a!t.skip))),"monotone"===e.cubicInterpolationMode)ri(t,n);else{let i=s?t[t.length-1]:t[0];for(o=0,a=t.length;o0===t||1===t,di=(t,e,i)=>-Math.pow(2,10*(t-=1))*Math.sin((t-e)*O/i),ui=(t,e,i)=>Math.pow(2,-10*t)*Math.sin((t-e)*O/i)+1,fi={linear:t=>t,easeInQuad:t=>t*t,easeOutQuad:t=>-t*(t-2),easeInOutQuad:t=>(t/=.5)<1?.5*t*t:-.5*(--t*(t-2)-1),easeInCubic:t=>t*t*t,easeOutCubic:t=>(t-=1)*t*t+1,easeInOutCubic:t=>(t/=.5)<1?.5*t*t*t:.5*((t-=2)*t*t+2),easeInQuart:t=>t*t*t*t,easeOutQuart:t=>-((t-=1)*t*t*t-1),easeInOutQuart:t=>(t/=.5)<1?.5*t*t*t*t:-.5*((t-=2)*t*t*t-2),easeInQuint:t=>t*t*t*t*t,easeOutQuint:t=>(t-=1)*t*t*t*t+1,easeInOutQuint:t=>(t/=.5)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2),easeInSine:t=>1-Math.cos(t*E),easeOutSine:t=>Math.sin(t*E),easeInOutSine:t=>-.5*(Math.cos(C*t)-1),easeInExpo:t=>0===t?0:Math.pow(2,10*(t-1)),easeOutExpo:t=>1===t?1:1-Math.pow(2,-10*t),easeInOutExpo:t=>ci(t)?t:t<.5?.5*Math.pow(2,10*(2*t-1)):.5*(2-Math.pow(2,-10*(2*t-1))),easeInCirc:t=>t>=1?t:-(Math.sqrt(1-t*t)-1),easeOutCirc:t=>Math.sqrt(1-(t-=1)*t),easeInOutCirc:t=>(t/=.5)<1?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1),easeInElastic:t=>ci(t)?t:di(t,.075,.3),easeOutElastic:t=>ci(t)?t:ui(t,.075,.3),easeInOutElastic(t){const e=.1125;return ci(t)?t:t<.5?.5*di(2*t,e,.45):.5+.5*ui(2*t-1,e,.45)},easeInBack(t){const e=1.70158;return t*t*((e+1)*t-e)},easeOutBack(t){const e=1.70158;return(t-=1)*t*((e+1)*t+e)+1},easeInOutBack(t){let e=1.70158;return(t/=.5)<1?t*t*((1+(e*=1.525))*t-e)*.5:.5*((t-=2)*t*((1+(e*=1.525))*t+e)+2)},easeInBounce:t=>1-fi.easeOutBounce(1-t),easeOutBounce(t){const e=7.5625,i=2.75;return t<1/i?e*t*t:t<2/i?e*(t-=1.5/i)*t+.75:t<2.5/i?e*(t-=2.25/i)*t+.9375:e*(t-=2.625/i)*t+.984375},easeInOutBounce:t=>t<.5?.5*fi.easeInBounce(2*t):.5*fi.easeOutBounce(2*t-1)+.5};function gi(t,e,i,s){return{x:t.x+i*(e.x-t.x),y:t.y+i*(e.y-t.y)}}function pi(t,e,i,s){return{x:t.x+i*(e.x-t.x),y:"middle"===s?i<.5?t.y:e.y:"after"===s?i<1?t.y:e.y:i>0?e.y:t.y}}function mi(t,e,i,s){const n={x:t.cp2x,y:t.cp2y},o={x:e.cp1x,y:e.cp1y},a=gi(t,n,i),r=gi(n,o,i),l=gi(o,e,i),h=gi(a,r,i),c=gi(r,l,i);return gi(h,c,i)}const xi=/^(normal|(\d+(?:\.\d+)?)(px|em|%)?)$/,bi=/^(normal|italic|initial|inherit|unset|(oblique( -?[0-9]?[0-9]deg)?))$/;function _i(t,e){const i=(""+t).match(xi);if(!i||"normal"===i[1])return 1.2*e;switch(t=+i[2],i[3]){case"px":return t;case"%":t/=100}return e*t}const yi=t=>+t||0;function vi(t,e){const i={},s=o(e),n=s?Object.keys(e):e,a=o(t)?s?i=>l(t[i],t[e[i]]):e=>t[e]:()=>t;for(const t of n)i[t]=yi(a(t));return i}function Mi(t){return vi(t,{top:"y",right:"x",bottom:"y",left:"x"})}function wi(t){return vi(t,["topLeft","topRight","bottomLeft","bottomRight"])}function ki(t){const e=Mi(t);return e.width=e.left+e.right,e.height=e.top+e.bottom,e}function Si(t,e){t=t||{},e=e||ue.font;let i=l(t.size,e.size);"string"==typeof i&&(i=parseInt(i,10));let s=l(t.style,e.style);s&&!(""+s).match(bi)&&(console.warn('Invalid font style specified: "'+s+'"'),s=void 0);const n={family:l(t.family,e.family),lineHeight:_i(l(t.lineHeight,e.lineHeight),i),size:i,style:s,weight:l(t.weight,e.weight),string:""};return n.string=De(n),n}function Pi(t,e,i,s){let o,a,r,l=!0;for(o=0,a=t.length;oi&&0===t?0:t+e;return{min:a(s,-Math.abs(o)),max:a(n,o)}}function Ci(t,e){return Object.assign(Object.create(t),e)}function Oi(t,e,i){return t?function(t,e){return{x:i=>t+t+e-i,setWidth(t){e=t},textAlign:t=>"center"===t?t:"right"===t?"left":"right",xPlus:(t,e)=>t-e,leftForLtr:(t,e)=>t-e}}(e,i):{x:t=>t,setWidth(t){},textAlign:t=>t,xPlus:(t,e)=>t+e,leftForLtr:(t,e)=>t}}function Ai(t,e){let i,s;"ltr"!==e&&"rtl"!==e||(i=t.canvas.style,s=[i.getPropertyValue("direction"),i.getPropertyPriority("direction")],i.setProperty("direction",e,"important"),t.prevTextDirection=s)}function Ti(t,e){void 0!==e&&(delete t.prevTextDirection,t.canvas.style.setProperty("direction",e[0],e[1]))}function Li(t){return"angle"===t?{between:Z,compare:K,normalize:G}:{between:tt,compare:(t,e)=>t-e,normalize:t=>t}}function Ei({start:t,end:e,count:i,loop:s,style:n}){return{start:t%i,end:e%i,loop:s&&(e-t+1)%i==0,style:n}}function Ri(t,e,i){if(!i)return[t];const{property:s,start:n,end:o}=i,a=e.length,{compare:r,between:l,normalize:h}=Li(s),{start:c,end:d,loop:u,style:f}=function(t,e,i){const{property:s,start:n,end:o}=i,{between:a,normalize:r}=Li(s),l=e.length;let h,c,{start:d,end:u,loop:f}=t;if(f){for(d+=l,u+=l,h=0,c=l;hb||l(n,x,p)&&0!==r(n,x),v=()=>!b||0===r(o,p)||l(o,x,p);for(let t=c,i=c;t<=d;++t)m=e[t%a],m.skip||(p=h(m[s]),p!==x&&(b=l(p,n,o),null===_&&y()&&(_=0===r(p,n)?t:i),null!==_&&v()&&(g.push(Ei({start:_,end:t,loop:u,count:a,style:f})),_=null),i=t,x=p));return null!==_&&g.push(Ei({start:_,end:d,loop:u,count:a,style:f})),g}function Ii(t,e){const i=[],s=t.segments;for(let n=0;nn&&t[o%e].skip;)o--;return o%=e,{start:n,end:o}}(i,n,o,s);if(!0===s)return Fi(t,[{start:a,end:r,loop:o}],i,e);return Fi(t,function(t,e,i,s){const n=t.length,o=[];let a,r=e,l=t[e];for(a=e+1;a<=i;++a){const i=t[a%n];i.skip||i.stop?l.skip||(s=!1,o.push({start:e%n,end:(a-1)%n,loop:s}),e=r=i.stop?a:null):(r=a,l.skip&&(e=a)),l=i}return null!==r&&o.push({start:e%n,end:r%n,loop:s}),o}(i,a,r!s(t[e.axis])));n.lo-=Math.max(0,a);const r=i.slice(n.hi).findIndex((t=>!s(t[e.axis])));n.hi+=Math.max(0,r)}return n}if(o._sharedOptions){const t=a[0],s="function"==typeof t.getRange&&t.getRange(e);if(s){const t=r(a,e,i-s),n=r(a,e,i+s);return{lo:t.lo,hi:n.hi}}}}return{lo:0,hi:a.length-1}}function Hi(t,e,i,s,n){const o=t.getSortedVisibleDatasetMetas(),a=i[e];for(let t=0,i=o.length;t{t[a]&&t[a](e[i],n)&&(o.push({element:t,datasetIndex:s,index:l}),r=r||t.inRange(e.x,e.y,n))})),s&&!r?[]:o}var Xi={evaluateInteractionItems:Hi,modes:{index(t,e,i,s){const n=ve(e,t),o=i.axis||"x",a=i.includeInvisible||!1,r=i.intersect?ji(t,n,o,s,a):Yi(t,n,o,!1,s,a),l=[];return r.length?(t.getSortedVisibleDatasetMetas().forEach((t=>{const e=r[0].index,i=t.data[e];i&&!i.skip&&l.push({element:i,datasetIndex:t.index,index:e})})),l):[]},dataset(t,e,i,s){const n=ve(e,t),o=i.axis||"xy",a=i.includeInvisible||!1;let r=i.intersect?ji(t,n,o,s,a):Yi(t,n,o,!1,s,a);if(r.length>0){const e=r[0].datasetIndex,i=t.getDatasetMeta(e).data;r=[];for(let t=0;tji(t,ve(e,t),i.axis||"xy",s,i.includeInvisible||!1),nearest(t,e,i,s){const n=ve(e,t),o=i.axis||"xy",a=i.includeInvisible||!1;return Yi(t,n,o,i.intersect,s,a)},x:(t,e,i,s)=>Ui(t,ve(e,t),"x",i.intersect,s),y:(t,e,i,s)=>Ui(t,ve(e,t),"y",i.intersect,s)}};const qi=["left","top","right","bottom"];function Ki(t,e){return t.filter((t=>t.pos===e))}function Gi(t,e){return t.filter((t=>-1===qi.indexOf(t.pos)&&t.box.axis===e))}function Zi(t,e){return t.sort(((t,i)=>{const s=e?i:t,n=e?t:i;return s.weight===n.weight?s.index-n.index:s.weight-n.weight}))}function Ji(t,e){const i=function(t){const e={};for(const i of t){const{stack:t,pos:s,stackWeight:n}=i;if(!t||!qi.includes(s))continue;const o=e[t]||(e[t]={count:0,placed:0,weight:0,size:0});o.count++,o.weight+=n}return e}(t),{vBoxMaxWidth:s,hBoxMaxHeight:n}=e;let o,a,r;for(o=0,a=t.length;o{s[t]=Math.max(e[t],i[t])})),s}return s(t?["left","right"]:["top","bottom"])}function ss(t,e,i,s){const n=[];let o,a,r,l,h,c;for(o=0,a=t.length,h=0;ot.box.fullSize)),!0),s=Zi(Ki(e,"left"),!0),n=Zi(Ki(e,"right")),o=Zi(Ki(e,"top"),!0),a=Zi(Ki(e,"bottom")),r=Gi(e,"x"),l=Gi(e,"y");return{fullSize:i,leftAndTop:s.concat(o),rightAndBottom:n.concat(l).concat(a).concat(r),chartArea:Ki(e,"chartArea"),vertical:s.concat(n).concat(l),horizontal:o.concat(a).concat(r)}}(t.boxes),l=r.vertical,h=r.horizontal;u(t.boxes,(t=>{"function"==typeof t.beforeLayout&&t.beforeLayout()}));const c=l.reduce(((t,e)=>e.box.options&&!1===e.box.options.display?t:t+1),0)||1,d=Object.freeze({outerWidth:e,outerHeight:i,padding:n,availableWidth:o,availableHeight:a,vBoxMaxWidth:o/2/c,hBoxMaxHeight:a/2}),f=Object.assign({},n);ts(f,ki(s));const g=Object.assign({maxPadding:f,w:o,h:a,x:n.left,y:n.top},n),p=Ji(l.concat(h),d);ss(r.fullSize,g,d,p),ss(l,g,d,p),ss(h,g,d,p)&&ss(l,g,d,p),function(t){const e=t.maxPadding;function i(i){const s=Math.max(e[i]-t[i],0);return t[i]+=s,s}t.y+=i("top"),t.x+=i("left"),i("right"),i("bottom")}(g),os(r.leftAndTop,g,d,p),g.x+=g.w,g.y+=g.h,os(r.rightAndBottom,g,d,p),t.chartArea={left:g.left,top:g.top,right:g.left+g.w,bottom:g.top+g.h,height:g.h,width:g.w},u(r.chartArea,(e=>{const i=e.box;Object.assign(i,t.chartArea),i.update(g.w,g.h,{left:0,top:0,right:0,bottom:0})}))}};class rs{acquireContext(t,e){}releaseContext(t){return!1}addEventListener(t,e,i){}removeEventListener(t,e,i){}getDevicePixelRatio(){return 1}getMaximumSize(t,e,i,s){return e=Math.max(0,e||t.width),i=i||t.height,{width:e,height:Math.max(0,s?Math.floor(e/s):i)}}isAttached(t){return!0}updateConfig(t){}}class ls extends rs{acquireContext(t){return t&&t.getContext&&t.getContext("2d")||null}updateConfig(t){t.options.animation=!1}}const hs="$chartjs",cs={touchstart:"mousedown",touchmove:"mousemove",touchend:"mouseup",pointerenter:"mouseenter",pointerdown:"mousedown",pointermove:"mousemove",pointerup:"mouseup",pointerleave:"mouseout",pointerout:"mouseout"},ds=t=>null===t||""===t;const us=!!Se&&{passive:!0};function fs(t,e,i){t&&t.canvas&&t.canvas.removeEventListener(e,i,us)}function gs(t,e){for(const i of t)if(i===e||i.contains(e))return!0}function ps(t,e,i){const s=t.canvas,n=new MutationObserver((t=>{let e=!1;for(const i of t)e=e||gs(i.addedNodes,s),e=e&&!gs(i.removedNodes,s);e&&i()}));return n.observe(document,{childList:!0,subtree:!0}),n}function ms(t,e,i){const s=t.canvas,n=new MutationObserver((t=>{let e=!1;for(const i of t)e=e||gs(i.removedNodes,s),e=e&&!gs(i.addedNodes,s);e&&i()}));return n.observe(document,{childList:!0,subtree:!0}),n}const xs=new Map;let bs=0;function _s(){const t=window.devicePixelRatio;t!==bs&&(bs=t,xs.forEach(((e,i)=>{i.currentDevicePixelRatio!==t&&e()})))}function ys(t,e,i){const s=t.canvas,n=s&&ge(s);if(!n)return;const o=ct(((t,e)=>{const s=n.clientWidth;i(t,e),s{const e=t[0],i=e.contentRect.width,s=e.contentRect.height;0===i&&0===s||o(i,s)}));return a.observe(n),function(t,e){xs.size||window.addEventListener("resize",_s),xs.set(t,e)}(t,o),a}function vs(t,e,i){i&&i.disconnect(),"resize"===e&&function(t){xs.delete(t),xs.size||window.removeEventListener("resize",_s)}(t)}function Ms(t,e,i){const s=t.canvas,n=ct((e=>{null!==t.ctx&&i(function(t,e){const i=cs[t.type]||t.type,{x:s,y:n}=ve(t,e);return{type:i,chart:e,native:t,x:void 0!==s?s:null,y:void 0!==n?n:null}}(e,t))}),t);return function(t,e,i){t&&t.addEventListener(e,i,us)}(s,e,n),n}class ws extends rs{acquireContext(t,e){const i=t&&t.getContext&&t.getContext("2d");return i&&i.canvas===t?(function(t,e){const i=t.style,s=t.getAttribute("height"),n=t.getAttribute("width");if(t[hs]={initial:{height:s,width:n,style:{display:i.display,height:i.height,width:i.width}}},i.display=i.display||"block",i.boxSizing=i.boxSizing||"border-box",ds(n)){const e=Pe(t,"width");void 0!==e&&(t.width=e)}if(ds(s))if(""===t.style.height)t.height=t.width/(e||2);else{const e=Pe(t,"height");void 0!==e&&(t.height=e)}}(t,e),i):null}releaseContext(t){const e=t.canvas;if(!e[hs])return!1;const i=e[hs].initial;["height","width"].forEach((t=>{const n=i[t];s(n)?e.removeAttribute(t):e.setAttribute(t,n)}));const n=i.style||{};return Object.keys(n).forEach((t=>{e.style[t]=n[t]})),e.width=e.width,delete e[hs],!0}addEventListener(t,e,i){this.removeEventListener(t,e);const s=t.$proxies||(t.$proxies={}),n={attach:ps,detach:ms,resize:ys}[e]||Ms;s[e]=n(t,e,i)}removeEventListener(t,e){const i=t.$proxies||(t.$proxies={}),s=i[e];if(!s)return;({attach:vs,detach:vs,resize:vs}[e]||fs)(t,e,s),i[e]=void 0}getDevicePixelRatio(){return window.devicePixelRatio}getMaximumSize(t,e,i,s){return we(t,e,i,s)}isAttached(t){const e=t&&ge(t);return!(!e||!e.isConnected)}}function ks(t){return!fe()||"undefined"!=typeof OffscreenCanvas&&t instanceof OffscreenCanvas?ls:ws}var Ss=Object.freeze({__proto__:null,BasePlatform:rs,BasicPlatform:ls,DomPlatform:ws,_detectPlatform:ks});const Ps="transparent",Ds={boolean:(t,e,i)=>i>.5?e:t,color(t,e,i){const s=Qt(t||Ps),n=s.valid&&Qt(e||Ps);return n&&n.valid?n.mix(s,i).hexString():e},number:(t,e,i)=>t+(e-t)*i};class Cs{constructor(t,e,i,s){const n=e[i];s=Pi([t.to,s,n,t.from]);const o=Pi([t.from,n,s]);this._active=!0,this._fn=t.fn||Ds[t.type||typeof o],this._easing=fi[t.easing]||fi.linear,this._start=Math.floor(Date.now()+(t.delay||0)),this._duration=this._total=Math.floor(t.duration),this._loop=!!t.loop,this._target=e,this._prop=i,this._from=o,this._to=s,this._promises=void 0}active(){return this._active}update(t,e,i){if(this._active){this._notify(!1);const s=this._target[this._prop],n=i-this._start,o=this._duration-n;this._start=i,this._duration=Math.floor(Math.max(o,t.duration)),this._total+=n,this._loop=!!t.loop,this._to=Pi([t.to,e,s,t.from]),this._from=Pi([t.from,s,e])}}cancel(){this._active&&(this.tick(Date.now()),this._active=!1,this._notify(!1))}tick(t){const e=t-this._start,i=this._duration,s=this._prop,n=this._from,o=this._loop,a=this._to;let r;if(this._active=n!==a&&(o||e1?2-r:r,r=this._easing(Math.min(1,Math.max(0,r))),this._target[s]=this._fn(n,a,r))}wait(){const t=this._promises||(this._promises=[]);return new Promise(((e,i)=>{t.push({res:e,rej:i})}))}_notify(t){const e=t?"res":"rej",i=this._promises||[];for(let t=0;t{const a=t[s];if(!o(a))return;const r={};for(const t of e)r[t]=a[t];(n(a.properties)&&a.properties||[s]).forEach((t=>{t!==s&&i.has(t)||i.set(t,r)}))}))}_animateOptions(t,e){const i=e.options,s=function(t,e){if(!e)return;let i=t.options;if(!i)return void(t.options=e);i.$shared&&(t.options=i=Object.assign({},i,{$shared:!1,$animations:{}}));return i}(t,i);if(!s)return[];const n=this._createAnimations(s,i);return i.$shared&&function(t,e){const i=[],s=Object.keys(e);for(let e=0;e{t.options=i}),(()=>{})),n}_createAnimations(t,e){const i=this._properties,s=[],n=t.$animations||(t.$animations={}),o=Object.keys(e),a=Date.now();let r;for(r=o.length-1;r>=0;--r){const l=o[r];if("$"===l.charAt(0))continue;if("options"===l){s.push(...this._animateOptions(t,e));continue}const h=e[l];let c=n[l];const d=i.get(l);if(c){if(d&&c.active()){c.update(d,h,a);continue}c.cancel()}d&&d.duration?(n[l]=c=new Cs(d,t,l,h),s.push(c)):t[l]=h}return s}update(t,e){if(0===this._properties.size)return void Object.assign(t,e);const i=this._createAnimations(t,e);return i.length?(bt.add(this._chart,i),!0):void 0}}function As(t,e){const i=t&&t.options||{},s=i.reverse,n=void 0===i.min?e:0,o=void 0===i.max?e:0;return{start:s?o:n,end:s?n:o}}function Ts(t,e){const i=[],s=t._getSortedDatasetMetas(e);let n,o;for(n=0,o=s.length;n0||!i&&e<0)return n.index}return null}function zs(t,e){const{chart:i,_cachedMeta:s}=t,n=i._stacks||(i._stacks={}),{iScale:o,vScale:a,index:r}=s,l=o.axis,h=a.axis,c=function(t,e,i){return`${t.id}.${e.id}.${i.stack||i.type}`}(o,a,s),d=e.length;let u;for(let t=0;ti[t].axis===e)).shift()}function Vs(t,e){const i=t.controller.index,s=t.vScale&&t.vScale.axis;if(s){e=e||t._parsed;for(const t of e){const e=t._stacks;if(!e||void 0===e[s]||void 0===e[s][i])return;delete e[s][i],void 0!==e[s]._visualValues&&void 0!==e[s]._visualValues[i]&&delete e[s]._visualValues[i]}}}const Bs=t=>"reset"===t||"none"===t,Ws=(t,e)=>e?t:Object.assign({},t);class Ns{static defaults={};static datasetElementType=null;static dataElementType=null;constructor(t,e){this.chart=t,this._ctx=t.ctx,this.index=e,this._cachedDataOpts={},this._cachedMeta=this.getMeta(),this._type=this._cachedMeta.type,this.options=void 0,this._parsing=!1,this._data=void 0,this._objectData=void 0,this._sharedOptions=void 0,this._drawStart=void 0,this._drawCount=void 0,this.enableOptionSharing=!1,this.supportsDecimation=!1,this.$context=void 0,this._syncList=[],this.datasetElementType=new.target.datasetElementType,this.dataElementType=new.target.dataElementType,this.initialize()}initialize(){const t=this._cachedMeta;this.configure(),this.linkScales(),t._stacked=Es(t.vScale,t),this.addElements(),this.options.fill&&!this.chart.isPluginEnabled("filler")&&console.warn("Tried to use the 'fill' option without the 'Filler' plugin enabled. Please import and register the 'Filler' plugin and make sure it is not disabled in the options")}updateIndex(t){this.index!==t&&Vs(this._cachedMeta),this.index=t}linkScales(){const t=this.chart,e=this._cachedMeta,i=this.getDataset(),s=(t,e,i,s)=>"x"===t?e:"r"===t?s:i,n=e.xAxisID=l(i.xAxisID,Fs(t,"x")),o=e.yAxisID=l(i.yAxisID,Fs(t,"y")),a=e.rAxisID=l(i.rAxisID,Fs(t,"r")),r=e.indexAxis,h=e.iAxisID=s(r,n,o,a),c=e.vAxisID=s(r,o,n,a);e.xScale=this.getScaleForId(n),e.yScale=this.getScaleForId(o),e.rScale=this.getScaleForId(a),e.iScale=this.getScaleForId(h),e.vScale=this.getScaleForId(c)}getDataset(){return this.chart.data.datasets[this.index]}getMeta(){return this.chart.getDatasetMeta(this.index)}getScaleForId(t){return this.chart.scales[t]}_getOtherScale(t){const e=this._cachedMeta;return t===e.iScale?e.vScale:e.iScale}reset(){this._update("reset")}_destroy(){const t=this._cachedMeta;this._data&&rt(this._data,this),t._stacked&&Vs(t)}_dataCheck(){const t=this.getDataset(),e=t.data||(t.data=[]),i=this._data;if(o(e)){const t=this._cachedMeta;this._data=function(t,e){const{iScale:i,vScale:s}=e,n="x"===i.axis?"x":"y",o="x"===s.axis?"x":"y",a=Object.keys(t),r=new Array(a.length);let l,h,c;for(l=0,h=a.length;l0&&i._parsed[t-1];if(!1===this._parsing)i._parsed=s,i._sorted=!0,d=s;else{d=n(s[t])?this.parseArrayData(i,s,t,e):o(s[t])?this.parseObjectData(i,s,t,e):this.parsePrimitiveData(i,s,t,e);const a=()=>null===c[l]||f&&c[l]t&&!e.hidden&&e._stacked&&{keys:Ts(i,!0),values:null})(e,i,this.chart),h={min:Number.POSITIVE_INFINITY,max:Number.NEGATIVE_INFINITY},{min:c,max:d}=function(t){const{min:e,max:i,minDefined:s,maxDefined:n}=t.getUserBounds();return{min:s?e:Number.NEGATIVE_INFINITY,max:n?i:Number.POSITIVE_INFINITY}}(r);let u,f;function g(){f=s[u];const e=f[r.axis];return!a(f[t.axis])||c>e||d=0;--u)if(!g()){this.updateRangeFromParsed(h,t,f,l);break}return h}getAllParsedValues(t){const e=this._cachedMeta._parsed,i=[];let s,n,o;for(s=0,n=e.length;s=0&&tthis.getContext(i,s,e)),c);return f.$shared&&(f.$shared=r,n[o]=Object.freeze(Ws(f,r))),f}_resolveAnimations(t,e,i){const s=this.chart,n=this._cachedDataOpts,o=`animation-${e}`,a=n[o];if(a)return a;let r;if(!1!==s.options.animation){const s=this.chart.config,n=s.datasetAnimationScopeKeys(this._type,e),o=s.getOptionScopes(this.getDataset(),n);r=s.createResolver(o,this.getContext(t,i,e))}const l=new Os(s,r&&r.animations);return r&&r._cacheable&&(n[o]=Object.freeze(l)),l}getSharedOptions(t){if(t.$shared)return this._sharedOptions||(this._sharedOptions=Object.assign({},t))}includeOptions(t,e){return!e||Bs(t)||this.chart._animationsDisabled}_getSharedOptions(t,e){const i=this.resolveDataElementOptions(t,e),s=this._sharedOptions,n=this.getSharedOptions(i),o=this.includeOptions(e,n)||n!==s;return this.updateSharedOptions(n,e,i),{sharedOptions:n,includeOptions:o}}updateElement(t,e,i,s){Bs(s)?Object.assign(t,i):this._resolveAnimations(e,s).update(t,i)}updateSharedOptions(t,e,i){t&&!Bs(e)&&this._resolveAnimations(void 0,e).update(t,i)}_setStyle(t,e,i,s){t.active=s;const n=this.getStyle(e,s);this._resolveAnimations(e,i,s).update(t,{options:!s&&this.getSharedOptions(n)||n})}removeHoverStyle(t,e,i){this._setStyle(t,i,"active",!1)}setHoverStyle(t,e,i){this._setStyle(t,i,"active",!0)}_removeDatasetHoverStyle(){const t=this._cachedMeta.dataset;t&&this._setStyle(t,void 0,"active",!1)}_setDatasetHoverStyle(){const t=this._cachedMeta.dataset;t&&this._setStyle(t,void 0,"active",!0)}_resyncElements(t){const e=this._data,i=this._cachedMeta.data;for(const[t,e,i]of this._syncList)this[t](e,i);this._syncList=[];const s=i.length,n=e.length,o=Math.min(n,s);o&&this.parse(0,o),n>s?this._insertElements(s,n-s,t):n{for(t.length+=e,a=t.length-1;a>=o;a--)t[a]=t[a-e]};for(r(n),a=t;a{s[t]=i[t]&&i[t].active()?i[t]._to:this[t]})),s}}function js(t,e){const i=t.options.ticks,n=function(t){const e=t.options.offset,i=t._tickSize(),s=t._length/i+(e?0:1),n=t._maxLength/i;return Math.floor(Math.min(s,n))}(t),o=Math.min(i.maxTicksLimit||n,n),a=i.major.enabled?function(t){const e=[];let i,s;for(i=0,s=t.length;io)return function(t,e,i,s){let n,o=0,a=i[0];for(s=Math.ceil(s),n=0;nn)return e}return Math.max(n,1)}(a,e,o);if(r>0){let t,i;const n=r>1?Math.round((h-l)/(r-1)):null;for($s(e,c,d,s(n)?0:l-n,l),t=0,i=r-1;t"top"===e||"left"===e?t[e]+i:t[e]-i,Us=(t,e)=>Math.min(e||t,t);function Xs(t,e){const i=[],s=t.length/e,n=t.length;let o=0;for(;oa+r)))return h}function Ks(t){return t.drawTicks?t.tickLength:0}function Gs(t,e){if(!t.display)return 0;const i=Si(t.font,e),s=ki(t.padding);return(n(t.text)?t.text.length:1)*i.lineHeight+s.height}function Zs(t,e,i){let s=ut(t);return(i&&"right"!==e||!i&&"right"===e)&&(s=(t=>"left"===t?"right":"right"===t?"left":t)(s)),s}class Js extends Hs{constructor(t){super(),this.id=t.id,this.type=t.type,this.options=void 0,this.ctx=t.ctx,this.chart=t.chart,this.top=void 0,this.bottom=void 0,this.left=void 0,this.right=void 0,this.width=void 0,this.height=void 0,this._margins={left:0,right:0,top:0,bottom:0},this.maxWidth=void 0,this.maxHeight=void 0,this.paddingTop=void 0,this.paddingBottom=void 0,this.paddingLeft=void 0,this.paddingRight=void 0,this.axis=void 0,this.labelRotation=void 0,this.min=void 0,this.max=void 0,this._range=void 0,this.ticks=[],this._gridLineItems=null,this._labelItems=null,this._labelSizes=null,this._length=0,this._maxLength=0,this._longestTextCache={},this._startPixel=void 0,this._endPixel=void 0,this._reversePixels=!1,this._userMax=void 0,this._userMin=void 0,this._suggestedMax=void 0,this._suggestedMin=void 0,this._ticksLength=0,this._borderValue=0,this._cache={},this._dataLimitsCached=!1,this.$context=void 0}init(t){this.options=t.setContext(this.getContext()),this.axis=t.axis,this._userMin=this.parse(t.min),this._userMax=this.parse(t.max),this._suggestedMin=this.parse(t.suggestedMin),this._suggestedMax=this.parse(t.suggestedMax)}parse(t,e){return t}getUserBounds(){let{_userMin:t,_userMax:e,_suggestedMin:i,_suggestedMax:s}=this;return t=r(t,Number.POSITIVE_INFINITY),e=r(e,Number.NEGATIVE_INFINITY),i=r(i,Number.POSITIVE_INFINITY),s=r(s,Number.NEGATIVE_INFINITY),{min:r(t,i),max:r(e,s),minDefined:a(t),maxDefined:a(e)}}getMinMax(t){let e,{min:i,max:s,minDefined:n,maxDefined:o}=this.getUserBounds();if(n&&o)return{min:i,max:s};const a=this.getMatchingVisibleMetas();for(let r=0,l=a.length;rs?s:i,s=n&&i>s?i:s,{min:r(i,r(s,i)),max:r(s,r(i,s))}}getPadding(){return{left:this.paddingLeft||0,top:this.paddingTop||0,right:this.paddingRight||0,bottom:this.paddingBottom||0}}getTicks(){return this.ticks}getLabels(){const t=this.chart.data;return this.options.labels||(this.isHorizontal()?t.xLabels:t.yLabels)||t.labels||[]}getLabelItems(t=this.chart.chartArea){return this._labelItems||(this._labelItems=this._computeLabelItems(t))}beforeLayout(){this._cache={},this._dataLimitsCached=!1}beforeUpdate(){d(this.options.beforeUpdate,[this])}update(t,e,i){const{beginAtZero:s,grace:n,ticks:o}=this.options,a=o.sampleSize;this.beforeUpdate(),this.maxWidth=t,this.maxHeight=e,this._margins=i=Object.assign({left:0,right:0,top:0,bottom:0},i),this.ticks=null,this._labelSizes=null,this._gridLineItems=null,this._labelItems=null,this.beforeSetDimensions(),this.setDimensions(),this.afterSetDimensions(),this._maxLength=this.isHorizontal()?this.width+i.left+i.right:this.height+i.top+i.bottom,this._dataLimitsCached||(this.beforeDataLimits(),this.determineDataLimits(),this.afterDataLimits(),this._range=Di(this,n,s),this._dataLimitsCached=!0),this.beforeBuildTicks(),this.ticks=this.buildTicks()||[],this.afterBuildTicks();const r=a=n||i<=1||!this.isHorizontal())return void(this.labelRotation=s);const h=this._getLabelSizes(),c=h.widest.width,d=h.highest.height,u=J(this.chart.width-c,0,this.maxWidth);o=t.offset?this.maxWidth/i:u/(i-1),c+6>o&&(o=u/(i-(t.offset?.5:1)),a=this.maxHeight-Ks(t.grid)-e.padding-Gs(t.title,this.chart.options.font),r=Math.sqrt(c*c+d*d),l=Y(Math.min(Math.asin(J((h.highest.height+6)/o,-1,1)),Math.asin(J(a/r,-1,1))-Math.asin(J(d/r,-1,1)))),l=Math.max(s,Math.min(n,l))),this.labelRotation=l}afterCalculateLabelRotation(){d(this.options.afterCalculateLabelRotation,[this])}afterAutoSkip(){}beforeFit(){d(this.options.beforeFit,[this])}fit(){const t={width:0,height:0},{chart:e,options:{ticks:i,title:s,grid:n}}=this,o=this._isVisible(),a=this.isHorizontal();if(o){const o=Gs(s,e.options.font);if(a?(t.width=this.maxWidth,t.height=Ks(n)+o):(t.height=this.maxHeight,t.width=Ks(n)+o),i.display&&this.ticks.length){const{first:e,last:s,widest:n,highest:o}=this._getLabelSizes(),r=2*i.padding,l=$(this.labelRotation),h=Math.cos(l),c=Math.sin(l);if(a){const e=i.mirror?0:c*n.width+h*o.height;t.height=Math.min(this.maxHeight,t.height+e+r)}else{const e=i.mirror?0:h*n.width+c*o.height;t.width=Math.min(this.maxWidth,t.width+e+r)}this._calculatePadding(e,s,c,h)}}this._handleMargins(),a?(this.width=this._length=e.width-this._margins.left-this._margins.right,this.height=t.height):(this.width=t.width,this.height=this._length=e.height-this._margins.top-this._margins.bottom)}_calculatePadding(t,e,i,s){const{ticks:{align:n,padding:o},position:a}=this.options,r=0!==this.labelRotation,l="top"!==a&&"x"===this.axis;if(this.isHorizontal()){const a=this.getPixelForTick(0)-this.left,h=this.right-this.getPixelForTick(this.ticks.length-1);let c=0,d=0;r?l?(c=s*t.width,d=i*e.height):(c=i*t.height,d=s*e.width):"start"===n?d=e.width:"end"===n?c=t.width:"inner"!==n&&(c=t.width/2,d=e.width/2),this.paddingLeft=Math.max((c-a+o)*this.width/(this.width-a),0),this.paddingRight=Math.max((d-h+o)*this.width/(this.width-h),0)}else{let i=e.height/2,s=t.height/2;"start"===n?(i=0,s=t.height):"end"===n&&(i=e.height,s=0),this.paddingTop=i+o,this.paddingBottom=s+o}}_handleMargins(){this._margins&&(this._margins.left=Math.max(this.paddingLeft,this._margins.left),this._margins.top=Math.max(this.paddingTop,this._margins.top),this._margins.right=Math.max(this.paddingRight,this._margins.right),this._margins.bottom=Math.max(this.paddingBottom,this._margins.bottom))}afterFit(){d(this.options.afterFit,[this])}isHorizontal(){const{axis:t,position:e}=this.options;return"top"===e||"bottom"===e||"x"===t}isFullSize(){return this.options.fullSize}_convertTicksToLabels(t){let e,i;for(this.beforeTickToLabelConversion(),this.generateTickLabels(t),e=0,i=t.length;e{const i=t.gc,s=i.length/2;let n;if(s>e){for(n=0;n({width:r[t]||0,height:l[t]||0});return{first:P(0),last:P(e-1),widest:P(k),highest:P(S),widths:r,heights:l}}getLabelForValue(t){return t}getPixelForValue(t,e){return NaN}getValueForPixel(t){}getPixelForTick(t){const e=this.ticks;return t<0||t>e.length-1?null:this.getPixelForValue(e[t].value)}getPixelForDecimal(t){this._reversePixels&&(t=1-t);const e=this._startPixel+t*this._length;return Q(this._alignToPixels?Ae(this.chart,e,0):e)}getDecimalForPixel(t){const e=(t-this._startPixel)/this._length;return this._reversePixels?1-e:e}getBasePixel(){return this.getPixelForValue(this.getBaseValue())}getBaseValue(){const{min:t,max:e}=this;return t<0&&e<0?e:t>0&&e>0?t:0}getContext(t){const e=this.ticks||[];if(t>=0&&ta*s?a/i:r/s:r*s0}_computeGridLineItems(t){const e=this.axis,i=this.chart,s=this.options,{grid:n,position:a,border:r}=s,h=n.offset,c=this.isHorizontal(),d=this.ticks.length+(h?1:0),u=Ks(n),f=[],g=r.setContext(this.getContext()),p=g.display?g.width:0,m=p/2,x=function(t){return Ae(i,t,p)};let b,_,y,v,M,w,k,S,P,D,C,O;if("top"===a)b=x(this.bottom),w=this.bottom-u,S=b-m,D=x(t.top)+m,O=t.bottom;else if("bottom"===a)b=x(this.top),D=t.top,O=x(t.bottom)-m,w=b+m,S=this.top+u;else if("left"===a)b=x(this.right),M=this.right-u,k=b-m,P=x(t.left)+m,C=t.right;else if("right"===a)b=x(this.left),P=t.left,C=x(t.right)-m,M=b+m,k=this.left+u;else if("x"===e){if("center"===a)b=x((t.top+t.bottom)/2+.5);else if(o(a)){const t=Object.keys(a)[0],e=a[t];b=x(this.chart.scales[t].getPixelForValue(e))}D=t.top,O=t.bottom,w=b+m,S=w+u}else if("y"===e){if("center"===a)b=x((t.left+t.right)/2);else if(o(a)){const t=Object.keys(a)[0],e=a[t];b=x(this.chart.scales[t].getPixelForValue(e))}M=b-m,k=M-u,P=t.left,C=t.right}const A=l(s.ticks.maxTicksLimit,d),T=Math.max(1,Math.ceil(d/A));for(_=0;_0&&(o-=s/2)}d={left:o,top:n,width:s+e.width,height:i+e.height,color:t.backdropColor}}x.push({label:v,font:P,textOffset:O,options:{rotation:m,color:i,strokeColor:o,strokeWidth:h,textAlign:f,textBaseline:A,translation:[M,w],backdrop:d}})}return x}_getXAxisLabelAlignment(){const{position:t,ticks:e}=this.options;if(-$(this.labelRotation))return"top"===t?"left":"right";let i="center";return"start"===e.align?i="left":"end"===e.align?i="right":"inner"===e.align&&(i="inner"),i}_getYAxisLabelAlignment(t){const{position:e,ticks:{crossAlign:i,mirror:s,padding:n}}=this.options,o=t+n,a=this._getLabelSizes().widest.width;let r,l;return"left"===e?s?(l=this.right+n,"near"===i?r="left":"center"===i?(r="center",l+=a/2):(r="right",l+=a)):(l=this.right-o,"near"===i?r="right":"center"===i?(r="center",l-=a/2):(r="left",l=this.left)):"right"===e?s?(l=this.left+n,"near"===i?r="right":"center"===i?(r="center",l-=a/2):(r="left",l-=a)):(l=this.left+o,"near"===i?r="left":"center"===i?(r="center",l+=a/2):(r="right",l=this.right)):r="right",{textAlign:r,x:l}}_computeLabelArea(){if(this.options.ticks.mirror)return;const t=this.chart,e=this.options.position;return"left"===e||"right"===e?{top:0,left:this.left,bottom:t.height,right:this.right}:"top"===e||"bottom"===e?{top:this.top,left:0,bottom:this.bottom,right:t.width}:void 0}drawBackground(){const{ctx:t,options:{backgroundColor:e},left:i,top:s,width:n,height:o}=this;e&&(t.save(),t.fillStyle=e,t.fillRect(i,s,n,o),t.restore())}getLineWidthForValue(t){const e=this.options.grid;if(!this._isVisible()||!e.display)return 0;const i=this.ticks.findIndex((e=>e.value===t));if(i>=0){return e.setContext(this.getContext(i)).lineWidth}return 0}drawGrid(t){const e=this.options.grid,i=this.ctx,s=this._gridLineItems||(this._gridLineItems=this._computeGridLineItems(t));let n,o;const a=(t,e,s)=>{s.width&&s.color&&(i.save(),i.lineWidth=s.width,i.strokeStyle=s.color,i.setLineDash(s.borderDash||[]),i.lineDashOffset=s.borderDashOffset,i.beginPath(),i.moveTo(t.x,t.y),i.lineTo(e.x,e.y),i.stroke(),i.restore())};if(e.display)for(n=0,o=s.length;n{this.drawBackground(),this.drawGrid(t),this.drawTitle()}},{z:s,draw:()=>{this.drawBorder()}},{z:e,draw:t=>{this.drawLabels(t)}}]:[{z:e,draw:t=>{this.draw(t)}}]}getMatchingVisibleMetas(t){const e=this.chart.getSortedVisibleDatasetMetas(),i=this.axis+"AxisID",s=[];let n,o;for(n=0,o=e.length;n{const s=i.split("."),n=s.pop(),o=[t].concat(s).join("."),a=e[i].split("."),r=a.pop(),l=a.join(".");ue.route(o,n,l,r)}))}(e,t.defaultRoutes);t.descriptors&&ue.describe(e,t.descriptors)}(t,o,i),this.override&&ue.override(t.id,t.overrides)),o}get(t){return this.items[t]}unregister(t){const e=this.items,i=t.id,s=this.scope;i in e&&delete e[i],s&&i in ue[s]&&(delete ue[s][i],this.override&&delete re[i])}}class tn{constructor(){this.controllers=new Qs(Ns,"datasets",!0),this.elements=new Qs(Hs,"elements"),this.plugins=new Qs(Object,"plugins"),this.scales=new Qs(Js,"scales"),this._typedRegistries=[this.controllers,this.scales,this.elements]}add(...t){this._each("register",t)}remove(...t){this._each("unregister",t)}addControllers(...t){this._each("register",t,this.controllers)}addElements(...t){this._each("register",t,this.elements)}addPlugins(...t){this._each("register",t,this.plugins)}addScales(...t){this._each("register",t,this.scales)}getController(t){return this._get(t,this.controllers,"controller")}getElement(t){return this._get(t,this.elements,"element")}getPlugin(t){return this._get(t,this.plugins,"plugin")}getScale(t){return this._get(t,this.scales,"scale")}removeControllers(...t){this._each("unregister",t,this.controllers)}removeElements(...t){this._each("unregister",t,this.elements)}removePlugins(...t){this._each("unregister",t,this.plugins)}removeScales(...t){this._each("unregister",t,this.scales)}_each(t,e,i){[...e].forEach((e=>{const s=i||this._getRegistryForType(e);i||s.isForType(e)||s===this.plugins&&e.id?this._exec(t,s,e):u(e,(e=>{const s=i||this._getRegistryForType(e);this._exec(t,s,e)}))}))}_exec(t,e,i){const s=w(t);d(i["before"+s],[],i),e[t](i),d(i["after"+s],[],i)}_getRegistryForType(t){for(let e=0;et.filter((t=>!e.some((e=>t.plugin.id===e.plugin.id))));this._notify(s(e,i),t,"stop"),this._notify(s(i,e),t,"start")}}function nn(t,e){return e||!1!==t?!0===t?{}:t:null}function on(t,{plugin:e,local:i},s,n){const o=t.pluginScopeKeys(e),a=t.getOptionScopes(s,o);return i&&e.defaults&&a.push(e.defaults),t.createResolver(a,n,[""],{scriptable:!1,indexable:!1,allKeys:!0})}function an(t,e){const i=ue.datasets[t]||{};return((e.datasets||{})[t]||{}).indexAxis||e.indexAxis||i.indexAxis||"x"}function rn(t){if("x"===t||"y"===t||"r"===t)return t}function ln(t,...e){if(rn(t))return t;for(const s of e){const e=s.axis||("top"===(i=s.position)||"bottom"===i?"x":"left"===i||"right"===i?"y":void 0)||t.length>1&&rn(t[0].toLowerCase());if(e)return e}var i;throw new Error(`Cannot determine type of '${t}' axis. Please provide 'axis' or 'position' option.`)}function hn(t,e,i){if(i[e+"AxisID"]===t)return{axis:e}}function cn(t,e){const i=re[t.type]||{scales:{}},s=e.scales||{},n=an(t.type,e),a=Object.create(null);return Object.keys(s).forEach((e=>{const r=s[e];if(!o(r))return console.error(`Invalid scale configuration for scale: ${e}`);if(r._proxy)return console.warn(`Ignoring resolver passed as options for scale: ${e}`);const l=ln(e,r,function(t,e){if(e.data&&e.data.datasets){const i=e.data.datasets.filter((e=>e.xAxisID===t||e.yAxisID===t));if(i.length)return hn(t,"x",i[0])||hn(t,"y",i[0])}return{}}(e,t),ue.scales[r.type]),h=function(t,e){return t===e?"_index_":"_value_"}(l,n),c=i.scales||{};a[e]=b(Object.create(null),[{axis:l},r,c[l],c[h]])})),t.data.datasets.forEach((i=>{const n=i.type||t.type,o=i.indexAxis||an(n,e),r=(re[n]||{}).scales||{};Object.keys(r).forEach((t=>{const e=function(t,e){let i=t;return"_index_"===t?i=e:"_value_"===t&&(i="x"===e?"y":"x"),i}(t,o),n=i[e+"AxisID"]||e;a[n]=a[n]||Object.create(null),b(a[n],[{axis:e},s[n],r[t]])}))})),Object.keys(a).forEach((t=>{const e=a[t];b(e,[ue.scales[e.type],ue.scale])})),a}function dn(t){const e=t.options||(t.options={});e.plugins=l(e.plugins,{}),e.scales=cn(t,e)}function un(t){return(t=t||{}).datasets=t.datasets||[],t.labels=t.labels||[],t}const fn=new Map,gn=new Set;function pn(t,e){let i=fn.get(t);return i||(i=e(),fn.set(t,i),gn.add(i)),i}const mn=(t,e,i)=>{const s=M(e,i);void 0!==s&&t.add(s)};class xn{constructor(t){this._config=function(t){return(t=t||{}).data=un(t.data),dn(t),t}(t),this._scopeCache=new Map,this._resolverCache=new Map}get platform(){return this._config.platform}get type(){return this._config.type}set type(t){this._config.type=t}get data(){return this._config.data}set data(t){this._config.data=un(t)}get options(){return this._config.options}set options(t){this._config.options=t}get plugins(){return this._config.plugins}update(){const t=this._config;this.clearCache(),dn(t)}clearCache(){this._scopeCache.clear(),this._resolverCache.clear()}datasetScopeKeys(t){return pn(t,(()=>[[`datasets.${t}`,""]]))}datasetAnimationScopeKeys(t,e){return pn(`${t}.transition.${e}`,(()=>[[`datasets.${t}.transitions.${e}`,`transitions.${e}`],[`datasets.${t}`,""]]))}datasetElementScopeKeys(t,e){return pn(`${t}-${e}`,(()=>[[`datasets.${t}.elements.${e}`,`datasets.${t}`,`elements.${e}`,""]]))}pluginScopeKeys(t){const e=t.id;return pn(`${this.type}-plugin-${e}`,(()=>[[`plugins.${e}`,...t.additionalOptionScopes||[]]]))}_cachedScopes(t,e){const i=this._scopeCache;let s=i.get(t);return s&&!e||(s=new Map,i.set(t,s)),s}getOptionScopes(t,e,i){const{options:s,type:n}=this,o=this._cachedScopes(t,i),a=o.get(e);if(a)return a;const r=new Set;e.forEach((e=>{t&&(r.add(t),e.forEach((e=>mn(r,t,e)))),e.forEach((t=>mn(r,s,t))),e.forEach((t=>mn(r,re[n]||{},t))),e.forEach((t=>mn(r,ue,t))),e.forEach((t=>mn(r,le,t)))}));const l=Array.from(r);return 0===l.length&&l.push(Object.create(null)),gn.has(e)&&o.set(e,l),l}chartOptionScopes(){const{options:t,type:e}=this;return[t,re[e]||{},ue.datasets[e]||{},{type:e},ue,le]}resolveNamedOptions(t,e,i,s=[""]){const o={$shared:!0},{resolver:a,subPrefixes:r}=bn(this._resolverCache,t,s);let l=a;if(function(t,e){const{isScriptable:i,isIndexable:s}=Ye(t);for(const o of e){const e=i(o),a=s(o),r=(a||e)&&t[o];if(e&&(S(r)||_n(r))||a&&n(r))return!0}return!1}(a,e)){o.$shared=!1;l=$e(a,i=S(i)?i():i,this.createResolver(t,i,r))}for(const t of e)o[t]=l[t];return o}createResolver(t,e,i=[""],s){const{resolver:n}=bn(this._resolverCache,t,i);return o(e)?$e(n,e,void 0,s):n}}function bn(t,e,i){let s=t.get(e);s||(s=new Map,t.set(e,s));const n=i.join();let o=s.get(n);if(!o){o={resolver:je(e,i),subPrefixes:i.filter((t=>!t.toLowerCase().includes("hover")))},s.set(n,o)}return o}const _n=t=>o(t)&&Object.getOwnPropertyNames(t).some((e=>S(t[e])));const yn=["top","bottom","left","right","chartArea"];function vn(t,e){return"top"===t||"bottom"===t||-1===yn.indexOf(t)&&"x"===e}function Mn(t,e){return function(i,s){return i[t]===s[t]?i[e]-s[e]:i[t]-s[t]}}function wn(t){const e=t.chart,i=e.options.animation;e.notifyPlugins("afterRender"),d(i&&i.onComplete,[t],e)}function kn(t){const e=t.chart,i=e.options.animation;d(i&&i.onProgress,[t],e)}function Sn(t){return fe()&&"string"==typeof t?t=document.getElementById(t):t&&t.length&&(t=t[0]),t&&t.canvas&&(t=t.canvas),t}const Pn={},Dn=t=>{const e=Sn(t);return Object.values(Pn).filter((t=>t.canvas===e)).pop()};function Cn(t,e,i){const s=Object.keys(t);for(const n of s){const s=+n;if(s>=e){const o=t[n];delete t[n],(i>0||s>e)&&(t[s+i]=o)}}}function On(t,e,i){return t.options.clip?t[i]:e[i]}class An{static defaults=ue;static instances=Pn;static overrides=re;static registry=en;static version="4.4.8";static getChart=Dn;static register(...t){en.add(...t),Tn()}static unregister(...t){en.remove(...t),Tn()}constructor(t,e){const s=this.config=new xn(e),n=Sn(t),o=Dn(n);if(o)throw new Error("Canvas is already in use. Chart with ID '"+o.id+"' must be destroyed before the canvas with ID '"+o.canvas.id+"' can be reused.");const a=s.createResolver(s.chartOptionScopes(),this.getContext());this.platform=new(s.platform||ks(n)),this.platform.updateConfig(s);const r=this.platform.acquireContext(n,a.aspectRatio),l=r&&r.canvas,h=l&&l.height,c=l&&l.width;this.id=i(),this.ctx=r,this.canvas=l,this.width=c,this.height=h,this._options=a,this._aspectRatio=this.aspectRatio,this._layers=[],this._metasets=[],this._stacks=void 0,this.boxes=[],this.currentDevicePixelRatio=void 0,this.chartArea=void 0,this._active=[],this._lastEvent=void 0,this._listeners={},this._responsiveListeners=void 0,this._sortedMetasets=[],this.scales={},this._plugins=new sn,this.$proxies={},this._hiddenIndices={},this.attached=!1,this._animationsDisabled=void 0,this.$context=void 0,this._doResize=dt((t=>this.update(t)),a.resizeDelay||0),this._dataChanges=[],Pn[this.id]=this,r&&l?(bt.listen(this,"complete",wn),bt.listen(this,"progress",kn),this._initialize(),this.attached&&this.update()):console.error("Failed to create chart: can't acquire context from the given item")}get aspectRatio(){const{options:{aspectRatio:t,maintainAspectRatio:e},width:i,height:n,_aspectRatio:o}=this;return s(t)?e&&o?o:n?i/n:null:t}get data(){return this.config.data}set data(t){this.config.data=t}get options(){return this._options}set options(t){this.config.options=t}get registry(){return en}_initialize(){return this.notifyPlugins("beforeInit"),this.options.responsive?this.resize():ke(this,this.options.devicePixelRatio),this.bindEvents(),this.notifyPlugins("afterInit"),this}clear(){return Te(this.canvas,this.ctx),this}stop(){return bt.stop(this),this}resize(t,e){bt.running(this)?this._resizeBeforeDraw={width:t,height:e}:this._resize(t,e)}_resize(t,e){const i=this.options,s=this.canvas,n=i.maintainAspectRatio&&this.aspectRatio,o=this.platform.getMaximumSize(s,t,e,n),a=i.devicePixelRatio||this.platform.getDevicePixelRatio(),r=this.width?"resize":"attach";this.width=o.width,this.height=o.height,this._aspectRatio=this.aspectRatio,ke(this,a,!0)&&(this.notifyPlugins("resize",{size:o}),d(i.onResize,[this,o],this),this.attached&&this._doResize(r)&&this.render())}ensureScalesHaveIDs(){u(this.options.scales||{},((t,e)=>{t.id=e}))}buildOrUpdateScales(){const t=this.options,e=t.scales,i=this.scales,s=Object.keys(i).reduce(((t,e)=>(t[e]=!1,t)),{});let n=[];e&&(n=n.concat(Object.keys(e).map((t=>{const i=e[t],s=ln(t,i),n="r"===s,o="x"===s;return{options:i,dposition:n?"chartArea":o?"bottom":"left",dtype:n?"radialLinear":o?"category":"linear"}})))),u(n,(e=>{const n=e.options,o=n.id,a=ln(o,n),r=l(n.type,e.dtype);void 0!==n.position&&vn(n.position,a)===vn(e.dposition)||(n.position=e.dposition),s[o]=!0;let h=null;if(o in i&&i[o].type===r)h=i[o];else{h=new(en.getScale(r))({id:o,type:r,ctx:this.ctx,chart:this}),i[h.id]=h}h.init(n,t)})),u(s,((t,e)=>{t||delete i[e]})),u(i,(t=>{as.configure(this,t,t.options),as.addBox(this,t)}))}_updateMetasets(){const t=this._metasets,e=this.data.datasets.length,i=t.length;if(t.sort(((t,e)=>t.index-e.index)),i>e){for(let t=e;te.length&&delete this._stacks,t.forEach(((t,i)=>{0===e.filter((e=>e===t._dataset)).length&&this._destroyDatasetMeta(i)}))}buildOrUpdateControllers(){const t=[],e=this.data.datasets;let i,s;for(this._removeUnreferencedMetasets(),i=0,s=e.length;i{this.getDatasetMeta(e).controller.reset()}),this)}reset(){this._resetElements(),this.notifyPlugins("reset")}update(t){const e=this.config;e.update();const i=this._options=e.createResolver(e.chartOptionScopes(),this.getContext()),s=this._animationsDisabled=!i.animation;if(this._updateScales(),this._checkEventBindings(),this._updateHiddenIndices(),this._plugins.invalidate(),!1===this.notifyPlugins("beforeUpdate",{mode:t,cancelable:!0}))return;const n=this.buildOrUpdateControllers();this.notifyPlugins("beforeElementsUpdate");let o=0;for(let t=0,e=this.data.datasets.length;t{t.reset()})),this._updateDatasets(t),this.notifyPlugins("afterUpdate",{mode:t}),this._layers.sort(Mn("z","_idx"));const{_active:a,_lastEvent:r}=this;r?this._eventHandler(r,!0):a.length&&this._updateHoverStyles(a,a,!0),this.render()}_updateScales(){u(this.scales,(t=>{as.removeBox(this,t)})),this.ensureScalesHaveIDs(),this.buildOrUpdateScales()}_checkEventBindings(){const t=this.options,e=new Set(Object.keys(this._listeners)),i=new Set(t.events);P(e,i)&&!!this._responsiveListeners===t.responsive||(this.unbindEvents(),this.bindEvents())}_updateHiddenIndices(){const{_hiddenIndices:t}=this,e=this._getUniformDataChanges()||[];for(const{method:i,start:s,count:n}of e){Cn(t,s,"_removeElements"===i?-n:n)}}_getUniformDataChanges(){const t=this._dataChanges;if(!t||!t.length)return;this._dataChanges=[];const e=this.data.datasets.length,i=e=>new Set(t.filter((t=>t[0]===e)).map(((t,e)=>e+","+t.splice(1).join(",")))),s=i(0);for(let t=1;tt.split(","))).map((t=>({method:t[1],start:+t[2],count:+t[3]})))}_updateLayout(t){if(!1===this.notifyPlugins("beforeLayout",{cancelable:!0}))return;as.update(this,this.width,this.height,t);const e=this.chartArea,i=e.width<=0||e.height<=0;this._layers=[],u(this.boxes,(t=>{i&&"chartArea"===t.position||(t.configure&&t.configure(),this._layers.push(...t._layers()))}),this),this._layers.forEach(((t,e)=>{t._idx=e})),this.notifyPlugins("afterLayout")}_updateDatasets(t){if(!1!==this.notifyPlugins("beforeDatasetsUpdate",{mode:t,cancelable:!0})){for(let t=0,e=this.data.datasets.length;t=0;--e)this._drawDataset(t[e]);this.notifyPlugins("afterDatasetsDraw")}_drawDataset(t){const e=this.ctx,i=t._clip,s=!i.disabled,n=function(t,e){const{xScale:i,yScale:s}=t;return i&&s?{left:On(i,e,"left"),right:On(i,e,"right"),top:On(s,e,"top"),bottom:On(s,e,"bottom")}:e}(t,this.chartArea),o={meta:t,index:t.index,cancelable:!0};!1!==this.notifyPlugins("beforeDatasetDraw",o)&&(s&&Ie(e,{left:!1===i.left?0:n.left-i.left,right:!1===i.right?this.width:n.right+i.right,top:!1===i.top?0:n.top-i.top,bottom:!1===i.bottom?this.height:n.bottom+i.bottom}),t.controller.draw(),s&&ze(e),o.cancelable=!1,this.notifyPlugins("afterDatasetDraw",o))}isPointInArea(t){return Re(t,this.chartArea,this._minPadding)}getElementsAtEventForMode(t,e,i,s){const n=Xi.modes[e];return"function"==typeof n?n(this,t,i,s):[]}getDatasetMeta(t){const e=this.data.datasets[t],i=this._metasets;let s=i.filter((t=>t&&t._dataset===e)).pop();return s||(s={type:null,data:[],dataset:null,controller:null,hidden:null,xAxisID:null,yAxisID:null,order:e&&e.order||0,index:t,_dataset:e,_parsed:[],_sorted:!1},i.push(s)),s}getContext(){return this.$context||(this.$context=Ci(null,{chart:this,type:"chart"}))}getVisibleDatasetCount(){return this.getSortedVisibleDatasetMetas().length}isDatasetVisible(t){const e=this.data.datasets[t];if(!e)return!1;const i=this.getDatasetMeta(t);return"boolean"==typeof i.hidden?!i.hidden:!e.hidden}setDatasetVisibility(t,e){this.getDatasetMeta(t).hidden=!e}toggleDataVisibility(t){this._hiddenIndices[t]=!this._hiddenIndices[t]}getDataVisibility(t){return!this._hiddenIndices[t]}_updateVisibility(t,e,i){const s=i?"show":"hide",n=this.getDatasetMeta(t),o=n.controller._resolveAnimations(void 0,s);k(e)?(n.data[e].hidden=!i,this.update()):(this.setDatasetVisibility(t,i),o.update(n,{visible:i}),this.update((e=>e.datasetIndex===t?s:void 0)))}hide(t,e){this._updateVisibility(t,e,!1)}show(t,e){this._updateVisibility(t,e,!0)}_destroyDatasetMeta(t){const e=this._metasets[t];e&&e.controller&&e.controller._destroy(),delete this._metasets[t]}_stop(){let t,e;for(this.stop(),bt.remove(this),t=0,e=this.data.datasets.length;t{e.addEventListener(this,i,s),t[i]=s},s=(t,e,i)=>{t.offsetX=e,t.offsetY=i,this._eventHandler(t)};u(this.options.events,(t=>i(t,s)))}bindResponsiveEvents(){this._responsiveListeners||(this._responsiveListeners={});const t=this._responsiveListeners,e=this.platform,i=(i,s)=>{e.addEventListener(this,i,s),t[i]=s},s=(i,s)=>{t[i]&&(e.removeEventListener(this,i,s),delete t[i])},n=(t,e)=>{this.canvas&&this.resize(t,e)};let o;const a=()=>{s("attach",a),this.attached=!0,this.resize(),i("resize",n),i("detach",o)};o=()=>{this.attached=!1,s("resize",n),this._stop(),this._resize(0,0),i("attach",a)},e.isAttached(this.canvas)?a():o()}unbindEvents(){u(this._listeners,((t,e)=>{this.platform.removeEventListener(this,e,t)})),this._listeners={},u(this._responsiveListeners,((t,e)=>{this.platform.removeEventListener(this,e,t)})),this._responsiveListeners=void 0}updateHoverStyle(t,e,i){const s=i?"set":"remove";let n,o,a,r;for("dataset"===e&&(n=this.getDatasetMeta(t[0].datasetIndex),n.controller["_"+s+"DatasetHoverStyle"]()),a=0,r=t.length;a{const i=this.getDatasetMeta(t);if(!i)throw new Error("No dataset found at index "+t);return{datasetIndex:t,element:i.data[e],index:e}}));!f(i,e)&&(this._active=i,this._lastEvent=null,this._updateHoverStyles(i,e))}notifyPlugins(t,e,i){return this._plugins.notify(this,t,e,i)}isPluginEnabled(t){return 1===this._plugins._cache.filter((e=>e.plugin.id===t)).length}_updateHoverStyles(t,e,i){const s=this.options.hover,n=(t,e)=>t.filter((t=>!e.some((e=>t.datasetIndex===e.datasetIndex&&t.index===e.index)))),o=n(e,t),a=i?t:n(t,e);o.length&&this.updateHoverStyle(o,s.mode,!1),a.length&&s.mode&&this.updateHoverStyle(a,s.mode,!0)}_eventHandler(t,e){const i={event:t,replay:e,cancelable:!0,inChartArea:this.isPointInArea(t)},s=e=>(e.options.events||this.options.events).includes(t.native.type);if(!1===this.notifyPlugins("beforeEvent",i,s))return;const n=this._handleEvent(t,e,i.inChartArea);return i.cancelable=!1,this.notifyPlugins("afterEvent",i,s),(n||i.changed)&&this.render(),this}_handleEvent(t,e,i){const{_active:s=[],options:n}=this,o=e,a=this._getActiveElements(t,s,i,o),r=D(t),l=function(t,e,i,s){return i&&"mouseout"!==t.type?s?e:t:null}(t,this._lastEvent,i,r);i&&(this._lastEvent=null,d(n.onHover,[t,a,this],this),r&&d(n.onClick,[t,a,this],this));const h=!f(a,s);return(h||e)&&(this._active=a,this._updateHoverStyles(a,s,e)),this._lastEvent=l,h}_getActiveElements(t,e,i,s){if("mouseout"===t.type)return[];if(!i)return e;const n=this.options.hover;return this.getElementsAtEventForMode(t,n.mode,n,s)}}function Tn(){return u(An.instances,(t=>t._plugins.invalidate()))}function Ln(){throw new Error("This method is not implemented: Check that a complete date adapter is provided.")}class En{static override(t){Object.assign(En.prototype,t)}options;constructor(t){this.options=t||{}}init(){}formats(){return Ln()}parse(){return Ln()}format(){return Ln()}add(){return Ln()}diff(){return Ln()}startOf(){return Ln()}endOf(){return Ln()}}var Rn={_date:En};function In(t){const e=t.iScale,i=function(t,e){if(!t._cache.$bar){const i=t.getMatchingVisibleMetas(e);let s=[];for(let e=0,n=i.length;et-e)))}return t._cache.$bar}(e,t.type);let s,n,o,a,r=e._length;const l=()=>{32767!==o&&-32768!==o&&(k(a)&&(r=Math.min(r,Math.abs(o-a)||r)),a=o)};for(s=0,n=i.length;sMath.abs(r)&&(l=r,h=a),e[i.axis]=h,e._custom={barStart:l,barEnd:h,start:n,end:o,min:a,max:r}}(t,e,i,s):e[i.axis]=i.parse(t,s),e}function Fn(t,e,i,s){const n=t.iScale,o=t.vScale,a=n.getLabels(),r=n===o,l=[];let h,c,d,u;for(h=i,c=i+s;ht.x,i="left",s="right"):(e=t.base"spacing"!==t,_indexable:t=>"spacing"!==t&&!t.startsWith("borderDash")&&!t.startsWith("hoverBorderDash")};static overrides={aspectRatio:1,plugins:{legend:{labels:{generateLabels(t){const e=t.data;if(e.labels.length&&e.datasets.length){const{labels:{pointStyle:i,color:s}}=t.legend.options;return e.labels.map(((e,n)=>{const o=t.getDatasetMeta(0).controller.getStyle(n);return{text:e,fillStyle:o.backgroundColor,strokeStyle:o.borderColor,fontColor:s,lineWidth:o.borderWidth,pointStyle:i,hidden:!t.getDataVisibility(n),index:n}}))}return[]}},onClick(t,e,i){i.chart.toggleDataVisibility(e.index),i.chart.update()}}}};constructor(t,e){super(t,e),this.enableOptionSharing=!0,this.innerRadius=void 0,this.outerRadius=void 0,this.offsetX=void 0,this.offsetY=void 0}linkScales(){}parse(t,e){const i=this.getDataset().data,s=this._cachedMeta;if(!1===this._parsing)s._parsed=i;else{let n,a,r=t=>+i[t];if(o(i[t])){const{key:t="value"}=this._parsing;r=e=>+M(i[e],t)}for(n=t,a=t+e;nZ(t,r,l,!0)?1:Math.max(e,e*i,s,s*i),g=(t,e,s)=>Z(t,r,l,!0)?-1:Math.min(e,e*i,s,s*i),p=f(0,h,d),m=f(E,c,u),x=g(C,h,d),b=g(C+E,c,u);s=(p-x)/2,n=(m-b)/2,o=-(p+x)/2,a=-(m+b)/2}return{ratioX:s,ratioY:n,offsetX:o,offsetY:a}}(u,d,r),x=(i.width-o)/f,b=(i.height-o)/g,_=Math.max(Math.min(x,b)/2,0),y=c(this.options.radius,_),v=(y-Math.max(y*r,0))/this._getVisibleDatasetWeightTotal();this.offsetX=p*y,this.offsetY=m*y,s.total=this.calculateTotal(),this.outerRadius=y-v*this._getRingWeightOffset(this.index),this.innerRadius=Math.max(this.outerRadius-v*l,0),this.updateElements(n,0,n.length,t)}_circumference(t,e){const i=this.options,s=this._cachedMeta,n=this._getCircumference();return e&&i.animation.animateRotate||!this.chart.getDataVisibility(t)||null===s._parsed[t]||s.data[t].hidden?0:this.calculateCircumference(s._parsed[t]*n/O)}updateElements(t,e,i,s){const n="reset"===s,o=this.chart,a=o.chartArea,r=o.options.animation,l=(a.left+a.right)/2,h=(a.top+a.bottom)/2,c=n&&r.animateScale,d=c?0:this.innerRadius,u=c?0:this.outerRadius,{sharedOptions:f,includeOptions:g}=this._getSharedOptions(e,s);let p,m=this._getRotation();for(p=0;p0&&!isNaN(t)?O*(Math.abs(t)/e):0}getLabelAndValue(t){const e=this._cachedMeta,i=this.chart,s=i.data.labels||[],n=ne(e._parsed[t],i.options.locale);return{label:s[t]||"",value:n}}getMaxBorderWidth(t){let e=0;const i=this.chart;let s,n,o,a,r;if(!t)for(s=0,n=i.data.datasets.length;s{const o=t.getDatasetMeta(0).controller.getStyle(n);return{text:e,fillStyle:o.backgroundColor,strokeStyle:o.borderColor,fontColor:s,lineWidth:o.borderWidth,pointStyle:i,hidden:!t.getDataVisibility(n),index:n}}))}return[]}},onClick(t,e,i){i.chart.toggleDataVisibility(e.index),i.chart.update()}}},scales:{r:{type:"radialLinear",angleLines:{display:!1},beginAtZero:!0,grid:{circular:!0},pointLabels:{display:!1},startAngle:0}}};constructor(t,e){super(t,e),this.innerRadius=void 0,this.outerRadius=void 0}getLabelAndValue(t){const e=this._cachedMeta,i=this.chart,s=i.data.labels||[],n=ne(e._parsed[t].r,i.options.locale);return{label:s[t]||"",value:n}}parseObjectData(t,e,i,s){return ii.bind(this)(t,e,i,s)}update(t){const e=this._cachedMeta.data;this._updateRadius(),this.updateElements(e,0,e.length,t)}getMinMax(){const t=this._cachedMeta,e={min:Number.POSITIVE_INFINITY,max:Number.NEGATIVE_INFINITY};return t.data.forEach(((t,i)=>{const s=this.getParsed(i).r;!isNaN(s)&&this.chart.getDataVisibility(i)&&(se.max&&(e.max=s))})),e}_updateRadius(){const t=this.chart,e=t.chartArea,i=t.options,s=Math.min(e.right-e.left,e.bottom-e.top),n=Math.max(s/2,0),o=(n-Math.max(i.cutoutPercentage?n/100*i.cutoutPercentage:1,0))/t.getVisibleDatasetCount();this.outerRadius=n-o*this.index,this.innerRadius=this.outerRadius-o}updateElements(t,e,i,s){const n="reset"===s,o=this.chart,a=o.options.animation,r=this._cachedMeta.rScale,l=r.xCenter,h=r.yCenter,c=r.getIndexAngle(0)-.5*C;let d,u=c;const f=360/this.countVisibleElements();for(d=0;d{!isNaN(this.getParsed(i).r)&&this.chart.getDataVisibility(i)&&e++})),e}_computeAngle(t,e,i){return this.chart.getDataVisibility(t)?$(this.resolveDataElementOptions(t,e).angle||i):0}}var Yn=Object.freeze({__proto__:null,BarController:class extends Ns{static id="bar";static defaults={datasetElementType:!1,dataElementType:"bar",categoryPercentage:.8,barPercentage:.9,grouped:!0,animations:{numbers:{type:"number",properties:["x","y","base","width","height"]}}};static overrides={scales:{_index_:{type:"category",offset:!0,grid:{offset:!0}},_value_:{type:"linear",beginAtZero:!0}}};parsePrimitiveData(t,e,i,s){return Fn(t,e,i,s)}parseArrayData(t,e,i,s){return Fn(t,e,i,s)}parseObjectData(t,e,i,s){const{iScale:n,vScale:o}=t,{xAxisKey:a="x",yAxisKey:r="y"}=this._parsing,l="x"===n.axis?a:r,h="x"===o.axis?a:r,c=[];let d,u,f,g;for(d=i,u=i+s;dt.controller.options.grouped)),o=i.options.stacked,a=[],r=this._cachedMeta.controller.getParsed(e),l=r&&r[i.axis],h=t=>{const e=t._parsed.find((t=>t[i.axis]===l)),n=e&&e[t.vScale.axis];if(s(n)||isNaN(n))return!0};for(const i of n)if((void 0===e||!h(i))&&((!1===o||-1===a.indexOf(i.stack)||void 0===o&&void 0===i.stack)&&a.push(i.stack),i.index===t))break;return a.length||a.push(void 0),a}_getStackCount(t){return this._getStacks(void 0,t).length}_getStackIndex(t,e,i){const s=this._getStacks(t,i),n=void 0!==e?s.indexOf(e):-1;return-1===n?s.length-1:n}_getRuler(){const t=this.options,e=this._cachedMeta,i=e.iScale,s=[];let n,o;for(n=0,o=e.data.length;n=i?1:-1)}(u,e,r)*a,f===r&&(x-=u/2);const t=e.getPixelForDecimal(0),s=e.getPixelForDecimal(1),o=Math.min(t,s),h=Math.max(t,s);x=Math.max(Math.min(x,h),o),d=x+u,i&&!c&&(l._stacks[e.axis]._visualValues[n]=e.getValueForPixel(d)-e.getValueForPixel(x))}if(x===e.getPixelForValue(r)){const t=F(u)*e.getLineWidthForValue(r)/2;x+=t,u-=t}return{size:u,base:x,head:d,center:d+u/2}}_calculateBarIndexPixels(t,e){const i=e.scale,n=this.options,o=n.skipNull,a=l(n.maxBarThickness,1/0);let r,h;if(e.grouped){const i=o?this._getStackCount(t):e.stackCount,l="flex"===n.barThickness?function(t,e,i,s){const n=e.pixels,o=n[t];let a=t>0?n[t-1]:null,r=t=0;--i)e=Math.max(e,t[i].size(this.resolveDataElementOptions(i))/2);return e>0&&e}getLabelAndValue(t){const e=this._cachedMeta,i=this.chart.data.labels||[],{xScale:s,yScale:n}=e,o=this.getParsed(t),a=s.getLabelForValue(o.x),r=n.getLabelForValue(o.y),l=o._custom;return{label:i[t]||"",value:"("+a+", "+r+(l?", "+l:"")+")"}}update(t){const e=this._cachedMeta.data;this.updateElements(e,0,e.length,t)}updateElements(t,e,i,s){const n="reset"===s,{iScale:o,vScale:a}=this._cachedMeta,{sharedOptions:r,includeOptions:l}=this._getSharedOptions(e,s),h=o.axis,c=a.axis;for(let d=e;d0&&this.getParsed(e-1);for(let i=0;i<_;++i){const g=t[i],_=x?g:{};if(i=b){_.skip=!0;continue}const v=this.getParsed(i),M=s(v[f]),w=_[u]=a.getPixelForValue(v[u],i),k=_[f]=o||M?r.getBasePixel():r.getPixelForValue(l?this.applyStack(r,v,l):v[f],i);_.skip=isNaN(w)||isNaN(k)||M,_.stop=i>0&&Math.abs(v[u]-y[u])>m,p&&(_.parsed=v,_.raw=h.data[i]),d&&(_.options=c||this.resolveDataElementOptions(i,g.active?"active":n)),x||this.updateElement(g,i,_,n),y=v}}getMaxOverflow(){const t=this._cachedMeta,e=t.dataset,i=e.options&&e.options.borderWidth||0,s=t.data||[];if(!s.length)return i;const n=s[0].size(this.resolveDataElementOptions(0)),o=s[s.length-1].size(this.resolveDataElementOptions(s.length-1));return Math.max(i,n,o)/2}draw(){const t=this._cachedMeta;t.dataset.updateControlPoints(this.chart.chartArea,t.iScale.axis),super.draw()}},PieController:class extends jn{static id="pie";static defaults={cutout:0,rotation:0,circumference:360,radius:"100%"}},PolarAreaController:$n,RadarController:class extends Ns{static id="radar";static defaults={datasetElementType:"line",dataElementType:"point",indexAxis:"r",showLine:!0,elements:{line:{fill:"start"}}};static overrides={aspectRatio:1,scales:{r:{type:"radialLinear"}}};getLabelAndValue(t){const e=this._cachedMeta.vScale,i=this.getParsed(t);return{label:e.getLabels()[t],value:""+e.getLabelForValue(i[e.axis])}}parseObjectData(t,e,i,s){return ii.bind(this)(t,e,i,s)}update(t){const e=this._cachedMeta,i=e.dataset,s=e.data||[],n=e.iScale.getLabels();if(i.points=s,"resize"!==t){const e=this.resolveDatasetElementOptions(t);this.options.showLine||(e.borderWidth=0);const o={_loop:!0,_fullLoop:n.length===s.length,options:e};this.updateElement(i,void 0,o,t)}this.updateElements(s,0,s.length,t)}updateElements(t,e,i,s){const n=this._cachedMeta.rScale,o="reset"===s;for(let a=e;a0&&this.getParsed(e-1);for(let c=e;c0&&Math.abs(i[f]-_[f])>x,m&&(p.parsed=i,p.raw=h.data[c]),u&&(p.options=d||this.resolveDataElementOptions(c,e.active?"active":n)),b||this.updateElement(e,c,p,n),_=i}this.updateSharedOptions(d,n,c)}getMaxOverflow(){const t=this._cachedMeta,e=t.data||[];if(!this.options.showLine){let t=0;for(let i=e.length-1;i>=0;--i)t=Math.max(t,e[i].size(this.resolveDataElementOptions(i))/2);return t>0&&t}const i=t.dataset,s=i.options&&i.options.borderWidth||0;if(!e.length)return s;const n=e[0].size(this.resolveDataElementOptions(0)),o=e[e.length-1].size(this.resolveDataElementOptions(e.length-1));return Math.max(s,n,o)/2}}});function Un(t,e,i,s){const n=vi(t.options.borderRadius,["outerStart","outerEnd","innerStart","innerEnd"]);const o=(i-e)/2,a=Math.min(o,s*e/2),r=t=>{const e=(i-Math.min(o,t))*s/2;return J(t,0,Math.min(o,e))};return{outerStart:r(n.outerStart),outerEnd:r(n.outerEnd),innerStart:J(n.innerStart,0,a),innerEnd:J(n.innerEnd,0,a)}}function Xn(t,e,i,s){return{x:i+t*Math.cos(e),y:s+t*Math.sin(e)}}function qn(t,e,i,s,n,o){const{x:a,y:r,startAngle:l,pixelMargin:h,innerRadius:c}=e,d=Math.max(e.outerRadius+s+i-h,0),u=c>0?c+s+i+h:0;let f=0;const g=n-l;if(s){const t=((c>0?c-s:0)+(d>0?d-s:0))/2;f=(g-(0!==t?g*t/(t+s):g))/2}const p=(g-Math.max(.001,g*d-i/C)/d)/2,m=l+p+f,x=n-p-f,{outerStart:b,outerEnd:_,innerStart:y,innerEnd:v}=Un(e,u,d,x-m),M=d-b,w=d-_,k=m+b/M,S=x-_/w,P=u+y,D=u+v,O=m+y/P,A=x-v/D;if(t.beginPath(),o){const e=(k+S)/2;if(t.arc(a,r,d,k,e),t.arc(a,r,d,e,S),_>0){const e=Xn(w,S,a,r);t.arc(e.x,e.y,_,S,x+E)}const i=Xn(D,x,a,r);if(t.lineTo(i.x,i.y),v>0){const e=Xn(D,A,a,r);t.arc(e.x,e.y,v,x+E,A+Math.PI)}const s=(x-v/u+(m+y/u))/2;if(t.arc(a,r,u,x-v/u,s,!0),t.arc(a,r,u,s,m+y/u,!0),y>0){const e=Xn(P,O,a,r);t.arc(e.x,e.y,y,O+Math.PI,m-E)}const n=Xn(M,m,a,r);if(t.lineTo(n.x,n.y),b>0){const e=Xn(M,k,a,r);t.arc(e.x,e.y,b,m-E,k)}}else{t.moveTo(a,r);const e=Math.cos(k)*d+a,i=Math.sin(k)*d+r;t.lineTo(e,i);const s=Math.cos(S)*d+a,n=Math.sin(S)*d+r;t.lineTo(s,n)}t.closePath()}function Kn(t,e,i,s,n){const{fullCircles:o,startAngle:a,circumference:r,options:l}=e,{borderWidth:h,borderJoinStyle:c,borderDash:d,borderDashOffset:u}=l,f="inner"===l.borderAlign;if(!h)return;t.setLineDash(d||[]),t.lineDashOffset=u,f?(t.lineWidth=2*h,t.lineJoin=c||"round"):(t.lineWidth=h,t.lineJoin=c||"bevel");let g=e.endAngle;if(o){qn(t,e,i,s,g,n);for(let e=0;en?(h=n/l,t.arc(o,a,l,i+h,s-h,!0)):t.arc(o,a,n,i+E,s-E),t.closePath(),t.clip()}(t,e,g),o||(qn(t,e,i,s,g,n),t.stroke())}function Gn(t,e,i=e){t.lineCap=l(i.borderCapStyle,e.borderCapStyle),t.setLineDash(l(i.borderDash,e.borderDash)),t.lineDashOffset=l(i.borderDashOffset,e.borderDashOffset),t.lineJoin=l(i.borderJoinStyle,e.borderJoinStyle),t.lineWidth=l(i.borderWidth,e.borderWidth),t.strokeStyle=l(i.borderColor,e.borderColor)}function Zn(t,e,i){t.lineTo(i.x,i.y)}function Jn(t,e,i={}){const s=t.length,{start:n=0,end:o=s-1}=i,{start:a,end:r}=e,l=Math.max(n,a),h=Math.min(o,r),c=nr&&o>r;return{count:s,start:l,loop:e.loop,ilen:h(a+(h?r-t:t))%o,_=()=>{f!==g&&(t.lineTo(m,g),t.lineTo(m,f),t.lineTo(m,p))};for(l&&(d=n[b(0)],t.moveTo(d.x,d.y)),c=0;c<=r;++c){if(d=n[b(c)],d.skip)continue;const e=d.x,i=d.y,s=0|e;s===u?(ig&&(g=i),m=(x*m+e)/++x):(_(),t.lineTo(e,i),u=s,x=0,f=g=i),p=i}_()}function eo(t){const e=t.options,i=e.borderDash&&e.borderDash.length;return!(t._decimated||t._loop||e.tension||"monotone"===e.cubicInterpolationMode||e.stepped||i)?to:Qn}const io="function"==typeof Path2D;function so(t,e,i,s){io&&!e.options.segment?function(t,e,i,s){let n=e._path;n||(n=e._path=new Path2D,e.path(n,i,s)&&n.closePath()),Gn(t,e.options),t.stroke(n)}(t,e,i,s):function(t,e,i,s){const{segments:n,options:o}=e,a=eo(e);for(const r of n)Gn(t,o,r.style),t.beginPath(),a(t,e,r,{start:i,end:i+s-1})&&t.closePath(),t.stroke()}(t,e,i,s)}class no extends Hs{static id="line";static defaults={borderCapStyle:"butt",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderWidth:3,capBezierPoints:!0,cubicInterpolationMode:"default",fill:!1,spanGaps:!1,stepped:!1,tension:0};static defaultRoutes={backgroundColor:"backgroundColor",borderColor:"borderColor"};static descriptors={_scriptable:!0,_indexable:t=>"borderDash"!==t&&"fill"!==t};constructor(t){super(),this.animated=!0,this.options=void 0,this._chart=void 0,this._loop=void 0,this._fullLoop=void 0,this._path=void 0,this._points=void 0,this._segments=void 0,this._decimated=!1,this._pointsUpdated=!1,this._datasetIndex=void 0,t&&Object.assign(this,t)}updateControlPoints(t,e){const i=this.options;if((i.tension||"monotone"===i.cubicInterpolationMode)&&!i.stepped&&!this._pointsUpdated){const s=i.spanGaps?this._loop:this._fullLoop;hi(this._points,i,t,s,e),this._pointsUpdated=!0}}set points(t){this._points=t,delete this._segments,delete this._path,this._pointsUpdated=!1}get points(){return this._points}get segments(){return this._segments||(this._segments=zi(this,this.options.segment))}first(){const t=this.segments,e=this.points;return t.length&&e[t[0].start]}last(){const t=this.segments,e=this.points,i=t.length;return i&&e[t[i-1].end]}interpolate(t,e){const i=this.options,s=t[e],n=this.points,o=Ii(this,{property:e,start:s,end:s});if(!o.length)return;const a=[],r=function(t){return t.stepped?pi:t.tension||"monotone"===t.cubicInterpolationMode?mi:gi}(i);let l,h;for(l=0,h=o.length;l"borderDash"!==t};circumference;endAngle;fullCircles;innerRadius;outerRadius;pixelMargin;startAngle;constructor(t){super(),this.options=void 0,this.circumference=void 0,this.startAngle=void 0,this.endAngle=void 0,this.innerRadius=void 0,this.outerRadius=void 0,this.pixelMargin=0,this.fullCircles=0,t&&Object.assign(this,t)}inRange(t,e,i){const s=this.getProps(["x","y"],i),{angle:n,distance:o}=X(s,{x:t,y:e}),{startAngle:a,endAngle:r,innerRadius:h,outerRadius:c,circumference:d}=this.getProps(["startAngle","endAngle","innerRadius","outerRadius","circumference"],i),u=(this.options.spacing+this.options.borderWidth)/2,f=l(d,r-a),g=Z(n,a,r)&&a!==r,p=f>=O||g,m=tt(o,h+u,c+u);return p&&m}getCenterPoint(t){const{x:e,y:i,startAngle:s,endAngle:n,innerRadius:o,outerRadius:a}=this.getProps(["x","y","startAngle","endAngle","innerRadius","outerRadius"],t),{offset:r,spacing:l}=this.options,h=(s+n)/2,c=(o+a+l+r)/2;return{x:e+Math.cos(h)*c,y:i+Math.sin(h)*c}}tooltipPosition(t){return this.getCenterPoint(t)}draw(t){const{options:e,circumference:i}=this,s=(e.offset||0)/4,n=(e.spacing||0)/2,o=e.circular;if(this.pixelMargin="inner"===e.borderAlign?.33:0,this.fullCircles=i>O?Math.floor(i/O):0,0===i||this.innerRadius<0||this.outerRadius<0)return;t.save();const a=(this.startAngle+this.endAngle)/2;t.translate(Math.cos(a)*s,Math.sin(a)*s);const r=s*(1-Math.sin(Math.min(C,i||0)));t.fillStyle=e.backgroundColor,t.strokeStyle=e.borderColor,function(t,e,i,s,n){const{fullCircles:o,startAngle:a,circumference:r}=e;let l=e.endAngle;if(o){qn(t,e,i,s,l,n);for(let e=0;e("string"==typeof e?(i=t.push(e)-1,s.unshift({index:i,label:e})):isNaN(e)&&(i=null),i))(t,e,i,s);return n!==t.lastIndexOf(e)?i:n}function po(t){const e=this.getLabels();return t>=0&&ts=e?s:t,a=t=>n=i?n:t;if(t){const t=F(s),e=F(n);t<0&&e<0?a(0):t>0&&e>0&&o(0)}if(s===n){let e=0===n?1:Math.abs(.05*n);a(n+e),t||o(s-e)}this.min=s,this.max=n}getTickLimit(){const t=this.options.ticks;let e,{maxTicksLimit:i,stepSize:s}=t;return s?(e=Math.ceil(this.max/s)-Math.floor(this.min/s)+1,e>1e3&&(console.warn(`scales.${this.id}.ticks.stepSize: ${s} would result generating up to ${e} ticks. Limiting to 1000.`),e=1e3)):(e=this.computeTickLimit(),i=i||11),i&&(e=Math.min(i,e)),e}computeTickLimit(){return Number.POSITIVE_INFINITY}buildTicks(){const t=this.options,e=t.ticks;let i=this.getTickLimit();i=Math.max(2,i);const n=function(t,e){const i=[],{bounds:n,step:o,min:a,max:r,precision:l,count:h,maxTicks:c,maxDigits:d,includeBounds:u}=t,f=o||1,g=c-1,{min:p,max:m}=e,x=!s(a),b=!s(r),_=!s(h),y=(m-p)/(d+1);let v,M,w,k,S=B((m-p)/g/f)*f;if(S<1e-14&&!x&&!b)return[{value:p},{value:m}];k=Math.ceil(m/S)-Math.floor(p/S),k>g&&(S=B(k*S/g/f)*f),s(l)||(v=Math.pow(10,l),S=Math.ceil(S*v)/v),"ticks"===n?(M=Math.floor(p/S)*S,w=Math.ceil(m/S)*S):(M=p,w=m),x&&b&&o&&H((r-a)/o,S/1e3)?(k=Math.round(Math.min((r-a)/S,c)),S=(r-a)/k,M=a,w=r):_?(M=x?a:M,w=b?r:w,k=h-1,S=(w-M)/k):(k=(w-M)/S,k=V(k,Math.round(k),S/1e3)?Math.round(k):Math.ceil(k));const P=Math.max(U(S),U(M));v=Math.pow(10,s(l)?P:l),M=Math.round(M*v)/v,w=Math.round(w*v)/v;let D=0;for(x&&(u&&M!==a?(i.push({value:a}),Mr)break;i.push({value:t})}return b&&u&&w!==r?i.length&&V(i[i.length-1].value,r,mo(r,y,t))?i[i.length-1].value=r:i.push({value:r}):b&&w!==r||i.push({value:w}),i}({maxTicks:i,bounds:t.bounds,min:t.min,max:t.max,precision:e.precision,step:e.stepSize,count:e.count,maxDigits:this._maxDigits(),horizontal:this.isHorizontal(),minRotation:e.minRotation||0,includeBounds:!1!==e.includeBounds},this._range||this);return"ticks"===t.bounds&&j(n,this,"value"),t.reverse?(n.reverse(),this.start=this.max,this.end=this.min):(this.start=this.min,this.end=this.max),n}configure(){const t=this.ticks;let e=this.min,i=this.max;if(super.configure(),this.options.offset&&t.length){const s=(i-e)/Math.max(t.length-1,1)/2;e-=s,i+=s}this._startValue=e,this._endValue=i,this._valueRange=i-e}getLabelForValue(t){return ne(t,this.chart.options.locale,this.options.ticks.format)}}class bo extends xo{static id="linear";static defaults={ticks:{callback:ae.formatters.numeric}};determineDataLimits(){const{min:t,max:e}=this.getMinMax(!0);this.min=a(t)?t:0,this.max=a(e)?e:1,this.handleTickRangeOptions()}computeTickLimit(){const t=this.isHorizontal(),e=t?this.width:this.height,i=$(this.options.ticks.minRotation),s=(t?Math.sin(i):Math.cos(i))||.001,n=this._resolveTickFontOptions(0);return Math.ceil(e/Math.min(40,n.lineHeight/s))}getPixelForValue(t){return null===t?NaN:this.getPixelForDecimal((t-this._startValue)/this._valueRange)}getValueForPixel(t){return this._startValue+this.getDecimalForPixel(t)*this._valueRange}}const _o=t=>Math.floor(z(t)),yo=(t,e)=>Math.pow(10,_o(t)+e);function vo(t){return 1===t/Math.pow(10,_o(t))}function Mo(t,e,i){const s=Math.pow(10,i),n=Math.floor(t/s);return Math.ceil(e/s)-n}function wo(t,{min:e,max:i}){e=r(t.min,e);const s=[],n=_o(e);let o=function(t,e){let i=_o(e-t);for(;Mo(t,e,i)>10;)i++;for(;Mo(t,e,i)<10;)i--;return Math.min(i,_o(t))}(e,i),a=o<0?Math.pow(10,Math.abs(o)):1;const l=Math.pow(10,o),h=n>o?Math.pow(10,n):0,c=Math.round((e-h)*a)/a,d=Math.floor((e-h)/l/10)*l*10;let u=Math.floor((c-d)/Math.pow(10,o)),f=r(t.min,Math.round((h+d+u*Math.pow(10,o))*a)/a);for(;f=10?u=u<15?15:20:u++,u>=20&&(o++,u=2,a=o>=0?1:a),f=Math.round((h+d+u*Math.pow(10,o))*a)/a;const g=r(t.max,f);return s.push({value:g,major:vo(g),significand:u}),s}class ko extends Js{static id="logarithmic";static defaults={ticks:{callback:ae.formatters.logarithmic,major:{enabled:!0}}};constructor(t){super(t),this.start=void 0,this.end=void 0,this._startValue=void 0,this._valueRange=0}parse(t,e){const i=xo.prototype.parse.apply(this,[t,e]);if(0!==i)return a(i)&&i>0?i:null;this._zero=!0}determineDataLimits(){const{min:t,max:e}=this.getMinMax(!0);this.min=a(t)?Math.max(0,t):null,this.max=a(e)?Math.max(0,e):null,this.options.beginAtZero&&(this._zero=!0),this._zero&&this.min!==this._suggestedMin&&!a(this._userMin)&&(this.min=t===yo(this.min,0)?yo(this.min,-1):yo(this.min,0)),this.handleTickRangeOptions()}handleTickRangeOptions(){const{minDefined:t,maxDefined:e}=this.getUserBounds();let i=this.min,s=this.max;const n=e=>i=t?i:e,o=t=>s=e?s:t;i===s&&(i<=0?(n(1),o(10)):(n(yo(i,-1)),o(yo(s,1)))),i<=0&&n(yo(s,-1)),s<=0&&o(yo(i,1)),this.min=i,this.max=s}buildTicks(){const t=this.options,e=wo({min:this._userMin,max:this._userMax},this);return"ticks"===t.bounds&&j(e,this,"value"),t.reverse?(e.reverse(),this.start=this.max,this.end=this.min):(this.start=this.min,this.end=this.max),e}getLabelForValue(t){return void 0===t?"0":ne(t,this.chart.options.locale,this.options.ticks.format)}configure(){const t=this.min;super.configure(),this._startValue=z(t),this._valueRange=z(this.max)-z(t)}getPixelForValue(t){return void 0!==t&&0!==t||(t=this.min),null===t||isNaN(t)?NaN:this.getPixelForDecimal(t===this.min?0:(z(t)-this._startValue)/this._valueRange)}getValueForPixel(t){const e=this.getDecimalForPixel(t);return Math.pow(10,this._startValue+e*this._valueRange)}}function So(t){const e=t.ticks;if(e.display&&t.display){const t=ki(e.backdropPadding);return l(e.font&&e.font.size,ue.font.size)+t.height}return 0}function Po(t,e,i,s,n){return t===s||t===n?{start:e-i/2,end:e+i/2}:tn?{start:e-i,end:e}:{start:e,end:e+i}}function Do(t){const e={l:t.left+t._padding.left,r:t.right-t._padding.right,t:t.top+t._padding.top,b:t.bottom-t._padding.bottom},i=Object.assign({},e),s=[],o=[],a=t._pointLabels.length,r=t.options.pointLabels,l=r.centerPointLabels?C/a:0;for(let u=0;ue.r&&(r=(s.end-e.r)/o,t.r=Math.max(t.r,e.r+r)),n.starte.b&&(l=(n.end-e.b)/a,t.b=Math.max(t.b,e.b+l))}function Oo(t,e,i){const s=t.drawingArea,{extra:n,additionalAngle:o,padding:a,size:r}=i,l=t.getPointPosition(e,s+n+a,o),h=Math.round(Y(G(l.angle+E))),c=function(t,e,i){90===i||270===i?t-=e/2:(i>270||i<90)&&(t-=e);return t}(l.y,r.h,h),d=function(t){if(0===t||180===t)return"center";if(t<180)return"left";return"right"}(h),u=function(t,e,i){"right"===i?t-=e:"center"===i&&(t-=e/2);return t}(l.x,r.w,d);return{visible:!0,x:l.x,y:c,textAlign:d,left:u,top:c,right:u+r.w,bottom:c+r.h}}function Ao(t,e){if(!e)return!0;const{left:i,top:s,right:n,bottom:o}=t;return!(Re({x:i,y:s},e)||Re({x:i,y:o},e)||Re({x:n,y:s},e)||Re({x:n,y:o},e))}function To(t,e,i){const{left:n,top:o,right:a,bottom:r}=i,{backdropColor:l}=e;if(!s(l)){const i=wi(e.borderRadius),s=ki(e.backdropPadding);t.fillStyle=l;const h=n-s.left,c=o-s.top,d=a-n+s.width,u=r-o+s.height;Object.values(i).some((t=>0!==t))?(t.beginPath(),He(t,{x:h,y:c,w:d,h:u,radius:i}),t.fill()):t.fillRect(h,c,d,u)}}function Lo(t,e,i,s){const{ctx:n}=t;if(i)n.arc(t.xCenter,t.yCenter,e,0,O);else{let i=t.getPointPosition(0,e);n.moveTo(i.x,i.y);for(let o=1;ot,padding:5,centerPointLabels:!1}};static defaultRoutes={"angleLines.color":"borderColor","pointLabels.color":"color","ticks.color":"color"};static descriptors={angleLines:{_fallback:"grid"}};constructor(t){super(t),this.xCenter=void 0,this.yCenter=void 0,this.drawingArea=void 0,this._pointLabels=[],this._pointLabelItems=[]}setDimensions(){const t=this._padding=ki(So(this.options)/2),e=this.width=this.maxWidth-t.width,i=this.height=this.maxHeight-t.height;this.xCenter=Math.floor(this.left+e/2+t.left),this.yCenter=Math.floor(this.top+i/2+t.top),this.drawingArea=Math.floor(Math.min(e,i)/2)}determineDataLimits(){const{min:t,max:e}=this.getMinMax(!1);this.min=a(t)&&!isNaN(t)?t:0,this.max=a(e)&&!isNaN(e)?e:0,this.handleTickRangeOptions()}computeTickLimit(){return Math.ceil(this.drawingArea/So(this.options))}generateTickLabels(t){xo.prototype.generateTickLabels.call(this,t),this._pointLabels=this.getLabels().map(((t,e)=>{const i=d(this.options.pointLabels.callback,[t,e],this);return i||0===i?i:""})).filter(((t,e)=>this.chart.getDataVisibility(e)))}fit(){const t=this.options;t.display&&t.pointLabels.display?Do(this):this.setCenterPoint(0,0,0,0)}setCenterPoint(t,e,i,s){this.xCenter+=Math.floor((t-e)/2),this.yCenter+=Math.floor((i-s)/2),this.drawingArea-=Math.min(this.drawingArea/2,Math.max(t,e,i,s))}getIndexAngle(t){return G(t*(O/(this._pointLabels.length||1))+$(this.options.startAngle||0))}getDistanceFromCenterForValue(t){if(s(t))return NaN;const e=this.drawingArea/(this.max-this.min);return this.options.reverse?(this.max-t)*e:(t-this.min)*e}getValueForDistanceFromCenter(t){if(s(t))return NaN;const e=t/(this.drawingArea/(this.max-this.min));return this.options.reverse?this.max-e:this.min+e}getPointLabelContext(t){const e=this._pointLabels||[];if(t>=0&&t=0;n--){const e=t._pointLabelItems[n];if(!e.visible)continue;const o=s.setContext(t.getPointLabelContext(n));To(i,o,e);const a=Si(o.font),{x:r,y:l,textAlign:h}=e;Ne(i,t._pointLabels[n],r,l+a.lineHeight/2,a,{color:o.color,textAlign:h,textBaseline:"middle"})}}(this,o),s.display&&this.ticks.forEach(((t,e)=>{if(0!==e||0===e&&this.min<0){r=this.getDistanceFromCenterForValue(t.value);const i=this.getContext(e),a=s.setContext(i),l=n.setContext(i);!function(t,e,i,s,n){const o=t.ctx,a=e.circular,{color:r,lineWidth:l}=e;!a&&!s||!r||!l||i<0||(o.save(),o.strokeStyle=r,o.lineWidth=l,o.setLineDash(n.dash||[]),o.lineDashOffset=n.dashOffset,o.beginPath(),Lo(t,i,a,s),o.closePath(),o.stroke(),o.restore())}(this,a,r,o,l)}})),i.display){for(t.save(),a=o-1;a>=0;a--){const s=i.setContext(this.getPointLabelContext(a)),{color:n,lineWidth:o}=s;o&&n&&(t.lineWidth=o,t.strokeStyle=n,t.setLineDash(s.borderDash),t.lineDashOffset=s.borderDashOffset,r=this.getDistanceFromCenterForValue(e.reverse?this.min:this.max),l=this.getPointPosition(a,r),t.beginPath(),t.moveTo(this.xCenter,this.yCenter),t.lineTo(l.x,l.y),t.stroke())}t.restore()}}drawBorder(){}drawLabels(){const t=this.ctx,e=this.options,i=e.ticks;if(!i.display)return;const s=this.getIndexAngle(0);let n,o;t.save(),t.translate(this.xCenter,this.yCenter),t.rotate(s),t.textAlign="center",t.textBaseline="middle",this.ticks.forEach(((s,a)=>{if(0===a&&this.min>=0&&!e.reverse)return;const r=i.setContext(this.getContext(a)),l=Si(r.font);if(n=this.getDistanceFromCenterForValue(this.ticks[a].value),r.showLabelBackdrop){t.font=l.string,o=t.measureText(s.label).width,t.fillStyle=r.backdropColor;const e=ki(r.backdropPadding);t.fillRect(-o/2-e.left,-n-l.size/2-e.top,o+e.width,l.size+e.height)}Ne(t,s.label,0,-n,l,{color:r.color,strokeColor:r.textStrokeColor,strokeWidth:r.textStrokeWidth})})),t.restore()}drawTitle(){}}const Ro={millisecond:{common:!0,size:1,steps:1e3},second:{common:!0,size:1e3,steps:60},minute:{common:!0,size:6e4,steps:60},hour:{common:!0,size:36e5,steps:24},day:{common:!0,size:864e5,steps:30},week:{common:!1,size:6048e5,steps:4},month:{common:!0,size:2628e6,steps:12},quarter:{common:!1,size:7884e6,steps:4},year:{common:!0,size:3154e7}},Io=Object.keys(Ro);function zo(t,e){return t-e}function Fo(t,e){if(s(e))return null;const i=t._adapter,{parser:n,round:o,isoWeekday:r}=t._parseOpts;let l=e;return"function"==typeof n&&(l=n(l)),a(l)||(l="string"==typeof n?i.parse(l,n):i.parse(l)),null===l?null:(o&&(l="week"!==o||!N(r)&&!0!==r?i.startOf(l,o):i.startOf(l,"isoWeek",r)),+l)}function Vo(t,e,i,s){const n=Io.length;for(let o=Io.indexOf(t);o=e?i[s]:i[n]]=!0}}else t[e]=!0}function Wo(t,e,i){const s=[],n={},o=e.length;let a,r;for(a=0;a=0&&(e[l].major=!0);return e}(t,s,n,i):s}class No extends Js{static id="time";static defaults={bounds:"data",adapters:{},time:{parser:!1,unit:!1,round:!1,isoWeekday:!1,minUnit:"millisecond",displayFormats:{}},ticks:{source:"auto",callback:!1,major:{enabled:!1}}};constructor(t){super(t),this._cache={data:[],labels:[],all:[]},this._unit="day",this._majorUnit=void 0,this._offsets={},this._normalized=!1,this._parseOpts=void 0}init(t,e={}){const i=t.time||(t.time={}),s=this._adapter=new Rn._date(t.adapters.date);s.init(e),b(i.displayFormats,s.formats()),this._parseOpts={parser:i.parser,round:i.round,isoWeekday:i.isoWeekday},super.init(t),this._normalized=e.normalized}parse(t,e){return void 0===t?null:Fo(this,t)}beforeLayout(){super.beforeLayout(),this._cache={data:[],labels:[],all:[]}}determineDataLimits(){const t=this.options,e=this._adapter,i=t.time.unit||"day";let{min:s,max:n,minDefined:o,maxDefined:r}=this.getUserBounds();function l(t){o||isNaN(t.min)||(s=Math.min(s,t.min)),r||isNaN(t.max)||(n=Math.max(n,t.max))}o&&r||(l(this._getLabelBounds()),"ticks"===t.bounds&&"labels"===t.ticks.source||l(this.getMinMax(!1))),s=a(s)&&!isNaN(s)?s:+e.startOf(Date.now(),i),n=a(n)&&!isNaN(n)?n:+e.endOf(Date.now(),i)+1,this.min=Math.min(s,n-1),this.max=Math.max(s+1,n)}_getLabelBounds(){const t=this.getLabelTimestamps();let e=Number.POSITIVE_INFINITY,i=Number.NEGATIVE_INFINITY;return t.length&&(e=t[0],i=t[t.length-1]),{min:e,max:i}}buildTicks(){const t=this.options,e=t.time,i=t.ticks,s="labels"===i.source?this.getLabelTimestamps():this._generate();"ticks"===t.bounds&&s.length&&(this.min=this._userMin||s[0],this.max=this._userMax||s[s.length-1]);const n=this.min,o=nt(s,n,this.max);return this._unit=e.unit||(i.autoSkip?Vo(e.minUnit,this.min,this.max,this._getLabelCapacity(n)):function(t,e,i,s,n){for(let o=Io.length-1;o>=Io.indexOf(i);o--){const i=Io[o];if(Ro[i].common&&t._adapter.diff(n,s,i)>=e-1)return i}return Io[i?Io.indexOf(i):0]}(this,o.length,e.minUnit,this.min,this.max)),this._majorUnit=i.major.enabled&&"year"!==this._unit?function(t){for(let e=Io.indexOf(t)+1,i=Io.length;e+t.value)))}initOffsets(t=[]){let e,i,s=0,n=0;this.options.offset&&t.length&&(e=this.getDecimalForValue(t[0]),s=1===t.length?1-e:(this.getDecimalForValue(t[1])-e)/2,i=this.getDecimalForValue(t[t.length-1]),n=1===t.length?i:(i-this.getDecimalForValue(t[t.length-2]))/2);const o=t.length<3?.5:.25;s=J(s,0,o),n=J(n,0,o),this._offsets={start:s,end:n,factor:1/(s+1+n)}}_generate(){const t=this._adapter,e=this.min,i=this.max,s=this.options,n=s.time,o=n.unit||Vo(n.minUnit,e,i,this._getLabelCapacity(e)),a=l(s.ticks.stepSize,1),r="week"===o&&n.isoWeekday,h=N(r)||!0===r,c={};let d,u,f=e;if(h&&(f=+t.startOf(f,"isoWeek",r)),f=+t.startOf(f,h?"day":o),t.diff(i,e,o)>1e5*a)throw new Error(e+" and "+i+" are too far apart with stepSize of "+a+" "+o);const g="data"===s.ticks.source&&this.getDataTimestamps();for(d=f,u=0;d+t))}getLabelForValue(t){const e=this._adapter,i=this.options.time;return i.tooltipFormat?e.format(t,i.tooltipFormat):e.format(t,i.displayFormats.datetime)}format(t,e){const i=this.options.time.displayFormats,s=this._unit,n=e||i[s];return this._adapter.format(t,n)}_tickFormatFunction(t,e,i,s){const n=this.options,o=n.ticks.callback;if(o)return d(o,[t,e,i],this);const a=n.time.displayFormats,r=this._unit,l=this._majorUnit,h=r&&a[r],c=l&&a[l],u=i[e],f=l&&c&&u&&u.major;return this._adapter.format(t,s||(f?c:h))}generateTickLabels(t){let e,i,s;for(e=0,i=t.length;e0?a:1}getDataTimestamps(){let t,e,i=this._cache.data||[];if(i.length)return i;const s=this.getMatchingVisibleMetas();if(this._normalized&&s.length)return this._cache.data=s[0].controller.getAllParsedValues(this);for(t=0,e=s.length;t=t[r].pos&&e<=t[l].pos&&({lo:r,hi:l}=it(t,"pos",e)),({pos:s,time:o}=t[r]),({pos:n,time:a}=t[l])):(e>=t[r].time&&e<=t[l].time&&({lo:r,hi:l}=it(t,"time",e)),({time:s,pos:o}=t[r]),({time:n,pos:a}=t[l]));const h=n-s;return h?o+(a-o)*(e-s)/h:o}var jo=Object.freeze({__proto__:null,CategoryScale:class extends Js{static id="category";static defaults={ticks:{callback:po}};constructor(t){super(t),this._startValue=void 0,this._valueRange=0,this._addedLabels=[]}init(t){const e=this._addedLabels;if(e.length){const t=this.getLabels();for(const{index:i,label:s}of e)t[i]===s&&t.splice(i,1);this._addedLabels=[]}super.init(t)}parse(t,e){if(s(t))return null;const i=this.getLabels();return((t,e)=>null===t?null:J(Math.round(t),0,e))(e=isFinite(e)&&i[e]===t?e:go(i,t,l(e,t),this._addedLabels),i.length-1)}determineDataLimits(){const{minDefined:t,maxDefined:e}=this.getUserBounds();let{min:i,max:s}=this.getMinMax(!0);"ticks"===this.options.bounds&&(t||(i=0),e||(s=this.getLabels().length-1)),this.min=i,this.max=s}buildTicks(){const t=this.min,e=this.max,i=this.options.offset,s=[];let n=this.getLabels();n=0===t&&e===n.length-1?n:n.slice(t,e+1),this._valueRange=Math.max(n.length-(i?0:1),1),this._startValue=this.min-(i?.5:0);for(let i=t;i<=e;i++)s.push({value:i});return s}getLabelForValue(t){return po.call(this,t)}configure(){super.configure(),this.isHorizontal()||(this._reversePixels=!this._reversePixels)}getPixelForValue(t){return"number"!=typeof t&&(t=this.parse(t)),null===t?NaN:this.getPixelForDecimal((t-this._startValue)/this._valueRange)}getPixelForTick(t){const e=this.ticks;return t<0||t>e.length-1?null:this.getPixelForValue(e[t].value)}getValueForPixel(t){return Math.round(this._startValue+this.getDecimalForPixel(t)*this._valueRange)}getBasePixel(){return this.bottom}},LinearScale:bo,LogarithmicScale:ko,RadialLinearScale:Eo,TimeScale:No,TimeSeriesScale:class extends No{static id="timeseries";static defaults=No.defaults;constructor(t){super(t),this._table=[],this._minPos=void 0,this._tableRange=void 0}initOffsets(){const t=this._getTimestampsForTable(),e=this._table=this.buildLookupTable(t);this._minPos=Ho(e,this.min),this._tableRange=Ho(e,this.max)-this._minPos,super.initOffsets(t)}buildLookupTable(t){const{min:e,max:i}=this,s=[],n=[];let o,a,r,l,h;for(o=0,a=t.length;o=e&&l<=i&&s.push(l);if(s.length<2)return[{time:e,pos:0},{time:i,pos:1}];for(o=0,a=s.length;ot-e))}_getTimestampsForTable(){let t=this._cache.all||[];if(t.length)return t;const e=this.getDataTimestamps(),i=this.getLabelTimestamps();return t=e.length&&i.length?this.normalize(e.concat(i)):e.length?e:i,t=this._cache.all=t,t}getDecimalForValue(t){return(Ho(this._table,t)-this._minPos)/this._tableRange}getValueForPixel(t){const e=this._offsets,i=this.getDecimalForPixel(t)/e.factor-e.end;return Ho(this._table,i*this._tableRange+this._minPos,!0)}}});const $o=["rgb(54, 162, 235)","rgb(255, 99, 132)","rgb(255, 159, 64)","rgb(255, 205, 86)","rgb(75, 192, 192)","rgb(153, 102, 255)","rgb(201, 203, 207)"],Yo=$o.map((t=>t.replace("rgb(","rgba(").replace(")",", 0.5)")));function Uo(t){return $o[t%$o.length]}function Xo(t){return Yo[t%Yo.length]}function qo(t){let e=0;return(i,s)=>{const n=t.getDatasetMeta(s).controller;n instanceof jn?e=function(t,e){return t.backgroundColor=t.data.map((()=>Uo(e++))),e}(i,e):n instanceof $n?e=function(t,e){return t.backgroundColor=t.data.map((()=>Xo(e++))),e}(i,e):n&&(e=function(t,e){return t.borderColor=Uo(e),t.backgroundColor=Xo(e),++e}(i,e))}}function Ko(t){let e;for(e in t)if(t[e].borderColor||t[e].backgroundColor)return!0;return!1}var Go={id:"colors",defaults:{enabled:!0,forceOverride:!1},beforeLayout(t,e,i){if(!i.enabled)return;const{data:{datasets:s},options:n}=t.config,{elements:o}=n,a=Ko(s)||(r=n)&&(r.borderColor||r.backgroundColor)||o&&Ko(o)||"rgba(0,0,0,0.1)"!==ue.borderColor||"rgba(0,0,0,0.1)"!==ue.backgroundColor;var r;if(!i.forceOverride&&a)return;const l=qo(t);s.forEach(l)}};function Zo(t){if(t._decimated){const e=t._data;delete t._decimated,delete t._data,Object.defineProperty(t,"data",{configurable:!0,enumerable:!0,writable:!0,value:e})}}function Jo(t){t.data.datasets.forEach((t=>{Zo(t)}))}var Qo={id:"decimation",defaults:{algorithm:"min-max",enabled:!1},beforeElementsUpdate:(t,e,i)=>{if(!i.enabled)return void Jo(t);const n=t.width;t.data.datasets.forEach(((e,o)=>{const{_data:a,indexAxis:r}=e,l=t.getDatasetMeta(o),h=a||e.data;if("y"===Pi([r,t.options.indexAxis]))return;if(!l.controller.supportsDecimation)return;const c=t.scales[l.xAxisID];if("linear"!==c.type&&"time"!==c.type)return;if(t.options.parsing)return;let{start:d,count:u}=function(t,e){const i=e.length;let s,n=0;const{iScale:o}=t,{min:a,max:r,minDefined:l,maxDefined:h}=o.getUserBounds();return l&&(n=J(it(e,o.axis,a).lo,0,i-1)),s=h?J(it(e,o.axis,r).hi+1,n,i)-n:i-n,{start:n,count:s}}(l,h);if(u<=(i.threshold||4*n))return void Zo(e);let f;switch(s(a)&&(e._data=h,delete e.data,Object.defineProperty(e,"data",{configurable:!0,enumerable:!0,get:function(){return this._decimated},set:function(t){this._data=t}})),i.algorithm){case"lttb":f=function(t,e,i,s,n){const o=n.samples||s;if(o>=i)return t.slice(e,e+i);const a=[],r=(i-2)/(o-2);let l=0;const h=e+i-1;let c,d,u,f,g,p=e;for(a[l++]=t[p],c=0;cu&&(u=f,d=t[s],g=s);a[l++]=d,p=g}return a[l++]=t[h],a}(h,d,u,n,i);break;case"min-max":f=function(t,e,i,n){let o,a,r,l,h,c,d,u,f,g,p=0,m=0;const x=[],b=e+i-1,_=t[e].x,y=t[b].x-_;for(o=e;og&&(g=l,d=o),p=(m*p+a.x)/++m;else{const i=o-1;if(!s(c)&&!s(d)){const e=Math.min(c,d),s=Math.max(c,d);e!==u&&e!==i&&x.push({...t[e],x:p}),s!==u&&s!==i&&x.push({...t[s],x:p})}o>0&&i!==u&&x.push(t[i]),x.push(a),h=e,m=0,f=g=l,c=d=u=o}}return x}(h,d,u,n);break;default:throw new Error(`Unsupported decimation algorithm '${i.algorithm}'`)}e._decimated=f}))},destroy(t){Jo(t)}};function ta(t,e,i,s){if(s)return;let n=e[t],o=i[t];return"angle"===t&&(n=G(n),o=G(o)),{property:t,start:n,end:o}}function ea(t,e,i){for(;e>t;e--){const t=i[e];if(!isNaN(t.x)&&!isNaN(t.y))break}return e}function ia(t,e,i,s){return t&&e?s(t[i],e[i]):t?t[i]:e?e[i]:0}function sa(t,e){let i=[],s=!1;return n(t)?(s=!0,i=t):i=function(t,e){const{x:i=null,y:s=null}=t||{},n=e.points,o=[];return e.segments.forEach((({start:t,end:e})=>{e=ea(t,e,n);const a=n[t],r=n[e];null!==s?(o.push({x:a.x,y:s}),o.push({x:r.x,y:s})):null!==i&&(o.push({x:i,y:a.y}),o.push({x:i,y:r.y}))})),o}(t,e),i.length?new no({points:i,options:{tension:0},_loop:s,_fullLoop:s}):null}function na(t){return t&&!1!==t.fill}function oa(t,e,i){let s=t[e].fill;const n=[e];let o;if(!i)return s;for(;!1!==s&&-1===n.indexOf(s);){if(!a(s))return s;if(o=t[s],!o)return!1;if(o.visible)return s;n.push(s),s=o.fill}return!1}function aa(t,e,i){const s=function(t){const e=t.options,i=e.fill;let s=l(i&&i.target,i);void 0===s&&(s=!!e.backgroundColor);if(!1===s||null===s)return!1;if(!0===s)return"origin";return s}(t);if(o(s))return!isNaN(s.value)&&s;let n=parseFloat(s);return a(n)&&Math.floor(n)===n?function(t,e,i,s){"-"!==t&&"+"!==t||(i=e+i);if(i===e||i<0||i>=s)return!1;return i}(s[0],e,n,i):["origin","start","end","stack","shape"].indexOf(s)>=0&&s}function ra(t,e,i){const s=[];for(let n=0;n=0;--e){const i=n[e].$filler;i&&(i.line.updateControlPoints(o,i.axis),s&&i.fill&&da(t.ctx,i,o))}},beforeDatasetsDraw(t,e,i){if("beforeDatasetsDraw"!==i.drawTime)return;const s=t.getSortedVisibleDatasetMetas();for(let e=s.length-1;e>=0;--e){const i=s[e].$filler;na(i)&&da(t.ctx,i,t.chartArea)}},beforeDatasetDraw(t,e,i){const s=e.meta.$filler;na(s)&&"beforeDatasetDraw"===i.drawTime&&da(t.ctx,s,t.chartArea)},defaults:{propagate:!0,drawTime:"beforeDatasetDraw"}};const xa=(t,e)=>{let{boxHeight:i=e,boxWidth:s=e}=t;return t.usePointStyle&&(i=Math.min(i,e),s=t.pointStyleWidth||Math.min(s,e)),{boxWidth:s,boxHeight:i,itemHeight:Math.max(e,i)}};class ba extends Hs{constructor(t){super(),this._added=!1,this.legendHitBoxes=[],this._hoveredItem=null,this.doughnutMode=!1,this.chart=t.chart,this.options=t.options,this.ctx=t.ctx,this.legendItems=void 0,this.columnSizes=void 0,this.lineWidths=void 0,this.maxHeight=void 0,this.maxWidth=void 0,this.top=void 0,this.bottom=void 0,this.left=void 0,this.right=void 0,this.height=void 0,this.width=void 0,this._margins=void 0,this.position=void 0,this.weight=void 0,this.fullSize=void 0}update(t,e,i){this.maxWidth=t,this.maxHeight=e,this._margins=i,this.setDimensions(),this.buildLabels(),this.fit()}setDimensions(){this.isHorizontal()?(this.width=this.maxWidth,this.left=this._margins.left,this.right=this.width):(this.height=this.maxHeight,this.top=this._margins.top,this.bottom=this.height)}buildLabels(){const t=this.options.labels||{};let e=d(t.generateLabels,[this.chart],this)||[];t.filter&&(e=e.filter((e=>t.filter(e,this.chart.data)))),t.sort&&(e=e.sort(((e,i)=>t.sort(e,i,this.chart.data)))),this.options.reverse&&e.reverse(),this.legendItems=e}fit(){const{options:t,ctx:e}=this;if(!t.display)return void(this.width=this.height=0);const i=t.labels,s=Si(i.font),n=s.size,o=this._computeTitleHeight(),{boxWidth:a,itemHeight:r}=xa(i,n);let l,h;e.font=s.string,this.isHorizontal()?(l=this.maxWidth,h=this._fitRows(o,n,a,r)+10):(h=this.maxHeight,l=this._fitCols(o,s,a,r)+10),this.width=Math.min(l,t.maxWidth||this.maxWidth),this.height=Math.min(h,t.maxHeight||this.maxHeight)}_fitRows(t,e,i,s){const{ctx:n,maxWidth:o,options:{labels:{padding:a}}}=this,r=this.legendHitBoxes=[],l=this.lineWidths=[0],h=s+a;let c=t;n.textAlign="left",n.textBaseline="middle";let d=-1,u=-h;return this.legendItems.forEach(((t,f)=>{const g=i+e/2+n.measureText(t.text).width;(0===f||l[l.length-1]+g+2*a>o)&&(c+=h,l[l.length-(f>0?0:1)]=0,u+=h,d++),r[f]={left:0,top:u,row:d,width:g,height:s},l[l.length-1]+=g+a})),c}_fitCols(t,e,i,s){const{ctx:n,maxHeight:o,options:{labels:{padding:a}}}=this,r=this.legendHitBoxes=[],l=this.columnSizes=[],h=o-t;let c=a,d=0,u=0,f=0,g=0;return this.legendItems.forEach(((t,o)=>{const{itemWidth:p,itemHeight:m}=function(t,e,i,s,n){const o=function(t,e,i,s){let n=t.text;n&&"string"!=typeof n&&(n=n.reduce(((t,e)=>t.length>e.length?t:e)));return e+i.size/2+s.measureText(n).width}(s,t,e,i),a=function(t,e,i){let s=t;"string"!=typeof e.text&&(s=_a(e,i));return s}(n,s,e.lineHeight);return{itemWidth:o,itemHeight:a}}(i,e,n,t,s);o>0&&u+m+2*a>h&&(c+=d+a,l.push({width:d,height:u}),f+=d+a,g++,d=u=0),r[o]={left:f,top:u,col:g,width:p,height:m},d=Math.max(d,p),u+=m+a})),c+=d,l.push({width:d,height:u}),c}adjustHitBoxes(){if(!this.options.display)return;const t=this._computeTitleHeight(),{legendHitBoxes:e,options:{align:i,labels:{padding:s},rtl:n}}=this,o=Oi(n,this.left,this.width);if(this.isHorizontal()){let n=0,a=ft(i,this.left+s,this.right-this.lineWidths[n]);for(const r of e)n!==r.row&&(n=r.row,a=ft(i,this.left+s,this.right-this.lineWidths[n])),r.top+=this.top+t+s,r.left=o.leftForLtr(o.x(a),r.width),a+=r.width+s}else{let n=0,a=ft(i,this.top+t+s,this.bottom-this.columnSizes[n].height);for(const r of e)r.col!==n&&(n=r.col,a=ft(i,this.top+t+s,this.bottom-this.columnSizes[n].height)),r.top=a,r.left+=this.left+s,r.left=o.leftForLtr(o.x(r.left),r.width),a+=r.height+s}}isHorizontal(){return"top"===this.options.position||"bottom"===this.options.position}draw(){if(this.options.display){const t=this.ctx;Ie(t,this),this._draw(),ze(t)}}_draw(){const{options:t,columnSizes:e,lineWidths:i,ctx:s}=this,{align:n,labels:o}=t,a=ue.color,r=Oi(t.rtl,this.left,this.width),h=Si(o.font),{padding:c}=o,d=h.size,u=d/2;let f;this.drawTitle(),s.textAlign=r.textAlign("left"),s.textBaseline="middle",s.lineWidth=.5,s.font=h.string;const{boxWidth:g,boxHeight:p,itemHeight:m}=xa(o,d),x=this.isHorizontal(),b=this._computeTitleHeight();f=x?{x:ft(n,this.left+c,this.right-i[0]),y:this.top+c+b,line:0}:{x:this.left+c,y:ft(n,this.top+b+c,this.bottom-e[0].height),line:0},Ai(this.ctx,t.textDirection);const _=m+c;this.legendItems.forEach(((y,v)=>{s.strokeStyle=y.fontColor,s.fillStyle=y.fontColor;const M=s.measureText(y.text).width,w=r.textAlign(y.textAlign||(y.textAlign=o.textAlign)),k=g+u+M;let S=f.x,P=f.y;r.setWidth(this.width),x?v>0&&S+k+c>this.right&&(P=f.y+=_,f.line++,S=f.x=ft(n,this.left+c,this.right-i[f.line])):v>0&&P+_>this.bottom&&(S=f.x=S+e[f.line].width+c,f.line++,P=f.y=ft(n,this.top+b+c,this.bottom-e[f.line].height));if(function(t,e,i){if(isNaN(g)||g<=0||isNaN(p)||p<0)return;s.save();const n=l(i.lineWidth,1);if(s.fillStyle=l(i.fillStyle,a),s.lineCap=l(i.lineCap,"butt"),s.lineDashOffset=l(i.lineDashOffset,0),s.lineJoin=l(i.lineJoin,"miter"),s.lineWidth=n,s.strokeStyle=l(i.strokeStyle,a),s.setLineDash(l(i.lineDash,[])),o.usePointStyle){const a={radius:p*Math.SQRT2/2,pointStyle:i.pointStyle,rotation:i.rotation,borderWidth:n},l=r.xPlus(t,g/2);Ee(s,a,l,e+u,o.pointStyleWidth&&g)}else{const o=e+Math.max((d-p)/2,0),a=r.leftForLtr(t,g),l=wi(i.borderRadius);s.beginPath(),Object.values(l).some((t=>0!==t))?He(s,{x:a,y:o,w:g,h:p,radius:l}):s.rect(a,o,g,p),s.fill(),0!==n&&s.stroke()}s.restore()}(r.x(S),P,y),S=gt(w,S+g+u,x?S+k:this.right,t.rtl),function(t,e,i){Ne(s,i.text,t,e+m/2,h,{strikethrough:i.hidden,textAlign:r.textAlign(i.textAlign)})}(r.x(S),P,y),x)f.x+=k+c;else if("string"!=typeof y.text){const t=h.lineHeight;f.y+=_a(y,t)+c}else f.y+=_})),Ti(this.ctx,t.textDirection)}drawTitle(){const t=this.options,e=t.title,i=Si(e.font),s=ki(e.padding);if(!e.display)return;const n=Oi(t.rtl,this.left,this.width),o=this.ctx,a=e.position,r=i.size/2,l=s.top+r;let h,c=this.left,d=this.width;if(this.isHorizontal())d=Math.max(...this.lineWidths),h=this.top+l,c=ft(t.align,c,this.right-d);else{const e=this.columnSizes.reduce(((t,e)=>Math.max(t,e.height)),0);h=l+ft(t.align,this.top,this.bottom-e-t.labels.padding-this._computeTitleHeight())}const u=ft(a,c,c+d);o.textAlign=n.textAlign(ut(a)),o.textBaseline="middle",o.strokeStyle=e.color,o.fillStyle=e.color,o.font=i.string,Ne(o,e.text,u,h,i)}_computeTitleHeight(){const t=this.options.title,e=Si(t.font),i=ki(t.padding);return t.display?e.lineHeight+i.height:0}_getLegendItemAt(t,e){let i,s,n;if(tt(t,this.left,this.right)&&tt(e,this.top,this.bottom))for(n=this.legendHitBoxes,i=0;it.chart.options.color,boxWidth:40,padding:10,generateLabels(t){const e=t.data.datasets,{labels:{usePointStyle:i,pointStyle:s,textAlign:n,color:o,useBorderRadius:a,borderRadius:r}}=t.legend.options;return t._getSortedDatasetMetas().map((t=>{const l=t.controller.getStyle(i?0:void 0),h=ki(l.borderWidth);return{text:e[t.index].label,fillStyle:l.backgroundColor,fontColor:o,hidden:!t.visible,lineCap:l.borderCapStyle,lineDash:l.borderDash,lineDashOffset:l.borderDashOffset,lineJoin:l.borderJoinStyle,lineWidth:(h.width+h.height)/4,strokeStyle:l.borderColor,pointStyle:s||l.pointStyle,rotation:l.rotation,textAlign:n||l.textAlign,borderRadius:a&&(r||l.borderRadius),datasetIndex:t.index}}),this)}},title:{color:t=>t.chart.options.color,display:!1,position:"center",text:""}},descriptors:{_scriptable:t=>!t.startsWith("on"),labels:{_scriptable:t=>!["generateLabels","filter","sort"].includes(t)}}};class va extends Hs{constructor(t){super(),this.chart=t.chart,this.options=t.options,this.ctx=t.ctx,this._padding=void 0,this.top=void 0,this.bottom=void 0,this.left=void 0,this.right=void 0,this.width=void 0,this.height=void 0,this.position=void 0,this.weight=void 0,this.fullSize=void 0}update(t,e){const i=this.options;if(this.left=0,this.top=0,!i.display)return void(this.width=this.height=this.right=this.bottom=0);this.width=this.right=t,this.height=this.bottom=e;const s=n(i.text)?i.text.length:1;this._padding=ki(i.padding);const o=s*Si(i.font).lineHeight+this._padding.height;this.isHorizontal()?this.height=o:this.width=o}isHorizontal(){const t=this.options.position;return"top"===t||"bottom"===t}_drawArgs(t){const{top:e,left:i,bottom:s,right:n,options:o}=this,a=o.align;let r,l,h,c=0;return this.isHorizontal()?(l=ft(a,i,n),h=e+t,r=n-i):("left"===o.position?(l=i+t,h=ft(a,s,e),c=-.5*C):(l=n-t,h=ft(a,e,s),c=.5*C),r=s-e),{titleX:l,titleY:h,maxWidth:r,rotation:c}}draw(){const t=this.ctx,e=this.options;if(!e.display)return;const i=Si(e.font),s=i.lineHeight/2+this._padding.top,{titleX:n,titleY:o,maxWidth:a,rotation:r}=this._drawArgs(s);Ne(t,e.text,0,0,i,{color:e.color,maxWidth:a,rotation:r,textAlign:ut(e.align),textBaseline:"middle",translation:[n,o]})}}var Ma={id:"title",_element:va,start(t,e,i){!function(t,e){const i=new va({ctx:t.ctx,options:e,chart:t});as.configure(t,i,e),as.addBox(t,i),t.titleBlock=i}(t,i)},stop(t){const e=t.titleBlock;as.removeBox(t,e),delete t.titleBlock},beforeUpdate(t,e,i){const s=t.titleBlock;as.configure(t,s,i),s.options=i},defaults:{align:"center",display:!1,font:{weight:"bold"},fullSize:!0,padding:10,position:"top",text:"",weight:2e3},defaultRoutes:{color:"color"},descriptors:{_scriptable:!0,_indexable:!1}};const wa=new WeakMap;var ka={id:"subtitle",start(t,e,i){const s=new va({ctx:t.ctx,options:i,chart:t});as.configure(t,s,i),as.addBox(t,s),wa.set(t,s)},stop(t){as.removeBox(t,wa.get(t)),wa.delete(t)},beforeUpdate(t,e,i){const s=wa.get(t);as.configure(t,s,i),s.options=i},defaults:{align:"center",display:!1,font:{weight:"normal"},fullSize:!0,padding:0,position:"top",text:"",weight:1500},defaultRoutes:{color:"color"},descriptors:{_scriptable:!0,_indexable:!1}};const Sa={average(t){if(!t.length)return!1;let e,i,s=new Set,n=0,o=0;for(e=0,i=t.length;et+e))/s.size,y:n/o}},nearest(t,e){if(!t.length)return!1;let i,s,n,o=e.x,a=e.y,r=Number.POSITIVE_INFINITY;for(i=0,s=t.length;i-1?t.split("\n"):t}function Ca(t,e){const{element:i,datasetIndex:s,index:n}=e,o=t.getDatasetMeta(s).controller,{label:a,value:r}=o.getLabelAndValue(n);return{chart:t,label:a,parsed:o.getParsed(n),raw:t.data.datasets[s].data[n],formattedValue:r,dataset:o.getDataset(),dataIndex:n,datasetIndex:s,element:i}}function Oa(t,e){const i=t.chart.ctx,{body:s,footer:n,title:o}=t,{boxWidth:a,boxHeight:r}=e,l=Si(e.bodyFont),h=Si(e.titleFont),c=Si(e.footerFont),d=o.length,f=n.length,g=s.length,p=ki(e.padding);let m=p.height,x=0,b=s.reduce(((t,e)=>t+e.before.length+e.lines.length+e.after.length),0);if(b+=t.beforeBody.length+t.afterBody.length,d&&(m+=d*h.lineHeight+(d-1)*e.titleSpacing+e.titleMarginBottom),b){m+=g*(e.displayColors?Math.max(r,l.lineHeight):l.lineHeight)+(b-g)*l.lineHeight+(b-1)*e.bodySpacing}f&&(m+=e.footerMarginTop+f*c.lineHeight+(f-1)*e.footerSpacing);let _=0;const y=function(t){x=Math.max(x,i.measureText(t).width+_)};return i.save(),i.font=h.string,u(t.title,y),i.font=l.string,u(t.beforeBody.concat(t.afterBody),y),_=e.displayColors?a+2+e.boxPadding:0,u(s,(t=>{u(t.before,y),u(t.lines,y),u(t.after,y)})),_=0,i.font=c.string,u(t.footer,y),i.restore(),x+=p.width,{width:x,height:m}}function Aa(t,e,i,s){const{x:n,width:o}=i,{width:a,chartArea:{left:r,right:l}}=t;let h="center";return"center"===s?h=n<=(r+l)/2?"left":"right":n<=o/2?h="left":n>=a-o/2&&(h="right"),function(t,e,i,s){const{x:n,width:o}=s,a=i.caretSize+i.caretPadding;return"left"===t&&n+o+a>e.width||"right"===t&&n-o-a<0||void 0}(h,t,e,i)&&(h="center"),h}function Ta(t,e,i){const s=i.yAlign||e.yAlign||function(t,e){const{y:i,height:s}=e;return it.height-s/2?"bottom":"center"}(t,i);return{xAlign:i.xAlign||e.xAlign||Aa(t,e,i,s),yAlign:s}}function La(t,e,i,s){const{caretSize:n,caretPadding:o,cornerRadius:a}=t,{xAlign:r,yAlign:l}=i,h=n+o,{topLeft:c,topRight:d,bottomLeft:u,bottomRight:f}=wi(a);let g=function(t,e){let{x:i,width:s}=t;return"right"===e?i-=s:"center"===e&&(i-=s/2),i}(e,r);const p=function(t,e,i){let{y:s,height:n}=t;return"top"===e?s+=i:s-="bottom"===e?n+i:n/2,s}(e,l,h);return"center"===l?"left"===r?g+=h:"right"===r&&(g-=h):"left"===r?g-=Math.max(c,u)+n:"right"===r&&(g+=Math.max(d,f)+n),{x:J(g,0,s.width-e.width),y:J(p,0,s.height-e.height)}}function Ea(t,e,i){const s=ki(i.padding);return"center"===e?t.x+t.width/2:"right"===e?t.x+t.width-s.right:t.x+s.left}function Ra(t){return Pa([],Da(t))}function Ia(t,e){const i=e&&e.dataset&&e.dataset.tooltip&&e.dataset.tooltip.callbacks;return i?t.override(i):t}const za={beforeTitle:e,title(t){if(t.length>0){const e=t[0],i=e.chart.data.labels,s=i?i.length:0;if(this&&this.options&&"dataset"===this.options.mode)return e.dataset.label||"";if(e.label)return e.label;if(s>0&&e.dataIndex{const e={before:[],lines:[],after:[]},n=Ia(i,t);Pa(e.before,Da(Fa(n,"beforeLabel",this,t))),Pa(e.lines,Fa(n,"label",this,t)),Pa(e.after,Da(Fa(n,"afterLabel",this,t))),s.push(e)})),s}getAfterBody(t,e){return Ra(Fa(e.callbacks,"afterBody",this,t))}getFooter(t,e){const{callbacks:i}=e,s=Fa(i,"beforeFooter",this,t),n=Fa(i,"footer",this,t),o=Fa(i,"afterFooter",this,t);let a=[];return a=Pa(a,Da(s)),a=Pa(a,Da(n)),a=Pa(a,Da(o)),a}_createItems(t){const e=this._active,i=this.chart.data,s=[],n=[],o=[];let a,r,l=[];for(a=0,r=e.length;at.filter(e,s,n,i)))),t.itemSort&&(l=l.sort(((e,s)=>t.itemSort(e,s,i)))),u(l,(e=>{const i=Ia(t.callbacks,e);s.push(Fa(i,"labelColor",this,e)),n.push(Fa(i,"labelPointStyle",this,e)),o.push(Fa(i,"labelTextColor",this,e))})),this.labelColors=s,this.labelPointStyles=n,this.labelTextColors=o,this.dataPoints=l,l}update(t,e){const i=this.options.setContext(this.getContext()),s=this._active;let n,o=[];if(s.length){const t=Sa[i.position].call(this,s,this._eventPosition);o=this._createItems(i),this.title=this.getTitle(o,i),this.beforeBody=this.getBeforeBody(o,i),this.body=this.getBody(o,i),this.afterBody=this.getAfterBody(o,i),this.footer=this.getFooter(o,i);const e=this._size=Oa(this,i),a=Object.assign({},t,e),r=Ta(this.chart,i,a),l=La(i,a,r,this.chart);this.xAlign=r.xAlign,this.yAlign=r.yAlign,n={opacity:1,x:l.x,y:l.y,width:e.width,height:e.height,caretX:t.x,caretY:t.y}}else 0!==this.opacity&&(n={opacity:0});this._tooltipItems=o,this.$context=void 0,n&&this._resolveAnimations().update(this,n),t&&i.external&&i.external.call(this,{chart:this.chart,tooltip:this,replay:e})}drawCaret(t,e,i,s){const n=this.getCaretPosition(t,i,s);e.lineTo(n.x1,n.y1),e.lineTo(n.x2,n.y2),e.lineTo(n.x3,n.y3)}getCaretPosition(t,e,i){const{xAlign:s,yAlign:n}=this,{caretSize:o,cornerRadius:a}=i,{topLeft:r,topRight:l,bottomLeft:h,bottomRight:c}=wi(a),{x:d,y:u}=t,{width:f,height:g}=e;let p,m,x,b,_,y;return"center"===n?(_=u+g/2,"left"===s?(p=d,m=p-o,b=_+o,y=_-o):(p=d+f,m=p+o,b=_-o,y=_+o),x=p):(m="left"===s?d+Math.max(r,h)+o:"right"===s?d+f-Math.max(l,c)-o:this.caretX,"top"===n?(b=u,_=b-o,p=m-o,x=m+o):(b=u+g,_=b+o,p=m+o,x=m-o),y=b),{x1:p,x2:m,x3:x,y1:b,y2:_,y3:y}}drawTitle(t,e,i){const s=this.title,n=s.length;let o,a,r;if(n){const l=Oi(i.rtl,this.x,this.width);for(t.x=Ea(this,i.titleAlign,i),e.textAlign=l.textAlign(i.titleAlign),e.textBaseline="middle",o=Si(i.titleFont),a=i.titleSpacing,e.fillStyle=i.titleColor,e.font=o.string,r=0;r0!==t))?(t.beginPath(),t.fillStyle=n.multiKeyBackground,He(t,{x:e,y:g,w:h,h:l,radius:r}),t.fill(),t.stroke(),t.fillStyle=a.backgroundColor,t.beginPath(),He(t,{x:i,y:g+1,w:h-2,h:l-2,radius:r}),t.fill()):(t.fillStyle=n.multiKeyBackground,t.fillRect(e,g,h,l),t.strokeRect(e,g,h,l),t.fillStyle=a.backgroundColor,t.fillRect(i,g+1,h-2,l-2))}t.fillStyle=this.labelTextColors[i]}drawBody(t,e,i){const{body:s}=this,{bodySpacing:n,bodyAlign:o,displayColors:a,boxHeight:r,boxWidth:l,boxPadding:h}=i,c=Si(i.bodyFont);let d=c.lineHeight,f=0;const g=Oi(i.rtl,this.x,this.width),p=function(i){e.fillText(i,g.x(t.x+f),t.y+d/2),t.y+=d+n},m=g.textAlign(o);let x,b,_,y,v,M,w;for(e.textAlign=o,e.textBaseline="middle",e.font=c.string,t.x=Ea(this,m,i),e.fillStyle=i.bodyColor,u(this.beforeBody,p),f=a&&"right"!==m?"center"===o?l/2+h:l+2+h:0,y=0,M=s.length;y0&&e.stroke()}_updateAnimationTarget(t){const e=this.chart,i=this.$animations,s=i&&i.x,n=i&&i.y;if(s||n){const i=Sa[t.position].call(this,this._active,this._eventPosition);if(!i)return;const o=this._size=Oa(this,t),a=Object.assign({},i,this._size),r=Ta(e,t,a),l=La(t,a,r,e);s._to===l.x&&n._to===l.y||(this.xAlign=r.xAlign,this.yAlign=r.yAlign,this.width=o.width,this.height=o.height,this.caretX=i.x,this.caretY=i.y,this._resolveAnimations().update(this,l))}}_willRender(){return!!this.opacity}draw(t){const e=this.options.setContext(this.getContext());let i=this.opacity;if(!i)return;this._updateAnimationTarget(e);const s={width:this.width,height:this.height},n={x:this.x,y:this.y};i=Math.abs(i)<.001?0:i;const o=ki(e.padding),a=this.title.length||this.beforeBody.length||this.body.length||this.afterBody.length||this.footer.length;e.enabled&&a&&(t.save(),t.globalAlpha=i,this.drawBackground(n,t,s,e),Ai(t,e.textDirection),n.y+=o.top,this.drawTitle(n,t,e),this.drawBody(n,t,e),this.drawFooter(n,t,e),Ti(t,e.textDirection),t.restore())}getActiveElements(){return this._active||[]}setActiveElements(t,e){const i=this._active,s=t.map((({datasetIndex:t,index:e})=>{const i=this.chart.getDatasetMeta(t);if(!i)throw new Error("Cannot find a dataset at index "+t);return{datasetIndex:t,element:i.data[e],index:e}})),n=!f(i,s),o=this._positionChanged(s,e);(n||o)&&(this._active=s,this._eventPosition=e,this._ignoreReplayEvents=!0,this.update(!0))}handleEvent(t,e,i=!0){if(e&&this._ignoreReplayEvents)return!1;this._ignoreReplayEvents=!1;const s=this.options,n=this._active||[],o=this._getActiveElements(t,n,e,i),a=this._positionChanged(o,t),r=e||!f(o,n)||a;return r&&(this._active=o,(s.enabled||s.external)&&(this._eventPosition={x:t.x,y:t.y},this.update(!0,e))),r}_getActiveElements(t,e,i,s){const n=this.options;if("mouseout"===t.type)return[];if(!s)return e.filter((t=>this.chart.data.datasets[t.datasetIndex]&&void 0!==this.chart.getDatasetMeta(t.datasetIndex).controller.getParsed(t.index)));const o=this.chart.getElementsAtEventForMode(t,n.mode,n,i);return n.reverse&&o.reverse(),o}_positionChanged(t,e){const{caretX:i,caretY:s,options:n}=this,o=Sa[n.position].call(this,t,e);return!1!==o&&(i!==o.x||s!==o.y)}}var Ba={id:"tooltip",_element:Va,positioners:Sa,afterInit(t,e,i){i&&(t.tooltip=new Va({chart:t,options:i}))},beforeUpdate(t,e,i){t.tooltip&&t.tooltip.initialize(i)},reset(t,e,i){t.tooltip&&t.tooltip.initialize(i)},afterDraw(t){const e=t.tooltip;if(e&&e._willRender()){const i={tooltip:e};if(!1===t.notifyPlugins("beforeTooltipDraw",{...i,cancelable:!0}))return;e.draw(t.ctx),t.notifyPlugins("afterTooltipDraw",i)}},afterEvent(t,e){if(t.tooltip){const i=e.replay;t.tooltip.handleEvent(e.event,i,e.inChartArea)&&(e.changed=!0)}},defaults:{enabled:!0,external:null,position:"average",backgroundColor:"rgba(0,0,0,0.8)",titleColor:"#fff",titleFont:{weight:"bold"},titleSpacing:2,titleMarginBottom:6,titleAlign:"left",bodyColor:"#fff",bodySpacing:2,bodyFont:{},bodyAlign:"left",footerColor:"#fff",footerSpacing:2,footerMarginTop:6,footerFont:{weight:"bold"},footerAlign:"left",padding:6,caretPadding:2,caretSize:5,cornerRadius:6,boxHeight:(t,e)=>e.bodyFont.size,boxWidth:(t,e)=>e.bodyFont.size,multiKeyBackground:"#fff",displayColors:!0,boxPadding:0,borderColor:"rgba(0,0,0,0)",borderWidth:0,animation:{duration:400,easing:"easeOutQuart"},animations:{numbers:{type:"number",properties:["x","y","width","height","caretX","caretY"]},opacity:{easing:"linear",duration:200}},callbacks:za},defaultRoutes:{bodyFont:"font",footerFont:"font",titleFont:"font"},descriptors:{_scriptable:t=>"filter"!==t&&"itemSort"!==t&&"external"!==t,_indexable:!1,callbacks:{_scriptable:!1,_indexable:!1},animation:{_fallback:!1},animations:{_fallback:"animation"}},additionalOptionScopes:["interaction"]};return An.register(Yn,jo,fo,t),An.helpers={...Wi},An._adapters=Rn,An.Animation=Cs,An.Animations=Os,An.animator=bt,An.controllers=en.controllers.items,An.DatasetController=Ns,An.Element=Hs,An.elements=fo,An.Interaction=Xi,An.layouts=as,An.platforms=Ss,An.Scale=Js,An.Ticks=ae,Object.assign(An,Yn,jo,fo,t,Ss),An.Chart=An,"undefined"!=typeof window&&(window.Chart=An),An})); +//# sourceMappingURL=chart.umd.js.map diff --git a/grades/grades.css b/grades/grades.css new file mode 100644 index 0000000..d37474f --- /dev/null +++ b/grades/grades.css @@ -0,0 +1,716 @@ +@font-face { + font-family: 'Montserrat'; + font-style: normal; + font-weight: 400; + src: url(chrome-extension://__MSG_@@extension_id__/fonts/Montserrat-SemiBold.woff2) format('woff2'); +} + +@font-face { + font-family: 'Montserrat'; + font-style: normal; + font-weight: 500; + src: url(chrome-extension://__MSG_@@extension_id__/fonts/Montserrat-Regular.woff2) format('woff2'); +} + +@font-face { + font-family: 'Montserrat'; + font-style: normal; + font-weight: 600; + src: url(chrome-extension://__MSG_@@extension_id__/fonts/Montserrat-Medium.woff2) format('woff2'); +} + +@font-face { + font-family: 'Figtree'; + src: url('chrome-extension://__MSG_@@extension_id__/fonts/Figtree-Regular.woff2') format('woff2'); + font-weight: 400; + font-style: normal; +} + +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + margin: 0; + padding: 0; + color: var(--text-primary); + background-color: var(--background) !important; + font-family: "Montserrat", serif !important; + min-height: 100vh; + font-size: 16px; +} +.kreta-container { + min-height: 100vh; + display: flex; + flex-direction: column; +} +.grades-chart { + width: 100%; + height: 250px; + margin-bottom: 1.5rem; + padding: 1rem; + display: flex; + flex-direction: column; + overflow-y: auto; +} +.overall-averages { + margin-bottom: 2rem; + padding: 1.5rem; + background: var(--card-card); + border-radius: 24px; + box-shadow: 0px 1px var(--shadow-blur) 0px var(--accent-shadow); +} +.average-details { + display: flex; + gap: 2rem; + justify-content: center; +} +.average-item { + display: flex; + align-items: center; + gap: 1rem; +} +.average-label { + color: var(--text-secondary); + font-size: 1.1rem; + font-weight: 500; +} +.average-value { + font-size: 1.5rem; + font-weight: 600; +} +.average-value.warning { + color: var(--error-accent); +} + +.grades-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr)); + gap: 1.5rem; +} +.subject-card { + background: var(--card-card); + border-radius: 24px; + padding: 1.5rem; + box-shadow: 0px 1px var(--shadow-blur) 0px var(--accent-shadow); +} +.subject-title { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 0.5rem; + width: 100%; +} + +.subject-header { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; +} +.subject-title h3 { + padding: 1rem; + margin-bottom: 0px !important; + margin-top: 0px !important; + color: var(--text-primary); + font-family: Montserrat; + font-size: 16px; + font-style: normal; + font-weight: 600; + line-height: normal; +} +.subject-averages .average-circle { + display: flex; + width: 48px; + height: 26px; + padding: 6px 8px; + justify-content: center; + align-items: center; + gap: 14px; + border-radius: 16px; + background-color: var(--background-secondary); +} +.subject-averages .class-average[data-grade="1"] { + border: 2px solid var(--grades-1); + color: var(--grades-1); +} +.subject-averages .class-average[data-grade="2"] { + border: 2px solid var(--grades-2); + color: var(--grades-2); +} +.subject-averages .class-average[data-grade="3"] { + border: 2px solid var(--grades-3); + color: var(--grades-3); +} +.subject-averages .class-average[data-grade="4"] { + border: 2px solid var(--grades-4); + color: var(--grades-4); +} +.subject-averages .class-average[data-grade="5"] { + border: 2px solid var(--grades-5); + color: var(--grades-5); +}.subject-averages .average-label { + font-size: 0.625rem; + color: var(--text-secondary); +} +.subject-averages .average-value { + font-size: 0.875rem; + font-weight: 600; +} + +.subject-averages .my-average[data-grade] .average-value, +.subject-averages .class-average[data-grade] .average-value { + color: inherit; +} + +.subject-averages { + display: flex; + gap: 0.75rem; + align-items: center; +} + +.grades-list { + display: flex; + flex-direction: column; + gap: 1rem; +} +.grade-item { + display: grid; + grid-template-columns: auto 1fr auto; + gap: 1rem; + padding: 1rem; + border-radius: 12px; + align-items: start; + position: relative; + background-color: var(--card-card); +} +.grade-value { + display: flex; + width: 24px; + height: 24px; + padding: 7.5px 0px; + flex-direction: column; + justify-content: center; + align-items: center; + border-radius: 12px; + font-family: Montserrat; + font-size: 18px; + font-style: normal; + font-weight: 700; + line-height: normal; + text-align: center; +} +.grade-details { + display: flex; + flex-direction: column; + gap: 0.25rem; +} +.grade-theme { + overflow: hidden; + color: var(--text-primary); + text-overflow: ellipsis; + font-family: Figtree; + font-size: 16px; + font-style: normal; + font-weight: 600; + line-height: 130%; +} +.grade-meta, .grade-date { + overflow: hidden; + color: var(--text-secondary); + text-overflow: ellipsis; + font-family: Figtree; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 130%; +} + +.grade-date { + position: absolute; + top: 1rem; + right: 1rem; + text-align: center; +} + +.grade-1 .grade-value { + background-color: var(--grades-background-1); + color: var(--grades-1); +} +.grade-2 .grade-value { + background-color: var(--grades-background-2); + color: var(--grades-2); +} +.grade-3 .grade-value { + background-color: var(--grades-background-3); + color: var(--grades-3); +} +.grade-4 .grade-value { + background-color: var(--grades-background-4); + color: var(--grades-4); +} +.grade-5 .grade-value { + background-color: var(--grades-background-5); + color: var(--grades-5); +} + +.semester-grade { + background-color: var(--button-secondaryFill) !important; + border: 2px solid var(--accent-accent) !important; + position: relative; + padding-top: 1.5rem !important; + box-shadow: 0px 1px var(--shadow-blur) 0px var(--accent-shadow); +} +.semester-grade::before { + content: "Félévi értékelés"; + position: absolute; + top: 0.25rem; + left: 50%; + transform: translateX(-50%); + background: var(--accent-accent); + color: var(--button-secondaryFill); + padding: 2px 12px; + border-radius: 12px; + font-size: 12px; + font-weight: 500; + white-space: nowrap; + z-index: 1; +} + +.user-profile { + position: relative; + justify-self: flex-end; +} +.user-dropdown-btn { + display: flex; + align-items: center; + gap: 1rem; + background: none; + border: none; + cursor: pointer; + padding: 0.5rem; + border-radius: 8px; + transition: background-color 0.2s; +} +.user-dropdown-btn:hover { + background: var(--card-card); +} +.user-info { + text-align: right; +} +.user-name { + display: block; + color: var(--text-primary); + font-size: 16px; + font-weight: 500; +} +.user-time { + display: block; + color: var(--text-secondary); + font-size: 14px; +} +.user-dropdown { + position: absolute; + top: 100%; + right: 0; + margin-top: 0.5rem; + background: var(--card-card); + border-radius: 12px; + box-shadow: 0px 1px var(--shadow-blur) 0px var(--accent-shadow); + width: 200px; + display: none; + z-index: 1000; +} +.user-dropdown.show { + display: block; + animation: dropdownShow 0.2s ease; +} +.dropdown-item { + display: flex; + align-items: center; + gap: 0.75rem; + padding: 0.75rem 1rem; + color: var(--text-primary); + text-decoration: none; + transition: background-color 0.2s; +} +.dropdown-item:hover { + background: var(--button-secondaryFill); +} + +.nav-links { + display: flex; + gap: clamp(0.5rem, 2vw, 1rem); + padding: 0.25rem; + justify-content: center; +} +.nav-links a { + color: var(--text-secondary); + text-decoration: none; + padding: clamp(0.5rem, 1.5vw, 1rem) 0.5rem; + font-weight: 500; + white-space: nowrap; + transition: all 0.2s ease; + display: flex; + align-items: center; + gap: 0.5rem; + border-radius: 8px; +} +.nav-links a:hover { + color: var(--text-primary); + background-color: var(--card-card); +} +.nav-links a.active { + color: var(--accent-accent); +} + +.kreta-main { + flex: 1; + padding: clamp(1rem, 3vw, 2rem); + max-width: 1400px; + margin: 0 auto; + width: 100%; +} + +@keyframes dropdownShow { + from { + opacity: 0; + transform: translateY(-10px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + +@media (max-width: 768px) { + body { + font-size: 14px; + } +.average-details { + flex-direction: column; + align-items: center; + gap: 1rem; + } +.nav-links { + justify-content: flex-start; + width: 100%; + gap: 0.25rem; + } +.nav-links a { + padding: 0.5rem; + font-size: 13px; + } +} + +.loading-screen { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: var(--background); + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + z-index: 9999; +} + +.loading-content { + display: flex; + flex-direction: column; + align-items: center; + gap: 1rem; +} + +.loading-logo { + width: 48px; + height: 48px; + border-radius: 16px; +} + +.loading-text { + color: var(--text-primary); + text-align: center; + font-family: Montserrat; + font-size: 20px; + font-style: normal; + font-weight: 700; + line-height: normal; +} + +.loading-text2 { + align-self: stretch; + color: var(--text-secondary); + text-align: center; + font-family: Figtree; + font-size: 16px; + font-style: normal; + font-weight: 500; + line-height: 130%; +} + +.material-icons-round { + font-size: 20px; + vertical-align: middle; +} + +::-webkit-scrollbar { + width: 8px; + height: 8px; +} +::-webkit-scrollbar-track { + background: var(--background); +} +::-webkit-scrollbar-thumb { + background: var(--text-secondary); + border-radius: 4px; +} +::-webkit-scrollbar-thumb:hover { + background: var(--text-primary); +} + +.chart-header { + display: flex; + justify-content: space-between; + align-items: flex-start; + padding: 1rem; + position: relative; +} + +.chart-title { + white-space: nowrap; + color: var(--text-primary); + font-family: Montserrat; + font-size: 16px; + font-style: normal; + font-weight: 600; + line-height: normal; +} + +.chart-averages { + display: flex; + gap: 1rem; + position: absolute; + top: 1rem; + right: 1rem; +} + +.average-circle { + display: flex; + width: 48px; + height: 26px; + padding: 6px 8px; + justify-content: center; + align-items: center; + gap: 14px; + border-radius: 16px; +} +.average-circle[data-grade="1"], +.my-average[data-grade="1"] { + background-color: var(--grades-background-1); + color: var(--grades-1); +} +.class-average[data-grade="1"] { + background-color: transparent; + border: 2px solid var(--grades-1); + color: var(--grades-1); +} + +.average-circle[data-grade="2"], +.my-average[data-grade="2"] { + background-color: var(--grades-background-2); + color: var(--grades-2); +} +.class-average[data-grade="2"] { + background-color: transparent; + border: 2px solid var(--grades-2); + color: var(--grades-2); +} + +.average-circle[data-grade="3"], +.my-average[data-grade="3"] { + background-color: var(--grades-background-3); + color: var(--grades-3); +} +.class-average[data-grade="3"] { + background-color: transparent; + border: 2px solid var(--grades-3); + color: var(--grades-3); +} + +.average-circle[data-grade="4"], +.my-average[data-grade="4"] { + background-color: var(--grades-background-4); + color: var(--grades-4); +} +.class-average[data-grade="4"] { + background-color: transparent; + border: 2px solid var(--grades-4); + color: var(--grades-4); +} + +.average-circle[data-grade="5"], +.my-average[data-grade="5"] { + background-color: var(--grades-background-5); + color: var(--grades-5); +} +.class-average[data-grade="5"] { + background-color: transparent; + border: 2px solid var(--grades-5); + color: var(--grades-5); +} +.average-circle .average-label { + font-size: 0.75rem; + color: var(--text-secondary); +} + +.average-circle .average-value { + text-align: center; + font-family: Figtree; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 130%; +} + +.grade-distribution { + display: flex; + gap: 1rem; + padding: 1rem; +} + +.grade-count { + display: flex; + align-items: center; + gap: 6px; + padding: 4px 8px 4px 4px; + border-radius: 16px; + border: 1px solid var(--accent-15); +} + +.grade-count .grade-value { + font-weight: 700; + text-align: center; + font-family: Montserrat; + font-size: 18px; + font-style: normal; + line-height: 130%; +} +.grade-count .grade-amount { + color: var(--text-primary); + text-align: center; + font-family: Montserrat; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 130%; +} + +.grade-count.grade-1 { color: var(--grades-1); } +.grade-count.grade-2 { color: var(--grades-2); } +.grade-count.grade-3 { color: var(--grades-3); } +.grade-count.grade-4 { color: var(--grades-4); } +.grade-count.grade-5 { color: var(--grades-5); } + +.grades-overview { + display: grid; + grid-template-columns: 1fr auto; + gap: 1.5rem; + margin-bottom: 2rem; + align-items: stretch; +} +.semester-grades { + width: 300px; + height: 400px; + padding: 1.5rem; + background: var(--card-card); + border-radius: 24px; + box-shadow: 0px 1px var(--shadow-blur) 0px var(--accent-shadow); + display: flex; + flex-direction: column; +} +.semester-grades h3 { + padding: 1rem; + margin-bottom: 0px !important; + margin-top: 0px !important; + color: var(--text-primary); + font-family: Montserrat; + font-size: 16px; + font-style: normal; + font-weight: 600; + line-height: normal; +} +.semester-grade-item { + display: grid; + grid-template-columns: auto 1fr auto; + gap: 1rem; + padding: 1rem; + border-radius: 12px; + align-items: center; +} +.semester-grade-item:hover { + background: var(--button-secondaryFill); +} +.semester-grades-list { + display: flex; + flex-direction: column; + gap: 1rem; + overflow-y: auto; + padding-right: 0.5rem; + flex: 1; + margin: -0.5rem 0; +} +.semester-grade-subject { + overflow: hidden; + color: var(--text-primary); + text-overflow: ellipsis; + font-family: Figtree; + font-size: 16px; + font-style: normal; + font-weight: 600; + line-height: 130%; +} +.semester-grade-value { + width: 32px; + height: 32px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 16px; + font-weight: 700; + font-size: 22px; +} +.semester-grade-item.grade-1 .semester-grade-value { + background-color: var(--grades-background-1); + color: var(--grades-1); +} +.semester-grade-item.grade-2 .semester-grade-value { + background-color: var(--grades-background-2); + color: var(--grades-2); +} +.semester-grade-item.grade-3 .semester-grade-value { + background-color: var(--grades-background-3); + color: var(--grades-3); +} +.semester-grade-item.grade-4 .semester-grade-value { + background-color: var(--grades-background-4); + color: var(--grades-4); +} +.semester-grade-item.grade-5 .semester-grade-value { + background-color: var(--grades-background-5); + color: var(--grades-5); +} + +@media (max-width: 1024px) { + .grades-overview { + grid-template-columns: 1fr; + } + + .semester-grades { + width: 100%; + } +} \ No newline at end of file diff --git a/grades/grades.js b/grades/grades.js new file mode 100644 index 0000000..69d57f9 --- /dev/null +++ b/grades/grades.js @@ -0,0 +1,586 @@ +(() => { + function getCookie(name) { + const cookieName = `${name}=`; + const decodedCookie = decodeURIComponent(document.cookie); + const cookieArray = decodedCookie.split(';'); + + for(let i = 0; i < cookieArray.length; i++) { + let cookie = cookieArray[i]; + while (cookie.charAt(0) === ' ') { + cookie = cookie.substring(1); + } + if (cookie.indexOf(cookieName) === 0) { + return cookie.substring(cookieName.length, cookie.length); + } + } + return null; + } + + function showLoadingScreen() { + const existingLoadingScreen = document.querySelector('.loading-screen'); + if (existingLoadingScreen) return; + + const loadingScreen = document.createElement('div'); + loadingScreen.className = 'loading-screen'; + loadingScreen.innerHTML = ` +
+ +
Betöltés alatt...
+
Kis türelmet!
+
+ `; + document.body.appendChild(loadingScreen); + } + + function hideLoadingScreen() { + const loadingScreen = document.querySelector('.loading-screen'); + if (loadingScreen) { + loadingScreen.style.opacity = '0'; + loadingScreen.addEventListener('transitionend', () => { + loadingScreen.remove(); + }); + } + } + + async function transformGradesPage() { + try { + showLoadingScreen(); + + await waitForElement('#Osztalyzatok_7895TanuloErtekelesByTanuloGrid'); + await new Promise(resolve => setTimeout(resolve, 1000)); + + const gradesData = extractGradesData(); + const studentAverage = calculateOverallAverage(gradesData.subjects); + const classAverage = calculateOverallClassAverage(gradesData.subjects); + + document.body.innerHTML = generatePageHTML(gradesData, studentAverage, classAverage); + + const links = [ + { rel: 'preconnect', href: 'https://fonts.googleapis.com' }, + { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossorigin: true }, + { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap' }, + { rel: 'stylesheet', href: 'https://fonts.googleapis.com/icon?family=Material+Icons+Round' } + ]; + + + const script = document.createElement('script'); + script.src = chrome.runtime.getURL('grades/chart.js'); + document.head.appendChild(script); + + links.forEach(link => { + const linkElement = document.createElement('link'); + Object.entries(link).forEach(([key, value]) => { + linkElement[key] = value; + }); + document.head.appendChild(linkElement); + }); + + script.onload = () => { + setupGradesChart(gradesData.subjects); + }; + + setupEventListeners(); + hideLoadingScreen(); + + } catch (error) { + console.error('Error transforming grades page:', error); + hideLoadingScreen(); + } +} + + function extractGradesData() { + const subjects = []; + const rows = document.querySelectorAll('#Osztalyzatok_7895TanuloErtekelesByTanuloGrid tbody tr'); + + rows.forEach(row => { + const cells = row.querySelectorAll('td'); + if (cells.length >= 17) { + const subjectName = cells[2].textContent.trim(); + if (subjectName && subjectName !== 'Magatartás/Szorgalom') { + const grades = []; + const months = ['Szeptember', 'Oktober', 'November', 'December', 'JanuarI', 'JanuarII', 'Februar', 'Marcius', 'Aprilis', 'Majus', 'JuniusI', 'JuniusII']; + + months.forEach((month, index) => { + const gradeElements = cells[index + 3].querySelectorAll('span[data-tanuloertekelesid]'); + gradeElements.forEach(element => { + const gradeText = element.textContent.trim(); + if (gradeText && gradeText !== '-') { + grades.push({ + value: gradeText, + date: element.getAttribute('data-datum'), + type: element.getAttribute('data-tipusmod'), + theme: element.getAttribute('data-ertekelestema').replace('Téma: ', ''), + weight: element.getAttribute('data-suly'), + teacher: element.getAttribute('data-ertekelonyomtatasinev'), + isSemesterGrade: (element.getAttribute('data-tipusmod') || '').toLowerCase().includes('félévi') || + (element.getAttribute('data-ertekelestema') || '').toLowerCase().includes('félévi') || + (element.getAttribute('data-tipus') || '').toLowerCase().includes('félévi') + }); + } + }); + }); + + + const avgText = cells[16].textContent.trim(); + const classAvgText = cells[17].textContent.trim(); + + const average = avgText !== '-' ? parseFloat(avgText.replace(',', '.')) : 0; + const classAvg = classAvgText !== '-' ? parseFloat(classAvgText.replace(',', '.')) : 0; + + if (grades.length > 0) { + + subjects.push({ + name: subjectName, + grades: grades, + average: average || 0, + classAverage: classAvg || 0 + }); + } + } + } + }); + + return { + schoolInfo: { + id: getCookie('schoolCode') || '', + name: getCookie('schoolName') || 'Iskola' + }, + userData: { + name: getCookie('userName') || 'Felhasználó', + time: document.querySelector('.usermenu_timer')?.textContent?.trim() || '45:00' + }, + subjects: subjects + }; + } + + function calculateOverallAverage(subjects) { + const validSubjects = subjects.filter(s => s.average > 0); + if (validSubjects.length === 0) return 0; + + + const weightedSum = validSubjects.reduce((sum, subject) => { + const validGrades = subject.grades.filter(grade => !isNaN(parseInt(grade.value))); + const subjectWeightedSum = validGrades.reduce((gradeSum, grade) => { + const value = parseInt(grade.value); + const weight = parseInt(grade.weight?.match(/\d+/)?.[0] || '100') / 100; + return gradeSum + (value * weight); + }, 0); + + const totalWeight = validGrades.reduce((weightSum, grade) => { + const weight = parseInt(grade.weight?.match(/\d+/)?.[0] || '100') / 100; + return weightSum + weight; + }, 0); + + return sum + (subjectWeightedSum / totalWeight); + }, 0); + + return weightedSum / validSubjects.length; + } + + function calculateOverallClassAverage(subjects) { + const validSubjects = subjects.filter(s => s.classAverage > 0); + if (validSubjects.length === 0) return 0; + return validSubjects.reduce((sum, s) => sum + s.classAverage, 0) / validSubjects.length; + } + + function shortenEvaluationName(name, maxLength = 30) { + if (!name) return ''; + if (name.length <= maxLength) return name; + return name.substring(0, maxLength - 3) + '...'; + } + + function generateGradeItem(grade) { + const semesterClass = grade.isSemesterGrade ? 'semester-grade' : ''; + const dateObj = new Date(grade.date); + const monthNames = ['Január', 'Február', 'Március', 'Április', 'Május', 'Június', 'Július', 'Augusztus', 'Szeptember', 'Október', 'November', 'December']; + const formattedDate = `${monthNames[dateObj.getMonth()]} ${dateObj.getDate()}`; + const shortenedTheme = shortenEvaluationName(grade.theme); + return ` +
+
${grade.value}
+
+
${shortenedTheme}
+
${grade.type}
+
+
${formattedDate}
+
+ `; + } + + function calculateGradeDistribution(subjects) { + const distribution = {1: 0, 2: 0, 3: 0, 4: 0, 5: 0}; + subjects.forEach(subject => { + subject.grades.forEach(grade => { + const value = parseInt(grade.value); + if (value >= 1 && value <= 5) { + distribution[value]++; + } + }); + }); + return distribution; +} + +function generatePageHTML(data, studentAverage, classAverage) { + const totalGrades = data.subjects.reduce((sum, subject) => sum + subject.grades.length, 0); + const gradeDistribution = calculateGradeDistribution(data.subjects); + const semesterGrades = extractSemesterGrades(data.subjects); + + + const studentGradeLevel = Math.floor(studentAverage) || 0; + const classGradeLevel = Math.floor(classAverage) || 0; + + return ` +
+
+
+

+ + Firka +

+
+ ${data.schoolInfo.id} - ${data.schoolInfo.name} +
+
+ + +
+ +
+
+
+
+
Jegyek (${totalGrades}db)
+
+
+ ${studentAverage > 0 ? studentAverage.toFixed(2) : '-'} +
+ ${classAverage > 0 ? ` +
+ ${classAverage.toFixed(2)} +
+ ` : ''} +
+
+
+ +
+
+ ${Object.entries(gradeDistribution) + .map(([grade, count]) => ` +
+ ${grade} + ${count} +
+ `).join('')} +
+
+ ${semesterGrades.length > 0 ? ` +
+

Félévi értékelések

+
+ ${semesterGrades.map(grade => ` +
+
${grade.value}
+
${grade.subject}
+
+ `).join('')} +
+
+ ` : ''} +
+
+ ${generateSubjectCards(data.subjects)} +
+
+
+ `; +} + +function extractSemesterGrades(subjects) { + const semesterGrades = []; + subjects.forEach(subject => { + const semesterGrade = subject.grades.find(grade => grade.isSemesterGrade); + if (semesterGrade) { + semesterGrades.push({ + subject: subject.name, + value: semesterGrade.value, + date: semesterGrade.date + }); + } + }); + return semesterGrades; +} + +function calculateGradePoints(subjects) { + const allGrades = []; + + subjects.forEach(subject => { + subject.grades.forEach(grade => { + const date = new Date(grade.date); + const value = parseInt(grade.value); + const weight = parseInt(grade.weight?.match(/\d+/)?.[0] || '100') / 100; + allGrades.push({ + date, + value, + weight + }); + }); + }); + + + allGrades.sort((a, b) => a.date - b.date); + + + let totalWeight = 0; + let weightedSum = 0; + return allGrades.map(grade => { + totalWeight += grade.weight; + weightedSum += grade.value * grade.weight; + return { + date: grade.date.toISOString(), + grade: grade.value, + average: weightedSum / totalWeight + }; + }); +} + +function setupGradesChart(subjects) { + const ctx = document.getElementById('gradesChart'); + if (!ctx) return; + + const gradePoints = calculateGradePoints(subjects); + + new Chart(ctx, { + type: 'line', + data: { + labels: gradePoints.map((_, index) => ''), + datasets: [{ + label: 'Átlag', + data: gradePoints.map(p => p.average), + borderWidth: 5, + tension: 0.5, + segment: { + borderColor: ctx => { + const curr = ctx.p1.parsed.y; + if (!curr) return 'transparent'; + const color = getComputedStyle(document.documentElement).getPropertyValue( + curr < 2 ? '--grades-1' : + curr < 2.5 ? '--grades-2' : + curr < 3.5 ? '--grades-3' : + curr < 4.5 ? '--grades-4' : '--grades-5' + ).trim() + '80'; + return color; + } + }, + fill: true, + backgroundColor: function(context) { + const chart = context.chart; + const {ctx, chartArea} = chart; + if (!chartArea) return null; + + const gradientBg = ctx.createLinearGradient(0, chartArea.bottom, 0, chartArea.top); + + + gradientBg.addColorStop(0, getComputedStyle(document.documentElement).getPropertyValue('--grades-1').trim() + '30'); + gradientBg.addColorStop(0.2, getComputedStyle(document.documentElement).getPropertyValue('--grades-2').trim() + '30'); + gradientBg.addColorStop(0.4, getComputedStyle(document.documentElement).getPropertyValue('--grades-3').trim() + '30'); + gradientBg.addColorStop(0.6, getComputedStyle(document.documentElement).getPropertyValue('--grades-4').trim() + '30'); + gradientBg.addColorStop(0.8, getComputedStyle(document.documentElement).getPropertyValue('--grades-5').trim() + '30'); + + return gradientBg; + }, + pointBackgroundColor: context => { + const value = context.raw; + return getComputedStyle(document.documentElement).getPropertyValue( + value < 2 ? '--grades-1' : + value < 2.5 ? '--grades-2' : + value < 3.5 ? '--grades-3' : + value < 4.5 ? '--grades-4' : '--grades-5' + ).trim(); + }, + pointRadius: 0, + pointHoverRadius: 0 + }] + }, + options: { + responsive: true, + maintainAspectRatio: false, + scales: { + y: { + min: 1, + max: 5, + ticks: { + stepSize: 1, + color: getComputedStyle(document.documentElement).getPropertyValue('--text-secondary') + }, + grid: { + color: getComputedStyle(document.documentElement).getPropertyValue('--text-teritary') + '20', + lineWidth: 1, + borderDash: [5, 5] + } + }, + x: { + display: false + } + }, + plugins: { + legend: { + display: false + }, + tooltip: { + backgroundColor: getComputedStyle(document.documentElement).getPropertyValue('--card-card'), + titleColor: getComputedStyle(document.documentElement).getPropertyValue('--text-primary'), + bodyColor: getComputedStyle(document.documentElement).getPropertyValue('--text-primary'), + borderColor: getComputedStyle(document.documentElement).getPropertyValue('--text-teritary') + '20', + borderWidth: 1, + padding: 12, + displayColors: false, + callbacks: { + title: () => '', + label: context => `Átlag: ${context.raw.toFixed(2)}` + } + } + } + } + }); +} + +function generateSubjectCards(subjects) { + const sortedSubjects = [...subjects].sort((a, b) => a.grades.length - b.grades.length); + + return sortedSubjects.map(subject => { + const regularGrades = subject.grades.filter(grade => !grade.isSemesterGrade); + const myGrade = Math.floor(subject.average) || 0; + const classGrade = Math.floor(subject.classAverage) || 0; + + return ` +
+
+
+

${subject.name}

+
+
+
+ ${subject.average > 0 ? subject.average.toFixed(2) : '-'} +
+ ${subject.classAverage > 0 ? ` +
+ ${subject.classAverage.toFixed(2)} +
+ ` : ''} +
+
+
+ ${regularGrades.map(generateGradeItem).join('')} +
+
+ `; + }).join(''); +} + + function setupEventListeners() { + + const userBtn = document.querySelector('.user-dropdown-btn'); + const userDropdown = document.querySelector('.user-dropdown'); + + userBtn?.addEventListener('click', (e) => { + e.stopPropagation(); + userDropdown.classList.toggle('show'); + }); + + document.addEventListener('click', () => { + userDropdown?.classList.remove('show'); + }); + + + const timerEl = document.getElementById('logoutTimer'); + if (timerEl) { + const startTime = parseInt(timerEl.textContent?.match(/\d+/)?.[0] || "45"); + let timeLeft = startTime * 60; + + const updateTimer = () => { + const minutes = Math.floor(timeLeft / 60); + const seconds = timeLeft % 60; + timerEl.textContent = `${minutes}:${seconds.toString().padStart(2, '0')}`; + + if (timeLeft <= 0) { + window.location.href = '/Home/Logout'; + } else { + timeLeft--; + } + }; + + updateTimer(); + setInterval(updateTimer, 1000); + } + } + + function waitForElement(selector) { + return new Promise(resolve => { + if (document.querySelector(selector)) { + return resolve(document.querySelector(selector)); + } + + const observer = new MutationObserver(mutations => { + if (document.querySelector(selector)) { + observer.disconnect(); + resolve(document.querySelector(selector)); + } + }); + + observer.observe(document.body, { + childList: true, + subtree: true + }); + }); + } + + + if (window.location.href.includes('/TanuloErtekeles/Osztalyzatok')) { + transformGradesPage(); + } +})(); \ No newline at end of file diff --git a/homework/homework.css b/homework/homework.css new file mode 100644 index 0000000..cbce5e3 --- /dev/null +++ b/homework/homework.css @@ -0,0 +1,527 @@ +@font-face { + font-family: 'Montserrat'; + src: url('chrome-extension://__MSG_@@extension_id__/fonts/Montserrat-Regular.woff2') format('woff2'); + font-weight: 400; + font-style: normal; +} +@font-face { + font-family: 'Montserrat'; + src: url('chrome-extension://__MSG_@@extension_id__/fonts/Montserrat-Medium.woff2') format('woff2'); + font-weight: 500; + font-style: normal; +} +@font-face { + font-family: 'Montserrat'; + src: url('chrome-extension://__MSG_@@extension_id__/fonts/Montserrat-SemiBold.woff2') format('woff2'); + font-weight: 600; + font-style: normal; +} +@font-face { + font-family: 'Figtree'; + src: url('chrome-extension://__MSG_@@extension_id__/fonts/Figtree-Regular.woff2') format('woff2'); + font-weight: 400; + font-style: normal; +} + +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + margin: 0; + padding: 0; + color: var(--text-primary); + background-color: var(--background) !important; + font-family: "Montserrat", serif !important; + min-height: 100vh; + font-size: 16px; +} + +@media (max-width: 768px) { + body { + font-size: 14px; + } +} + +.kreta-container { + min-height: 100vh; + display: flex; + flex-direction: column; +} + +.kreta-header { + padding: clamp(1rem, 3vw, 2rem); + display: grid; + grid-template-columns: minmax(300px, 400px) 1fr minmax(200px, 300px); + align-items: center; + gap: 1rem; +} + +@media (max-width: 1200px) { + .kreta-header { + grid-template-columns: minmax(250px, 350px) 1fr minmax(180px, 250px); + } +} + +@media (max-width: 768px) { + .kreta-header { + grid-template-columns: 1fr auto; + grid-template-areas: + "school user" + "nav nav"; + padding: 1rem; + gap: 0.5rem; + } +} + +.school-info { + margin: 0; +} + +@media (max-width: 768px) { + .school-info { + grid-area: school; + max-width: none; + display: flex; + align-items: center; + gap: 0.5rem; + } +} + +.logo-text { + color: var(--text-primary); + font-size: 24px; + font-weight: 600; + margin: 0 0 0.5rem; + display: flex; + align-items: center; +} + +@media (max-width: 768px) { + .logo-text { + margin: 0; + font-size: 20px; + } +} + +.logo { + width: 24px; + border-radius: 8px; + margin-right: 0.5rem; +} + +.school-details { + color: var(--text-secondary); + font-size: 14px; +} + +.school-details span { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 300px; +} + +@media (max-width: 768px) { + .school-details span { + max-width: 200px; + } + + .school-details { + font-size: 12px; + } +} + + +.kreta-nav { + padding: 0 clamp(0.5rem, 3vw, 1.5rem); + position: sticky; + top: 0; + z-index: 100; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + scrollbar-width: none; + -ms-overflow-style: none; + display: flex; + justify-content: center; +} + +@media (max-width: 768px) { + .kreta-nav { + grid-area: nav; + padding: 0; + margin-top: 0.5rem; + } +} + +.nav-links { + display: flex; + gap: clamp(0.5rem, 2vw, 1rem); + padding: 0.25rem; + justify-content: center; +} + +@media (max-width: 768px) { + .nav-links { + justify-content: flex-start; + width: 100%; + gap: 0.25rem; + } +} + +.nav-links a { + color: var(--text-secondary); + text-decoration: none; + padding: clamp(0.5rem, 1.5vw, 1rem) 0.5rem; + font-weight: 500; + white-space: nowrap; + transition: all 0.2s ease; + display: flex; + align-items: center; + gap: 0.5rem; + border-radius: 8px; +} + +@media (max-width: 768px) { + .nav-links a { + padding: 0.5rem; + font-size: 13px; + } + + .nav-links a .material-icons-round { + font-size: 20px; + } +} + +.nav-links a:hover { + color: var(--text-primary); + background-color: var(--card-card); +} + +.nav-links a.active { + color: var(--accent-accent); +} + + +.user-profile { + position: relative; + justify-self: flex-end; +} + +@media (max-width: 768px) { + .user-profile { + grid-area: user; + } +} + +.user-dropdown-btn { + display: flex; + align-items: center; + gap: 1rem; + background: none; + border: none; + cursor: pointer; + padding: 0.5rem; + color: var(--text-primary); +} + +.user-info { + display: flex; + flex-direction: column; + align-items: flex-end; + gap: 0.25rem; +} + +.user-name { + font-weight: 600; + font-size: 14px; +} + +.nav-logout-timer { + font-size: 12px; + color: var(--text-secondary); +} + +.user-dropdown { + position: absolute; + top: 100%; + right: 0; + background: var(--card-card); + border-radius: 12px; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); + min-width: 200px; + display: none; + z-index: 1000; + overflow: hidden; +} + +.user-dropdown.show { + display: block; +} + +.dropdown-item { + display: flex; + align-items: center; + gap: 0.5rem; + padding: 0.75rem 1rem; + color: var(--text-primary); + text-decoration: none; + transition: background-color 0.2s ease; +} + +.dropdown-item:hover { + background-color: var(--accent-15); +} + + +.kreta-main { + flex: 1; + padding: clamp(1rem, 3vw, 2rem); + max-width: 1400px; + margin: 0 auto; + width: 100%; +} + + +.filter-card { + background: var(--card-card); + border-radius: 24px; + padding: 1.5rem; + margin-bottom: 1.5rem; + box-shadow: 0px 1px 3px 0px var(--accent-shadow); +} + +.filter-header { + margin-bottom: 1rem; +} + +.filter-header h2 { + font-size: 18px; + font-weight: 600; + color: var(--text-primary); + background-color: var(--card-card); +} + +.filter-content { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); + gap: 1rem; + width: 100%; +} + +.filter-group { + display: flex; + flex-direction: column; + gap: 0.5rem; +} + +.filter-group label { + display: flex; + align-items: center; + gap: 0.5rem; + font-size: 14px; + color: var(--text-secondary); +} + +.filter-group select, +.filter-group input { + padding: 0.75rem; + border-radius: 12px; + border: 1px solid var(--accent-15); + background-color: var(--background); + color: var(--text-primary); + font-family: inherit; + font-size: 14px; + width: 100%; + transition: border-color 0.2s ease, box-shadow 0.2s ease; +} + +.filter-group select:focus, +.filter-group input:focus { + outline: none; + border-color: var(--accent-accent); + box-shadow: 0 0 0 2px var(--accent-15); +} + +.filter-actions { + display: flex; + justify-content: flex-end; + gap: 1rem; + margin-top: 1rem; +} + +.filter-button { + padding: 0.5rem 1rem; + border-radius: 8px; + border: none; + font-family: inherit; + font-weight: 500; + cursor: pointer; + transition: all 0.2s ease; +} + +.filter-button.primary { + background-color: var(--accent-accent); + color: white; +} + +.filter-button.secondary { + background-color: var(--accent-15); + color: var(--text-primary); +} + +.filter-button:hover { + opacity: 0.9; +} + + +.homework-list { + display: grid; + grid-template-columns: 1fr; + gap: 1rem; +} + +.homework-date-group { + margin-bottom: 2rem; +} + +.date-header { + display: flex; + align-items: center; + gap: 0.5rem; + margin-bottom: 0.5rem; + padding-bottom: 0.5rem; + border-bottom: 1px solid var(--accent-15); +} + +.date-header h3 { + font-size: 16px; + font-weight: 600; + color: var(--text-primary); +} + +.homework-item { + background: var(--card-card); + border-radius: 12px; + padding: 1rem; + margin-bottom: 0.5rem; + box-shadow: 0px 1px 2px 0px var(--accent-shadow); + transition: transform 0.2s ease; +} + +.homework-item:hover { + transform: translateY(-2px); +} + +.homework-item.due-tomorrow { + border-left: 4px solid var(--accent-accent); + background-color: var(--accent-5); +} + +.homework-header { + display: flex; + justify-content: space-between; + margin-bottom: 0.5rem; +} + +.homework-subject { + font-weight: 600; + font-size: 16px; + color: var(--text-primary); +} + +.homework-deadline { + font-size: 14px; + color: var(--text-secondary); +} + +.homework-deadline.urgent { + color: var(--accent-accent); + font-weight: 500; +} + +.homework-content { + margin-bottom: 0.5rem; + color: var(--text-primary); + font-size: 14px; +} + +.homework-footer { + display: flex; + justify-content: space-between; + align-items: center; + font-size: 12px; + color: var(--text-secondary); +} + +.homework-teacher { + font-style: italic; +} + + +.loading-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.7); + display: flex; + justify-content: center; + align-items: center; + z-index: 9999; +} + +.loading-container { + background-color: var(--background); + padding: 2rem; + border-radius: 16px; + text-align: center; + max-width: 90%; + width: 300px; +} + +.loading-logo { + width: 80px; + margin-bottom: 1rem; +} + +.loading-text { + font-size: 18px; + font-weight: 600; + margin-bottom: 0.5rem; + color: var(--text-primary); +} + +.loading-text2 { + font-size: 14px; + color: var(--text-secondary); +} + + +.empty-state { + text-align: center; + padding: 2rem; + color: var(--text-secondary); + display: none; +} + +.empty-state p { + margin-bottom: 1rem; + font-size: 16px; +} + + +@media (max-width: 768px) { + .filter-content { + grid-template-columns: 1fr; + } + + .homework-header { + flex-direction: column; + gap: 0.25rem; + } +} \ No newline at end of file diff --git a/homework/homework.js b/homework/homework.js new file mode 100644 index 0000000..cf86424 --- /dev/null +++ b/homework/homework.js @@ -0,0 +1,572 @@ +function getCookie(name) { + const cookieName = `${name}=`; + const decodedCookie = decodeURIComponent(document.cookie); + const cookieArray = decodedCookie.split(';'); + + for(let i = 0; i < cookieArray.length; i++) { + let cookie = cookieArray[i]; + while (cookie.charAt(0) === ' ') { + cookie = cookie.substring(1); + } + if (cookie.indexOf(cookieName) === 0) { + return cookie.substring(cookieName.length, cookie.length); + } + } + return null; +} + +function shortenSchoolName(name, maxLength = 50) { + if (!name) return ''; + if (name.length <= maxLength) return name; + + const parts = name.split(' - '); + if (parts.length === 2) { + const [code, fullName] = parts; + if (fullName.length > maxLength - code.length - 3) { + return `${code} - ${fullName.substring(0, maxLength - code.length - 6)}...`; + } + } + return name.substring(0, maxLength - 3) + '...'; +} + +async function waitForElement(selector) { + return new Promise(resolve => { + if (document.querySelector(selector)) { + return resolve(document.querySelector(selector)); + } + + const observer = new MutationObserver(mutations => { + if (document.querySelector(selector)) { + observer.disconnect(); + resolve(document.querySelector(selector)); + } + }); + + observer.observe(document.body, { + childList: true, + subtree: true + }); + }); +} + +async function collectHomeworkData() { + await waitForElement('#TanulotHaziFeladatkGrid'); + await new Promise(resolve => setTimeout(resolve, 1000)); + + const basicData = { + schoolInfo: { + name: getCookie('schoolName') || 'Iskola', + id: getCookie('schoolCode') || '' + }, + userData: { + name: getCookie('userName') || 'Felhasználó', + time: document.querySelector('.usermenu_timer')?.textContent?.trim() || '45:00' + } + }; + + const homeworkItems = []; + const rows = document.querySelectorAll('#TanulotHaziFeladatkGrid .k-grid-content tr'); + rows.forEach(row => { + const cells = row.querySelectorAll('td'); + if (cells.length >= 7) { + homeworkItems.push({ + subject: cells[3]?.textContent?.trim() || '', + teacher: cells[4]?.textContent?.trim() || '', + description: cells[5]?.textContent?.trim() || '', + createdDate: cells[6]?.textContent?.trim() || '', + deadline: cells[7]?.textContent?.trim() || '' + }); + } + }); + + + const groupedHomework = {}; + homeworkItems.forEach(homework => { + + const deadlineDate = homework.deadline.split(' ').slice(0, 3).join(' '); + if (!groupedHomework[deadlineDate]) { + groupedHomework[deadlineDate] = []; + } + groupedHomework[deadlineDate].push(homework); + }); + + return { basicData, homeworkItems, groupedHomework }; +} + +function showLoadingScreen() { + const loadingHTML = ` +
+
+ +
Betöltés alatt...
+

Kis türelmet

+
+
+ `; + + document.body.insertAdjacentHTML('beforeend', loadingHTML); +} + +function hideLoadingScreen() { + const loadingOverlay = document.querySelector('.loading-overlay'); + if (loadingOverlay) { + loadingOverlay.style.opacity = '0'; + loadingOverlay.style.transition = 'opacity 0.3s ease'; + setTimeout(() => loadingOverlay.remove(), 300); + } +} + +function isTomorrow(dateStr) { + if (!dateStr) return false; + + + const parts = dateStr.split('.'); + if (parts.length < 3) return false; + + const year = parseInt(parts[0].trim()); + const month = parseInt(parts[1].trim()) - 1; // JS months are 0-indexed + const day = parseInt(parts[2].trim()); + + const homeworkDate = new Date(year, month, day); + + + const tomorrow = new Date(); + tomorrow.setDate(tomorrow.getDate() + 1); + tomorrow.setHours(0, 0, 0, 0); + + + const dayAfterTomorrow = new Date(tomorrow); + dayAfterTomorrow.setDate(dayAfterTomorrow.getDate() + 1); + + + return homeworkDate >= tomorrow && homeworkDate < dayAfterTomorrow; +} + +async function transformHomeworkPage() { + showLoadingScreen(); + const { basicData, homeworkItems, groupedHomework } = await collectHomeworkData(); + + + const schoolNameFull = `${basicData.schoolInfo.id} - ${basicData.schoolInfo.name}`; + const shortenedSchoolName = shortenSchoolName(schoolNameFull); + + document.body.innerHTML = ` +
+
+
+

+ + Firka +

+
+ ${shortenedSchoolName} +
+
+ + + + +
+ +
+
+
+

Szűrés

+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+ +
+ ${renderHomeworkList(groupedHomework)} +
+
+
+ `; + + setupFilters(homeworkItems, groupedHomework); + setupUserDropdown(); + setupLogoutTimer(); + hideLoadingScreen(); +} + +function renderHomeworkList(groupedHomework) { + + const sortedDates = Object.keys(groupedHomework).sort((a, b) => { + const dateA = new Date(a.replace(/\./g, '')); + const dateB = new Date(b.replace(/\./g, '')); + return dateA - dateB; + }); + + if (sortedDates.length === 0) { + return ` +
+

Nincs megjeleníthető házi feladat.

+
+ `; + } + + return sortedDates.map(date => { + const homeworkItems = groupedHomework[date]; + return ` +
+
+

${formatDateHeader(date)}

+
+ ${homeworkItems.map(homework => { + const isTomorrowClass = isTomorrow(homework.deadline) ? 'due-tomorrow' : ''; + const urgentClass = isTomorrow(homework.deadline) ? 'urgent' : ''; + + return ` +
+
+
${homework.subject}
+
${formatDeadline(homework.deadline)}
+
+
${formatHomeworkDescription(homework.description)}
+
+
${homework.teacher}
+
+
+ `; + }).join('')} +
+ `; + }).join(''); +} + +function formatDateHeader(dateStr) { + if (!dateStr) return ''; + + const today = new Date(); + today.setHours(0, 0, 0, 0); + + const tomorrow = new Date(today); + tomorrow.setDate(tomorrow.getDate() + 1); + + const parts = dateStr.split('.'); + if (parts.length < 3) return dateStr; + + const year = parseInt(parts[0].trim()); + const month = parseInt(parts[1].trim()) - 1; + const day = parseInt(parts[2].trim()); + + const date = new Date(year, month, day); + + + if (date.toDateString() === today.toDateString()) { + return 'Ma - ' + dateStr; + } else if (date.toDateString() === tomorrow.toDateString()) { + return 'Holnap - ' + dateStr; + } + + + const weekdays = ['Vasárnap', 'Hétfő', 'Kedd', 'Szerda', 'Csütörtök', 'Péntek', 'Szombat']; + return `${weekdays[date.getDay()]} - ${dateStr}`; +} + +function formatDeadline(dateStr) { + if (!dateStr) return ''; + + + if (isTomorrow(dateStr)) { + return `Határidő: ${dateStr} (holnap!)`; + } + + return `Határidő: ${dateStr}`; +} + +function formatDate(dateStr) { + if (!dateStr) return ''; + return dateStr; +} + +function formatHomeworkDescription(description) { + if (!description) return ''; + + + description = description.replace(/(\d+\.)\s*(\w[^\n.]*)/g, '$1 $2'); + + + description = description.replace(/(Határidő:)\s*([^\n]+)/g, '
$1 $2
'); + description = description.replace(/(MS\s+[^\n.]+szerint\s+adható\s+be\.)/g, '
Beadás: $1
'); + + + description = description.replace(/\n/g, '
'); + + return description; +} + +function setupFilters(homeworkItems, groupedHomework) { + const subjectFilter = document.getElementById('subjectFilter'); + const teacherFilter = document.getElementById('teacherFilter'); + const deadlineFilter = document.getElementById('deadlineFilter'); + const applyFilterBtn = document.getElementById('applyFilterBtn'); + const resetFilterBtn = document.getElementById('resetFilterBtn'); + + + const applyFilters = () => { + const selectedSubject = subjectFilter.value; + const selectedTeacher = teacherFilter.value; + const selectedDeadline = deadlineFilter.value; + + + const homeworkElements = document.querySelectorAll('.homework-item'); + const dateGroups = document.querySelectorAll('.homework-date-group'); + + + dateGroups.forEach(group => { + group.style.display = 'none'; + }); + + + homeworkElements.forEach(item => { + const subject = item.getAttribute('data-subject'); + const teacher = item.getAttribute('data-teacher'); + const dateGroup = item.closest('.homework-date-group'); + const dateStr = dateGroup.getAttribute('data-date'); + + let showItem = true; + + + if (selectedSubject && subject !== selectedSubject) { + showItem = false; + } + + + if (selectedTeacher && teacher !== selectedTeacher) { + showItem = false; + } + + + if (selectedDeadline) { + const parts = dateStr.split('.'); + if (parts.length >= 3) { + const year = parseInt(parts[0].trim()); + const month = parseInt(parts[1].trim()) - 1; + const day = parseInt(parts[2].trim()); + const date = new Date(year, month, day); + + const today = new Date(); + today.setHours(0, 0, 0, 0); + + const tomorrow = new Date(today); + tomorrow.setDate(tomorrow.getDate() + 1); + + + const startOfWeek = new Date(today); + const dayOfWeek = today.getDay() || 7; // Convert Sunday from 0 to 7 + startOfWeek.setDate(today.getDate() - dayOfWeek + 1); // Monday + + const endOfWeek = new Date(startOfWeek); + endOfWeek.setDate(startOfWeek.getDate() + 6); // Sunday + + + const startOfNextWeek = new Date(endOfWeek); + startOfNextWeek.setDate(endOfWeek.getDate() + 1); + + const endOfNextWeek = new Date(startOfNextWeek); + endOfNextWeek.setDate(startOfNextWeek.getDate() + 6); + + if (selectedDeadline === 'tomorrow' && date.toDateString() !== tomorrow.toDateString()) { + showItem = false; + } else if (selectedDeadline === 'thisWeek' && (date < startOfWeek || date > endOfWeek)) { + showItem = false; + } else if (selectedDeadline === 'nextWeek' && (date < startOfNextWeek || date > endOfNextWeek)) { + showItem = false; + } + } + } + + + item.style.display = showItem ? 'block' : 'none'; + + + if (showItem) { + dateGroup.style.display = 'block'; + } + }); + + + const visibleItems = document.querySelectorAll('.homework-item[style="display: block"]'); + const homeworkList = document.getElementById('homeworkList'); + + + let emptyState = homeworkList.querySelector('.empty-state'); + if (!emptyState) { + emptyState = document.createElement('div'); + emptyState.className = 'empty-state'; + emptyState.innerHTML = '

Nincs a szűrési feltételeknek megfelelő házi feladat.

'; + homeworkList.appendChild(emptyState); + } + + + if (visibleItems.length === 0) { + emptyState.style.display = 'block'; + } else { + emptyState.style.display = 'none'; + } + }; + + + const resetFilters = () => { + subjectFilter.value = ''; + teacherFilter.value = ''; + deadlineFilter.value = ''; + + + document.querySelectorAll('.homework-item').forEach(item => { + item.style.display = 'block'; + }); + + document.querySelectorAll('.homework-date-group').forEach(group => { + group.style.display = 'block'; + }); + + + const homeworkList = document.getElementById('homeworkList'); + const existingEmptyState = homeworkList.querySelector('.empty-state'); + if (existingEmptyState) { + homeworkList.removeChild(existingEmptyState); + } + }; + + + subjectFilter.addEventListener('change', applyFilters); + teacherFilter.addEventListener('change', applyFilters); + deadlineFilter.addEventListener('change', applyFilters); +} + +function setupUserDropdown() { + const userBtn = document.querySelector('.user-dropdown-btn'); + const userDropdown = document.querySelector('.user-dropdown'); + + userBtn?.addEventListener('click', (e) => { + e.stopPropagation(); + userDropdown?.classList.toggle('show'); + }); + + document.addEventListener('click', () => { + userDropdown?.classList.remove('show'); + }); + + + document.getElementById('settingsBtn')?.addEventListener('click', (e) => { + e.preventDefault(); + e.stopPropagation(); + const url = chrome.runtime.getURL('settings/index.html'); + window.open(url, '_blank', 'width=400,height=600'); + }); +} + +function setupLogoutTimer() { + const timerElement = document.querySelector('.nav-logout-timer'); + if (!timerElement) return; + + const timeString = timerElement.textContent; + const startTime = parseInt(timeString?.match(/\d+/)?.[0] || "45"); + let timeLeft = startTime * 60; + + const updateTimer = () => { + const minutes = Math.floor(timeLeft / 60); + const seconds = timeLeft % 60; + timerElement.textContent = `${minutes}:${seconds.toString().padStart(2, '0')}`; + + if (timeLeft <= 0) { + window.location.href = '/Home/Logout'; + } + timeLeft--; + }; + + updateTimer(); + setInterval(updateTimer, 1000); +} + + +if (window.location.href.includes('/Tanulo/TanuloHaziFeladat')) { + transformHomeworkPage().catch(error => { + console.error('Error transforming homework page:', error); + }); +} \ No newline at end of file diff --git a/icons/absences-active.svg b/icons/absences-active.svg new file mode 100644 index 0000000..d67438d --- /dev/null +++ b/icons/absences-active.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/absences-inactive.svg b/icons/absences-inactive.svg new file mode 100644 index 0000000..2d127f7 --- /dev/null +++ b/icons/absences-inactive.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/icons/close.svg b/icons/close.svg new file mode 100644 index 0000000..24b71a8 --- /dev/null +++ b/icons/close.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/dashboard-active.svg b/icons/dashboard-active.svg new file mode 100644 index 0000000..3e0fa00 --- /dev/null +++ b/icons/dashboard-active.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/dashboard-inactive.svg b/icons/dashboard-inactive.svg new file mode 100644 index 0000000..7007744 --- /dev/null +++ b/icons/dashboard-inactive.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/icons/dkt.svg b/icons/dkt.svg new file mode 100644 index 0000000..29f01d8 --- /dev/null +++ b/icons/dkt.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/icons/eye-off.svg b/icons/eye-off.svg new file mode 100644 index 0000000..e1b437f --- /dev/null +++ b/icons/eye-off.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/eye-on.svg b/icons/eye-on.svg new file mode 100644 index 0000000..cba5af7 --- /dev/null +++ b/icons/eye-on.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/grades-active.svg b/icons/grades-active.svg new file mode 100644 index 0000000..59bda98 --- /dev/null +++ b/icons/grades-active.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/grades-inactive.svg b/icons/grades-inactive.svg new file mode 100644 index 0000000..1448963 --- /dev/null +++ b/icons/grades-inactive.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/icons/logout.svg b/icons/logout.svg new file mode 100644 index 0000000..00ec2a8 --- /dev/null +++ b/icons/logout.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/icons/naplo.svg b/icons/naplo.svg new file mode 100644 index 0000000..5b65937 --- /dev/null +++ b/icons/naplo.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/icons/open-link.svg b/icons/open-link.svg new file mode 100644 index 0000000..ed7ef75 --- /dev/null +++ b/icons/open-link.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/others.svg b/icons/others.svg new file mode 100644 index 0000000..666094f --- /dev/null +++ b/icons/others.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/icons/profile.svg b/icons/profile.svg new file mode 100644 index 0000000..b750730 --- /dev/null +++ b/icons/profile.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/settings.svg b/icons/settings.svg new file mode 100644 index 0000000..0f23909 --- /dev/null +++ b/icons/settings.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/timetable-active.svg b/icons/timetable-active.svg new file mode 100644 index 0000000..54f0cb6 --- /dev/null +++ b/icons/timetable-active.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/icons/timetable-inactive.svg b/icons/timetable-inactive.svg new file mode 100644 index 0000000..58dd202 --- /dev/null +++ b/icons/timetable-inactive.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/images/firka_logo.png b/images/firka_logo.png new file mode 100644 index 0000000..19f5d49 Binary files /dev/null and b/images/firka_logo.png differ diff --git a/images/firka_logo_128.png b/images/firka_logo_128.png new file mode 100644 index 0000000..d6b5793 Binary files /dev/null and b/images/firka_logo_128.png differ diff --git a/images/loading.gif b/images/loading.gif new file mode 100644 index 0000000..8c4d0f6 Binary files /dev/null and b/images/loading.gif differ diff --git a/login/login.css b/login/login.css new file mode 100644 index 0000000..8bd87f0 --- /dev/null +++ b/login/login.css @@ -0,0 +1,385 @@ +@font-face { + font-family: 'Montserrat'; + src: url('chrome-extension://__MSG_@@extension_id__/fonts/Montserrat-Regular.woff2') format('woff2'); + font-weight: 400; + font-style: normal; +} +@font-face { + font-family: 'Montserrat'; + src: url('chrome-extension://__MSG_@@extension_id__/fonts/Montserrat-Medium.woff2') format('woff2'); + font-weight: 500; + font-style: normal; +} +@font-face { + font-family: 'Montserrat'; + src: url('chrome-extension://__MSG_@@extension_id__/fonts/Montserrat-SemiBold.woff2') format('woff2'); + font-weight: 600; + font-style: normal; +} +@font-face { + font-family: 'Figtree'; + src: url('chrome-extension://__MSG_@@extension_id__/fonts/Figtree-Regular.woff2') format('woff2'); + font-weight: 400; + font-style: normal; +} + +:root { + --icon-invert: 0.1; + --icon-sepia: 0.1; + --icon-saturate: 0.1; + --icon-hue-rotate: 0deg; + --icon-brightness: 0.1; +} + + +:root[data-theme="light-green"] { + --icon-invert: 0.1; + --icon-sepia: 0.1; + --icon-saturate: 0.1; + --icon-hue-rotate: 0deg; + --icon-brightness: 0.1; +} + + +:root[data-theme="dark-blue"] { + --icon-invert: 0.9; + --icon-sepia: 0.1; + --icon-saturate: 0.1; + --icon-hue-rotate: 0deg; + --icon-brightness: 1; +} + + +:root[data-theme="dark-green"] { + --icon-invert: 0.9; + --icon-sepia: 0.1; + --icon-saturate: 0.1; + --icon-hue-rotate: 0deg; + --icon-brightness: 1; +} + +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + margin: 0; + padding: 0; + color: var(--text-primary); + background-color: var(--background) !important; + font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; + min-height: 100vh; + font-size: 16px; + display: flex; + align-items: center; + justify-content: center; +} + +.login-container { + width: 90%; + max-width: 500px; + padding: 20px; + margin: 0 auto; +} + +.login-card { + background: var(--card-card); + padding: 24px; + margin-bottom: 16px; + border-radius: 24px; + box-shadow: 0px 1px var(--shadow-blur) 0px var(--accent-shadow); +} + +.card-header { + display: flex; + flex-direction: column; + align-items: center; + gap: 8px; + margin: 16px 0; + background: var(--card-card) !important; + border-bottom: 1px solid rgba(0, 0, 0, 0) !important; +} + +.logo-text { + color: var(--text-primary); + text-align: center; + font-family: Montserrat; + font-size: 20px; + font-style: normal; + font-weight: 700; + line-height: normal; +} + +.logo { + width: 48px; + height: 48px; + border-radius: 12px; +} + +.school-name { + color: var(--text-secondary); + text-align: center; + font-family: Figtree; + font-size: 16px; + font-style: normal; + font-weight: 500; + line-height: 130%; +} + +.school-details { + color: var(--text-secondary); + text-align: center; + font-family: Figtree; + font-size: 16px; + font-style: normal; + font-weight: 500; + line-height: 130%; +} + +.login-form { + width: 100%; +} + +.form-group { + margin-bottom: 16px; +} + +.form-control { + display: flex; + height: 48px; + padding: 0px 14px; + align-items: center; + gap: 10px; + align-self: stretch; + border-radius: 12px; + background: var(--accent-15) !important; + border: 0px solid var(--accent-15) !important; + color: var(--text-primary) !important; +} + +.form-control:focus { + outline: none; + border-color: var(--accent-accent) !important; +} + +.form-control::placeholder { + color: var(--text-secondary) !important; +} + +.password-group { + position: relative; +} + +.show-password { + position: absolute; + right: 12px; + top: 50%; + transform: translateY(-50%); + background: none; + border: none; + padding: 4px; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; +} + +.icon-eye { + width: 20px; + height: 20px; + opacity: 0.6; + transition: opacity 0.2s ease; + filter: invert(var(--icon-invert)) sepia(var(--icon-sepia)) saturate(var(--icon-saturate)) hue-rotate(var(--icon-hue-rotate)) brightness(var(--icon-brightness)); +} + +.show-password:hover .icon-eye { + opacity: 1; +} + +.form-actions { + margin-top: 24px; +} + +.help-links { + margin-top: 16px; + display: flex; + flex-direction: column; + align-items: center; + gap: 8px; +} + +.help-link { + color: var(--text-primary); + font-size: 14px; + font-weight: 500; + text-decoration: none; + transition: color 0.2s ease; +} + +.help-link:hover { + color: var(--text-teritary); +} + +.btn-login { + width: 100%; + padding: 12px; + background: var(--accent-accent); + color: white; + border: none; + border-radius: 12px; + font-size: 16px; + font-weight: 600; + font-family: "Montserrat", serif; + cursor: pointer; + transition: background 0.2s ease; + position: relative; +} + +.btn-login:hover { + background: var(--text-teritary); +} + +.btn-login:disabled { + opacity: 0.7; + cursor: not-allowed; +} + +.btn-text { + color: var(--text-primary); + text-align: center; + font-family: Montserrat; + font-size: 18px; + font-style: normal; + font-weight: 700; + line-height: normal; + letter-spacing: -0.3px; +} + +.system-message { + display: flex; + padding: 20px; + flex-direction: column; + align-items: center; + gap: 12px; + align-self: stretch; + border-radius: 24px; + background: var(--card-card); + box-shadow: 0px 1px var(--shadow-blur) 0px var(--accent-shadow); +} + +.system-message h4 { + color: var(--text-primary); + text-align: center; + font-family: Montserrat; + font-size: 20px; + font-style: normal; + font-weight: 700; + line-height: normal; +} + +.system-message p { + color: var(--text-secondary); + text-align: center; + font-family: Figtree; + font-size: 16px; + font-style: normal; + font-weight: 500; + line-height: 130%; +} + +.login-footer { + align-self: stretch; + color: var(--text-secondary); + text-align: center; + font-family: Figtree; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 130%; +} + +.privacy-link { + align-self: stretch; + color: var(--text-secondary); + text-align: center; + font-family: Figtree; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 130%; + text-decoration: none; +} + +.privacy-link:hover { + color: var(--text-teritary); +} + + +.form-control.error { + border-color: var(--error-accent) !important; + background: var(--error-card) !important; +} + +.error-message { + color: var(--error-text); + font-size: 14px; + margin-top: 4px; + display: none; +} + +.error-message.show { + display: block; + animation: fadeIn 0.2s ease; +} + +@keyframes fadeIn { + from { opacity: 0; transform: translateY(-4px); } + to { opacity: 1; transform: translateY(0); } +} + +@keyframes spin { + to { transform: translate(-50%, -50%) rotate(360deg); } +} + +@media (max-width: 480px) { + .login-container { + padding: 16px; + } + + .login-card { + padding: 20px; + } + + .card-header { + margin-bottom: 20px; + padding-bottom: 16px; + } + + .logo-text { + font-size: 20px; + } + + .school-name { + font-size: 16px; + } + + .school-details { + font-size: 12px; + } + + .form-control { + height: 44px; + font-size: 14px; + } + + .btn-login { + padding: 10px; + font-size: 14px; + } + + .help-link { + font-size: 12px; + } +} \ No newline at end of file diff --git a/login/login.js b/login/login.js new file mode 100644 index 0000000..6d49112 --- /dev/null +++ b/login/login.js @@ -0,0 +1,201 @@ +async function transformLoginPage() { + try { + + if (document.readyState !== 'complete') { + await new Promise(resolve => { + window.addEventListener('load', resolve); + }); + } + + + const existingForm = document.querySelector('form'); + const formData = { + action: existingForm?.getAttribute('action') || '', + returnUrl: document.querySelector('#ReturnUrl')?.value || '', + instituteCode: document.querySelector('#instituteCode')?.value || '', + requestToken: document.querySelector('input[name="__RequestVerificationToken"]')?.value || '' + }; + + + const titleElement = document.querySelector('.page-title'); + const schoolInfo = { + name: titleElement?.querySelector('b')?.textContent?.trim() || '', + kretaId: '', + omCode: '' + }; + + + const spanElement = titleElement?.querySelector('span'); + if (spanElement) { + const lines = spanElement.textContent?.split('\n').map(line => line.trim()) || []; + schoolInfo.kretaId = lines[0] || ''; + schoolInfo.omCode = (lines[1] || '').replace('KRÉTA azonosító: ', ''); + } + + + const rawSystemMessage = document.querySelector('.alert-primary')?.textContent?.trim() || ''; + const systemMessage = rawSystemMessage.replace('Rendszerértesítés', '').trim(); + + + const newHTML = ` + + `; + + + document.body.innerHTML = newHTML; + + + setupEventListeners(); + + } catch (error) { + console.error('Error transforming page:', error); + } +} + +function setupEventListeners() { + const loginForm = document.getElementById('loginForm'); + const passwordInput = document.getElementById('Password'); + const togglePasswordBtn = document.querySelector('.show-password'); + const formInputs = document.querySelectorAll('.form-control'); + + + if (togglePasswordBtn && passwordInput) { + togglePasswordBtn.addEventListener('click', () => { + const isPassword = passwordInput.type === 'password'; + passwordInput.type = isPassword ? 'text' : 'password'; + const icon = togglePasswordBtn.querySelector('.icon-eye'); + icon.src = chrome.runtime.getURL(`icons/${isPassword ? 'eye-on' : 'eye-off'}.svg`); + }); +} + + + formInputs.forEach(input => { + + input.addEventListener('input', () => { + validateInput(input); + }); + + + input.addEventListener('blur', () => { + validateInput(input, true); + }); + }); + + + if (loginForm) { + loginForm.addEventListener('submit', handleSubmit); + } +} + +function validateInput(input, showError = false) { + const isValid = input.value.trim().length > 0; + const errorElement = input.nextElementSibling; + + if (!isValid && showError) { + input.classList.add('error'); + errorElement?.classList.add('show'); + } else { + input.classList.remove('error'); + errorElement?.classList.remove('show'); + } + + return isValid; +} + +function handleSubmit(event) { + event.preventDefault(); + + const form = event.target; + const inputs = form.querySelectorAll('.form-control[required]'); + let isValid = true; + + + inputs.forEach(input => { + if (!validateInput(input, true)) { + isValid = false; + } + }); + + if (!isValid) { + return; + } + + + const submitButton = form.querySelector('.btn-login'); + const spinner = submitButton.querySelector('.spinner'); + const buttonText = submitButton.querySelector('.btn-text'); + + submitButton.disabled = true; + spinner.style.display = 'inline-block'; + buttonText.style.opacity = '0'; + + + form.submit(); +} + + +if (window.location.href.includes('idp.e-kreta.hu/Account/Login')) { + transformLoginPage().catch(error => { + console.error('Error:', error); + }); +} \ No newline at end of file diff --git a/logout/logout.css b/logout/logout.css new file mode 100644 index 0000000..b0fc0e6 --- /dev/null +++ b/logout/logout.css @@ -0,0 +1,138 @@ +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + margin: 0; + padding: 0; + color: var(--text-primary); + background-color: var(--background) !important; + font-family: "Montserrat", serif !important; + min-height: 100vh; + font-size: 16px; + display: flex; + align-items: center; + justify-content: center; +} + +.logout-container { + width: 100%; + max-width: 500px; + padding: 20px; + margin: 0 auto; +} + +.logout-header { + text-align: center; + margin-bottom: 24px; +} + +.logo-text { + color: var(--text-primary); + font-size: 24px; + font-weight: 600; + margin: 16px 0; + display: flex; + align-items: center; + justify-content: center; +} + +.logo { + width: 24px; + border-radius: 8px; + margin-right: 8px; +} + +.logout-card { + background: var(--card-card); + padding: 24px; + border-radius: 24px; + text-align: center; + margin-bottom: 16px; + box-shadow: 0px 1px var(--shadow-blur) 0px var(--accent-shadow); +} + +.logout-message { + margin-bottom: 24px; +} + +.logout-message strong { + font-size: 18px; + color: var(--text-primary); + font-weight: 600; +} + +.redirect-timer { + font-size: 48px; + font-weight: 700; + color: var(--accent-accent); + margin-bottom: 24px; +} + +.btn-continue { + display: inline-block; + padding: 12px 24px; + background: var(--accent-accent); + color: var(--button-secondaryFill); + text-decoration: none; + border-radius: 12px; + font-weight: 600; + transition: background 0.2s ease, color 0.2s ease; +} + +.btn-continue:hover { + background: var(--accent-secondary) !important; + color: var(--button-secondaryFill) !important; +} + +.logout-footer { + text-align: center; +} + +.privacy-link { + color: var(--text-secondary); + text-decoration: none; + font-size: 14px; + display: inline-block; + margin-bottom: 8px; + transition: color 0.2s ease; +} + +.privacy-link:hover { + color: var(--text-primary); +} + +@media (max-width: 600px) { + .logout-container { + padding: 16px; + } + + .logout-card { + padding: 20px; + } + + .redirect-timer { + font-size: 36px; + } + + .logo-text { + font-size: 20px; + } + + .logo { + width: 20px; + } +} + +@keyframes fadeIn { + from { + opacity: 0; + transform: translateY(-10px); + } + to { + opacity: 1; + transform: translateY(0); + } +} \ No newline at end of file diff --git a/logout/logout.js b/logout/logout.js new file mode 100644 index 0000000..08048f3 --- /dev/null +++ b/logout/logout.js @@ -0,0 +1,97 @@ +(() => { + function getCookie(name) { + const cookieName = `${name}=`; + const decodedCookie = decodeURIComponent(document.cookie); + const cookieArray = decodedCookie.split(';'); + + for(let i = 0; i < cookieArray.length; i++) { + let cookie = cookieArray[i]; + while (cookie.charAt(0) === ' ') { + cookie = cookie.substring(1); + } + if (cookie.indexOf(cookieName) === 0) { + return cookie.substring(cookieName.length, cookie.length); + } + } + return null; + } + + function loadFonts() { + // Create a new style element + const style = document.createElement('style'); + style.textContent = ` + @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap'); + @import url('https://fonts.googleapis.com/icon?family=Material+Icons+Round'); + `; + document.head.appendChild(style); + } + function transformLogoutPage() { + // Get current theme and school ID from cookies + const theme = getCookie('themePreference') || localStorage.getItem('themePreference') || 'light-blue'; + const instituteCode = getCookie('schoolSubdomain'); + document.documentElement.setAttribute('data-theme', theme); + + // Create new HTML structure + const newHTML = ` +
+
+

+ + Firka +

+
+ +
+
+ Sikeres kijelentkezés! +
+ +
5
+ + Tovább +
+ + +
+ `; + + // Replace body content + document.body.innerHTML = newHTML; + + // Start countdown timer + const timerElement = document.getElementById('automaticRedirectTimer'); + let remainingTime = 5; + + const countdownInterval = setInterval(() => { + remainingTime--; + if (timerElement) { + timerElement.textContent = remainingTime; + } + + if (remainingTime <= 0) { + clearInterval(countdownInterval); + window.location.href = `https://${instituteCode}.e-kreta.hu`; + } + }, 1000); + + // Handle manual redirect click + document.querySelector('.btn-continue')?.addEventListener('click', (e) => { + e.preventDefault(); + clearInterval(countdownInterval); + window.location.href = `https://${instituteCode}.e-kreta.hu`; + }); + } + // Load fonts immediately + loadFonts(); + // Run the transformation + if (document.readyState === 'loading') { + document.addEventListener('DOMContentLoaded', transformLogoutPage); + } else { + transformLogoutPage(); + } +})(); \ No newline at end of file diff --git a/manifest.json b/manifest.json new file mode 100644 index 0000000..4b285af --- /dev/null +++ b/manifest.json @@ -0,0 +1,119 @@ +{ + "manifest_version": 3, + "name": "Firxa", + "version": "1.1.0", + "description": "KRÉTA webes verziójának újraírása", + "icons": { + "128": "images/firka_logo_128.png" + }, + "action": { + "default_popup": "settings/index.html", + "default_icon": { + "128": "images/firka_logo_128.png" + } + }, + "web_accessible_resources": [{ + "resources": [ + "settings/*", + "images/*", + "fonts/*.woff2", + "icons/*.svg", + "grades/chart.js" + ], + "matches": ["https://*.e-kreta.hu/*"] + }], + "content_scripts": [ + { + "matches": [ + "https://*.e-kreta.hu/*" + ], + "js": ["global/maintenance.js", "global/theme.js", "global/navigation.js"], + "css": ["global/theme.css", "global/navigation.css"], + "run_at": "document_start" + }, + { + "matches": [ + "https://*.e-kreta.hu/*" + ], + "css": ["global/maintenance.css"], + "run_at": "document_end" + }, + { + "matches": ["https://idp.e-kreta.hu/Account/Login*"], + "js": ["login/login.js"], + "css": ["login/login.css"] + }, + { + "matches": [ + "https://*.e-kreta.hu/Hianyzas/Hianyzasok*" + ], + "js": ["absences/absences.js"], + "css": ["absences/absences.css"], + "run_at": "document_end" + }, + { + "matches": [ + "https://idp.e-kreta.hu/Account/Logout*" + ], + "js": ["logout/logout.js"], + "css": ["logout/logout.css"], + "run_at": "document_end" + }, + { + "matches": [ + "https://*.e-kreta.hu/Adminisztracio/BelepesKezelo*" + ], + "js": ["roleselect/roleselect.js"], + "css": ["roleselect/roleselect.css"], + "run_at": "document_end" + }, + { + "matches": [ + "https://*.e-kreta.hu/Adminisztracio/ElfelejtettJelszo*" + ], + "js": ["forgotpassword/forgotpassword.js"], + "css": ["forgotpassword/forgotpassword.css"], + "run_at": "document_end" + }, + { + "matches": [ + "https://*.e-kreta.hu/Intezmeny/Faliujsag*" + ], + "js": ["dashboard/dashboard.js"], + "css": ["dashboard/dashboard.css"], + "run_at": "document_end" + }, + { + "matches": [ + "https://*.e-kreta.hu/TanuloErtekeles/Osztalyzatok*" + ], + "js": ["grades/grades.js", "grades/chart.js"], + "css": ["grades/grades.css"], + "run_at": "document_end" + }, + { + "matches": [ + "https://*.e-kreta.hu/Orarend/InformaciokOrarend*" + ], + "js": ["timetable/timetable.js"], + "css": ["timetable/timetable.css"], + "run_at": "document_end" + }, + { + "matches": [ + "https://*.e-kreta.hu/Adminisztracio/Profil*" + ], + "js": ["profile/profile.js"], + "css": ["profile/profile.css"], + "run_at": "document_end" + }, + { + "matches": [ + "https://*.e-kreta.hu/Tanulo/TanuloHaziFeladat*" + ], + "js": ["homework/homework.js"], + "css": ["homework/homework.css"], + "run_at": "document_end" + } + ] +} \ No newline at end of file diff --git a/profile/profile.css b/profile/profile.css new file mode 100644 index 0000000..ef4ea38 --- /dev/null +++ b/profile/profile.css @@ -0,0 +1,487 @@ +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + margin: 0; + padding: 0; + color: var(--text-primary); + background-color: var(--background) !important; + font-family: "Montserrat", serif !important; + min-height: 100vh; + font-size: 16px; +} + +.kreta-container { + min-height: 100vh; + display: flex; + flex-direction: column; +} + + +.kreta-header { + padding: clamp(1rem, 3vw, 2rem); + display: grid; + grid-template-columns: minmax(300px, 400px) 1fr minmax(200px, 300px); + align-items: center; + gap: 1rem; +} + +.school-info { + display: flex; + flex-direction: column; + gap: 0.5rem; +} + +.logo-text { + color: var(--text-primary); + font-size: 24px; + font-weight: 600; + display: flex; + align-items: center; + margin: 0; +} + +.logo { + width: 24px; + border-radius: 8px; + margin-right: 8px; +} + +.school-details { + color: var(--text-secondary); + font-size: 14px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 300px; +} + + +.nav-links { + display: flex; + gap: clamp(0.5rem, 2vw, 1rem); + padding: 0.25rem; + justify-content: center; +} + +.nav-links a { + color: var(--text-secondary); + text-decoration: none; + padding: clamp(0.5rem, 1.5vw, 1rem) 0.5rem; + font-weight: 500; + white-space: nowrap; + transition: all 0.2s ease; + display: flex; + align-items: center; + gap: 0.5rem; + border-radius: 8px; +} + +.nav-links a:hover { + color: var(--text-primary); + background-color: var(--card-card); +} + +.nav-links a.active { + color: var(--accent-accent); +} + + +.user-profile { + position: relative; + justify-self: flex-end; +} + +.user-dropdown-btn { + display: flex; + align-items: center; + gap: 1rem; + background: none; + border: none; + cursor: pointer; + padding: 0.5rem; + border-radius: 8px; + transition: background-color 0.2s; +} + +.user-dropdown-btn:hover { + background: var(--card-card); +} + +.user-info { + text-align: right; +} + +.user-name { + display: block; + color: var(--text-primary); + font-size: 16px; + font-weight: 500; +} + +.user-time { + display: block; + color: var(--text-secondary); + font-size: 14px; +} + +.user-dropdown { + position: absolute; + top: 100%; + right: 0; + margin-top: 0.5rem; + background: var(--card-card); + border-radius: 12px; + box-shadow: 0px 1px var(--shadow-blur) 0px var(--accent-shadow); + width: 200px; + display: none; + z-index: 1000; +} + +.user-dropdown.show { + display: block; + animation: dropdownShow 0.2s ease; +} + +.dropdown-item { + display: flex; + align-items: center; + gap: 0.75rem; + padding: 0.75rem 1rem; + color: var(--text-primary); + text-decoration: none; + transition: background-color 0.2s; +} + +.dropdown-item:hover { + background: var(--button-secondaryFill); +} + + +.kreta-main { + flex: 1; + padding: clamp(1rem, 3vw, 2rem); + max-width: 800px; + margin: 0 auto; + width: 100%; +} + +.card { + background: var(--card-card); + border-radius: 24px; + overflow: hidden; + box-shadow: 0px 1px var(--shadow-blur) 0px var(--accent-shadow); +} + +.card h2 { + font-size: 18px; + font-weight: 600; + color: var(--text-primary); + padding: 1.5rem; + padding-bottom: 0.5rem; + background-color: var(--card-card); +} + + +.profile-tabs { + padding: 1.5rem; +} + +.tab-headers { + display: flex; + gap: 0.5rem; + margin-bottom: 1.5rem; + border-bottom: 1px solid var(--card-translucent); + overflow-x: auto; + scrollbar-width: none; +} + +.tab-headers::-webkit-scrollbar { + display: none; +} + +.tab-header { + padding: 0.75rem 1rem; + background: none; + border: none; + color: var(--text-secondary); + font-weight: 500; + cursor: pointer; + white-space: nowrap; + border-bottom: 2px solid transparent; + font-size: 14px; +} + +.tab-header.active { + color: var(--accent-accent); + border-bottom-color: var(--accent-accent); +} + +.tab-content { + display: none; + background: var(--button-secondaryFill); + border-radius: 8px; + padding: 1.5rem; +} + +.tab-content.active { + display: block; +} + + +.form-group { + margin-bottom: 1rem; +} + +.form-label { + display: block; + color: var(--text-secondary); + font-size: 14px; + margin-bottom: 0.5rem; +} + +.form-control { + width: 100%; + padding: 0.75rem; + border: 1px solid var(--accent-15); + border-radius: 8px; + background: var(--accent-15); + color: var(--text-primary); + font-size: 14px; +} + +.form-control:focus { + outline: none; + border-color: var(--accent-accent); +} + +.form-text { + font-size: 12px; + color: var(--text-secondary); + margin-top: 0.25rem; +} + + +.security-content { + display: flex; + flex-direction: column; + gap: 1.5rem; +} + +.step-card { + background: var(--button-secondaryFill); + border-radius: 12px; + padding: 1.5rem; + animation: fadeIn 0.3s ease; +} + +.step-card h3 { + color: var(--text-primary); + font-size: 16px; + font-weight: 600; + margin-bottom: 1rem; +} + +.step-card p { + color: var(--text-secondary); + font-size: 14px; + margin-bottom: 1rem; + line-height: 1.5; +} + +.app-grid { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 1.5rem; + margin-top: 1rem; +} + +.app-section h4 { + color: var(--text-primary); + font-size: 14px; + font-weight: 600; + margin-bottom: 0.75rem; +} + +.app-links { + display: flex; + flex-direction: column; + gap: 0.5rem; +} + +.app-link { + display: flex; + align-items: center; + gap: 0.5rem; + padding: 0.75rem; + background: var(--card-card); + border-radius: 8px; + color: var(--text-primary); + text-decoration: none; + font-size: 14px; + transition: background-color 0.2s; +} + +.app-link:hover { + background: var(--button-secondaryFill); +} + +.qr-container { + display: flex; + flex-direction: column; + align-items: center; + gap: 1rem; + margin: 1.5rem 0; +} + +.qr-container img { + background: white; + padding: 1rem; + border-radius: 8px; + max-width: 200px; +} + +.setup-key { + display: flex; + flex-direction: column; + gap: 0.5rem; + width: 100%; +} + +.key-display { + display: flex; + align-items: center; + gap: 0.5rem; + background: var(--card-card); + padding: 0.75rem; + border-radius: 8px; +} + +.key-display code { + font-family: monospace; + color: var(--text-primary); + font-size: 14px; + flex-grow: 1; + text-align: center; +} + +.btn-copy { + background: none; + border: none; + color: var(--text-secondary); + cursor: pointer; + padding: 0.25rem; + border-radius: 4px; + transition: all 0.2s; +} + +.btn-copy:hover { + color: var(--text-primary); + background: var(--button-secondaryFill); +} + + +.btn-save { + padding: 0.75rem 1.5rem; + background: var(--accent-accent); + color: var(--button-secondaryFill); + border: none; + border-radius: 8px; + font-weight: 500; + cursor: pointer; + font-size: 14px; + transition: background-color 0.2s; +} + +.btn-save:hover { + background: var(--accent-secondary); +} + + +@keyframes fadeIn { + from { + opacity: 0; + transform: translateY(-10px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + +@keyframes dropdownShow { + from { + opacity: 0; + transform: translateY(-10px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + + +@media (max-width: 768px) { + .kreta-header { + grid-template-columns: 1fr auto; + grid-template-areas: + "school user" + "nav nav"; + padding: 1rem; + gap: 0.5rem; + } + + .school-info { + grid-area: school; + } + + .nav-links { + grid-area: nav; + margin-top: 0.5rem; + justify-content: flex-start; + } + + .user-profile { + grid-area: user; + } + + .app-grid { + grid-template-columns: 1fr; + } + + .profile-tabs { + padding: 1rem; + } + + .tab-content { + padding: 1rem; + } +} + + +.material-icons-round { + font-size: 20px; + vertical-align: middle; +} + + +::-webkit-scrollbar { + width: 8px; + height: 8px; +} + +::-webkit-scrollbar-track { + background: var(--background); +} + +::-webkit-scrollbar-thumb { + background: var(--text-secondary); + border-radius: 4px; +} + +::-webkit-scrollbar-thumb:hover { + background: var(--text-primary); +} \ No newline at end of file diff --git a/profile/profile.js b/profile/profile.js new file mode 100644 index 0000000..49820da --- /dev/null +++ b/profile/profile.js @@ -0,0 +1,506 @@ +(() => { + function getCookie(name) { + const cookieName = `${name}=`; + const decodedCookie = decodeURIComponent(document.cookie); + const cookieArray = decodedCookie.split(';'); + + for(let i = 0; i < cookieArray.length; i++) { + let cookie = cookieArray[i]; + while (cookie.charAt(0) === ' ') { + cookie = cookie.substring(1); + } + if (cookie.indexOf(cookieName) === 0) { + return cookie.substring(cookieName.length, cookie.length); + } + } + return null; + } + + function shortenSchoolName(name) { + if (!name) return ''; + const maxLength = 30; + if (name.length <= maxLength) return name; + + const parts = name.split(' - '); + if (parts.length === 2) { + const [code, fullName] = parts; + return `${code} - ${fullName.substring(0, maxLength - code.length - 5)}...`; + } + return name.substring(0, maxLength - 3) + '...'; + } + + function createSecurityTab() { + return ` +
+
+
+

1. lépés: Hitelesítési alkalmazás telepítése

+

A kétfaktoros hitelesítés használatához telepítsen egy időalapú, egyszer használatos jelszó (TOTP) alkalmazást:

+ +
+
+

Android

+
+ + download + NISZ Hitelesítő + + + download + Microsoft Authenticator + + + download + Google Authenticator + +
+
+ +
+

iPhone

+
+ + download + NISZ Hitelesítő + + + download + Microsoft Authenticator + + + download + Google Authenticator + +
+
+
+
+ +
+

2. lépés: Kétfaktoros azonosítás beállítása

+
+
+ +
+ + +
+
+ + +
+
+ `; + } + + function createContactTab() { + return ` +
+
+ + + Az e-mail cím megadása a jelszó emlékeztető miatt szükséges. +
+
+ + + A telefonszám megadása nem kötelező. +
+
+ +
+
+ `; + } + + function createPasswordTab() { + return ` +
+
+ + +
+
+ + + A jelszónak legalább 8 karakter hosszúnak kell lennie. +
+
+ + +
+
+ +
+
+ `; + } + + function createSettingsTab() { + return ` +
+
+ + A tippek megjelenítésének ki/be kapcsolása. +
+
+ +
+
+ `; + } + + function setupContactForm() { + const form = document.querySelector('.contact-form'); + if (!form) return; + + const emailInput = form.querySelector('#email'); + const phoneInput = form.querySelector('#phone'); + const saveButton = form.querySelector('#saveContacts'); + + + emailInput.value = getCookie('userEmail') || ''; + phoneInput.value = getCookie('userPhone') || ''; + + saveButton?.addEventListener('click', async () => { + const email = emailInput.value.trim(); + const phone = phoneInput.value.trim(); + + if (!email) { + alert('Az e-mail cím megadása kötelező!'); + return; + } + + if (email && !isValidEmail(email)) { + alert('Kérjük, adjon meg egy érvényes e-mail címet!'); + return; + } + + if (phone && !isValidPhone(phone)) { + alert('Kérjük, adjon meg egy érvényes telefonszámot!'); + return; + } + + try { + const response = await fetch('/Adminisztracio/Profil/SaveElerhetosegek', { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + 'RequestVerificationToken': document.querySelector('input[name="__RequestVerificationToken"]').value + }, + body: JSON.stringify({ email, phone }) + }); + + if (response.ok) { + alert('Elérhetőségek sikeresen mentve!'); + } else { + throw new Error('Hiba történt a mentés során.'); + } + } catch (error) { + console.error('Error saving contacts:', error); + alert('Hiba történt a mentés során. Kérjük, próbálja újra később.'); + } + }); + } + + function isValidEmail(email) { + return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email); + } + + function isValidPhone(phone) { + return /^\+?[0-9\s-]{9,}$/.test(phone); + } + + function setupEventListeners() { + + document.querySelectorAll('.tab-header').forEach(header => { + header.addEventListener('click', () => { + document.querySelectorAll('.tab-header').forEach(h => h.classList.remove('active')); + document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active')); + + header.classList.add('active'); + const targetId = header.dataset.tab; + document.getElementById(`${targetId}-content`).classList.add('active'); + }); + }); + + + const userBtn = document.querySelector('.user-dropdown-btn'); + const userDropdown = document.querySelector('.user-dropdown'); + + userBtn?.addEventListener('click', (e) => { + e.stopPropagation(); + userDropdown?.classList.toggle('show'); + }); + + document.addEventListener('click', () => { + userDropdown?.classList.remove('show'); + }); + + + document.getElementById('saveSettings')?.addEventListener('click', async () => { + const hideTips = document.getElementById('hideTips').checked; + + try { + const response = await fetch('/Adminisztracio/Profil/SaveTippekBeallitasa', { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + 'RequestVerificationToken': document.querySelector('input[name="__RequestVerificationToken"]').value + }, + body: JSON.stringify({ hideTips }) + }); + + if (response.ok) { + alert('Beállítások sikeresen mentve! A változtatások érvényesítéséhez jelentkezzen be újra.'); + } else { + throw new Error('Hiba történt a mentés során.'); + } + } catch (error) { + console.error('Error saving settings:', error); + alert('Hiba történt a mentés során. Kérjük, próbálja újra később.'); + } + }); + + + document.getElementById('savePassword')?.addEventListener('click', async () => { + const currentPassword = document.getElementById('currentPassword').value; + const newPassword = document.getElementById('newPassword').value; + const confirmPassword = document.getElementById('confirmPassword').value; + + if (!currentPassword || !newPassword || !confirmPassword) { + alert('Kérjük, töltse ki az összes mezőt!'); + return; + } + + if (newPassword !== confirmPassword) { + alert('Az új jelszavak nem egyeznek!'); + return; + } + + if (newPassword.length < 8) { + alert('Az új jelszónak legalább 8 karakter hosszúnak kell lennie!'); + return; + } + + try { + const response = await fetch('/Adminisztracio/Profil/SaveJelszoModositas', { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + 'RequestVerificationToken': document.querySelector('input[name="__RequestVerificationToken"]').value + }, + body: JSON.stringify({ + currentPassword, + newPassword, + confirmPassword + }) + }); + + if (response.ok) { + alert('Jelszó sikeresen módosítva!'); + document.getElementById('currentPassword').value = ''; + document.getElementById('newPassword').value = ''; + document.getElementById('confirmPassword').value = ''; + } else { + throw new Error('Hiba történt a jelszó módosítása során.'); + } + } catch (error) { + console.error('Error changing password:', error); + alert('Hiba történt a jelszó módosítása során. Kérjük, próbálja újra később.'); + } + }); + + + const timerEl = document.getElementById('logoutTimer'); + if (timerEl) { + const startTime = parseInt(timerEl.textContent?.match(/\d+/)?.[0] || "45"); + let timeLeft = startTime * 60; + + const updateTimer = () => { + const minutes = Math.floor(timeLeft / 60); + const seconds = timeLeft % 60; + timerEl.textContent = `${minutes}:${seconds.toString().padStart(2, '0')}`; + + if (timeLeft <= 0) { + window.location.href = '/Home/Logout'; + } else { + timeLeft--; + } + }; + + updateTimer(); + setInterval(updateTimer, 1000); + } + } + + function createProfileHTML(data) { + const schoolNameFull = `${data.schoolInfo.id} - ${data.schoolInfo.name}`; + const shortenedSchoolName = shortenSchoolName(schoolNameFull); + + return ` +
+
+
+

+ + Firka +

+
+ ${shortenedSchoolName} +
+
+ + + + +
+ +
+
+

Profil beállítások

+
+
+ + + + +
+ +
+ ${createSettingsTab()} +
+ +
+ ${createPasswordTab()} +
+ +
+ ${createSecurityTab()} +
+ +
+ ${createContactTab()} +
+
+
+
+
+ `; + } + + async function init() { + if (window.location.pathname.includes('/Adminisztracio/Profil')) { + + const links = [ + { rel: 'preconnect', href: 'https://fonts.googleapis.com' }, + { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossorigin: true }, + { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap' }, + { rel: 'stylesheet', href: 'https://fonts.googleapis.com/icon?family=Material+Icons+Round' } + ]; + + links.forEach(link => { + const linkElement = document.createElement('link'); + Object.entries(link).forEach(([key, value]) => { + linkElement[key] = value; + }); + document.head.appendChild(linkElement); + }); + + const userData = { + schoolInfo: { + name: getCookie('schoolName') || 'Iskola', + id: getCookie('schoolCode') || '' + }, + userData: { + name: getCookie('userName') || 'Felhasználó', + time: document.querySelector('.usermenu_timer')?.textContent?.trim() || '45:00', + email: getCookie('userEmail') || '' + } + }; + + document.body.innerHTML = createProfileHTML(userData); + setupEventListeners(); + setupContactForm(); + } + } + + init(); +})(); \ No newline at end of file diff --git a/roleselect/roleselect.css b/roleselect/roleselect.css new file mode 100644 index 0000000..8c3bb16 --- /dev/null +++ b/roleselect/roleselect.css @@ -0,0 +1,380 @@ +@font-face { + font-family: 'Montserrat'; + src: url('chrome-extension://__MSG_@@extension_id__/fonts/Montserrat-Regular.woff2') format('woff2'); + font-weight: 400; + font-style: normal; +} +@font-face { + font-family: 'Montserrat'; + src: url('chrome-extension://__MSG_@@extension_id__/fonts/Montserrat-Medium.woff2') format('woff2'); + font-weight: 500; + font-style: normal; +} +@font-face { + font-family: 'Montserrat'; + src: url('chrome-extension://__MSG_@@extension_id__/fonts/Montserrat-SemiBold.woff2') format('woff2'); + font-weight: 600; + font-style: normal; +} +@font-face { + font-family: 'Figtree'; + src: url('chrome-extension://__MSG_@@extension_id__/fonts/Figtree-Regular.woff2') format('woff2'); + font-weight: 400; + font-style: normal; +} + + +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + color: var(--text-primary); + background-color: var(--background) !important; + font-family: "Montserrat", serif !important; + min-height: 100vh; + font-size: 16px; +} + + +.kreta-container { + width: 100%; + min-height: 100vh; + display: flex; + flex-direction: column; + padding: clamp(1rem, 3vw, 2rem); + max-width: 1200px; + margin: 0 auto; +} + + +.kreta-header { + display: grid; + grid-template-columns: auto 1fr auto; + align-items: center; + gap: 2rem; + margin-bottom: clamp(2rem, 5vw, 3rem); +} + + +.school-info { + display: flex; + flex-direction: column; + gap: 0.5rem; +} + +.logo-text { + display: flex; + align-items: center; + font-size: 1.5rem; + font-weight: 600; + color: var(--text-primary); + margin: 0; +} + +.logo { + width: 32px; + height: 32px; + border-radius: 8px; + margin-right: 0.75rem; +} + +.school-details { + color: var(--text-secondary); + font-size: 1.1rem; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 300px; + padding-left: 2px; +} + + +.user-profile { + justify-self: flex-end; + text-align: right; +} + +.user-info { + display: flex; + flex-direction: column; + align-items: flex-end; + gap: 4px; +} + + +.user-name, .role-text { + color: var(--text-primary); + font-family: Montserrat; + font-weight: 600; +} + +.user-name { + font-size: 16px; +} + +.role-text { + font-size: 20px; + text-align: center; +} + +.logout-timer, .role-description { + color: var(--text-secondary); + font-family: Figtree; + font-weight: 500; + line-height: 130%; +} + +.logout-timer { + font-size: 14px; + text-align: right; +} + +.role-description { + font-size: 16px; + text-align: center; +} + + +.role-container { + flex: 1; + display: flex; + align-items: center; +} + +.role-grid { + display: grid; + grid-template-columns: 1fr minmax(300px, 1fr); + gap: 1.5rem; + width: 100%; +} + +.side-roles { + display: grid; + grid-template-rows: 1fr auto; + gap: 1.5rem; +} + + +.role-card { + width: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 1.5rem; + padding: 2rem; + background: var(--card-card); + border-radius: 1rem; + cursor: pointer; + text-align: center; + border: none; + box-shadow: 0px 1px var(--shadow-blur) 0px var(--accent-shadow); + transition: all 0.2s ease; +} + + +.role-card[data-role="Ellenorzo"] { + height: 480px; + background: var(--card-card); +} + +.role-card[data-role="DKT"] { + height: 280px; + background: var(--card-card); + box-shadow: 0px 1px var(--shadow-blur) 0px var(--accent-shadow); +} + +.logout-card { + height: 180px; + background: var(--error-card); + box-shadow: 0px 1px var(--shadow-blur) 0px var(--accent-shadow); +} + + +.role-icon { + width: 48px; + height: 48px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 12px; + transition: transform 0.2s ease; + background: var(--accent-15); +} + +.role-icon img { + width: 32px; + height: 32px; + transition: transform 0.2s ease; +} + +.role-card[data-role="DKT"] .role-icon { + background: var(--warning-15); +} + +.logout-card .role-icon { + background: var(--error-15); +} + +.role-icon img { + width: 32px; + height: 32px; + transition: transform 0.2s ease; +} + + +.role-card:hover { + transform: translateY(-2px); +} + +.role-card:hover .role-icon img { + transform: scale(1.2); +} + +.role-card:active { + transform: translateY(1px); + box-shadow: 0px 0px var(--shadow-blur) 0px var(--accent-shadow); +} + + +.role-card[data-role="Ellenorzo"]:hover { + background-color: var(--accent-15); +} + +.role-card[data-role="DKT"]:hover { + background-color: var(--accent-15); +} + +.role-card[data-role="DKT"]:active { + box-shadow: 0px 0px var(--shadow-blur) 0px var(--accent-shadow); +} + +.logout-card:hover { + background-color: var(--error-15); +} + +.logout-card:active { + box-shadow: 0px 0px var(--shadow-blur) 0px var(--error-shadow); +} + + +:root[data-theme="light-blue"] .role-card:hover, +:root[data-theme="light-green"] .role-card:hover { + box-shadow: 0px 1px var(--shadow-blur) 0px var(--accent-shadow); +} + + +::-webkit-scrollbar { + width: 8px; + height: 8px; +} + +::-webkit-scrollbar-track { + background: var(--background); +} + +::-webkit-scrollbar-thumb { + background: var(--text-secondary); + border-radius: 4px; +} + +::-webkit-scrollbar-thumb:hover { + background: var(--text-primary); +} + + +@keyframes fadeIn { + from { + opacity: 0; + transform: translateY(-10px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + + +@media (max-width: 1200px) { + .role-grid { + grid-template-columns: 1fr 280px; + } +} + +@media (max-width: 900px) { + .role-grid { + grid-template-columns: 1fr; + } + + .side-roles { + grid-template-columns: 1fr 1fr; + grid-template-rows: none; + } + + .role-card[data-role="Ellenorzo"], + .role-card[data-role="DKT"], + .logout-card { + height: 300px; + } +} + +@media (max-width: 768px) { + .kreta-header { + grid-template-columns: 1fr auto; + gap: 1rem; + } + + .school-info { + max-width: 60%; + } + + .school-details { + max-width: 200px; + font-size: 1rem; + } + + .logo-text { + font-size: 1.2rem; + } + + .logo { + width: 24px; + height: 24px; + } +} + +@media (max-width: 640px) { + .kreta-container { + padding: 1rem; + } + + .side-roles { + grid-template-columns: 1fr; + gap: 1rem; + } + + .role-card { + padding: 1.5rem; + } + + .role-icon { + width: 40px; + height: 40px; + } + + .role-icon img { + width: 24px; + height: 24px; + } + + .role-text { + font-size: 1.2rem; + } + + .role-description { + font-size: 1rem; + } +} \ No newline at end of file diff --git a/roleselect/roleselect.js b/roleselect/roleselect.js new file mode 100644 index 0000000..17fbe65 --- /dev/null +++ b/roleselect/roleselect.js @@ -0,0 +1,183 @@ +(() => { + + const setCookie = (name, value, days = 365) => { + const date = new Date(); + date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); + document.cookie = `${name}=${value}; expires=${date.toUTCString()}; path=/; domain=.e-kreta.hu`; + }; + + const startLogoutTimer = () => { + let timeLeft = 45 * 60; + const timerElement = document.getElementById('logoutTimer'); + + const updateTimer = () => { + const minutes = Math.floor(timeLeft / 60); + const seconds = timeLeft % 60; + + if (timerElement) { + timerElement.textContent = `${minutes}:${seconds.toString().padStart(2, '0')}`; + } + + timeLeft <= 0 ? window.location.href = '/Home/Logout' : timeLeft--; + }; + + updateTimer(); + return setInterval(updateTimer, 1000); + }; + + const handleRoleChange = async (role) => { + try { + const response = await fetch('/Adminisztracio/SzerepkorValaszto/ChangeRole', { + method: 'POST', + headers: { 'Content-Type': 'application/json' }, + body: JSON.stringify({ Role: role }) + }); + + const data = await response.json(); + if (data.Success) { + window.location.assign(data.Url); + } else { + throw new Error('Role change failed'); + } + } catch (error) { + console.error('Error changing role:', error); + alert('Hiba történt a szerepkör váltása közben.'); + } + }; + + const createHTML = (schoolCode, fullSchoolName, userName) => ` +
+
+
+

+ + Firka +

+
+ ${schoolCode || ''} - ${fullSchoolName || 'Iskola'} +
+
+ +
+ +
+
+
+
+
+ Napló ikon +
+
+ Ellenőrzőkönyv +
Jegyek, hiányzások, órarended és egyéb információk megtekintése.
+
+
+
+ +
+
+
+ DKT ikon +
+
+ Digitális Kollaborációs Tér (DKT) +
Osztálytermi kommunikáció és feladatok.
+
+
+ +
+
+ Kijelentkezés ikon +
+
+ Kijelentkezés +
Kilépés a rendszerből
+
+
+
+
+
+
+ `; + + const transformRoleSelectPage = async () => { + try { + if (document.readyState !== 'complete') { + await new Promise(resolve => window.addEventListener('load', resolve)); + } + + + const schoolNameEl = document.querySelector('.IntezmenyNev'); + const schoolName = schoolNameEl?.textContent.trim() || 'Iskola neve'; + const [schoolCode, fullSchoolName] = schoolName.split(' - '); + + + const schoolSubdomain = window.location.hostname.split('.')[0]; + + const userNameEl = document.querySelector('.UserName'); + const userName = userNameEl?.textContent.trim() || 'Felhasználónév'; + + + if (schoolCode && fullSchoolName) { + setCookie('schoolCode', schoolCode); + setCookie('schoolName', fullSchoolName); + setCookie('schoolSubdomain', schoolSubdomain); + } + if (userName) { + setCookie('userName', userName); + } + + + document.body.innerHTML = createHTML(schoolCode, fullSchoolName, userName); + + + const links = [ + { rel: 'preconnect', href: 'https://fonts.googleapis.com' }, + { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossorigin: true }, + { href: 'https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Figtree:wght@300..900&display=swap', rel: 'stylesheet' } + ]; + + links.forEach(link => { + const linkElement = document.createElement('link'); + Object.entries(link).forEach(([key, value]) => linkElement[key] = value); + document.head.appendChild(linkElement); + }); + + + const timerInterval = startLogoutTimer(); + + + document.querySelector('.role-card[data-role="Ellenorzo"]')?.addEventListener('click', () => { + handleRoleChange('Ellenorzo'); + }); + + document.querySelector('.role-card[data-role="DKT"]')?.addEventListener('click', () => { + window.location.href = '/Adminisztracio/BelepesKezelo/DKTTanuloOrGondviselo'; + }); + + document.querySelector('.logout-card')?.addEventListener('click', async () => { + try { + clearInterval(timerInterval); + await fetch('/Home/LogOut', { method: 'POST' }); + } catch { + window.location.replace("https://idp.e-kreta.hu/Account/Logout"); + } finally { + window.location.replace("https://idp.e-kreta.hu/Account/Logout"); + } + }); + + } catch (error) { + console.error('Error transforming page:', error); + } + }; + + + if (window.location.href.includes('/Adminisztracio/BelepesKezelo')) { + transformRoleSelectPage(); + } +})(); \ No newline at end of file diff --git a/settings/index.css b/settings/index.css new file mode 100644 index 0000000..f64ab79 --- /dev/null +++ b/settings/index.css @@ -0,0 +1,276 @@ +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + width: 400px; + margin: 0; + padding: 0; + color: var(--text-primary); + background-color: var(--background) !important; + font-family: "Montserrat", serif; + font-size: 14px; +} + + +* { + scrollbar-width: none; + -ms-overflow-style: none; +} + +*::-webkit-scrollbar { + display: none; +} + +.popup-container { + padding: 16px; +} + +.popup-header { + text-align: center; + margin-bottom: 16px; +} + +.logo-text { + color: var(--text-primary); + font-size: 20px; + font-weight: 600; + margin: 8px 0; + display: flex; + align-items: center; + justify-content: center; +} + +.logo { + width: 20px; + border-radius: 6px; + margin-right: 8px; +} + +.settings-card, +.about-card, +.support-card { + background: var(--card-card); + border-radius: 16px; + padding: 16px; + margin-bottom: 16px; + box-shadow: 0px 1px var(--shadow-blur) 0px var(--accent-shadow); +} + +h2 { + font-size: 16px; + font-weight: 600; + color: var(--text-primary); + margin-bottom: 12px; + background-color: var(--card-card); +} + +.settings-group { + display: flex; + flex-direction: column; + gap: 16px; +} + +.setting-section { + display: flex; + flex-direction: column; + gap: 12px; +} + +.setting-header { + display: flex; + align-items: center; + gap: 8px; + color: var(--text-primary); + font-weight: 500; +} + + +.theme-grid { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 12px; +} +.theme-option { + background: none; + border: none; + padding: 0; + cursor: pointer; + display: flex; + flex-direction: column; + align-items: center; + gap: 8px; + transition: transform 0.2s ease; +} +.theme-option:hover { + transform: translateY(-2px); +} +.theme-option.active .theme-preview { + outline: 2px solid var(--accent-accent); + outline-offset: 2px; +} +.theme-preview { + width: 100%; + height: 100px; + border-radius: 8px; + overflow: hidden; + position: relative; +} +.theme-option.disabled { + opacity: 0.5; + cursor: not-allowed; + position: relative; +} + +.theme-option.disabled::after { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 8px; +} + + +.theme-preview.light-blue { + background: #DAE4F7; +} + +.theme-preview.light-blue .preview-header { + background: #EDF3FF; +} + +.theme-preview.light-blue .preview-card { + background: #FBFCFF; +} + + +.theme-preview.light-green { + background: #FAFFF0; +} + +.theme-preview.light-green .preview-header { + background: #F3FBDE; +} + +.theme-preview.light-green .preview-card { + background: #FEFFFD; +} + + +.theme-preview.dark-blue { + background: #070A0E; +} + +.theme-preview.dark-blue .preview-header { + background: #0F131B; +} + +.theme-preview.dark-blue .preview-card { + background: #131822; +} + + +.theme-preview.dark-green { + background: #0D1202; +} + +.theme-preview.dark-green .preview-header { + background: #141905; +} + +.theme-preview.dark-green .preview-card { + background: #20290b; +} + +.preview-header { + height: 30%; + width: 100%; +} + +.preview-content { + padding: 8px; +} + +.preview-card { + height: 30px; + border-radius: 4px; +} + +.theme-name { + color: var(--text-primary); + font-size: 12px; + font-weight: 500; +} + +.about-content, +.support-content { + color: var(--text-secondary); + font-size: 14px; + line-height: 1.5; +} + +.about-content p, +.support-content p { + margin-bottom: 12px; +} + +.github-link { + display: inline-flex; + align-items: center; + gap: 6px; + color: var(--accent-accent); + text-decoration: none; + font-weight: 500; + transition: color 0.2s; +} + +.github-link:hover { + color: var(--accent-secondary); +} + +.support-buttons { + display: flex; + gap: 8px; + margin-top: 12px; +} + +.support-button { + flex: 1; + display: flex; + align-items: center; + justify-content: center; + gap: 6px; + padding: 8px; + background: var(--accent-15); + color: var(--text-primary); + text-decoration: none; + border-radius: 8px; + font-weight: 500; + transition: all 0.2s; +} + +.support-button:hover { + background: var(--accent-accent); + color: var(--button-secondaryFill); +} + +.popup-footer { + text-align: center; + margin-top: 16px; +} + +.version-info { + color: var(--text-secondary); + font-size: 12px; +} + + +.material-icons-round { + font-size: 18px; + vertical-align: middle; +} \ No newline at end of file diff --git a/settings/index.html b/settings/index.html new file mode 100644 index 0000000..974f18f --- /dev/null +++ b/settings/index.html @@ -0,0 +1,103 @@ + + + + + + Firxa Beállítások + + + + + + + + +
+
+

+ + Firxa +

+
+ +
+

Beállítások

+
+
+
+ palette + Téma +
+
+ + + + +
+
+
+
+ +
+

Névjegy

+
+

A Firka egy nyílt forráskódú projekt, amely a KRÉTA rendszerhez készít saját felhasználói felületet.

+ + code + GitHub + +
+
+ +
+

Támogatás

+
+

Ha tetszik a munkánk és szeretnéd támogatni a fejlesztést, az alábbi módon teheted meg:

+
+ + coffee + Ko-Fi + +
+
+
+ +
+
v1.1.0
+
+
+ + + \ No newline at end of file diff --git a/settings/index.js b/settings/index.js new file mode 100644 index 0000000..06daaa2 --- /dev/null +++ b/settings/index.js @@ -0,0 +1,141 @@ +document.addEventListener('DOMContentLoaded', async () => { + + function getCookie(name) { + const cookieName = `${name}=`; + const decodedCookie = decodeURIComponent(document.cookie); + const cookieArray = decodedCookie.split(';'); + + for(let i = 0; i < cookieArray.length; i++) { + let cookie = cookieArray[i]; + while (cookie.charAt(0) === ' ') { + cookie = cookie.substring(1); + } + if (cookie.indexOf(cookieName) === 0) { + return cookie.substring(cookieName.length, cookie.length); + } + } + return null; + } + + + function setCookie(name, value, days = 365) { + const date = new Date(); + date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); + const expires = `expires=${date.toUTCString()}`; + document.cookie = `${name}=${value}; ${expires}; path=/; domain=.e-kreta.hu`; + } + + async function getCurrentTheme() { + try { + const [tab] = await chrome.tabs.query({ active: true, currentWindow: true }); + const response = await chrome.tabs.sendMessage(tab.id, { action: 'getTheme' }); + return response.theme; + } catch (error) { + console.error('Error getting current theme:', error); + return 'default'; + } + } + + function updateThemeButtons(currentTheme) { + document.querySelectorAll('.theme-option').forEach(button => { + const theme = button.dataset.theme; + button.classList.toggle('active', theme === currentTheme); + + + /*if (theme === 'light-blue' || theme === 'dark-blue' || theme === 'default') { + button.classList.add('disabled'); + button.setAttribute('disabled', 'true'); + }*/ + }); + } + + + function isThemeDisabled(theme) { + return theme === 'default' || theme === 'dark-blue'; + } + + async function applyTheme(theme) { + + if (isThemeDisabled(theme)) { + alert('Ez a téma jelenleg nem elérhető.'); + return; + } + + + setCookie('themePreference', theme); + localStorage.setItem('themePreference', theme); + + + document.documentElement.setAttribute('data-theme', theme); + + + updateThemeButtons(theme); + + + const tabs = await chrome.tabs.query({}); + tabs.forEach(tab => { + chrome.tabs.sendMessage(tab.id, { + action: 'changeTheme', + theme: theme + }).catch(() => { + + console.log('Tab not ready for theme change:', tab.id); + }); + }); + } + + + const themeButtons = document.querySelectorAll('.theme-option'); + themeButtons.forEach(button => { + button.addEventListener('click', () => { + const theme = button.dataset.theme; + + + if (button.hasAttribute('disabled')) { + alert('Ez a téma jelenleg nem elérhető.'); + return; + } + + applyTheme(theme); + }); + }); + + + let initialTheme = localStorage.getItem('themePreference') || + getCookie('themePreference') || + await getCurrentTheme() || + 'light-green'; + + + if (isThemeDisabled(initialTheme)) { + initialTheme = 'light-green'; + } + + + await applyTheme(initialTheme); + + + chrome.runtime.onMessage.addListener((message, sender, sendResponse) => { + if (message.action === 'themeChanged') { + updateThemeButtons(message.theme); + document.documentElement.setAttribute('data-theme', message.theme); + } + }); + + + const manifest = chrome.runtime.getManifest(); + document.getElementById('version').textContent = `v${manifest.version}`; + + + themeButtons.forEach(button => { + button.addEventListener('mouseover', () => { + if (!button.hasAttribute('disabled')) { + button.style.transform = 'translateY(-2px)'; + } + }); + + button.addEventListener('mouseout', () => { + button.style.transform = 'translateY(0)'; + }); + }); +}); \ No newline at end of file diff --git a/timetable/timetable.css b/timetable/timetable.css new file mode 100644 index 0000000..bc0b779 --- /dev/null +++ b/timetable/timetable.css @@ -0,0 +1,822 @@ +@font-face { + font-family: 'Montserrat'; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXp-p7K4KLg.woff2) format('woff2'); +} + +@font-face { + font-family: 'Montserrat'; + font-style: normal; + font-weight: 500; + src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw5aXp-p7K4KLg.woff2) format('woff2'); +} + +@font-face { + font-family: 'Montserrat'; + font-style: normal; + font-weight: 600; + src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w5aXp-p7K4KLg.woff2) format('woff2'); +} + +@font-face { + font-family: 'Figtree'; + src: url('chrome-extension://__MSG_@@extension_id__/fonts/Figtree-Regular.woff2') format('woff2'); + font-weight: 400; + font-style: normal; +} + + +* { + box-sizing: border-box; + margin: 0; + padding: 0; + font-family: 'Montserrat', sans-serif; +} + +body { + margin: 0; + padding: 0; + color: var(--text-primary); + background-color: var(--background) !important; + min-height: 100vh; + font-size: 16px; +} + +/* Loading Screen */ +.loading-screen { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: var(--background); + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + z-index: 9999; +} + +.loading-logo { + width: 48px; + height: 48px; + border-radius: 16px; +} + +.loading-text { + color: var(--text-primary); + text-align: center; + font-family: Montserrat; + font-size: 20px; + font-style: normal; + font-weight: 700; + line-height: normal; +} + +.loading-text2 { + align-self: stretch; + color: var(--text-secondary); + text-align: center; + font-family: Figtree; + font-size: 16px; + font-style: normal; + font-weight: 500; + line-height: 130%; +} + +@keyframes spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} + +@media (max-width: 768px) { + body { + font-size: 14px; + } +} + +.kreta-container { + min-height: 100vh; + display: flex; + flex-direction: column; +} + +/* Update header styles to match dashboard */ +.kreta-header { + padding: clamp(1rem, 3vw, 2rem); + display: grid; + grid-template-columns: minmax(300px, 400px) 1fr minmax(200px, 300px); + align-items: center; + gap: 1rem; +} + +@media (max-width: 1200px) { + .kreta-header { + grid-template-columns: minmax(250px, 350px) 1fr minmax(180px, 250px); + } +} + +@media (max-width: 768px) { + .kreta-header { + grid-template-columns: 1fr auto; + grid-template-areas: + "school user" + "nav nav"; + padding: 1rem; + gap: 0.5rem; + } +} + +.school-info { + margin: 0; +} + +@media (max-width: 768px) { + .school-info { + grid-area: school; + max-width: none; + display: flex; + align-items: center; + gap: 0.5rem; + } +} + +.logo-text { + color: var(--text-primary); + font-size: 24px; + font-weight: 600; + margin: 0 0 0.5rem; + display: flex; + align-items: center; +} + +@media (max-width: 768px) { + .logo-text { + margin: 0; + font-size: 20px; + } +} + +.logo { + width: 24px; + border-radius: 8px; + margin-right: 0.5rem; +} + +.school-details { + color: var(--text-secondary); + font-size: 14px; +} + +.school-details span { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 300px; +} + +@media (max-width: 768px) { + .school-details span { + max-width: 200px; + } + + .school-details { + font-size: 12px; + } +} + +/* Updated navigation styles */ +.kreta-nav { + padding: 0 clamp(0.5rem, 3vw, 1.5rem); + position: sticky; + top: 0; + z-index: 100; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + scrollbar-width: none; + -ms-overflow-style: none; + display: flex; + justify-content: center; +} + +@media (max-width: 768px) { + .kreta-nav { + grid-area: nav; + padding: 0; + margin-top: 0.5rem; + } +} + +.kreta-nav::-webkit-scrollbar { + display: none; +} + +.nav-links { + display: flex; + gap: clamp(0.5rem, 2vw, 1rem); + padding: 0.25rem; + justify-content: center; +} + +@media (max-width: 768px) { + .nav-links { + justify-content: flex-start; + width: 100%; + gap: 0.25rem; + } +} + +.nav-links a { + color: var(--text-secondary); + text-decoration: none; + padding: clamp(0.5rem, 1.5vw, 1rem) 0.5rem; + font-weight: 500; + white-space: nowrap; + transition: all 0.2s ease; + display: flex; + align-items: center; + gap: 0.5rem; + border-radius: 8px; +} + +@media (max-width: 768px) { + .nav-links a { + padding: 0.5rem; + font-size: 13px; + } + + .nav-links a .material-icons-round { + font-size: 20px; + } +} + +.nav-links a:hover { + color: var(--text-primary); + text-decoration: none; + background-color: var(--card-card); +} + +.nav-links a.active { + color: var(--accent-accent); +} + +/* User profile styles */ +.user-profile { + position: relative; + justify-self: flex-end; +} + +@media (max-width: 768px) { + .user-profile { + grid-area: user; + } +} + +.user-dropdown-btn { + display: flex; + align-items: center; + gap: 1rem; + background: none; + border: none; + cursor: pointer; + padding: 0.5rem; + border-radius: 8px; + transition: background-color 0.2s; +} + +.user-dropdown-btn:hover { + background: var(--card-card); +} + +.user-info { + text-align: right; +} + +.user-name { + display: block; + color: var(--text-primary); + font-size: 16px; + font-weight: 500; +} + +.user-time { + display: block; + color: var(--text-secondary); + font-size: 14px; +} + +.user-dropdown { + position: absolute; + top: 100%; + right: 0; + margin-top: 0.5rem; + background: var(--card-card); + border-radius: 12px; + box-shadow: 0 4px 6px -1px var(--accent-shadow); + width: 200px; + display: none; + z-index: 1000; +} + +.user-dropdown.show { + display: block; + animation: dropdownShow 0.2s ease; +} + +.dropdown-item { + display: flex; + align-items: center; + gap: 0.75rem; + padding: 0.75rem 1rem; + color: var(--text-primary); + text-decoration: none; + transition: background-color 0.2s; +} + +.dropdown-item:hover { + background: var(--button-secondaryFill); +} + +/* Main content styles */ +.kreta-main { + flex: 1; + padding: clamp(1rem, 3vw, 2rem); + max-width: 1400px; + margin: 0 auto; + width: 100%; +} + +/* Card styles */ +.card { + border-radius: 24px; + overflow: hidden; + animation: fadeIn 0.3s ease; + margin-bottom: 1rem; +} + +/* Timetable specific styles */ +.timetable-grid { + display: grid; + grid-template-columns: 80px repeat(5, 1fr); + overflow-x: auto; +} + +.grid-header { + padding: 12px; + text-align: center; + font-weight: 600; + color: var(--text-primary); + border-radius: 12px; + min-width: 120px; +} + +.grid-header:first-child { + min-width: 80px; +} + +.grid-header { + display: flex; + justify-content: space-between; + padding: 0 10px; +} + +.day-name { + text-align: left; + color: var(--text-primary); + font-family: Montserrat; + font-size: 16px; + font-style: normal; + font-weight: 600; + line-height: normal; +} + +.day-date { + text-align: right; + color: var(--text-secondary); + font-family: Figtree; + font-size: 16px; + font-style: normal; + font-weight: 500; + line-height: 130%; +} + +.time-slot { + padding: 12px; + text-align: center; + color: var(--text-secondary); + font-size: 14px; + border-radius: 12px; +} + +.lesson-slot { + min-height: 100px; + border-radius: 12px; + padding: 8px; + transition: transform 0.2s ease; +} + +.lesson-slot:hover { + transform: scale(1.02); +} + +.lesson-card { + display: flex; + padding: 16px; + flex-direction: column; + align-items: flex-start; + gap: 10px; + align-self: stretch; + border-radius: 16px; + background: var(--card-card); + box-shadow: 0px 1px var(--shadow-blur, 2px) 0px var(--accent-shadow); + transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); + transform: translateY(0); +} + +.lesson-card:hover { + transform: translateY(-4px); + box-shadow: 0 8px 12px var(--accent-shadow); +} + +.lesson-card.substituted { + background: var(--warning-card); +} + +.lesson-card.cancelled { + border-radius: 16px; + background: var(--card-translucent); +} + +.lesson-card.cancelled .lesson-subject, .lesson-card.cancelled .lesson-teacher, .lesson-card.cancelled .lesson-room { + opacity: 0.5; + text-decoration: line-through; +} + +.lesson-subject { + align-self: stretch; + color: var(--text-primary); + font-family: Montserrat; + font-size: 16px; + font-style: normal; + font-weight: 600; + line-height: normal; +} + +.lesson-teacher { + color: var(--text-secondary); + font-family: Figtree; + font-size: 16px; + font-style: normal; + font-weight: 500; + line-height: 130%; +} +.lesson-bottom { + margin-top: auto; + display: flex; + justify-content: space-between; + align-items: flex-end; + width: 100%; +} + +.lesson-room { + background: var(--accent-15); + color: var(--text-secondary); + padding: 4px 8px; + border-radius: 12px; + font-size: 12px; + font-weight: 500; +} + +.lesson-card.substituted .lesson-bottom .lesson-room { + background: var(--warning-15); +} +.lesson-time { + color: var(--text-secondary); + font-size: 12px; + font-weight: 500; + margin-left: auto; + text-align: right; + min-width: 45px; +} +.lesson-indicators { + position: absolute; + top: 8px; + right: 8px; + display: flex; + gap: 4px; +} + +.lesson-indicator { + display: flex; + align-items: center; + justify-content: center; + width: 20px; + height: 20px; + border-radius: 50%; + background: var(--accent-15); + color: var(--accent-accent); +} + +.lesson-indicator.homework-indicator { + background: var(--accent-15); + color: var(--accent-accent); +} + +.lesson-indicator.test-indicator { + background: var(--warning-15); + color: var(--warning-accent); +} + +.lesson-indicator .material-icons-round { + font-size: 14px; +} + +/* Week selector styling */ +.week-controls { + display: flex; + gap: 16px; + align-items: center; + margin: 16px; + background: var(--card-card); + border-radius: 24px; + max-width: 400px; +} + +.week-select { + flex: 1; + padding: 12px; + border: none; + border-radius: 12px; + background: var(--button-secondaryFill); + color: var(--text-primary); + font-family: inherit; + cursor: pointer; +} + +.week-nav-btn { + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + border: none; + border-radius: 12px; + background: var(--button-secondaryFill); + color: var(--text-secondary); + cursor: pointer; + transition: all 0.2s ease; +} + +.week-nav-btn:hover { + background: var(--accent-15); + color: var(--accent-accent); +} + +/* Responsive adjustments */ +@media (max-width: 1024px) { + .timetable-grid { + grid-template-columns: 60px repeat(5, minmax(200px, 1fr)); + } + + .lesson-slot { + min-height: 80px; + } +} + +@media (max-width: 768px) { + .timetable-container { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + + .lesson-card { + padding: 8px; + } + + .lesson-subject { + font-size: 14px; + } + + .lesson-teacher, + .lesson-room { + font-size: 12px; + } +} + +/* Modal styles */ +.lesson-modal { + display: none; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0,0,0,0.5); + z-index: 1000; + padding: 1rem; + align-items: center; + justify-content: center; + opacity: 0; + transition: opacity 0.3s ease; +} + +.lesson-modal.show { + display: flex; + opacity: 1; +} + +.modal-content { + background: var(--card-card); + border-radius: 24px; + border-width: 0 !important; + width: 100%; + max-width: 500px; + max-height: 90vh; + overflow-y: auto; + position: relative; + transform: translateY(20px); + opacity: 0; + transition: all 0.3s ease; +} + +.lesson-modal.show .modal-content { + transform: translateY(0); + opacity: 1; +} + +.modal-header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 1.5rem; + background: var(--button-secondaryFill); +} + +.modal-title { + font-size: 18px; + font-weight: 600; + color: var(--text-primary); +} + +.modal-close { + background: none; + border: none; + color: var(--text-secondary); + cursor: pointer; + padding: 0.5rem; + border-radius: 8px; + transition: all 0.2s ease; +} + +.modal-close:hover { + background: var(--background); + color: var(--text-primary); +} + +.modal-body { + padding: 1.5rem; + background-color: var(--button-secondaryFill); +} + +.lesson-details { + display: flex; + flex-direction: column; + gap: 1rem; +} + +.detail-item { + display: flex; + align-items: center; + gap: 0.75rem; +} + +.detail-label { + color: var(--text-secondary); + font-weight: 500; + min-width: 80px; +} + +.detail-value { + color: var(--text-primary); +} + +.modal-section { + margin-top: 1.5rem; + padding-top: 1.5rem; + border-top: 1px solid var(--background-0); +} + +.modal-section h4 { + display: flex; + align-items: center; + gap: 0.5rem; + color: var(--text-primary); + font-size: 16px; + margin-bottom: 0.75rem; +} + +.homework-section h4 { + color: var(--accent-accent); +} + +.test-section h4 { + color: var(--warning-accent); +} + +.homework-content, .test-content { + background: var(--card-translucent); + padding: 1rem; + border-radius: 8px; + color: var(--text-primary); +} + +/* Animations */ +@keyframes fadeIn { + from { + opacity: 0; + transform: translateY(-20px); + } + to { + opacity: 1; + transform: translateY(0); + } +} + +@keyframes dropdownShow { + from { + opacity: 0; + transform: translateY(-10px) scale(0.95); + } + to { + opacity: 1; + transform: translateY(0) scale(1); + } +} + +@keyframes modalShow { + from { + opacity: 0; + transform: scale(0.9); + } + to { + opacity: 1; + transform: scale(1); + } +} + +/* Responsive adjustments */ +@media (max-width: 768px) { + .kreta-header { + flex-direction: column; + text-align: center; + } + + .user-info { + text-align: center; + } + + .nav-links { + justify-content: start; + overflow-x: auto; + padding-bottom: 0.5rem; + } + + .nav-links::-webkit-scrollbar { + display: none; + } + + .lesson-cell { + min-width: 200px; + } +} + +/* Material Icons */ +.material-icons-round { + font-size: 20px; + vertical-align: middle; +} + +/* Scrollbar styling */ +::-webkit-scrollbar { + width: 8px; + height: 8px; +} + +::-webkit-scrollbar-track { + background: var(--background); +} + +::-webkit-scrollbar-thumb { + background: var(--text-secondary); + border-radius: 4px; +} + +::-webkit-scrollbar-thumb:hover { + background: var(--text-primary); +} \ No newline at end of file diff --git a/timetable/timetable.js b/timetable/timetable.js new file mode 100644 index 0000000..5e4286e --- /dev/null +++ b/timetable/timetable.js @@ -0,0 +1,543 @@ +(() => { + // Segédfüggvények + function convertTimeToMinutes(timeStr) { + const [hours, minutes] = timeStr.split(':').map(Number); + return hours * 60 + minutes; + } + function getCookie(name) { + const cookieName = `${name}=`; + const decodedCookie = decodeURIComponent(document.cookie); + const cookieArray = decodedCookie.split(';'); + + for(let i = 0; i < cookieArray.length; i++) { + let cookie = cookieArray[i]; + while (cookie.charAt(0) === ' ') { + cookie = cookie.substring(1); + } + if (cookie.indexOf(cookieName) === 0) { + return cookie.substring(cookieName.length, cookie.length); + } + } + return null; + } + + function shortenSchoolName(name, maxLength = 50) { + if (!name) return ''; + if (name.length <= maxLength) return name; + + const parts = name.split(' - '); + if (parts.length === 2) { + const [code, fullName] = parts; + if (fullName.length > maxLength - code.length - 3) { + return `${code} - ${fullName.substring(0, maxLength - code.length - 6)}...`; + } + } + return name.substring(0, maxLength - 3) + '...'; + } + + function showLoadingScreen() { + const loadingScreen = document.createElement('div'); + loadingScreen.className = 'loading-screen'; + loadingScreen.innerHTML = ` + +
Betöltés alatt...
+

Kis türelmet!

+ `; + document.body.appendChild(loadingScreen); + } + + function hideLoadingScreen() { + const loadingScreen = document.querySelector('.loading-screen'); + if (loadingScreen) { + loadingScreen.style.opacity = '0'; + loadingScreen.style.transition = 'opacity 0.3s ease'; + setTimeout(() => loadingScreen.remove(), 300); + } + } + + // DOM elemek várása + function waitForElement(selector) { + return new Promise(resolve => { + if (document.querySelector(selector)) { + return resolve(document.querySelector(selector)); + } + + const observer = new MutationObserver(mutations => { + if (document.querySelector(selector)) { + observer.disconnect(); + resolve(document.querySelector(selector)); + } + }); + + observer.observe(document.body, { + childList: true, + subtree: true + }); + }); + } + + // Órarendi adatok gyűjtése + async function collectTimetableData() { + await waitForElement('#Calendar'); + await new Promise(resolve => setTimeout(resolve, 1000)); + + const calendar = document.querySelector('#Calendar'); + const dates = Array.from(document.querySelectorAll('.fc-day-header')).map(header => { + const fullText = header.textContent.trim(); + // Remove the day name from the beginning and clean up the format + const dateText = fullText.replace(/^(hétfő|kedd|szerda|csütörtök|péntek)/, '').trim(); + return { + date: fullText, + formattedDate: dateText + }; + }); + // Fix the Thursday issue by ensuring we have all 5 days + if (dates.length === 4) { + // Get Wednesday's date parts + const wedDate = dates[2].formattedDate; + const [month, day] = wedDate.split(' '); + const dayNum = parseInt(day.replace('.', '')); + + // Create Thursday's date + const thursdayDate = `${month} ${dayNum + 1}.`; + + dates.splice(3, 0, { + date: `csütörtök${thursdayDate}`, + formattedDate: thursdayDate + }); + } + // Set week selector based on the current date + const weekOptions = Array.from(document.querySelectorAll('#Calendar_tanevHetek_listbox li')); + const currentDate = dates[0]?.formattedDate; // Using Monday's date + const matchingWeek = weekOptions.find(opt => opt.textContent.includes(currentDate)); + + if (matchingWeek) { + const kendoCombo = document.querySelector('#Calendar_tanevHetek')?.__kendoWidget; + if (kendoCombo) { + const weekIndex = weekOptions.indexOf(matchingWeek); + kendoCombo.value(weekIndex.toString()); + kendoCombo.trigger('change'); + } + } + const timetableData = { + schoolInfo: { + name: getCookie('schoolName') || 'Iskola', + id: getCookie('schoolCode') || '' + }, + userData: { + name: getCookie('userName') || 'Felhasználó', + time: document.querySelector('.usermenu_timer')?.textContent?.trim() || '45:00' + }, + weekInfo: { + title: document.querySelector('.fc-center h2')?.textContent?.trim() || 'Hét', + options: Array.from(document.querySelectorAll('#Calendar_tanevHetek_listbox li')) + .map((li, i) => ({ + text: li.textContent.trim(), + value: i.toString(), + selected: li.classList.contains('k-state-selected') + })) + }, + weekDates: dates, // Add the dates to the data object + lessons: [] + }; + + // Órák adatainak gyűjtése + document.querySelectorAll('.fc-event').forEach(event => { + const timeEl = event.querySelector('.fc-time'); + const titleEl = event.querySelector('.fc-title'); + + if (timeEl && titleEl) { + const [startTime, endTime] = (timeEl.getAttribute('data-full') || timeEl.textContent || '').split(' - '); + const [fullSubject, teacher, room] = titleEl.innerHTML.split('
').map(str => str.trim()); + const subject = fullSubject.split('-')[0].trim(); + + timetableData.lessons.push({ + startTime, + endTime, + subject: subject || '', + teacher: teacher || '', + room: (room || '').replace(/[()]/g, ''), + day: event.closest('td').cellIndex - 1, + isSubstituted: event.querySelector('.fc-bg2') !== null, + isCancelled: event.classList.contains('fc-textline-through'), + hasHomework: titleEl.querySelector('.hasCalendarIcon') !== null, + testInfo: event.getAttribute('data-tooltiptext') || '', + homeworkDetails: event.getAttribute('data-homework') || '' + }); + } + }); + + return timetableData; + } + + // Grid generálása + function generateTimeGrid(lessons, weekDates) { + const times = [...new Set(lessons.map(l => l.startTime))].sort((a, b) => { + const timeA = convertTimeToMinutes(a); + const timeB = convertTimeToMinutes(b); + return timeA - timeB; + }); + const days = ['Hétfő', 'Kedd', 'Szerda', 'Csütörtök', 'Péntek']; + + return ` +
+ ${days.map((day, index) => ` +
+ ${day} + ${weekDates[index]?.formattedDate || ''} +
+ `).join('')} + ${times.map(time => ` +
${time}
+ ${Array(5).fill().map((_, dayIndex) => { + const dayLessons = lessons.filter(l => l.startTime === time && l.day === dayIndex); + return ` +
+ ${dayLessons.map(lesson => ` +
+
${lesson.subject}
+
${lesson.teacher}
+
+
${lesson.room}
+
${lesson.isCancelled ? 'Elmarad' : lesson.startTime}
+
+ ${lesson.hasHomework || lesson.testInfo ? ` +
+ ${lesson.hasHomework ? ` + + assignment + + ` : ''} + ${lesson.testInfo ? ` + + quiz + + ` : ''} +
+ ` : ''} +
+ `).join('')} +
+ `; + }).join('')} + `).join('')} + `; + } + // Óra részletek modal + function showLessonModal(lesson) { + const modal = document.createElement('div'); + modal.className = 'lesson-modal'; + modal.innerHTML = ` +
+
+

${lesson.subject}

+ +
+
+
+
+ Tanár: + ${lesson.teacher} +
+
+ Terem: + ${lesson.room} +
+
+ Időpont: + ${lesson.startTime} - ${lesson.endTime} +
+ ${lesson.isSubstituted ? ` +
+ Állapot: + sync_alt Helyettesítés +
+ ` : ''} + ${lesson.isCancelled ? ` +
+ Állapot: + cancel Elmarad +
+ ` : ''} +
+ + ${lesson.hasHomework ? ` +
+

+ assignment + Házi feladat +

+
+ ${lesson.homeworkDetails ? `

${lesson.homeworkDetails}

` : '

Van házi feladat

'} +
+
+ ` : ''} + ${lesson.testInfo ? ` +
+

+ quiz + Számonkérés +

+
+

${lesson.testInfo}

+
+
+ ` : ''} +
+
+ `; + + document.body.appendChild(modal); + + // Modal bezárás + const closeModal = () => { + modal.classList.remove('show'); + setTimeout(() => modal.remove(), 300); + }; + + modal.querySelector('.modal-close').addEventListener('click', closeModal); + modal.addEventListener('click', (e) => { + if (e.target === modal) closeModal(); + }); + + // ESC gomb kezelése + const handleEscape = (e) => { + if (e.key === 'Escape') { + closeModal(); + document.removeEventListener('keydown', handleEscape); + } + }; + document.addEventListener('keydown', handleEscape); + + // Animáció + requestAnimationFrame(() => { + modal.classList.add('show'); + }); + } + + // Eseménykezelők beállítása + function setupEventListeners(data) { + // Órakártyák + document.querySelectorAll('.lesson-card').forEach(card => { + card.addEventListener('click', () => { + const lessonData = JSON.parse(card.dataset.lesson); + showLessonModal(lessonData); + }); + }); + + // Felhasználói menü + const userBtn = document.querySelector('.user-dropdown-btn'); + const userDropdown = document.querySelector('.user-dropdown'); + + userBtn?.addEventListener('click', (e) => { + e.stopPropagation(); + userDropdown?.classList.toggle('show'); + }); + + document.addEventListener('click', () => { + userDropdown?.classList.remove('show'); + }); + + // Hét navigáció + const prevBtn = document.querySelector('.prev-week'); + const nextBtn = document.querySelector('.next-week'); + const weekSelect = document.querySelector('.week-select'); + + prevBtn?.addEventListener('click', async () => { + showLoadingScreen(); + const kendoCalendar = document.querySelector('#Calendar')?.__kendoWidget; + if (kendoCalendar) { + kendoCalendar.prev(); + await new Promise(resolve => setTimeout(resolve, 500)); + await transformTimetablePage(); + } + }); + + nextBtn?.addEventListener('click', async () => { + showLoadingScreen(); + const kendoCalendar = document.querySelector('#Calendar')?.__kendoWidget; + if (kendoCalendar) { + kendoCalendar.next(); + await new Promise(resolve => setTimeout(resolve, 500)); + await transformTimetablePage(); + } + }); + + weekSelect?.addEventListener('change', async function() { + showLoadingScreen(); + const kendoCombo = document.querySelector('#Calendar_tanevHetek')?.__kendoWidget; + if (kendoCombo) { + kendoCombo.value(this.value); + kendoCombo.trigger('change'); + await new Promise(resolve => setTimeout(resolve, 500)); + await transformTimetablePage(); + } + }); + + // Kijelentkezés időzítő + const startTime = parseInt(data.userData.time?.match(/\d+/)?.[0] || "45"); + let timeLeft = startTime * 60; + + const updateTimer = () => { + const minutes = Math.floor(timeLeft / 60); + const seconds = timeLeft % 60; + const timerEl = document.getElementById('logoutTimer'); + if (timerEl) { + timerEl.textContent = `${minutes}:${seconds.toString().padStart(2, '0')}`; + } + + if (timeLeft <= 0) { + window.location.href = '/Home/Logout'; + } else { + timeLeft--; + } + }; + + updateTimer(); + setInterval(updateTimer, 1000); + } + + // Oldal transzformáció + async function transformTimetablePage() { + try { + showLoadingScreen(); + + const data = await collectTimetableData(); + if (!data) { + hideLoadingScreen(); + return; + } + + const schoolNameFull = `${data.schoolInfo.id} - ${data.schoolInfo.name}`; + const shortenedSchoolName = shortenSchoolName(schoolNameFull); + + document.body.innerHTML = ` +
+
+
+

+ + Firka +

+
+ ${shortenedSchoolName} +
+
+ + + + +
+ +
+
+ + + +
+ +
+
+ ${generateTimeGrid(data.lessons, data.weekDates)} +
+
+
+
+ `; + + // Szükséges fontok hozzáadása + const links = [ + { rel: 'preconnect', href: 'https://fonts.googleapis.com' }, + { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossorigin: true }, + { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap' }, + { rel: 'stylesheet', href: 'https://fonts.googleapis.com/icon?family=Material+Icons+Round' } + ]; + + links.forEach(link => { + const linkElement = document.createElement('link'); + Object.entries(link).forEach(([key, value]) => { + linkElement[key] = value; + }); + document.head.appendChild(linkElement); + }); + + setupEventListeners(data); + hideLoadingScreen(); + + } catch (error) { + console.error('Hiba az oldal átalakítása során:', error); + hideLoadingScreen(); + } + } + + // Beállítások gomb kezelése + document.getElementById('settingsBtn')?.addEventListener('click', (e) => { + e.preventDefault(); + e.stopPropagation(); + const url = chrome.runtime.getURL('settings/index.html'); + window.open(url, '_blank', 'width=400,height=600'); + }); + + if (window.location.href.includes('/Orarend/')) { + transformTimetablePage(); + } +})(); \ No newline at end of file