diff --git a/src/pages/index.js b/src/pages/index.js index f498b41..fe8de1c 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -10,7 +10,8 @@ import constants from '../constants.json' const views = { subject: 'SUBJECT', - question: 'QUESTION' + question: 'QUESTION', + welcome: 'WELCOME' } // TODO: Add question on subjects view @@ -20,7 +21,7 @@ const views = { export default function Index (props) { const [data, setData] = useState(null) - const [view, setView] = useState(views.subject) + const [view, setView] = useState(views.welcome) const [error, setError] = useState(null) const [password, setPassword] = useState('') const [editedQuestions, setEditedQuestions] = useState({}) @@ -63,7 +64,6 @@ export default function Index (props) { .then((resp) => { setData(setIndexes(resp)) const count = getCount(resp) - console.info(`Data count`, count) setInitialCount(count) }) .catch((e) => { @@ -124,19 +124,19 @@ export default function Index (props) { rawResponse.json() .then((resp) => { if (resp.status === 'ok') { - alert(`Successfull upload! thanks ${resp.user}!`) // eslint-disable-line + alert(`Sikeres feltöltés! thankx ${resp.user}!`) // eslint-disable-line console.log('OK') } else if (resp.status === 'invalidPass') { - alert('Invalid password!') // eslint-disable-line + alert('Hibás jelszó!') // eslint-disable-line console.log('invalidPass') } else { - alert('Error while uploading (server side)! More in console') // eslint-disable-line + alert('Hiba feltöltés közben! (szerver oldalon)! Több adat konzolban') // eslint-disable-line console.error('RESPONSE', resp) console.error(resp.message) } }) .catch((e) => { - alert('Error while uploading (client side)! More in console') // eslint-disable-line + alert('Hiba feltöltés közben! (kliens oldalon)! Több adat konzolban') // eslint-disable-line console.error('Error posting data', e) }) } @@ -158,6 +158,21 @@ export default function Index (props) { deleteQuestion={deleteQuestion} /> ) + } else if (view === views.welcome) { + return ( +
+ Kérdés szerkesztő +
+ Itt az éles adatbázis kérdései jelennek meg, amiket tudsz szerkeszteni. A kérdésekhez + tartozó '.data' prop-ot még nem tudod rendesen szerkeszteni, az később lesz implementálva. + A Tárgy / Kérdés nézet között tudsz válogatni. +
+ Tárgy nézet: a tárgyak dobozban kattints egy tárgyra, minden kérdés ott lessz hozzá. +
+ Kérdés nézet: Kereső sávba írd be a kérdést / választ, a találatok ha kevesebb mint 250 + megjelennek, és ott tudod szerkeszteni +
+ ) } else { return (
@@ -181,11 +196,11 @@ export default function Index (props) { LoadData() }} > - Reload data + Újratöltés { setPassword(e.target.value) }} @@ -193,20 +208,24 @@ export default function Index (props) { { - SendDataToServer() + if (password) { + SendDataToServer() + } else { + alert('Hibás jelszó!') // eslint-disable-line + } }} > - Upload data + Feltöltés
{ setView(views.subject) }}> - Subject view + onClick={() => { setView(views.question) }}> + Kérdés nézet { setView(views.question) }}> - Question view + onClick={() => { setView(views.subject) }}> + Tárgy nézet
{renderView()} diff --git a/src/pages/index.module.css b/src/pages/index.module.css index cabf223..249eb3b 100644 --- a/src/pages/index.module.css +++ b/src/pages/index.module.css @@ -48,3 +48,9 @@ text-align: center; width: 100%; } + +.welcome { + text-align: center; + font-size: 20px; + color: white; +}