zan1456/firka-extension
1
0
Fork 0
mirror of https://github.com/QwIT-Development/firka-extension.git synced 2026-06-12 03:41:39 +02:00
Code Issues Actions Releases 1 Activity

Revert "typo"

Browse Source 
This reverts commit ea5e01ce9c.
This commit is contained in:
Zan1456
2025-06-04 16:38:18 +02:00
parent ea5e01ce9c
commit ebf6aa8d61
10 changed files with 80 additions and 732 deletions
Download Patch File Download Diff File Expand all files Collapse all files

148
login/KRÉTA Bejelentkezés.html
View File

@@ -1,148 +0,0 @@
<!DOCTYPE html>
<!-- saved from url=(0036)https://idp.e-kreta.hu/account/login -->
<html lang="hu"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta http-equiv="origin-trial" content="3NNj0GXVktLOmVKwWUDendk4Vq2qgMVDBDX+Sni48ATJl9JBj+zF+9W2HGB3pvt6qowOihTbQgTeBm9SKbdTwYAAABfeyJvcmlnaW4iOiJodHRwczovL3JlY2FwdGNoYS5uZXQ6NDQzIiwiZmVhdHVyZSI6IlRwY2QiLCJleHBpcnkiOjE3MzUzNDM5OTksImlzVGhpcmRQYXJ0eSI6dHJ1ZX0="><meta http-equiv="origin-trial" content="A7uxtj3+hJmOcZFooFT0Ps276PuOqGnM1jfoPbFvxWp73VC60LnYGzayHVvcFeEiF0qrwy7fQAL+gGVXU+f9IQcAAACTeyJvcmlnaW4iOiJodHRwczovL3JlY2FwdGNoYS5uZXQ6NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
<meta name="robots" content="noindex, nofollow, noarchive">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>KRÉTA Bejelentkezés</title>
<link rel="icon" type="image/x-icon" href="https://idp.e-kreta.hu/favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="https://idp.e-kreta.hu/favicon.ico">
<link rel="stylesheet" href="./KRÉTA Bejelentkezés_files/bootstrap.min.css" integrity="sha256-YvdLHPgkqJ8DVUxjjnGVlMMJtNimJ6dYkowFFvp4kKs=" crossorigin="anonymous">
<link rel="stylesheet" href="./KRÉTA Bejelentkezés_files/bootstrap-grid.min.css" integrity="sha256-mr0/WnlzJR1rF8zNFmUoWfcioUXz50JypdMZI8GPIsc=" crossorigin="anonymous">
<link rel="stylesheet" href="./KRÉTA Bejelentkezés_files/bootstrap-reboot.min.css" integrity="sha256-ppZyQtAjuonHV1Z+DwQnDTk4/GUpdegGm1Jz7qYuM5c=" crossorigin="anonymous">
<link rel="stylesheet" href="./KRÉTA Bejelentkezés_files/bootstrap-icons.css" integrity="sha256-2IJPcGfN/qOK/sfp/68HISUmaCQgbWnvHxEtchU6UF4=" crossorigin="anonymous">
<link rel="stylesheet" href="./KRÉTA Bejelentkezés_files/bundle.min.css">
<script type="text/javascript" async="" charset="utf-8" src="./KRÉTA Bejelentkezés_files/recaptcha__hu.js.letöltés" crossorigin="anonymous" integrity="sha384-h+AmGUBcsBnzdIKTV+OYxFk/5kkJ8Ua640u8gS7MJZHBRXj/qgyzj6PZCFDc8ITG"></script><script src="./KRÉTA Bejelentkezés_files/api.js.letöltés" async="" defer=""></script>
</head>
<body class="d-flex flex-column align-items-center default">
<div id="rum-agent" data-configuration="{&quot;ServiceName&quot;:&quot;Global_Idp_Web&quot;,&quot;ServerUrl&quot;:&quot;http://localhost:8200&quot;,&quot;ServiceVersion&quot;:&quot;1.36.23&quot;,&quot;Active&quot;:true,&quot;Instrument&quot;:true,&quot;DisableInstrumentations&quot;:[&quot;&quot;],&quot;Environment&quot;:&quot;PROD&quot;,&quot;LogLevel&quot;:&quot;Info&quot;,&quot;EventsLimit&quot;:80,&quot;TransactionSampleRate&quot;:1.0}"></div>
<header class="d-flex align-items-end">
<img src="./KRÉTA Bejelentkezés_files/kreta_feher.png" class="logo" alt="KRÉTA">
</header>
<main class=" default">
<div class="container-fluid main-container">
<div class="row">
<div class="col page-title">
<h5>
<b>
sulineve
</b>
</h5>
<span>
KRÉTA azonosító: suli <br>
OM kód: 6969/420
</span>
</div>
</div>
<div class="row"><div class="col card card-kreta"><div class="card-body px-0">
<form class="loading-form" method="post" action="https://idp.e-kreta.hu/account/login">
<input type="hidden" id="ReturnUrl" name="ReturnUrl" value="/connect/authorize/callback?client_id=kreta-web&amp;response_type=code&amp;scope=openid%20email&amp;state=OpenIdConnect.AuthenticationProperties%3DbfFbp07gxDcHYE4RbKmUDmHZkGqFiJqsQd-Cj1fcxnkwuh8ZxNKLyxyv4jJu12SCihTBrKwL7nT11aVoYWIRXM6Olr4N-gKnkdxwHfmVyzFBO3v9pfNgUkPpa05-w5CKSIJ_y0GDU9_9OA-4ko3Pyw&amp;response_mode=form_post&amp;nonce=638777595713714649.MmQ4NTI1YzItNmUzNi00MTY0LTk3MWQtNzAzODNmNjJjNjU1Yjk5ZTVmZjUtY2U1Zi00YTgwLTg2ODctZmNjOWEyZTY2MmVm&amp;institute_code=sulineve&amp;institute_data=eyJuZXh0X3VwZGF0ZV9kYXRlX3RpbWUiOiIyMDI1LjAzLjE4LiAyMjowMCIsImlzX3N6aXJfaW5zdGl0dXRlIjpmYWxzZSwiaXNfbGljZW5jZV92YWxpZCI6dHJ1ZSwiaXNfYXJjaGl2ZSI6ZmFsc2UsImlzX2Nzb2trZW50ZXR0X2dvbmR2aXNlbG8iOmZhbHNlLCJpc19pbnRlem1lbnlfcm92aWRuZXYiOnRydWUsImlzX3N1Y2Nlc3NfYXV0aG9yaXplZF9kYXRlIjpmYWxzZX0%3D&amp;prompt=login&amp;redirect_uri=https%3A%2F%2Fsulineve.e-kreta.hu&amp;x-client-SKU=ID_NET461&amp;x-client-ver=5.3.0.0&amp;suppressed_prompt=login">
<input type="hidden" data-val="true" data-val-required="The IsTemporaryLogin field is required." id="IsTemporaryLogin" name="IsTemporaryLogin" value="False">
<input type="hidden" id="instituteCode" data-val="true" data-val-length="InstituteCodeMaxLength" data-val-length-max="40" name="InstituteCode" value="sulineve">
<div class="mb-3"><input placeholder="Felhasználónév" autofocus="" type="text" class="input-validation-error input-validation-error form-control" data-val="true" data-val-length="UsernameMaxLength" data-val-length-max="256" id="UserName" maxlength="256" name="UserName" value="email@leak.ru"></div>
<div class="mb-3 input-group"><input type="password" placeholder="Jelszó" data-val="true" data-val-length="PasswordMaxLength" data-val-length-max="256" data-val-required="PasswordIsRequired" id="Password" maxlength="256" name="Password" class="form-control" autocomplete="off"><div class="input-group-text password-icon-container" id="showPassword"><i class="bi bi-eye-fill password-icon"></i></div></div>
<div class="mb-3 d-flex justify-content-center justify-content-sm-end">
<div class="g-recaptcha" data-sitekey="6LeMNeQcAAAAAL7XBh7NBENmYqZnIFhsMb_FLGbE"><div style="width: 304px; height: 78px;"><div><iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-pygt2u4eutfd" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="./KRÉTA Bejelentkezés_files/anchor.html"></iframe></div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div><iframe style="display: none;" src="./KRÉTA Bejelentkezés_files/saved_resource(1).html"></iframe></div>
<input type="hidden" id="ReCaptchaPublicKey" name="ReCaptchaPublicKey" value="6LeMNeQcAAAAAL7XBh7NBENmYqZnIFhsMb_FLGbE">
<input type="hidden" data-val="true" data-val-required="The ShowReCaptcha field is required." id="ShowReCaptcha" name="ShowReCaptcha" value="True">
</div>
<div class="d-flex flex-column">
<div class="d-flex order-0 flex-sm-row flex-column">
<div class="d-flex flex-wrap flex-grow-1 order-1 order-sm-0 justify-content-center justify-content-sm-start align-items-center">
<a class="me-4" href="https://pornhub.com">Elfelejtettem a jelszavam</a>
</div>
<div class="d-flex flex-grow-1 order-0 order-sm-1 justify-content-center justify-content-sm-end mb-3 mb-sm-0">
<input type="hidden" data-val="true" data-val-required="The LoginType field is required." id="loginType" name="loginType" value="InstituteLogin">
<button class="btn btn-kreta" id="submit-btn" formaction="/account/login">
<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true" hidden=""></span>
Bejelentkezés
</button>
</div>
</div>
<div class="d-flex order-1 flex-sm-row flex-column">
<div class="d-flex flex-grow-1 order-0 order-sm-1 justify-content-center justify-content-sm-end mt-3 mt-sm-0 mb-3 mb-sm-0">
<a href="https://tudasbazis.ekreta.hu/pages/viewpage.action?pageId=2425086" target="_blank" rel="noopener noreferrer">Nem tud bejelentkezni?</a>
</div>
</div>
</div>
<div id="validation">
<div class="validation text-center validation-summary-errors" data-valmsg-summary="true"><ul><li>reCAPTCHA validáció szükséges!</li>
</ul></div>
</div>
<input name="__RequestVerificationToken" type="hidden" value="CfDJ8LdskA_sR9tMsHVJsq7zsJ0M9Us3vkAV61YLw_qorDlr01y56DZw3Yoz4wLBA4Z6zIBvV_PQfpj-Q-2yIQP_t81AH6Rz4P2Gw-Gn_6sFmjGnk78jjg6t2YbSpv5WQ53XKaQj0ttRAFWlH6szs-PVsWY"></form>
<div class="d-flex flex-column mt-3">
</div>
</div></div></div>
<div class="row mt-4">
<div class="col px-0">
<div class="alert alert-primary mb-0" role="alert">
<h4 class="alert-heading text-center">
Rendszerértesítés
</h4>
A KRÉTA rendszer tervezett frissítésének időpontja: <strong>2025.03.18. 22:00</strong><br> Ez idő alatt a KRÉTA rendszer időszakosan nem lesz elérhető. Köszönjük türelmüket!
</div>
</div>
</div>
</div>
</main>
<footer class="text-center">
<div class="container-fluid">
<div class="row">
<div class="col" id="dataProtection">
<a href="https://tudasbazis.ekreta.hu/pages/viewpage.action?pageId=4064926" target="_blank" rel="noopener noreferrer">Adatkezelési tájékoztató</a>
</div>
</div>
<div class="row">
</div>
<div class="row">
<div class="col">
Verzió: 1.36.23 - (2025.03.10.)<br>
8233ff5d244df022fa905df0c05acea3016d7ff8<br>
Támogatott böngészők:<br>
Google Chrome, Mozilla Firefox, Opera, Microsoft Edge
</div>
</div>
</div>
</footer>
<script src="./KRÉTA Bejelentkezés_files/elastic-apm-rum.umd.min.js.letöltés" integrity="sha256-pdMYo1f/WOCtKVxG8qzg7iff/FK6QzT97CvyUzamors=" crossorigin="anonymous"></script>
<script src="./KRÉTA Bejelentkezés_files/jquery.min.js.letöltés" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="./KRÉTA Bejelentkezés_files/bootstrap.bundle.min.js.letöltés" integrity="sha256-9SEPo+fwJFpMUet/KACSwO+Z/dKMReF9q4zFhU/fT9M=" crossorigin="anonymous"></script>
<script src="./KRÉTA Bejelentkezés_files/common.min.js.letöltés"></script>
<script src="./KRÉTA Bejelentkezés_files/rum-agent.min.js.letöltés"></script>
<script src="./KRÉTA Bejelentkezés_files/autocomplete.min.js.letöltés"></script>
<div style="background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 3px; position: absolute; transition: visibility linear 0.3s, opacity 0.3s linear; opacity: 0; visibility: hidden; z-index: 2000000000; left: 0px; top: -10000px;"><div style="width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 2000000000; background-color: rgb(255, 255, 255); opacity: 0.05;"></div><div class="g-recaptcha-bubble-arrow" style="border: 11px solid transparent; width: 0px; height: 0px; position: absolute; pointer-events: none; margin-top: -11px; z-index: 2000000000;"></div><div class="g-recaptcha-bubble-arrow" style="border: 10px solid transparent; width: 0px; height: 0px; position: absolute; pointer-events: none; margin-top: -10px; z-index: 2000000000;"></div><div style="z-index: 2000000000; position: relative;"><iframe title="A reCAPTCHA-feladat két perc múlva lejár" name="c-pygt2u4eutfd" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="./KRÉTA Bejelentkezés_files/bframe.html" style="width: 100%; height: 100%;"></iframe></div></div></body></html>

6
login/login.css
View File

@@ -222,12 +222,6 @@ body {
color: var(--text-teritary);
}
.recaptcha-container {
display: flex;
justify-content: center;
margin-bottom: 16px;
}
.btn-login {
width: 100%;
padding: 12px;

42
login/login.js
View File

@@ -14,11 +14,6 @@ async function transformLoginPage() {
requestToken: document.querySelector('input[name="__RequestVerificationToken"]')?.value || ''
};
// Check for reCAPTCHA elements
const recaptchaDiv = document.querySelector('.g-recaptcha');
const recaptchaPublicKey = document.querySelector('#ReCaptchaPublicKey')?.value || '';
const showRecaptcha = document.querySelector('#ShowReCaptcha')?.value === 'True';
const titleElement = document.querySelector('.page-title');
const schoolInfo = {
name: titleElement?.querySelector('b')?.textContent?.trim() || '',
@@ -72,13 +67,6 @@ async function transformLoginPage() {
</button>
<div class="error-message">Kérjük, add meg a jelszavad.</div>
</div>
${showRecaptcha ? `
<div class="form-group recaptcha-container">
<div class="g-recaptcha" data-sitekey="${recaptchaPublicKey}"></div>
<input type="hidden" id="ReCaptchaPublicKey" name="ReCaptchaPublicKey" value="${recaptchaPublicKey}">
<input type="hidden" id="ShowReCaptcha" name="ShowReCaptcha" value="True">
</div>` : ''}
<div class="form-actions">
<button type="submit" class="btn-login">
@@ -109,15 +97,6 @@ async function transformLoginPage() {
document.body.innerHTML = newHTML;
// If reCAPTCHA is needed, load the script
if (showRecaptcha && recaptchaPublicKey) {
const recaptchaScript = document.createElement('script');
recaptchaScript.src = 'https://www.google.com/recaptcha/api.js';
recaptchaScript.async = true;
recaptchaScript.defer = true;
document.head.appendChild(recaptchaScript);
}
setupEventListeners();
} catch (error) {
@@ -188,27 +167,6 @@ function handleSubmit(event) {
}
});
// Check if reCAPTCHA is present and validate it
const recaptchaContainer = form.querySelector('.g-recaptcha');
if (recaptchaContainer && window.grecaptcha) {
const recaptchaResponse = grecaptcha.getResponse();
if (!recaptchaResponse) {
// Show reCAPTCHA error
const errorDiv = document.createElement('div');
errorDiv.className = 'error-message show';
errorDiv.textContent = 'reCAPTCHA validáció szükséges!';
// Remove any existing error message
const existingError = recaptchaContainer.nextElementSibling;
if (existingError && existingError.classList.contains('error-message')) {
existingError.remove();
}
recaptchaContainer.parentNode.insertBefore(errorDiv, recaptchaContainer.nextSibling);
isValid = false;
}
}
if (!isValid) {
return;
}

8
manifest.json
View File

@@ -39,14 +39,6 @@
"css": ["global/maintenance.css"],
"run_at": "document_end"
},
{
"matches": [
"https://intezmenykereso.e-kreta.hu/*"
],
"js": ["search/search.js"],
"css": ["search/search.css"],
"run_at": "document_end"
},
{
"matches": ["https://idp.e-kreta.hu/Account/Login*"],
"js": ["login/login.js"],

106
search/KRÉTA Intézmény kereső.html
View File

@@ -1,106 +0,0 @@
<!DOCTYPE html>
<html lang="hu">
<head>
<meta name="robots" content="noindex, nofollow, noarchive">
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>KR&#xC9;TA Int&#xE9;zm&#xE9;ny keres&#x151;</title>
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" integrity="sha256-YvdLHPgkqJ8DVUxjjnGVlMMJtNimJ6dYkowFFvp4kKs=" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap-grid.min.css" integrity="sha256-mr0/WnlzJR1rF8zNFmUoWfcioUXz50JypdMZI8GPIsc=" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap-reboot.min.css" integrity="sha256-ppZyQtAjuonHV1Z+DwQnDTk4/GUpdegGm1Jz7qYuM5c=" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" integrity="sha256-2IJPcGfN/qOK/sfp/68HISUmaCQgbWnvHxEtchU6UF4=" crossorigin="anonymous" />
<link rel="stylesheet" href="/css/bundle.min.css?v=2cP0GoGP2UZaotwh8YepjqQs854tgY2m5Nl49dNI24w" />
<script src="https://www.recaptcha.net/recaptcha/api.js" async defer></script>
</head>
<body class="d-flex flex-column align-items-center default">
<div id="rum-agent" data-configuration="{&quot;ServiceName&quot;:&quot;Global_Idp_Web&quot;,&quot;ServerUrl&quot;:&quot;http://localhost:8200&quot;,&quot;ServiceVersion&quot;:&quot;1.36.23&quot;,&quot;Active&quot;:true,&quot;Instrument&quot;:true,&quot;DisableInstrumentations&quot;:[&quot;&quot;],&quot;Environment&quot;:&quot;PROD&quot;,&quot;LogLevel&quot;:&quot;Info&quot;,&quot;EventsLimit&quot;:80,&quot;TransactionSampleRate&quot;:1.0}"></div>
<header class="d-flex align-items-end">
<img src="/kreta_feher.png" class="logo" alt="KR&#xC9;TA" />
</header>
<main class=" default">
<div class="container-fluid main-container">
<div class="row">
<div class="col page-title">
<h4>
Int&#xE9;zm&#xE9;ny keres&#x151;
</h4>
</div>
</div>
<div class="row"><div class="col card card-kreta"><div class="card-body px-0">
<p class="card-text text-justify">
Ha már rendelkezik az iskolától kapott felhasználónévvel és jelszóval a KRÉTA rendszerhez, de nem tudja, hogy az iskola KRÉTA rendszerét milyen webcímen érheti el, akkor keresse meg, majd válassza ki az intézményét, ezután kattintson a "TOVÁBB A KRÉTA OLDALÁRA" gombra és ott be tud jelentkezni a KRÉTA programba.
</p>
<form action="" method="POST">
<div class="mb-3 dropdown" id="institute-selector-institute-autocomplete" data-url="/instituteSelector/{0}?showOnlyLive=true" data-auto-fill=>
<input data-bs-toggle="dropdown" autocomplete="off" placeholder="Kezdje el beg&#xE9;pelni az int&#xE9;zm&#xE9;ny nev&#xE9;nek valamely r&#xE9;szlet&#xE9;t..."
class="dropdown-toggle autocomplete form-control" data-bs-auto-close="outside"/>
<ul class="autocomplete-dropdown dropdown-menu"></ul>
<input hidden="hidden" name="InstituteCode" class="autocomplete-value"/>
</div>
<div class="d-flex justify-content-end">
<button id="redirectToInstitute" class="btn btn-kreta" disabled formaction="/account/redirecttoinstitute" value="redirectToInstitute">
Tovább a KRÉTA oldalára
</button>
</div>
<input name="__RequestVerificationToken" type="hidden" value="CfDJ8LdskA_sR9tMsHVJsq7zsJ3VfFsYAfP2AwZbaAoxSvjPkaTYzUw43n32N0zmBWZRk4FVyzJkA5OFdDPGPV1ErXO0joN_J2k4u6L1Zq6yNnSMySRqSI2g6rCXlmnaz_ZiamQzTYvn88ElGz3-28ZRJjo" /></form>
</div></div></div>
</div>
</main>
<footer class="text-center">
<div class="container-fluid">
<div class="row">
<div class="col" id="dataProtection">
<a href="https://tudasbazis.ekreta.hu/pages/viewpage.action?pageId=4064926" target="_blank" rel="noopener noreferrer">Adatkezelési tájékoztató</a>
</div>
</div>
<div class="row">
</div>
<div class="row">
<div class="col">
Verzió: 1.36.23 - (2025.03.10.)<br />
8233ff5d244df022fa905df0c05acea3016d7ff8<br />
Támogatott böngészők:<br />
Google Chrome, Mozilla Firefox, Opera, Microsoft Edge
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/@elastic/apm-rum@5.12.0/dist/bundles/elastic-apm-rum.umd.min.js" integrity="sha256-pdMYo1f/WOCtKVxG8qzg7iff/FK6QzT97CvyUzamors=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha256-9SEPo+fwJFpMUet/KACSwO+Z/dKMReF9q4zFhU/fT9M=" crossorigin="anonymous"></script>
<script src="/js/common.min.js?v=LeA4pvmo_JlbGnEdmprYHxS1arcL5Oqt5kr1HJvhMLE"></script>
<script src="/js/rum-agent.min.js?v=aFJnrW3LGxgv4_CSis4t-IacRMuU-6tV0_QTW1ULTzU"></script>
<script src="/js/autocomplete.min.js?v=t1TpYILvypBwobr0C2T81QdOpovE8NuWdldagt3B0JY"></script>
</body>
</html>

243
search/search.css
View File

@@ -1,243 +0,0 @@
@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;
}
/* Hide original elements */
header, footer, .page-title, .card-kreta {
display: none !important;
}
* {
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;
}
/* Firka search page styling */
.firka-search-wrapper {
width: 90%;
max-width: 500px;
padding: 0;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* Firka header styling */
.firka-header {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
margin: 0;
background: var(--card-card) !important;
padding: 24px;
border-radius: 24px 24px 0 0;
width: 100%;
box-shadow: 0px 1px var(--shadow-blur) 0px var(--accent-shadow);
}
.logo-text {
color: var(--text-primary);
text-align: center;
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
display: flex;
align-items: center;
gap: 8px;
}
.logo {
width: 32px;
height: 32px;
}
.search-title {
color: var(--text-primary);
text-align: center;
font-family: Montserrat;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin: 8px 0;
}
/* Form container styling */
.firka-form-container {
background: var(--card-card);
padding: 0 24px 24px 24px;
border-radius: 0 0 24px 24px;
width: 100%;
box-shadow: 0px 1px var(--shadow-blur) 0px var(--accent-shadow);
}
/* Form styling */
form {
width: 100%;
}
.form-control {
background-color: var(--button-secondaryFill) !important;
border: 1px solid var(--accent-15) !important;
border-radius: 12px !important;
color: var(--text-primary) !important;
padding: 12px 16px !important;
font-family: Montserrat !important;
font-size: 16px !important;
font-weight: 400 !important;
height: auto !important;
transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.form-control:focus {
border-color: var(--accent-accent) !important;
box-shadow: 0 0 0 2px var(--accent-15) !important;
outline: none !important;
}
.form-control::placeholder {
color: var(--text-teritary) !important;
}
/* Autocomplete dropdown styling */
.dropdown-menu {
background-color: var(--card-card) !important;
border: 1px solid var(--accent-15) !important;
border-radius: 12px !important;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
padding: 8px !important;
max-height: 300px !important;
overflow-y: auto !important;
width: 100% !important;
}
.dropdown-item {
color: var(--text-primary) !important;
padding: 10px 16px !important;
border-radius: 8px !important;
margin-bottom: 4px !important;
font-family: Montserrat !important;
font-size: 14px !important;
transition: background-color 0.2s ease-in-out !important;
}
.dropdown-item:hover, .dropdown-item:focus {
background-color: var(--accent-15) !important;
color: var(--text-primary) !important;
}
.dropdown-item.active {
background-color: var(--accent-accent) !important;
color: white !important;
}
/* Button styling */
.btn-kreta {
background-color: var(--accent-accent) !important;
color: white !important;
border: none !important;
border-radius: 12px !important;
padding: 12px 24px !important;
font-family: Montserrat !important;
font-size: 16px !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.btn-kreta:hover {
background-color: var(--accent-secondary) !important;
transform: translateY(-1px) !important;
}
.btn-kreta:active {
transform: translateY(1px) !important;
}
.btn-kreta:disabled {
background-color: var(--text-teritary) !important;
cursor: not-allowed !important;
transform: none !important;
}
/* Footer styling */
.firka-footer {
margin-top: 16px;
text-align: center;
width: 100%;
}
.privacy-link {
color: var(--text-secondary);
font-family: Montserrat;
font-size: 14px;
text-decoration: none;
transition: color 0.2s ease-in-out;
}
.privacy-link:hover {
color: var(--accent-accent);
text-decoration: underline;
}
/* Responsive adjustments */
@media (max-width: 576px) {
.firka-search-wrapper {
width: 95%;
}
.search-title {
font-size: 20px;
}
.btn-kreta {
padding: 10px 20px !important;
font-size: 14px !important;
}
}

177
search/search.js
View File

@@ -1,177 +0,0 @@
// This script applies Firka styling to the KRÉTA institution search page
// It transforms the original page while preserving its functionality
// Wait for the page to be fully loaded before applying styling
function initializeTransformation() {
// Check if the necessary elements exist before styling
const form = document.querySelector('form');
const autocomplete = document.querySelector('.autocomplete');
if (form && autocomplete) {
applyFirkaStyling();
} else {
// If elements aren't ready yet, wait a bit longer
setTimeout(initializeTransformation, 500);
}
}
// Add event listeners to ensure the script runs after the page loads
document.addEventListener('DOMContentLoaded', () => {
// Wait for the page to load, then initialize
setTimeout(initializeTransformation, 1000);
});
// Also add a fallback in case the DOMContentLoaded event has already fired
if (document.readyState === 'complete' || document.readyState === 'interactive') {
setTimeout(initializeTransformation, 1000);
}
// Function to apply the Firka styling to the page
function applyFirkaStyling() {
try {
// Apply theme from user preferences
const theme = cookieManager.get('themePreference') || localStorage.getItem('themePreference') || 'light-blue';
document.documentElement.setAttribute('data-theme', theme);
// Hide the loading screen if it exists
if (typeof loadingScreen !== 'undefined') {
loadingScreen.hide();
}
// Get references to the original elements
const originalForm = document.querySelector('form');
const instituteInput = document.querySelector('.autocomplete');
const redirectButton = document.getElementById('redirectToInstitute');
const instituteCodeInput = document.querySelector('.autocomplete-value');
const requestToken = document.querySelector('input[name="__RequestVerificationToken"]');
// Create a wrapper for the Firka styling
const searchWrapper = document.createElement('div');
searchWrapper.className = 'firka-search-wrapper';
// Create our Firka header
const firkaHeader = document.createElement('div');
firkaHeader.className = 'firka-header';
firkaHeader.innerHTML = `
<p class="logo-text">
<img src="${chrome.runtime.getURL('images/firka_logo.png')}" alt="Firka" class="logo">
Firka
</p>
<h1 class="search-title">Válassz iskolát</h1>
`;
// Create a container for the original form
const formContainer = document.createElement('div');
formContainer.className = 'firka-form-container';
// Create a footer
const firkaFooter = document.createElement('div');
firkaFooter.className = 'firka-footer';
firkaFooter.innerHTML = `
<a href="https://tudasbazis.ekreta.hu/pages/viewpage.action?pageId=4064926"
target="_blank" class="privacy-link">Adatkezelési tájékoztató</a>
`;
// Check if the wrapper already exists to avoid duplicates
const existingWrapper = document.querySelector('.firka-search-wrapper');
if (existingWrapper) {
existingWrapper.remove();
}
// Create the structure
searchWrapper.appendChild(firkaHeader);
// Move the original form into our container instead of replacing it
if (originalForm) {
formContainer.appendChild(originalForm);
searchWrapper.appendChild(formContainer);
}
searchWrapper.appendChild(firkaFooter);
// Add the wrapper to the page
document.body.appendChild(searchWrapper);
// Set up event listeners for the autocomplete dropdown
setupAutocompleteListeners();
// Add event listener to the redirect button
if (redirectButton) {
redirectButton.addEventListener('click', function(event) {
// Only allow the redirect if an institute is selected
if (!instituteCodeInput.value) {
event.preventDefault();
alert('Kérjük, válasszon egy intézményt a folytatáshoz!');
}
});
}
// Observe changes to the autocomplete value to enable/disable the button
observeAutocompleteValue(instituteCodeInput, redirectButton);
} catch (error) {
console.error('Error applying Firka styling:', error);
}
}
// Function to set up event listeners for the autocomplete dropdown
function setupAutocompleteListeners() {
const autocompleteInput = document.querySelector('.autocomplete');
const autocompleteValue = document.querySelector('.autocomplete-value');
const redirectButton = document.getElementById('redirectToInstitute');
if (autocompleteInput && autocompleteValue) {
// Monitor for changes to the dropdown
const observer = new MutationObserver((mutations) => {
const dropdown = document.querySelector('.autocomplete-dropdown');
if (dropdown) {
// Ensure the dropdown has the right styling
dropdown.classList.add('dropdown-menu');
// Add event listeners to dropdown items
const items = dropdown.querySelectorAll('li');
items.forEach(item => {
item.classList.add('dropdown-item');
// When an item is clicked, update the input and enable the button
item.addEventListener('click', () => {
if (redirectButton) {
redirectButton.disabled = false;
}
});
});
}
});
// Start observing the document for changes
observer.observe(document.body, {
childList: true,
subtree: true
});
}
}
// Function to observe changes to the autocomplete value
function observeAutocompleteValue(valueInput, button) {
if (!valueInput || !button) return;
// Create an observer to watch for changes to the input value
const observer = new MutationObserver((mutations) => {
// Enable the button if a value is selected
button.disabled = !valueInput.value;
});
// Observe changes to the input's attributes
observer.observe(valueInput, {
attributes: true,
attributeFilter: ['value']
});
// Also check for changes using an interval as a fallback
const checkInterval = setInterval(() => {
if (valueInput.value) {
button.disabled = false;
clearInterval(checkInterval);
}
}, 500);
}

17
settings/index.css
View File

@@ -118,6 +118,23 @@ h2 {
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;

63
settings/index.js
View File

@@ -1,8 +1,10 @@
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) === ' ') {
@@ -15,6 +17,7 @@ document.addEventListener('DOMContentLoaded', async () => {
return null;
}
function setCookie(name, value, days = 365) {
const date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
@@ -37,37 +40,81 @@ document.addEventListener('DOMContentLoaded', async () => {
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';
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);
@@ -75,6 +122,20 @@ document.addEventListener('DOMContentLoaded', async () => {
}
});
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)';
});
});
});

2
tools/loadingScreen.css
View File

@@ -1,4 +1,4 @@
.modalBackgroundMain {
.modalBckgroundMain {
display: none !important;
}