albert/qmining-page
1
0
Fork 0
mirror of https://gitlab.com/MrFry/qmining-page synced 2025-04-01 20:23:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactors, dynamic constants (lol)

Browse source
This commit is contained in:
mrfry 2023-03-29 19:12:41 +02:00
parent 755891710a
commit d4553896af
25 changed files with 323 additions and 312 deletions
Download patch file Download diff file Expand all files Collapse all files

16
constants.js Normal file
View file

@ -0,0 +1,16 @@
// eslint-disable-next-line no-undef
const useLocalhost = process && process.env.NODE_ENV === 'development'
const constants = {
siteUrl: !useLocalhost ? 'http://frylabs.net/' : 'http://localhost:8080/',
apiUrl: !useLocalhost
? 'http://frylabs.net/api/'
: 'http://localhost:8080/api/',
chatUrl: !useLocalhost ? 'http://frylabs.net/' : 'http://localhost:8080/',
mobileWindowWidth: 700,
maxQuestionsToRender: 250,
imageExts: ['gif', 'png', 'jpeg', 'jpg'],
videoExts: ['mp4', 'mkv', 'webm'],
}
export default constants

2
src/components/QuestionSearchResult.jsx
View file

@ -2,7 +2,7 @@ import React from 'react'
import Questions from './Questions'
import constants from '../constants.json'
import constants from '../constants'
const countReducer = (acc, subj) => {
return acc + subj.Questions.length

2
src/components/b.jsx
View file

@ -1,6 +1,6 @@
import React, { useState, useEffect } from 'react'
import constants from '../constants.json'
import constants from '../constants'
const soundCount = 7
function GetRandom(min, max) {

2
src/components/composer.jsx
View file

@ -3,7 +3,7 @@ import React, { useState } from 'react'
import Modal from './modal'
import styles from './composer.module.css'
import constants from '../constants.json'
import constants from '../constants'
export default function Composer({ onSubmit, allowFile, fileOnly }) {
const [editorShowing, setEditorShowing] = useState(false)

2
src/components/dbSelector.jsx
View file

@ -1,7 +1,7 @@
import React, { useState, useEffect } from 'react'
import Modal from './modal'
import constants from '../constants.json'
import constants from '../constants'
import styles from './dbSelector.module.css'

2
src/components/feedbackArea.jsx
View file

@ -1,7 +1,7 @@
import React, { useState } from 'react'
import styles from './feedbackArea.module.css'
import constants from '../constants.json'
import constants from '../constants'
function FileUploader({ onChange }) {
return (

2
src/components/forum.jsx
View file

@ -8,7 +8,7 @@ import Header from '../components/header'
import Modal from '../components/modal'
import styles from './forum.module.css'
import constants from '../constants.json'
import constants from '../constants'
const forumPostPerPage = 5

79
src/components/layout.jsx
View file

@ -7,7 +7,7 @@ const Snowfall = dynamic(() => import('react-snowfall'), { ssr: false })
import LogoutIcon from './logoutIcon'
import Modal from './modal'
import constants from '../constants.json'
import constants from '../constants'
import BB from './b'
import styles from './layout.module.css'
@ -67,36 +67,35 @@ function TopBar({
unreads,
userId,
}) {
return <>
<MenuIcon setSidebarOpen={setSidebarOpen} sidebarOpen={sidebarOpen} />
<Link href="/">
return (
<>
<MenuIcon setSidebarOpen={setSidebarOpen} sidebarOpen={sidebarOpen} />
<Link href="/">
<img
src={`${constants.siteUrl}img/frylabs-logo_small_transparent.png`}
alt="FryLabs"
/>
</Link>
<div className={styles.topBarLinks}>
{Object.keys(topBarLinks).map((key) => {
const item = topBarLinks[key]
<img
src={`${constants.siteUrl}img/frylabs-logo_small_transparent.png`}
alt="FryLabs"
/>
</Link>
<div className={styles.topBarLinks}>
{Object.keys(topBarLinks).map((key) => {
const item = topBarLinks[key]
return (
(<Link
key={key}
href={item.href}
onClick={closeSideBar}
className={href.includes(key) ? styles.active : undefined}>
{item.text}
</Link>)
);
})}
</div>
<div className={'seperator'} />
<UserStatus onClick={closeSideBar} unreads={unreads} userId={userId} />
</>;
return (
<Link
key={key}
href={item.href}
onClick={closeSideBar}
className={href.includes(key) ? styles.active : undefined}
>
{item.text}
</Link>
)
})}
</div>
<div className={'seperator'} />
<UserStatus onClick={closeSideBar} unreads={unreads} userId={userId} />
</>
)
}
function SideBar({ sidebarOpen, closeSideBar, href, setDonateShowing }) {
@ -110,17 +109,16 @@ function SideBar({ sidebarOpen, closeSideBar, href, setDonateShowing }) {
}
return (
(<Link
<Link
href={item.href}
key={key}
onClick={closeSideBar}
className={href.includes(key) ? styles.active : undefined}
id={item.id || undefined}>
id={item.id || undefined}
>
{item.text}
</Link>)
);
</Link>
)
})}
<a
onClick={() => {
@ -132,7 +130,7 @@ function SideBar({ sidebarOpen, closeSideBar, href, setDonateShowing }) {
</a>
</div>
</>
) : null;
) : null
}
function Donate() {
@ -187,11 +185,10 @@ function UserStatus({ userId, unreads, onClick }) {
href="/chat"
onClick={onClick}
title={`Chat${unreadCount ? ' (' + unreadCount + ' új üzenet)' : ''}`}
className={styles.unreadNotification}>
className={styles.unreadNotification}
>
<span>💬</span>
{unreadCount ? <div>{unreadCount}</div> : null}
</Link>
<div
@ -215,7 +212,7 @@ function UserStatus({ userId, unreads, onClick }) {
<LogoutIcon size={28} />
</div>
</div>
);
)
}
function MenuIcon({ setSidebarOpen, sidebarOpen }) {

8
src/components/newsEntry.jsx
View file

@ -4,7 +4,7 @@ import ReactButton from './reactButton'
import Comments from './comments'
import Link from 'next/link'
import constants from '../constants.json'
import constants from '../constants'
import styles from './newsEntry.module.css'
@ -95,9 +95,9 @@ export default function NewsEntry({
<Link
href={`/chat?user=${user}`}
title={`Chat #${user}-el`}
className={'userId'}>
className={'userId'}
>
User #{user}
</Link>
<div className={styles.newsDate} title={dateObj.toLocaleString()}>
@
@ -145,5 +145,5 @@ export default function NewsEntry({
/>
</div>
</div>
);
)
}

2
src/components/sleep.jsx
View file

@ -1,5 +1,5 @@
import React from 'react'
import constants from '../constants.json'
import constants from '../constants'
export default function Sleep() {
const hours = new Date().getHours()

15
src/constants.js Normal file
View file

@ -0,0 +1,15 @@
// eslint-disable-next-line no-undef
const useLocalhost = process && process.env.NODE_ENV === 'development'
const constants = {
siteUrl: !useLocalhost ? 'http://frylabs.net/' : 'http://localhost:8080/',
apiUrl: !useLocalhost
? 'http://frylabs.net/api/'
: 'http://localhost:8080/api/',
chatUrl: !useLocalhost ? 'http://frylabs.net/' : 'http://localhost:8080/',
mobileWindowWidth: 700,
maxQuestionsToRender: 250,
imageExts: ['gif', 'png', 'jpeg', 'jpg'],
videoExts: ['mp4', 'mkv', 'webm'],
}
export default constants

8
src/constants.json
View file

@ -1,8 +0,0 @@
{
"siteUrl": "http://localhost:8080/",
"apiUrl": "http://localhost:8080/",
"mobileWindowWidth": 700,
"maxQuestionsToRender": 250,
"imageExts": ["gif", "png", "jpeg", "jpg"],
"videoExts": ["mp4", "mkv", "webm"]
}

2
src/pages/_app.jsx
View file

@ -5,7 +5,7 @@ import Head from 'next/head'
import Layout from '../components/layout'
import '../defaultStyles.css'
import constants from '../constants.json'
import constants from '../constants'
export const queryClient = new QueryClient({
defaultOptions: {

2
src/pages/allQuestions.jsx
View file

@ -10,7 +10,7 @@ import SearchBar from '../components/searchBar'
import styles from './allQuestions.module.css'
import constants from '../constants.json'
import constants from '../constants'
const countReducer = (acc, subj) => {
return acc + subj.Questions.length

4
src/pages/chat.jsx
View file

@ -2,7 +2,7 @@ import React from 'react'
import io from 'socket.io-client'
import linkifyString from 'linkify-string'
import constants from '../constants.json'
import constants from '../constants'
import LoadingIndicator from '../components/LoadingIndicator'
import { queryClient } from '../pages/_app'
import Header from '../components/header'
@ -202,7 +202,7 @@ export default class Chat extends React.Component {
return
}
// https://socket.io/docs/v4/handling-cors/#Configuration
const socket = io(`${constants.apiUrl}`, {
const socket = io(`${constants.chatUrl}`, {
withCredentials: true,
extraHeaders: {
'qmining-chat': 'qmining-chat',

16
src/pages/contact.jsx
View file

@ -3,7 +3,7 @@ import Link from 'next/link'
import Header from '../components/header'
import FeedbackArea from '../components/feedbackArea'
import constants from '../constants.json'
import constants from '../constants'
import LoadingIndicator from '../components/LoadingIndicator'
import styles from './contact.module.css'
@ -62,13 +62,10 @@ export default function Contact({ globalState, setGlobalState }) {
<div className={styles.container}>
{contacts ? (
<>
<div>
<div className={'subtitle'}>Alternatív módok</div>
<div className={styles.text}>
TODO: remove this Az alábbi módokat is nyugodtan használhatod, a
nevedet, e-mail címedet, illetve semmilyen egyéb adatot nem adok
ki harmadik fél számára. (egyedül én fogom látni)
</div>
<div className={styles.text}>
Figyelem! A szerver üzemeltetőjének kontaktját a
<Link href="/p2pinfo">{'"P2P infó"'}</Link>
részlegen találod!
</div>
<div className={styles.contactsContainer}>
{Object.keys(contacts).map((key) => {
@ -78,8 +75,7 @@ export default function Contact({ globalState, setGlobalState }) {
<div>{description}</div>
{href ? (
<a target="blank" rel="noreferrer" href={href}>
{' '}
{value}{' '}
{value}
</a>
) : (
<div>{value}</div>

386
src/pages/faq.jsx
View file

@ -3,7 +3,7 @@ import Link from 'next/link'
import Header from '../components/header'
import constants from '../constants.json'
import constants from '../constants'
import styles from './faq.module.css'
function PasswordSection() {
@ -90,11 +90,7 @@ function FAQSection() {
(így nicknevek sem kellenek), és még IP cím sincs sehol letárolva
szerver oldalon.
<br />
Több infó a{' '}
<Link href="/faq?tab=risk">
kockázatok résznél
</Link>
.
Több infó a <Link href="/faq?tab=risk">kockázatok résznél</Link>.
</li>
<li>
<b>Ki és miért csinálja ezt a weboldalt?</b>
@ -108,130 +104,130 @@ function FAQSection() {
</li>
</ul>
</div>
);
)
}
function RiskSection() {
return <>
Itt {'"én"'} alatt a szerver, weboldal és script egyedüli üzemeltetője
értendő, az egyetlen személy, aki hozzáfér akármilyen szolgáltatással
kapcsolatos adathoz, pl.: szerver statisztikák, szerver operációs
rendszere, beküldött fájlok. A weboldalon a felhasználó azonosítója:{' '}
<i>#1</i>
<ul>
<li>
<b>Beküldött fájlok kezelése</b>A beküldött fájlokban szerepelhet
személyes adat, pl.: név. Ha ilyen információval találkozok, akkor azt
ki szoktam törölni. Ezekhez a fájlokhoz és információkhoz csak én
férek hozzá, és sehova sincs kiadva. Ezek az információk nincsenek
sehol gyűjtve.
</li>
<li>
<b>
Ha esetleg {'"'}lebukik{'"'} a szerver, és tárolt személyes infók
</b>
Semmi személyes információ nincs eltárolva szerveren. Egyedüli
információ amit egyáltalán ki tudnék deríteni az amúgy is az IP címed,
de az nincs letárolva. Ha nagyon gonosz lennék, akkor a script el
tudná küldeni a neved és talán még 1-2 adatot a szervernek, de ezt nem
teszi.
<p />
Bizonyíték? A script, weboldal és szerver teljesen nyílt forráskódú,{' '}
<Link href="/contribute#gitrepo">
ezek repository-ja publikus
</Link>{' '}
(contribute oldal alja), és akármikor felülvizsgálható. A script a te
böngésződben fut, tampermonkey bővítmény menüjében megtekinthető
milyen kód fut pontosan.
</li>
<li>
<b>Bármikor észrevehetik hogy használod a scriptet</b>A weboldalt már
kevésbé, de úgy nem menti el a kérdéseket a script, mert nem fut.{' '}
<a
href={`${constants.siteUrl}dataeditor`}
target="_blank"
rel="noreferrer"
>
Manuálisan is be lehet küldeni kérdés-válaszokat.
</a>
<p />
A script shadow-root hoz teszi hozzá az összes megjelenített
elementet, így ezeket szinte lehetetlen detektálni. A moodle
semmiféleképpen nem látja, hogy milyen más oldalak vannak megnyitva a
böngésződben. Nem látja az XMLHttp requesteket se, amit a script
végez. Egy Matomo nevű script látja hogy milyen oldalakra navigálsz a
moodle-ről, de a script nem linkekkel irányít át, hanem javascript
eseménnyel, amit nem tud nyomon követni.
<p />
Aztán ki tudja ténylegesen hogy lehet
</li>
<li>
<b>Bármikor leállhat a szerver</b>
És akkor nem bírod megnézni a válaszokat. Erre van az{' '}
<a
href="http://qmining.frylabs.net/allqr.txt?man"
target="_blank"
rel="noreferrer"
>
összes kérdés TXT
</a>
</li>
<li>
<b>Akármelyik válasz rossz lehet</b>
Pl.: ha a script rosszul menti le, vagy rossz kérdésre ad választ
</li>
</ul>
</>;
return (
<>
Itt {'"én"'} alatt a szerver, weboldal és script egyedüli üzemeltetője
értendő, az egyetlen személy, aki hozzáfér akármilyen szolgáltatással
kapcsolatos adathoz, pl.: szerver statisztikák, szerver operációs
rendszere, beküldött fájlok. A weboldalon a felhasználó azonosítója:{' '}
<i>#1</i>
<ul>
<li>
<b>Beküldött fájlok kezelése</b>A beküldött fájlokban szerepelhet
személyes adat, pl.: név. Ha ilyen információval találkozok, akkor azt
ki szoktam törölni. Ezekhez a fájlokhoz és információkhoz csak én
férek hozzá, és sehova sincs kiadva. Ezek az információk nincsenek
sehol gyűjtve.
</li>
<li>
<b>
Ha esetleg {'"'}lebukik{'"'} a szerver, és tárolt személyes infók
</b>
Semmi személyes információ nincs eltárolva szerveren. Egyedüli
információ amit egyáltalán ki tudnék deríteni az amúgy is az IP címed,
de az nincs letárolva. Ha nagyon gonosz lennék, akkor a script el
tudná küldeni a neved és talán még 1-2 adatot a szervernek, de ezt nem
teszi.
<p />
Bizonyíték? A script, weboldal és szerver teljesen nyílt forráskódú,{' '}
<Link href="/contribute#gitrepo">
ezek repository-ja publikus
</Link>{' '}
(contribute oldal alja), és akármikor felülvizsgálható. A script a te
böngésződben fut, tampermonkey bővítmény menüjében megtekinthető
milyen kód fut pontosan.
</li>
<li>
<b>Bármikor észrevehetik hogy használod a scriptet</b>A weboldalt már
kevésbé, de úgy nem menti el a kérdéseket a script, mert nem fut.{' '}
<a
href={`${constants.siteUrl}dataeditor`}
target="_blank"
rel="noreferrer"
>
Manuálisan is be lehet küldeni kérdés-válaszokat.
</a>
<p />
A script shadow-root hoz teszi hozzá az összes megjelenített
elementet, így ezeket szinte lehetetlen detektálni. A moodle
semmiféleképpen nem látja, hogy milyen más oldalak vannak megnyitva a
böngésződben. Nem látja az XMLHttp requesteket se, amit a script
végez. Egy Matomo nevű script látja hogy milyen oldalakra navigálsz a
moodle-ről, de a script nem linkekkel irányít át, hanem javascript
eseménnyel, amit nem tud nyomon követni.
<p />
Aztán ki tudja ténylegesen hogy lehet
</li>
<li>
<b>Bármikor leállhat a szerver</b>
És akkor nem bírod megnézni a válaszokat. Erre van az{' '}
<a
href="http://qmining.frylabs.net/allqr.txt?man"
target="_blank"
rel="noreferrer"
>
összes kérdés TXT
</a>
</li>
<li>
<b>Akármelyik válasz rossz lehet</b>
Pl.: ha a script rosszul menti le, vagy rossz kérdésre ad választ
</li>
</ul>
</>
)
}
function WebsiteSaveSection() {
return <>
<p>
Ha hibát találsz, kérlek jelents. Hogy a hibákat a saját gépemen
reprodukálni tudjam, és könnyen ki bírjam javítani, sokszor jól jön, ha
egy lementett weboldalt megkapok, amin a hiba történik. Így lehet
menteni egy oldalt:
</p>
<ul>
<li>
Lementett oldalon jobb klikk, oldal mentése
<br />
<img
src="img/faq/sitesave-1.jpg"
alt="img"
className={'manual_img'}
/>
</li>
<li>
A lementett oldal egy fájlból és mappából áll.
<br />
<img
src="img/faq/sitesave-2.jpg"
alt="img"
className={'manual_img'}
/>
</li>
<li>
A fájlt nyisd meg szövegszerkesztővel (notepad), és keress rá a
nevedre, majd (csak a neved, ne a sort) töröld ki, és mentsd el. Nem
szoktam megnézni a neveket, nem is tudok velük mit kezdeni, és nem is
adom ki soha. Amit beküldesz, azt csak én látom.{' '}
<Link href="/faq?tab=risk">
Több infó itt
</Link>{' '}
</li>
<li>
<Link href="/contact">
Ide tudod feltölteni
</Link>{' '}
</li>
</ul>
<p>
Mivel nincs hozzáférésem semmilyen egyetemi oldalhoz, így csak így tudom
hatékonyan tesztelni a scriptet. Ezért hatalmas segítség ha feltöltöd
azt az oldalt amin hibával találkozol.
</p>
</>;
return (
<>
<p>
Ha hibát találsz, kérlek jelents. Hogy a hibákat a saját gépemen
reprodukálni tudjam, és könnyen ki bírjam javítani, sokszor jól jön, ha
egy lementett weboldalt megkapok, amin a hiba történik. Így lehet
menteni egy oldalt:
</p>
<ul>
<li>
Lementett oldalon jobb klikk, oldal mentése
<br />
<img
src="img/faq/sitesave-1.jpg"
alt="img"
className={'manual_img'}
/>
</li>
<li>
A lementett oldal egy fájlból és mappából áll.
<br />
<img
src="img/faq/sitesave-2.jpg"
alt="img"
className={'manual_img'}
/>
</li>
<li>
A fájlt nyisd meg szövegszerkesztővel (notepad), és keress rá a
nevedre, majd (csak a neved, ne a sort) töröld ki, és mentsd el. Nem
szoktam megnézni a neveket, nem is tudok velük mit kezdeni, és nem is
adom ki soha. Amit beküldesz, azt csak én látom.{' '}
<Link href="/faq?tab=risk">Több infó itt</Link>{' '}
</li>
<li>
<Link href="/contact">Ide tudod feltölteni</Link>{' '}
</li>
</ul>
<p>
Mivel nincs hozzáférésem semmilyen egyetemi oldalhoz, így csak így tudom
hatékonyan tesztelni a scriptet. Ezért hatalmas segítség ha feltöltöd
azt az oldalt amin hibával találkozol.
</p>
</>
)
}
function ScriptSection() {
@ -240,9 +236,7 @@ function ScriptSection() {
<ul>
<li>
<b>Hogy kell a scriptet telepíteni, és milyen oldalakon működik? </b>
<Link href="/script">
Ezen az oldalon van leírva
</Link>{' '}
<Link href="/script">Ezen az oldalon van leírva</Link>{' '}
</li>
<li>
<b>Hogyan működik a script?</b>
@ -258,10 +252,7 @@ function ScriptSection() {
</li>
<li>
Más felhasználóknak köszönhetően már valószínűleg lesznek
megoldások a tesztjeidhez.{' '}
<Link href="/allQuestions">
Itt
</Link>{' '}
megoldások a tesztjeidhez. <Link href="/allQuestions">Itt</Link>{' '}
meg tudod tekinteni, hogy vannak-e válaszok a tárgyadhoz.
</li>
<li>
@ -378,77 +369,74 @@ function ScriptSection() {
</li>
</ul>
</div>
);
)
}
function AddSite() {
return <>
Jelenleg az, hogy a script melyik oldalakon fut bele van égetve a script
forráskódjába. Ez itt látható:{' '}
<a
rel="noreferrer"
target="_blank"
href="https://gitlab.com/MrFry/moodle-test-userscript/-/blob/master/stable.user.js#L52"
>
stable.user.js#L52
</a>
{'. '}
Ez azért van így, hogy biztos csak olyan oldalakon fusson a script amit
támogat is.
<p />
Ehhez persze kézzel hozzá lehet adni ideiglenesen bármilyen oldalt, hogy
kipróbáld ott működik-e. Akár működik, akár nem kérlek szólj, és frissítem
a scriptet hogy azon a domainen is fusson és működjön alapból.
<p />
Egyetem moodle oldalának hozzáadása a scripthez kézzel:
<ul>
<li>
<Link href="/script">
Először telepítsd a scriptet rendesen
</Link>{' '}
</li>
<li>
Böngészőben nyisd meg a Tampermonkey bővítményt <br />
<img className={'manual_img'} src={`img/faq/siteadd-1.png`} />
<br />
Itt kattints a Dashboard-ra.
</li>
<li>
Keresd meg a scriptet, majd kattints rá:
<br />
<img className={'manual_img'} src={`img/faq/siteadd-2.png`} />
</li>
<li>
A felugró szerkesztőben keresd meg a következő sorokat:
<br />
<img className={'manual_img'} src={`img/faq/siteadd-3.png`} />
</li>
<li>
Itt az egyik <i>@match ...</i> sor után egy új sorban írd be az
egyetemed moodle oldalának címét. Ha ez a cím pl.:{' '}
<i>https://moodle.egyetem.hu/main/akármi</i>, akkor a következőre írd
át: <i>https://moodle.egyetem.hu/*</i>. Fenti képen látsz néhány
példát. <i>A {'"*"'} a végén fontos!</i>
</li>
<li>
Ezután mentsd el (ctrl + s, vagy file {'->'} save). Ha minden jól
ment, akkor elég frissíteni a moodle oldalát, és a script futni fog
rajta. Ezek után azon az oldalon amit beírtál meg kell jelennie a
Tampermonkey menüjében is:
<br />
<img className={'manual_img'} src={`img/faq/siteadd-4.png`} />
</li>
<li>
Ha a tesztek közben mégsem megy, akkor ellenőrizd, hogy a beírt moodle
cím egyezik-e a teszt közbenivel. Ha kell egy kis segítség, kérdésed
van, nem működik valami, vagy éppen működik, de alapból nincs
hozzáadva:{' '}
<Link href="/contact">
írj a kapcsolat oldalon!
</Link>
</li>
</ul>
</>;
return (
<>
Jelenleg az, hogy a script melyik oldalakon fut bele van égetve a script
forráskódjába. Ez itt látható:{' '}
<a
rel="noreferrer"
target="_blank"
href="https://gitlab.com/MrFry/moodle-test-userscript/-/blob/master/stable.user.js#L52"
>
stable.user.js#L52
</a>
{'. '}
Ez azért van így, hogy biztos csak olyan oldalakon fusson a script amit
támogat is.
<p />
Ehhez persze kézzel hozzá lehet adni ideiglenesen bármilyen oldalt, hogy
kipróbáld ott működik-e. Akár működik, akár nem kérlek szólj, és frissítem
a scriptet hogy azon a domainen is fusson és működjön alapból.
<p />
Egyetem moodle oldalának hozzáadása a scripthez kézzel:
<ul>
<li>
<Link href="/script">Először telepítsd a scriptet rendesen</Link>{' '}
</li>
<li>
Böngészőben nyisd meg a Tampermonkey bővítményt <br />
<img className={'manual_img'} src={`img/faq/siteadd-1.png`} />
<br />
Itt kattints a Dashboard-ra.
</li>
<li>
Keresd meg a scriptet, majd kattints rá:
<br />
<img className={'manual_img'} src={`img/faq/siteadd-2.png`} />
</li>
<li>
A felugró szerkesztőben keresd meg a következő sorokat:
<br />
<img className={'manual_img'} src={`img/faq/siteadd-3.png`} />
</li>
<li>
Itt az egyik <i>@match ...</i> sor után egy új sorban írd be az
egyetemed moodle oldalának címét. Ha ez a cím pl.:{' '}
<i>https://moodle.egyetem.hu/main/akármi</i>, akkor a következőre írd
át: <i>https://moodle.egyetem.hu/*</i>. Fenti képen látsz néhány
példát. <i>A {'"*"'} a végén fontos!</i>
</li>
<li>
Ezután mentsd el (ctrl + s, vagy file {'->'} save). Ha minden jól
ment, akkor elég frissíteni a moodle oldalát, és a script futni fog
rajta. Ezek után azon az oldalon amit beírtál meg kell jelennie a
Tampermonkey menüjében is:
<br />
<img className={'manual_img'} src={`img/faq/siteadd-4.png`} />
</li>
<li>
Ha a tesztek közben mégsem megy, akkor ellenőrizd, hogy a beírt moodle
cím egyezik-e a teszt közbenivel. Ha kell egy kis segítség, kérdésed
van, nem működik valami, vagy éppen működik, de alapból nincs
hozzáadva: <Link href="/contact">írj a kapcsolat oldalon!</Link>
</li>
</ul>
</>
)
}
const pages = {

2
src/pages/memes.jsx
View file

@ -9,7 +9,7 @@ import Composer from '../components/composer'
import Modal from '../components/modal'
import styles from './memes.module.css'
import constants from '../constants.json'
import constants from '../constants'
const forumPostPerPage = 5
const frontpageForumName = 'memes'

30
src/pages/p2pinfo.jsx
View file

@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react'
import Link from 'next/link'
import Header from '../components/header'
import constants from '../constants.json'
import constants from '../constants'
import LoadingIndicator from '../components/LoadingIndicator'
import styles from './p2pinfo.module.css'
@ -36,15 +36,15 @@ const infos = [
key: 'questionCount',
type: 'number',
},
{
title: 'Script version',
key: 'scriptVersion',
},
{
title: 'Szerver build time',
key: 'serverBuildTime',
type: 'date',
},
{
title: 'Script version',
key: 'scriptVersion',
},
{
title: 'Weboldal build time',
key: 'qminingPageBuildTime',
@ -116,10 +116,17 @@ export default function P2PInfo({ globalState, setGlobalState }) {
</div>
<div className={styles.container}>
<Header title={'P2P infó'} />
A weboldal peer to peer (p2p) megoldást implementál, így több szerverrel
együtt tud működni, és a más szerveren hozzáadott adatokat időközönként
elkéri, és hozzáadja a helyileg tárolt adatokhoz. Vagy valami ilyesmi
TODO: normális duma
<div style={{ textAlign: 'center' }}>
A weboldal peer to peer (p2p) megoldást implementál, folyamatosan
megosztja az új kérdéseket a lent megadott regisztrált szerverekkel,
és hozzáadja a kapott új kérdéseket a helyi adatbázishoz.
<p />
Ha az egyik szerver kiesne, a script a megadott szerverek közül
választ egy újat. A felhasználók is szinkronizálva vannak, így a
jelenlegi jelszavaddal bármelyik másik oldalra be tudsz lépni
<p />A szervert akár te is hostolhatod, érdeklődj a lentebb megadott
kontakton
</div>
<hr />
<div className={styles.title}>Szerver P2P információja:</div>
<br />
@ -166,6 +173,11 @@ export default function P2PInfo({ globalState, setGlobalState }) {
</div>
)
})}
{p2pInfo.myPeers.length === 0 && (
<div className={styles.peerContainer}>
Ennél a szervernél jelenleg nincs peer regisztrálva
</div>
)}
</div>
</>
)

9
src/pages/pwRequest.jsx
View file

@ -4,7 +4,7 @@ import Link from 'next/link'
import Header from '../components/header'
import styles from './pwRequest.module.css'
import constants from '../constants.json'
import constants from '../constants'
function fetchAvailablePWS() {
return new Promise((resolve) => {
@ -107,10 +107,7 @@ export default function PwRequest({ globalData, globalState, setGlobalState }) {
Minden felhasználó egyedi jelszót kap. Ne használjatok többen egy
jelszót, mert egy idő után -biztonsági okokból- kidob a rendszer,
ha ugyan az a felhasználó több helyen is belépve marad. A
jelszavakról bővebben a{' '}
<Link href="/faq?tab=pw">
GYIK
</Link>{' '}
jelszavakról bővebben a <Link href="/faq?tab=pw">GYIK</Link>{' '}
vonatkozó részében olvashatsz.
</p>
</div>
@ -191,5 +188,5 @@ export default function PwRequest({ globalData, globalState, setGlobalState }) {
</div>
</center>
</div>
);
)
}

2
src/pages/ranklist.jsx
View file

@ -4,7 +4,7 @@ import Header from '../components/header'
import LoadingIndicator from '../components/LoadingIndicator'
import styles from './ranklist.module.css'
import constants from '../constants.json'
import constants from '../constants'
const selectOptions = {
newQuestions: { name: 'Beküldött új kérdések' },

12
src/pages/script.jsx
View file

@ -4,7 +4,7 @@ import { useQuery } from 'react-query'
import Header from '../components/header'
import Link from 'next/link'
import constants from '../constants.json'
import constants from '../constants'
import ExternalLinkIcon from '../components/externalLinkIcon'
import styles from './script.module.css'
@ -102,13 +102,9 @@ export default function Script() {
<li>
Ha be vagy jelentkezve, akkor a teszt oldalakon a megoldásokat
kellene látnod egy felugró ablakban felül. Ha nem, akkor{' '}
<Link href="/faq">
GYIK
</Link>
<Link href="/faq">GYIK</Link>
-be olvass bele, vagy{' '}
<Link href="/contact">
írj üzenetet mi nem működik
</Link>
<Link href="/contact">írj üzenetet mi nem működik</Link>
</li>
</ol>
<b>Példa felugró ablakokra:</b>
@ -161,5 +157,5 @@ export default function Script() {
</ul>
</div>
</div>
);
)
}

2
src/pages/thanks.jsx
View file

@ -1,6 +1,6 @@
import React from 'react'
import styles from './thanks.module.css'
import constants from '../constants.json'
import constants from '../constants'
import Head from 'next/head'
export default function Thanks() {

23
src/pages/userfiles.jsx
View file

@ -8,7 +8,7 @@ import UpDownVote from '../components/upDownVote'
import Header from '../components/header'
import styles from './userfiles.module.css'
import constants from '../constants.json'
import constants from '../constants'
function vote(to, item) {
return new Promise((resolve, reject) => {
@ -382,7 +382,11 @@ export default function UserFiles({
<div className={`${styles.tableContainer} ${styles.rows}`}>
{currDir && (
<div
style={{ height: 40, justifyContent: "center", display: "flex" }}
style={{
height: 40,
justifyContent: 'center',
display: 'flex',
}}
onClick={() => {
goBack()
}}
@ -482,13 +486,14 @@ export default function UserFiles({
onClick={(e) => {
e.stopPropagation()
}}
className={'userId'}>
className={'userId'}
>
{`#${user}`}
</Link>
))}
</div>
</div>
);
)
})}
</>
) : (
@ -513,7 +518,7 @@ export default function UserFiles({
<LoadingIndicator />
)}
</div>
);
)
}
return (
@ -535,10 +540,8 @@ export default function UserFiles({
vállalás nincs.
</b>{' '}
Ha valami nem idevalót látsz, azt a{' '}
<Link href="/contact">
Kapcsolat
</Link>{' '}
oldalon jelezd kérlek. Tudatos károkozásért ban jár.
<Link href="/contact">Kapcsolat</Link> oldalon jelezd kérlek. Tudatos
károkozásért ban jár.
</div>
)}
<hr />
@ -602,5 +605,5 @@ export default function UserFiles({
</Modal>
)}
</div>
);
)
}

5
src/pages/validation.jsx
View file

@ -3,7 +3,7 @@ import React, { useState, useEffect } from 'react'
import Header from '../components/header'
import styles from './validation.module.css'
import constants from '../constants.json'
import constants from '../constants'
function fetchValidation() {
return new Promise((resolve) => {
@ -37,8 +37,7 @@ export default function Validation() {
<center>
<div className={styles.descrip}>
Különböző okokból kellhet, hogy bizonyítsd hogy az oldalhoz van
hozzáférésed. Ebben az esetben ezzel a tokennel tudod: TODO: normális
duma
hozzáférésed. Ebben az esetben ezzel a tokennel tudod:
</div>
{token && <div className={styles.tokenContainer}>{token}</div>}
</center>