mirror of
https://gitlab.com/MrFry/qmining-page
synced 2025-04-01 20:23:44 +02:00
Changed button layout on main page /IRC button removed temporarily/
Remade design on passwordgen page
This commit is contained in:
ndaniel1102
commit
49eae83f81
42 changed files with 6682 additions and 605 deletions
|
|
@ -1,8 +1,15 @@
|
|||
export default function Custom404 () {
|
||||
export default function Custom404() {
|
||||
return (
|
||||
<center>
|
||||
<h1>404</h1>
|
||||
<iframe width='660' height='465' src='https://www.youtube-nocookie.com/embed/GOzwOeONBhQ' frameBorder='0' allow='accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture' allowFullScreen />
|
||||
<iframe
|
||||
width="660"
|
||||
height="465"
|
||||
src="https://www.youtube-nocookie.com/embed/GOzwOeONBhQ"
|
||||
frameBorder="0"
|
||||
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
|
||||
allowFullScreen
|
||||
/>
|
||||
</center>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,16 +1,16 @@
|
|||
import Document, { Html, Head, Main, NextScript } from 'next/document'
|
||||
|
||||
class MyDocument extends Document {
|
||||
static async getInitialProps (ctx) {
|
||||
static async getInitialProps(ctx) {
|
||||
const initialProps = await Document.getInitialProps(ctx)
|
||||
return { ...initialProps }
|
||||
}
|
||||
|
||||
render () {
|
||||
render() {
|
||||
return (
|
||||
<Html>
|
||||
<Head />
|
||||
<body bgcolor='#222426'>
|
||||
<body bgcolor="#222426">
|
||||
<Main />
|
||||
<NextScript />
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,16 @@
|
|||
function Error ({ statusCode }) {
|
||||
function Error({ statusCode }) {
|
||||
const render404 = () => {
|
||||
return (
|
||||
<center>
|
||||
<h1>404</h1>
|
||||
<iframe width='100%' height='465' src='https://www.youtube-nocookie.com/embed/GOzwOeONBhQ' frameBorder='0' allow='accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture' allowFullScreen />
|
||||
<iframe
|
||||
width="100%"
|
||||
height="465"
|
||||
src="https://www.youtube-nocookie.com/embed/GOzwOeONBhQ"
|
||||
frameBorder="0"
|
||||
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
|
||||
allowFullScreen
|
||||
/>
|
||||
</center>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -157,7 +157,6 @@ export default function AllQuestions({ router }) {
|
|||
<input
|
||||
autoFocus
|
||||
placeholder="Keresés..."
|
||||
className={styles.searchBar}
|
||||
type="text"
|
||||
value={searchTerm}
|
||||
onChange={(event) => {
|
||||
|
|
@ -206,7 +205,6 @@ export default function AllQuestions({ router }) {
|
|||
<input
|
||||
autoFocus
|
||||
placeholder="Keresés..."
|
||||
className={styles.searchBar}
|
||||
type="text"
|
||||
value={searchTerm}
|
||||
onChange={(event) => {
|
||||
|
|
|
|||
|
|
@ -1,12 +1,3 @@
|
|||
.searchBar {
|
||||
margin: 10px;
|
||||
color: white;
|
||||
background-color: #222426;
|
||||
border: none;
|
||||
font-size: 18px;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.searchContainer {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@
|
|||
}
|
||||
|
||||
.title {
|
||||
color: #9999ff;
|
||||
color: var(--text-color);
|
||||
font-size: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,214 +0,0 @@
|
|||
import React, { useState } from 'react'
|
||||
import fetch from 'unfetch'
|
||||
import Head from 'next/head'
|
||||
|
||||
import Button from '../components/Button.js'
|
||||
|
||||
import styles from './feedback.module.css'
|
||||
import constants from '../constants.json'
|
||||
|
||||
const results = {
|
||||
success: 'SUCCESS',
|
||||
error: 'ERROR',
|
||||
notSent: 'NOTSENT',
|
||||
invalid: 'INVALID',
|
||||
}
|
||||
|
||||
export default function Feedback() {
|
||||
const [form, setForm] = useState({})
|
||||
const [file, setFile] = useState(undefined)
|
||||
const [result, setResult] = useState(results.notSent)
|
||||
const [fileResult, setFileResult] = useState(results.notSent)
|
||||
|
||||
const onChange = (event) => {
|
||||
setForm({
|
||||
...form,
|
||||
[event.target.name]: event.target.value,
|
||||
})
|
||||
}
|
||||
|
||||
const renderTextInputArea = (params) => {
|
||||
return (
|
||||
<div className={styles.inputArea}>
|
||||
<div className={styles.textTitle}>{params.text}</div>
|
||||
<textarea
|
||||
autoFocus={params.autoFocus}
|
||||
onChange={(event) => params.onChange(event)}
|
||||
value={form[params.name] || ''}
|
||||
className={styles.feedback}
|
||||
name={params.name}
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
const onFileChangeHandler = (event) => {
|
||||
setForm({
|
||||
...form,
|
||||
file: event.target.files[0].name,
|
||||
})
|
||||
setFile(event.target.files[0])
|
||||
}
|
||||
|
||||
const renderFileUploader = () => {
|
||||
return (
|
||||
<div className={styles.inputArea}>
|
||||
<div className={styles.textTitle}>Fájl csatolása</div>
|
||||
<input
|
||||
className={styles.fileInput}
|
||||
type="file"
|
||||
name="file"
|
||||
onChange={onFileChangeHandler}
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
const handleSubmit = async () => {
|
||||
if (!form.description) {
|
||||
setResult(results.invalid)
|
||||
}
|
||||
|
||||
const t = document.getElementById('cid').value
|
||||
let cid = ''
|
||||
let version = ''
|
||||
if (t) {
|
||||
cid = t.split('|')[0]
|
||||
version = t.split('|')[1]
|
||||
}
|
||||
|
||||
const rawResponse = await fetch(constants.apiUrl + 'postfeedback', {
|
||||
method: 'POST',
|
||||
credentials: 'include',
|
||||
headers: {
|
||||
Accept: 'application/json',
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
...form,
|
||||
cid: cid,
|
||||
version: version,
|
||||
}),
|
||||
})
|
||||
rawResponse
|
||||
.json()
|
||||
.then((resp) => {
|
||||
if (resp.success) {
|
||||
setResult(results.success)
|
||||
} else {
|
||||
setResult(results.error)
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
setResult(results.error)
|
||||
console.error(err)
|
||||
})
|
||||
|
||||
if (file) {
|
||||
const formData = new FormData() // eslint-disable-line
|
||||
formData.append('file', file)
|
||||
|
||||
const rawFileResponse = await fetch(
|
||||
constants.apiUrl + 'postfeedbackfile',
|
||||
{
|
||||
method: 'POST',
|
||||
credentials: 'include',
|
||||
headers: {
|
||||
Accept: 'application/json',
|
||||
},
|
||||
body: formData,
|
||||
}
|
||||
)
|
||||
rawFileResponse
|
||||
.json()
|
||||
.then((resp) => {
|
||||
if (resp.success) {
|
||||
setFileResult(results.success)
|
||||
} else {
|
||||
setFileResult(results.error)
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
setFileResult(results.error)
|
||||
console.error('FILE error', err)
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
const renderResult = () => {
|
||||
if (results === result.success) {
|
||||
return <div>sucess</div>
|
||||
} else if (results === result.error) {
|
||||
return <div>error</div>
|
||||
} else if (results === result.invalid) {
|
||||
return <div>invalid</div>
|
||||
} else {
|
||||
return null
|
||||
}
|
||||
}
|
||||
|
||||
// action={constants.apiUrl + 'badtestsender'} encType='multipart/form-data' method='post'
|
||||
const renderForm = (props) => {
|
||||
return (
|
||||
<div className={styles.feedback}>
|
||||
{props.noDesc ? (
|
||||
<div className={styles.errorMsg}>Mező kitöltése kötelező!</div>
|
||||
) : null}
|
||||
{renderTextInputArea({
|
||||
text: 'Rövid leírás',
|
||||
name: 'description',
|
||||
onChange: onChange,
|
||||
autoFocus: true,
|
||||
})}
|
||||
<div className={styles.desc}>
|
||||
Bal aluli levelesláda ikonnál keresd majd a választ
|
||||
</div>
|
||||
{renderFileUploader()}
|
||||
<div className={styles.buttonContainer}>
|
||||
<button className={styles.button} onClick={handleSubmit}>
|
||||
Küldés
|
||||
</button>
|
||||
</div>
|
||||
<input type="text" id="cid" name="cid" hidden />
|
||||
{renderResult()}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
const renderStuff = () => {
|
||||
if (result === results.notSent && fileResult === results.notSent) {
|
||||
return <div className={styles.textTitle}>{renderForm({})}</div>
|
||||
} else if (result === results.invalid) {
|
||||
return (
|
||||
<div className={styles.textTitle}>{renderForm({ noDesc: true })}</div>
|
||||
)
|
||||
} else if (result === results.success && !file) {
|
||||
return <div className={styles.textTitle}>Visszajelzés elküldve c:</div>
|
||||
} else if (result === results.error && fileResult === results.success) {
|
||||
return <div className={styles.textTitle}>Hiba küldés közben :c</div>
|
||||
} else if (result === results.success && fileResult === results.error) {
|
||||
return (
|
||||
<div className={styles.textTitle}>
|
||||
Visszajelzés elküldve, de fájlt nem sikerült elküldeni :c
|
||||
</div>
|
||||
)
|
||||
} else if (result === results.success && fileResult === results.success) {
|
||||
return <div className={styles.textTitle}>Visszajelzés elküldve c:</div>
|
||||
} else {
|
||||
return <div className={styles.textTitle}>Bit of a fuckup here</div>
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<Head>
|
||||
<title>Feedback - Qmining | Frylabs.net</title>
|
||||
</Head>
|
||||
<Button text="IRC chat" href="/irc" />
|
||||
<p />
|
||||
<hr />
|
||||
<p />
|
||||
{renderStuff()}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
|
@ -1,46 +0,0 @@
|
|||
.feedback {
|
||||
color: var(--text-color);
|
||||
background-color: var(--background-color);
|
||||
font-size: 16px;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
.buttonContainer {
|
||||
text-align: 'center';
|
||||
width: 200px;
|
||||
margin: 0 auto;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.desc {
|
||||
font-size: 16px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.textTitle {
|
||||
color: var(--text-color);
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.button {
|
||||
background-color: var(--text-color);
|
||||
border: none;
|
||||
padding: 10px 30px;
|
||||
color: white;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.textInputArea {
|
||||
padding: 20px 0px;
|
||||
}
|
||||
|
||||
.fileInput {
|
||||
margin: 10px;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.errorMsg {
|
||||
color: red;
|
||||
}
|
||||
|
|
@ -5,6 +5,8 @@ import Link from 'next/link'
|
|||
|
||||
import LoadingIndicator from '../components/LoadingIndicator'
|
||||
import Sleep from '../components/sleep'
|
||||
import NewsEntry from '../components/newsEntry'
|
||||
import Composer from '../components/composer'
|
||||
import DbSelector from '../components/dbSelector.js'
|
||||
|
||||
import styles from './index.module.css'
|
||||
|
|
@ -25,83 +27,251 @@ const links = {
|
|||
},
|
||||
}
|
||||
|
||||
export default function Index(props) {
|
||||
const [news, setNews] = useState(null)
|
||||
const [allQrSelector, setAllQrSelector] = useState(null)
|
||||
const motd = props.globalData.motd
|
||||
// const userSpecificMotd = props.globalData.userSpecificMotd
|
||||
|
||||
useEffect(() => {
|
||||
console.info('Fetching news.json')
|
||||
function fetchNews() {
|
||||
return new Promise((resolve) => {
|
||||
fetch(`${constants.apiUrl}news.json`, {
|
||||
credentials: 'include',
|
||||
})
|
||||
.then((resp) => {
|
||||
return resp.json()
|
||||
})
|
||||
.then((data) => {
|
||||
setNews(data)
|
||||
.then((res) => {
|
||||
resolve(res)
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
function addPost(title, content) {
|
||||
return new Promise((resolve) => {
|
||||
fetch(constants.apiUrl + 'addPost', {
|
||||
method: 'POST',
|
||||
credentials: 'include',
|
||||
headers: {
|
||||
Accept: 'application/json',
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
title: title,
|
||||
content: content,
|
||||
}),
|
||||
})
|
||||
.then((res) => {
|
||||
return res.json()
|
||||
})
|
||||
.then((res) => {
|
||||
resolve(res)
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
function postFeedback(content, file) {
|
||||
return new Promise((resolve) => {
|
||||
const promises = [
|
||||
fetch(constants.apiUrl + 'postfeedback', {
|
||||
method: 'POST',
|
||||
credentials: 'include',
|
||||
headers: {
|
||||
Accept: 'application/json',
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
content: content,
|
||||
}),
|
||||
}).then((res) => {
|
||||
return res.json()
|
||||
}),
|
||||
]
|
||||
|
||||
if (file) {
|
||||
console.log('FIEEEEEEEEEELE')
|
||||
const formData = new FormData() // eslint-disable-line
|
||||
formData.append('file', file)
|
||||
|
||||
promises.push(
|
||||
fetch(constants.apiUrl + 'postfeedbackfile', {
|
||||
method: 'POST',
|
||||
credentials: 'include',
|
||||
headers: {
|
||||
Accept: 'application/json',
|
||||
},
|
||||
body: formData,
|
||||
}).then((res) => {
|
||||
return res.json()
|
||||
})
|
||||
)
|
||||
}
|
||||
|
||||
Promise.all(promises).then((res) => {
|
||||
resolve(res)
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
export default function Index({ globalData }) {
|
||||
const userId = globalData.userId
|
||||
const motd = globalData.motd
|
||||
const [news, setNews] = useState(null)
|
||||
const [allQrSelector, setAllQrSelector] = useState(null)
|
||||
// const userSpecificMotd = props.globalData.userSpecificMotd
|
||||
|
||||
useEffect(() => {
|
||||
console.info('Fetching news.json')
|
||||
fetchNews().then((res) => {
|
||||
setNews(res)
|
||||
})
|
||||
}, [])
|
||||
|
||||
const renderQAItem = (newsItem, key) => {
|
||||
return (
|
||||
<div key={key} className={styles.itemContainer}>
|
||||
<div className={styles.itemNumber}>{key} :</div>
|
||||
<div
|
||||
className={styles.question}
|
||||
dangerouslySetInnerHTML={{ __html: newsItem.q }}
|
||||
/>
|
||||
<div
|
||||
className={styles.answer}
|
||||
dangerouslySetInnerHTML={{ __html: newsItem.a }}
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
const renderNewsItem = (newsItem, key) => {
|
||||
return (
|
||||
<div key={key} className={styles.itemContainer}>
|
||||
<div className={styles.itemNumber}>{key} :</div>
|
||||
<div
|
||||
className={styles.newsTitle}
|
||||
dangerouslySetInnerHTML={{ __html: newsItem.title }}
|
||||
/>
|
||||
<div
|
||||
className={styles.newsBody}
|
||||
dangerouslySetInnerHTML={{ __html: newsItem.body }}
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
const renderNews = () => {
|
||||
if (news) {
|
||||
let questions = Object.keys(news)
|
||||
let newsItems = Object.keys(news)
|
||||
.map((key) => {
|
||||
let newsItem = news[key]
|
||||
if (newsItem.q) {
|
||||
return (
|
||||
<div key={key}>
|
||||
{renderQAItem(newsItem, key)}
|
||||
</div>
|
||||
)
|
||||
} else {
|
||||
return (
|
||||
<div key={key}>
|
||||
{renderNewsItem(newsItem, key)}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
let newsEntryData = news[key]
|
||||
return (
|
||||
<NewsEntry
|
||||
onPostDelete={() => {
|
||||
fetch(constants.apiUrl + 'rmPost', {
|
||||
method: 'POST',
|
||||
credentials: 'include',
|
||||
headers: {
|
||||
Accept: 'application/json',
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
newsKey: key,
|
||||
}),
|
||||
})
|
||||
.then((res) => {
|
||||
return res.json()
|
||||
})
|
||||
.then((res) => {
|
||||
setNews(res.news)
|
||||
})
|
||||
}}
|
||||
onNewsReact={({ reaction, isDelete }) => {
|
||||
fetch(constants.apiUrl + 'react', {
|
||||
method: 'POST',
|
||||
credentials: 'include',
|
||||
headers: {
|
||||
Accept: 'application/json',
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
reaction: reaction,
|
||||
newsKey: key,
|
||||
isDelete: isDelete,
|
||||
}),
|
||||
})
|
||||
.then((res) => {
|
||||
return res.json()
|
||||
})
|
||||
.then((res) => {
|
||||
console.log(res)
|
||||
setNews(res.news)
|
||||
})
|
||||
}}
|
||||
onCommentReact={({ path, reaction, isDelete }) => {
|
||||
fetch(constants.apiUrl + 'react', {
|
||||
method: 'POST',
|
||||
credentials: 'include',
|
||||
headers: {
|
||||
Accept: 'application/json',
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
type: 'reaction',
|
||||
newsKey: key,
|
||||
path: path,
|
||||
reaction: reaction,
|
||||
isDelete: isDelete,
|
||||
}),
|
||||
})
|
||||
.then((res) => {
|
||||
return res.json()
|
||||
})
|
||||
.then((res) => {
|
||||
setNews(res.news)
|
||||
})
|
||||
}}
|
||||
onDelete={(path) => {
|
||||
fetch(constants.apiUrl + 'comment', {
|
||||
method: 'POST',
|
||||
credentials: 'include',
|
||||
headers: {
|
||||
Accept: 'application/json',
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
type: 'delete',
|
||||
path: path,
|
||||
newsKey: key,
|
||||
}),
|
||||
})
|
||||
.then((res) => {
|
||||
return res.json()
|
||||
})
|
||||
.then((res) => {
|
||||
setNews(res.news)
|
||||
})
|
||||
}}
|
||||
onComment={(path, content) => {
|
||||
fetch(constants.apiUrl + 'comment', {
|
||||
method: 'POST',
|
||||
credentials: 'include',
|
||||
headers: {
|
||||
Accept: 'application/json',
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
type: 'add',
|
||||
path: path,
|
||||
content: content,
|
||||
newsKey: key,
|
||||
}),
|
||||
})
|
||||
.then((res) => {
|
||||
return res.json()
|
||||
})
|
||||
.then((res) => {
|
||||
setNews(res.news)
|
||||
})
|
||||
}}
|
||||
uid={userId}
|
||||
key={key}
|
||||
newsKey={key}
|
||||
newsItem={newsEntryData}
|
||||
/>
|
||||
)
|
||||
})
|
||||
.reverse()
|
||||
|
||||
return (
|
||||
<div>
|
||||
<div className={styles.title}>Hírek</div>
|
||||
<hr />
|
||||
<div className={styles.questionscontainer}>{questions}</div>
|
||||
<div className={styles.title}>Fórum</div>
|
||||
<hr />
|
||||
<Composer
|
||||
onSubmit={(type, title, content, file) => {
|
||||
if (!content) {
|
||||
alert('Üres a tartalom!')
|
||||
return
|
||||
}
|
||||
console.log(type, title, content, file)
|
||||
if (type === 'private') {
|
||||
postFeedback(content, file).then((res) => {
|
||||
console.log(res)
|
||||
alert('Privát visszajelzés elküldve!')
|
||||
})
|
||||
} else {
|
||||
if (!title) {
|
||||
alert('Üres a téma!')
|
||||
return
|
||||
}
|
||||
addPost(title, content).then((res) => {
|
||||
setNews(res.news)
|
||||
})
|
||||
}
|
||||
}}
|
||||
/>
|
||||
<div>{newsItems}</div>
|
||||
</div>
|
||||
)
|
||||
} else {
|
||||
|
|
@ -125,23 +295,6 @@ export default function Index(props) {
|
|||
)
|
||||
}
|
||||
|
||||
// const renderUserSpecificMotd = () => {
|
||||
// return (
|
||||
// <div>
|
||||
// <hr />
|
||||
// <div className={styles.subtitle}>Üzenet admintól:</div>
|
||||
// {userSpecificMotd ? (
|
||||
// <div
|
||||
// className={styles.motd}
|
||||
// dangerouslySetInnerHTML={{ __html: userSpecificMotd.msg }}
|
||||
// />
|
||||
// ) : (
|
||||
// <div>...</div>
|
||||
// )}
|
||||
// </div>
|
||||
// )
|
||||
// }
|
||||
|
||||
const renderDbSelector = () => {
|
||||
if (allQrSelector) {
|
||||
return (
|
||||
|
|
@ -196,15 +349,6 @@ export default function Index(props) {
|
|||
>
|
||||
{'Összes kérdés TXT'}
|
||||
</a>
|
||||
|
||||
<a
|
||||
/*onClick={() => {
|
||||
setAllQrSelector('json')
|
||||
}}
|
||||
className={styles.button}*/
|
||||
>
|
||||
{/*'Összes kérdés JSON'*/}
|
||||
</a>
|
||||
</div>
|
||||
{renderMotd()}
|
||||
{/*{userSpecificMotd && renderUserSpecificMotd()} */}
|
||||
|
|
|
|||
|
|
@ -3,22 +3,22 @@
|
|||
}
|
||||
|
||||
.button {
|
||||
color: white;
|
||||
background-color: #313131;
|
||||
margin: 0px 4px;
|
||||
padding: 15px 4px;
|
||||
max-width: 100%;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
word-wrap: break-word;
|
||||
text-decoration: none;
|
||||
transition: width 0.5s, height 0.5s, ease-in 0.5s;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
user-select: none;
|
||||
color: white;
|
||||
background-color: #313131;
|
||||
margin: 0px 4px;
|
||||
padding: 15px 4px;
|
||||
max-width: 100%;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
word-wrap: break-word;
|
||||
text-decoration: none;
|
||||
transition: width 0.5s, height 0.5s, ease-in 0.5s;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
|
|
|
|||
|
|
@ -15,64 +15,62 @@ function renderMaual() {
|
|||
</Head>
|
||||
<center>
|
||||
<div className={'pageHeader'}>
|
||||
<h1>Manual</h1>
|
||||
</div>
|
||||
<h1>Manual</h1>
|
||||
</div>
|
||||
<h3 className={'warning'}>
|
||||
Ha az oldalt vagy a scriptet használod: akármikor észrevehetik,
|
||||
leállhat a szerver, és rossz lehet az összes válasz!
|
||||
</h3>
|
||||
<p id="manualWarn">Valószínűleg semmi baj nem lesz, de én szóltam. Ha emiatt aggódsz,
|
||||
olvasd el a <a href="#risk">kockázatok részt</a>.</p>
|
||||
<p id="manualWarn">
|
||||
Valószínűleg semmi baj nem lesz, de én szóltam. Ha emiatt aggódsz,
|
||||
olvasd el a <a href="#risk">kockázatok részt</a>.
|
||||
</p>
|
||||
</center>
|
||||
<Sleep />
|
||||
<center>
|
||||
</center>
|
||||
<center></center>
|
||||
<hr />
|
||||
<center>
|
||||
<h2 className={'subtitle'}>A userscript használata</h2>
|
||||
</center>
|
||||
<div className={'manualUsage manualBody'}>
|
||||
<div>
|
||||
<p>Ez a userscript Moodle/Elearnig/KMOOC tesztek megoldása során segítséget
|
||||
jelenít meg.</p>
|
||||
<p>
|
||||
Ez a userscript Moodle/Elearnig/KMOOC tesztek megoldása során
|
||||
segítséget jelenít meg.
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
Tölts le egy userscript futtató kiegészítőt a böngésződhöz: pl. a {' '}
|
||||
Tölts le egy userscript futtató kiegészítőt a böngésződhöz: pl. a{' '}
|
||||
<a
|
||||
href="https://www.tampermonkey.net/"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
Tampermonkey
|
||||
</a>-t.
|
||||
</a>
|
||||
-t.
|
||||
</li>
|
||||
<li>
|
||||
A <a
|
||||
<a
|
||||
href="http://qmining.frylabs.net/install?man"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
weboldalról
|
||||
Kattints ide hogy felrakd a scriptet
|
||||
</a>{' '}
|
||||
rakd fel a scriptet.
|
||||
</li>
|
||||
<li>
|
||||
A script ezt követően udvariasan megkér, hogy hadd beszélgessen a
|
||||
szerverrel, mert mással nem tud, ezért ezt engedélyezd neki.
|
||||
</li>
|
||||
<li>
|
||||
Ezután:
|
||||
<ul>
|
||||
<li>
|
||||
A kitöltendő teszt oldalán a kérdésre a választ kell látnod felül egy
|
||||
lebegő ablakban.
|
||||
</li>
|
||||
<li>
|
||||
Teszt ellenőrzés oldalon a script beküldi a szervernek a
|
||||
helyes válaszokat, az lementi az új kérdéseket, amik ezután
|
||||
azonnal elérhetők lesznek
|
||||
</li>
|
||||
</ul>
|
||||
A kitöltendő teszt oldalán a kérdésre a választ kell látnod felül
|
||||
egy lebegő ablakban.
|
||||
</li>
|
||||
<li>
|
||||
Teszt ellenőrzés oldalon a script beküldi a szervernek a helyes
|
||||
válaszokat, az lementi az új kérdéseket, amik ezután azonnal
|
||||
elérhetők lesznek (neked, és másoknak is)
|
||||
</li>
|
||||
</ul>
|
||||
Egyéb fontos tudnivalók:
|
||||
|
|
@ -87,15 +85,15 @@ function renderMaual() {
|
|||
{' '}
|
||||
Összes kérdés TXT
|
||||
</a>{' '}
|
||||
(ha elszállna a szerver)
|
||||
(az összes összegyűjtött kérdés, ha elszállna a szerver)
|
||||
</li>
|
||||
<li>
|
||||
Az <a
|
||||
href="/allQuestions"
|
||||
rel="noreferrer"
|
||||
>
|
||||
Az{' '}
|
||||
<a href="/allQuestions" rel="noreferrer">
|
||||
összes kérdés oldal
|
||||
</a> az oldal, ahol manuálisan tudsz keresni, ha valami gáz lenne a scripttel.
|
||||
</a>{' '}
|
||||
az oldal, ahol manuálisan tudsz keresni, ha valami gáz lenne a
|
||||
scripttel.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -112,85 +110,103 @@ function renderMaual() {
|
|||
<h2 id="pw" className={'subtitle'}>Jelszavak</h2>
|
||||
</center>
|
||||
<div className={'manualBody'}>
|
||||
<p>Ha ezt olvasod valszeg már neked is van. Azért lett bevezetve, hogy
|
||||
nagyjából zárt legyen a felhasználók köre.</p>
|
||||
<ul>
|
||||
<li>Minden felhasználónak más jelszava van.</li>
|
||||
<li>
|
||||
Elvileg elég csak 1 szer beírnod, és többet nem kell, de{' '}
|
||||
<b>mentsd le biztos helyre a jelszót, hogy később is meglegyen</b>! Ha
|
||||
többször kell megadnod, akkor az bug lesz. Ilyenkor ezt {' '}
|
||||
<a
|
||||
href="http://qmining.frylabs.net/feedback?man"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
jelentsd
|
||||
</a>.
|
||||
</li>
|
||||
<li>
|
||||
<i>
|
||||
Jelenleg nincs elfelejtett jelszó funkció, ha elfelejted, akkor az
|
||||
örökre eltűnik!
|
||||
</i>
|
||||
</li>
|
||||
<li>
|
||||
Ha van jelszavad akkor {' '}
|
||||
<b>bizonyos határok között</b>{' '}
|
||||
te is <a
|
||||
href="https://qmining.frylabs.net/pwRequest?man"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
tudsz generálni
|
||||
</a> másoknak (ncore style).
|
||||
</li>
|
||||
<li>
|
||||
Saját jelszavadat ne oszd meg, mivel egyszerre egy helyen lehetsz belépve, máshol automatikusan ki leszel jelentkeztetve. (meg minek, ha tudsz adni másoknak az előző pont alapján)
|
||||
</li>
|
||||
<li>
|
||||
Mivel senkinek sincs felhasználóneve, csak egy UserID (amit bal alul találsz),
|
||||
így az egész teljesen anonim. Emiatt a jelszavakat nem lehet megváltoztatni,
|
||||
hogy a szükséges komplexitás megmaradjon.
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
Ha ezt olvasod valszeg már neked is van. Azért lett bevezetve, hogy
|
||||
nagyjából zárt legyen a felhasználók köre.
|
||||
</p>
|
||||
<ul>
|
||||
<li>Minden felhasználónak más jelszava van.</li>
|
||||
<li>
|
||||
Elvileg elég csak 1 szer beírnod, és többet nem kell, de{' '}
|
||||
<b>mentsd le biztos helyre a jelszót, hogy később is meglegyen</b>!
|
||||
Ha többször kell megadnod, akkor az bug lesz. Ilyenkor ezt{' '}
|
||||
<a
|
||||
href="http://qmining.frylabs.net/feedback?man"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
jelentsd
|
||||
</a>
|
||||
.
|
||||
</li>
|
||||
<li>
|
||||
<i>
|
||||
Jelenleg nincs elfelejtett jelszó funkció, ha elfelejted, akkor az
|
||||
örökre eltűnik!
|
||||
</i>
|
||||
</li>
|
||||
<li>
|
||||
Ha van jelszavad akkor <b>bizonyos határok között</b> te is{' '}
|
||||
<a
|
||||
href="https://qmining.frylabs.net/pwRequest?man"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
tudsz generálni
|
||||
</a>{' '}
|
||||
másoknak (ncore style).
|
||||
</li>
|
||||
<li>
|
||||
Saját jelszavadat ne oszd meg, mivel egyszerre egy helyen lehetsz
|
||||
belépve, máshol automatikusan ki leszel jelentkeztetve. (meg minek,
|
||||
ha tudsz adni másoknak az előző pont alapján)
|
||||
</li>
|
||||
<li>
|
||||
Mivel senkinek sincs felhasználóneve, csak egy UserID (amit bal alul
|
||||
találsz), így az egész teljesen anonim. Emiatt a jelszavakat nem
|
||||
lehet megváltoztatni, hogy a szükséges komplexitás megmaradjon.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<hr />
|
||||
<center>
|
||||
<h2 className={'subtitle'}>Gyakran Ismételt Kérdések</h2>
|
||||
</center>
|
||||
<div className={'manualBody'}>
|
||||
<ul>
|
||||
<li>
|
||||
<b>
|
||||
Olyan helyeken fut le a script, ahol nem kellene, vagy ideiglenesen
|
||||
ki akarod kapcsolni;
|
||||
</b>
|
||||
<br /><i>Tampermonkey bővitmény ikon -{'>'} click -{'>'} a scriptet
|
||||
kapcsold ki. Csak ne felejtsd el visszakapcsolni ;)</i>
|
||||
</li>
|
||||
<br />
|
||||
<li>
|
||||
<b>
|
||||
Túl nagy a kérdést és a választ megjelenítő ablak, nem tudok a
|
||||
válaszra kattintani;
|
||||
</b>
|
||||
<br /><i>Zoomolj ki egy kicsit az oldalon, kapcsold ki addig a scriptet,
|
||||
vagy zárd be a script ablakát. Illetve a középső egérgombbal kattintva a
|
||||
script abalkon el bírod tüntetni, amíg újra nem töltöd az oldalt, vagy görgetéssel
|
||||
állíthatsz az átlátszóságán.</i>
|
||||
</li>
|
||||
<br />
|
||||
<li>
|
||||
<b>Gombok, %-ok, számok;</b>
|
||||
<br />
|
||||
<img style={{ maxWidth: '100%' }} src="img/6.png" alt="img" className={'manual_img'} />
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>
|
||||
<b>
|
||||
Olyan helyeken fut le a script, ahol nem kellene, vagy
|
||||
ideiglenesen ki akarod kapcsolni;
|
||||
</b>
|
||||
<br />
|
||||
<i>
|
||||
Tampermonkey bővitmény ikon -{'>'} click -{'>'} a scriptet
|
||||
kapcsold ki. Csak ne felejtsd el visszakapcsolni ;)
|
||||
</i>
|
||||
</li>
|
||||
<br />
|
||||
<li>
|
||||
<b>
|
||||
Túl nagy a kérdést és a választ megjelenítő ablak, nem tudok a
|
||||
válaszra kattintani;
|
||||
</b>
|
||||
<br />
|
||||
<i>
|
||||
A felugró ablakot ha minden jól megy akkor a szélénél fogva tudod
|
||||
mozgatni, vagy egeret rajtatartva a görgővel tudod állítani az
|
||||
áttetszőségét, vagy be tudod zárni jobb felül X-el, vagy egér
|
||||
középső gombbal.
|
||||
</i>
|
||||
</li>
|
||||
<br />
|
||||
<li>
|
||||
<b>Gombok, %-ok, számok;</b>
|
||||
<br />
|
||||
<img
|
||||
style={{ maxWidth: '100%' }}
|
||||
src="img/6.png"
|
||||
alt="img"
|
||||
className={'manual_img'}
|
||||
/>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<hr />
|
||||
<center>
|
||||
<h2 id="risk" className={'subtitle'}>Kockázatok</h2>
|
||||
<h2 id="risk" className={'subtitle'}>
|
||||
Kockázatok
|
||||
</h2>
|
||||
</center>
|
||||
<ul>
|
||||
<li>
|
||||
|
|
@ -200,16 +216,6 @@ function renderMaual() {
|
|||
mert nem fut. Később manuálisan is be lehet majd küldeni
|
||||
kérdés-válaszokat.
|
||||
<p />
|
||||
Ha arra nem veszik a fáradságot, hogy a kérdéseket lecseréljék akkor
|
||||
valószínűleg arra se hogy userscript futását detektáló kódot rakjanak
|
||||
a weboldalra. A{' '}
|
||||
<a href="https://moodle.org/" target="_blank" rel="noreferrer">
|
||||
Moodle
|
||||
</a>{' '}
|
||||
egy nyílt forráskódú, valószínűleg self-hosted rendszer. Valószínűleg
|
||||
az egyetem egy ezer éves debian szerverén fut, amihez senki se mer
|
||||
nyúlni, nemhogy a moodle-t frissítse valaki.
|
||||
<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
|
||||
|
|
@ -240,30 +246,43 @@ function renderMaual() {
|
|||
</li>
|
||||
</ul>
|
||||
<hr />
|
||||
<h2 id="sitesave" className={'subtitle'}>Weboldal lementése</h2>
|
||||
<p>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. Így lehet
|
||||
menteni egy oldalt:</p>
|
||||
<h2 id="sitesave" className={'subtitle'}>
|
||||
Weboldal lementése
|
||||
</h2>
|
||||
<p>
|
||||
Ha hibát észlesz, 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>
|
||||
<center>
|
||||
<img style={{ maxWidth: '100%' }} src="img/websitesave.png" alt="img" className={'manual_img'} />
|
||||
<br />
|
||||
<a
|
||||
href="/feedback"
|
||||
rel="noreferrer"
|
||||
>
|
||||
Ide tudod feltölteni
|
||||
</a>
|
||||
<img
|
||||
style={{ maxWidth: '100%' }}
|
||||
src="img/websitesave.png"
|
||||
alt="img"
|
||||
className={'manual_img'}
|
||||
/>
|
||||
<br />
|
||||
<a href="/feedback" rel="noreferrer">
|
||||
Ide tudod feltölteni
|
||||
</a>
|
||||
</center>
|
||||
<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>
|
||||
<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>
|
||||
<hr />
|
||||
<h2 id="scriptreinstall" className={'subtitle'}>Script újratelepítése</h2>
|
||||
<p>Jelenleg két helyről lehet telepíteni a scriptet: greasyforkról és a
|
||||
weboldalról. A greasyforkos telepítési lehetőség meg fog szűnni, így ha
|
||||
onnan telepítetted, akkor nem lesznek frissítések elérhetők (amik nagyon
|
||||
fontosak (de tényleg)). Ezért a következő rövid manővert kellene
|
||||
végrehajtani, hogy minden zökkenőmentesen menjen:</p>
|
||||
<h2 id="scriptreinstall" className={'subtitle'}>
|
||||
Script újratelepítése
|
||||
</h2>
|
||||
<p>
|
||||
Jelenleg két helyről lehet telepíteni a scriptet: greasyforkról és a
|
||||
weboldalról. A greasyforkos telepítési lehetőség meg fog szűnni, így ha
|
||||
onnan telepítetted, akkor nem lesznek frissítések elérhetők (amik nagyon
|
||||
fontosak (de tényleg)). Ezért a következő rövid manővert kellene
|
||||
végrehajtani, hogy minden zökkenőmentesen menjen:
|
||||
</p>
|
||||
<ul>
|
||||
<li>Böngésző bővítményeidnél kattints a tampermonkey-ra</li>
|
||||
<li>Válaszd ki alulról második opciót, ami dashboard néven fut</li>
|
||||
|
|
@ -281,7 +300,8 @@ function renderMaual() {
|
|||
rel="noreferrer"
|
||||
>
|
||||
ide
|
||||
</a> a script újratelepítéséhez a weboldalról.
|
||||
</a>{' '}
|
||||
a script újratelepítéséhez a weboldalról.
|
||||
</li>
|
||||
<li>
|
||||
Kész! Lehet megkérdezi újra, hogy elérheti-e a szervert, de azt csak
|
||||
|
|
|
|||
|
|
@ -48,7 +48,7 @@
|
|||
}
|
||||
|
||||
.pwContainer {
|
||||
font-family: "Courier New", Courier, monospace;
|
||||
font-family: 'Courier New', Courier, monospace;
|
||||
text-align: center;
|
||||
font-size: 24px;
|
||||
color: white;
|
||||
|
|
|
|||
|
|
@ -46,7 +46,7 @@
|
|||
}
|
||||
|
||||
.clickable:hover {
|
||||
background-color: #666666;
|
||||
background-color: var(--hoover-color);
|
||||
}
|
||||
|
||||
.clickable {
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@ import styles from './thanks.module.css'
|
|||
import constants from '../constants.json'
|
||||
import Head from 'next/head'
|
||||
|
||||
export default function Thanks () {
|
||||
export default function Thanks() {
|
||||
return (
|
||||
<div>
|
||||
<Head>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue