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

Minor style fixes across pages

Browse source
This commit is contained in:
ndaniel1102 2021-03-26 15:44:11 +01:00
parent 515993a05b
commit 6fd9beb464
14 changed files with 165 additions and 120 deletions
Download patch file Download diff file Expand all files Collapse all files

90
src/pages/allQuestions.js
View file

@ -100,42 +100,47 @@ export default function AllQuestions({ router }) {
if (dbs) {
return (
<>
<select
className={styles.select}
defaultValue={-1}
onChange={(event) => {
const key = event.target.value
setData(null)
setFetchingData(true)
if (key === 'all') {
setSelectedDb(key)
fetchAllData(dbs).then((res) => {
setData(mergeData(res))
setFetchingData(false)
})
} else {
setSelectedDb(dbs[key].name)
fetchData(dbs[key]).then((res) => {
setData(res.data)
setFetchingData(false)
})
}
}}
>
<option disabled value={-1}>
{' -- Válassz egy kérdés adatbázist -- '}
</option>
{dbs.map((db, i) => {
return (
<option value={i} key={db.path}>
{db.name}
</option>
)
})}
<option value={'all'} key={'all'}>
{'All'}
</option>
</select>
<div className={'pageHeader'}>
<h1>Kérdések és tárgyak</h1>
</div>
<br />
<div className={`selectContainer ${styles.content}`}>
<select
defaultValue={-1}
onChange={(event) => {
const key = event.target.value
setData(null)
setFetchingData(true)
if (key === 'all') {
setSelectedDb(key)
fetchAllData(dbs).then((res) => {
setData(mergeData(res))
setFetchingData(false)
})
} else {
setSelectedDb(dbs[key].name)
fetchData(dbs[key]).then((res) => {
setData(res.data)
setFetchingData(false)
})
}
}}
>
<option disabled value={-1}>
{' - Válassz egy adatbázist! - '}
</option>
{dbs.map((db, i) => {
return (
<option value={i} key={db.path}>
{db.name}
</option>
)
})}
<option value={'all'} key={'all'}>
{'All'}
</option>
</select>
</div>
</>
)
} else {
@ -152,9 +157,6 @@ export default function AllQuestions({ router }) {
return (
<div>
<Head>
<title>Tárgyak - Qmining | Frylabs.net</title>
</Head>
{data ? (
<>
<div className={styles.searchContainer}>
@ -200,9 +202,6 @@ export default function AllQuestions({ router }) {
const renderQuestionBrowser = () => {
return (
<div>
<Head>
<title>Qmining - Kérdés keresés | Frylabs.net</title>
</Head>
{data ? (
<>
<div className={styles.searchContainer}>
@ -242,19 +241,22 @@ export default function AllQuestions({ router }) {
return (
<div>
<Head>
<title>Kérdések és tárgyak - Qmining | Frylabs.net</title>
</Head>
{dbs ? <>{renderDbSelector()}</> : <LoadingIndicator />}
{dbs && data ? (
<>
{`${questionCount} kérdés, ${subjectCount} tárgy`}
<div className={'buttonContainer'}>
<div
className={!subjectsShowing ? styles.activeTypeSelector : ''}
className={!subjectsShowing ? 'activeButton' : ''}
onClick={() => setSubjectsShowing(false)}
>
Kérdések
</div>
<div
className={subjectsShowing ? styles.activeTypeSelector : ''}
className={subjectsShowing ? 'activeButton' : ''}
onClick={() => setSubjectsShowing(true)}
>
Tárgyak