mirror of
https://gitlab.com/MrFry/qmining-page
synced 2025-04-01 20:23:44 +02:00
Changed button layout, IRC button removed but not been placed back yet
Redesign of passwordgen page
This commit is contained in:
ndaniel1102
parent
28363c3721
commit
ca9be0f3c3
7 changed files with 92 additions and 73 deletions
|
|
@ -104,17 +104,6 @@ export default function Layout({
|
||||||
</Link>
|
</Link>
|
||||||
)
|
)
|
||||||
})}
|
})}
|
||||||
<a
|
|
||||||
href={`/dataeditor`}
|
|
||||||
onClick={closeSideBar}
|
|
||||||
target="_blank"
|
|
||||||
rel="noreferrer"
|
|
||||||
title={
|
|
||||||
'Kérdések szerkesztése, törlése, beküldése, és kitöltetlen tesztek'
|
|
||||||
}
|
|
||||||
>
|
|
||||||
Kérdés szerkesztő
|
|
||||||
</a>
|
|
||||||
<a
|
<a
|
||||||
href={`/donate`}
|
href={`/donate`}
|
||||||
className="donate"
|
className="donate"
|
||||||
|
|
|
||||||
|
|
@ -3,10 +3,6 @@
|
||||||
"href": "/",
|
"href": "/",
|
||||||
"text": "Főoldal"
|
"text": "Főoldal"
|
||||||
},
|
},
|
||||||
"manual": {
|
|
||||||
"href": "/manual",
|
|
||||||
"text": "A script használata"
|
|
||||||
},
|
|
||||||
"allQuestions": {
|
"allQuestions": {
|
||||||
"href": "/allQuestions",
|
"href": "/allQuestions",
|
||||||
"text": "Kérdések és tárgyak"
|
"text": "Kérdések és tárgyak"
|
||||||
|
|
|
||||||
|
|
@ -167,6 +167,7 @@ a:hover {
|
||||||
.rtfmImage {
|
.rtfmImage {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
border: 2px solid white;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -282,6 +283,7 @@ a:hover {
|
||||||
.pageHeader h1 {
|
.pageHeader h1 {
|
||||||
padding-top: 6px;
|
padding-top: 6px;
|
||||||
letter-spacing: 7px;
|
letter-spacing: 7px;
|
||||||
|
text-align: center;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -302,7 +304,7 @@ select {
|
||||||
}
|
}
|
||||||
|
|
||||||
select:hover {
|
select:hover {
|
||||||
border: 1px solid #99f;
|
border: 1px solid #F2CB05;
|
||||||
}
|
}
|
||||||
|
|
||||||
.userStatus {
|
.userStatus {
|
||||||
|
|
|
||||||
|
|
@ -15,9 +15,13 @@ const links = {
|
||||||
href: '/install',
|
href: '/install',
|
||||||
text: 'Install',
|
text: 'Install',
|
||||||
},
|
},
|
||||||
irc: {
|
manual: {
|
||||||
href: '/irc',
|
href: '/manual',
|
||||||
text: 'IRC chat',
|
text: 'A script használata',
|
||||||
|
},
|
||||||
|
dataeditor: {
|
||||||
|
href: '/dataeditor',
|
||||||
|
text: 'Kérdés szerkesztő',
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -192,13 +196,14 @@ export default function Index(props) {
|
||||||
>
|
>
|
||||||
{'Összes kérdés TXT'}
|
{'Összes kérdés TXT'}
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a
|
<a
|
||||||
onClick={() => {
|
/*onClick={() => {
|
||||||
setAllQrSelector('json')
|
setAllQrSelector('json')
|
||||||
}}
|
}}
|
||||||
className={styles.button}
|
className={styles.button}*/
|
||||||
>
|
>
|
||||||
{'Összes kérdés JSON'}
|
{/*'Összes kérdés JSON'*/}
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
{renderMotd()}
|
{renderMotd()}
|
||||||
|
|
|
||||||
|
|
@ -109,7 +109,7 @@ function renderMaual() {
|
||||||
</div>
|
</div>
|
||||||
<hr />
|
<hr />
|
||||||
<center>
|
<center>
|
||||||
<h2 className={'subtitle'}>Jelszavak</h2>
|
<h2 id="pw" className={'subtitle'}>Jelszavak</h2>
|
||||||
</center>
|
</center>
|
||||||
<div className={'manualBody'}>
|
<div className={'manualBody'}>
|
||||||
<p>Ha ezt olvasod valszeg már neked is van. Azért lett bevezetve, hogy
|
<p>Ha ezt olvasod valszeg már neked is van. Azért lett bevezetve, hogy
|
||||||
|
|
|
||||||
|
|
@ -67,48 +67,54 @@ export default function PwRequest(props) {
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch((e) => {
|
.catch((e) => {
|
||||||
setResult([...result, 'Szerver oldali hiba!'])
|
setResult([...result, 'Szerver oldali hiba! :('])
|
||||||
console.error(e)
|
console.error(e)
|
||||||
})
|
})
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
setResult([...result, 'Szerver oldali hiba!'])
|
setResult([...result, 'Szerver oldali hiba! :('])
|
||||||
console.error(e)
|
console.error(e)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
/*removed: Az új felhasználóknak
|
||||||
|
<span>{' ' + daysAfterUserGetsPWs + ' '}</span>
|
||||||
|
napot kell várniuk, míg jelszó generálási lehetőséget kapnak.< br />*/
|
||||||
|
|
||||||
return (
|
return (
|
||||||
// TODO: újrafogalmazás, remove hány nap után kapnak új jelszót először
|
// TODO: a generált jelszó modal-on való megjelenítésének kivitelezése.
|
||||||
|
// TODO: <span>{' ' + createDate}</span>-kor. rész után az oldal összes jelenlegi
|
||||||
|
//felhasználójának darabszámának megjelenítése.
|
||||||
<div>
|
<div>
|
||||||
<Head>
|
<Head>
|
||||||
<title>Jelszó kérés - Qmining | Frylabs.net</title>
|
<title>Jelszó generálás - Qmining | Frylabs.net</title>
|
||||||
</Head>
|
</Head>
|
||||||
|
<div className={'pageHeader'}>
|
||||||
|
<h1 className={'pageHeader h1'}>Jelszó generálás</h1>
|
||||||
|
</div>
|
||||||
<div id="form">
|
<div id="form">
|
||||||
<div className={styles.text}>
|
<div className={styles.text}>
|
||||||
Itt új jelszavakat tudsz kérni új felhasználóknak. Közös
|
<p className={styles.descrip}>Ezen az oldalon lehetőséged van lekérni jelszavakat,
|
||||||
jelszóhasználat nem ajánlott, mert ha valaki belép azzal a jelszóval
|
hogy új felhasználókat hívhass meg az oldalra, vagy elfelejtett jelszavadat pótold,
|
||||||
amit te használsz akkor téged kiléptet mindenhonnan. Szerintem van
|
amennyiben még be vagy jelentkezve a régivel. (Konkrét elfelejtett jelszó funkció még nincsen)<br />
|
||||||
elég jelszó hogy ne kelljen közös
|
Minden felhasználó saját és különböző jelszót kap. Inkább generálj egyet és add oda másnak,
|
||||||
|
mint hogy közösen használjatok egyet, mert egyszerre, egy felhasználó csak egy helyen, egy
|
||||||
|
eszközön lehet belépve, mindenhol máshol automatikusan kijelentkeztetésre kerül. A jelszavakról
|
||||||
|
bővebben a Script használata oldal <a href="/manual#pw" target="_blank">vonatkozó részén</a> olvashatsz.</p>
|
||||||
</div>
|
</div>
|
||||||
<div className={styles.text}>
|
<div className={styles.text}>
|
||||||
Új felhasználóknak
|
Egy felhasználó egyszerre
|
||||||
<span>{' ' + daysAfterUserGetsPWs + ' '}</span>
|
|
||||||
napot kell várni, míg kapnak lehetőséget jelszó generálásra.
|
|
||||||
</div>
|
|
||||||
<div className={styles.text}>
|
|
||||||
<span>{' ' + addPwPerDay + ' '}</span>
|
|
||||||
naponta
|
|
||||||
<span>{' ' + addPWCount + ' '}</span>
|
<span>{' ' + addPWCount + ' '}</span>
|
||||||
új lehetőség van jelszót generálni, maximum
|
jelszót generálhat, a jelszókérések közt
|
||||||
|
<span>{' ' + addPwPerDay + ' '}</span>
|
||||||
|
napnak kell eltelnie, hogy újabb jelszót kérhess le.<br />
|
||||||
|
Egy felhasználó összesen
|
||||||
<span>{' ' + maxPWCount + ' '}</span>
|
<span>{' ' + maxPWCount + ' '}</span>
|
||||||
lehetőség gyűlhet össze
|
jelszót generálhat.<br />
|
||||||
</div>
|
Ebből eddig
|
||||||
<div className={styles.text}>
|
|
||||||
Még kérhető jelszavak:
|
|
||||||
<span>{' ' + remaining}</span>. Felhasználó létrehozva:
|
|
||||||
<span>{' ' + createDate}</span>,<span>{' ' + dayDiff + ' '}</span>
|
|
||||||
napja. Eddig
|
|
||||||
<span>{' ' + requestedPWS + ' '}</span>
|
<span>{' ' + requestedPWS + ' '}</span>
|
||||||
jelszót kértél.
|
lehetőséget használtál fel, tehát még
|
||||||
|
<span>{' ' + remaining}</span> db jelszót kérhetsz le. <br /><br /> A jelenleg bejelentkezett
|
||||||
|
felhasználó létrehozva:
|
||||||
|
<span>{' ' + dayDiff}</span> napja,<span>{' ' + createDate}</span>-kor.<br /><br />
|
||||||
</div>
|
</div>
|
||||||
<div className={styles.buttonContainer}>
|
<div className={styles.buttonContainer}>
|
||||||
<div onClick={handleSubmit} className={styles.button}>
|
<div onClick={handleSubmit} className={styles.button}>
|
||||||
|
|
|
||||||
|
|
@ -6,13 +6,26 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.button {
|
.button {
|
||||||
cursor: pointer;
|
background-color: #F2CB05;
|
||||||
text-align: center;
|
|
||||||
background-color: var(--text-color);
|
|
||||||
border: none;
|
border: none;
|
||||||
padding: 10px 30px;
|
color: black;
|
||||||
color: white;
|
padding: 15px 30px;
|
||||||
width: 200px;
|
font-weight: bold;
|
||||||
|
font-size: 15px;
|
||||||
|
margin: 8px 2px 2px 2px;
|
||||||
|
cursor: pointer;
|
||||||
|
text-shadow: 1px 1px 8px black;
|
||||||
|
transition: width 0.5s, height 0.5s, ease-in 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button:active {
|
||||||
|
transform: translateY(2.5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.button:hover {
|
||||||
|
text-shadow: 2px 2px 8px black;
|
||||||
|
transition: width 0.5s, height 0.5s, ease-out 0.5s;
|
||||||
|
background-color: #a38c1a;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
|
|
@ -22,6 +35,14 @@
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.descrip {
|
||||||
|
color: #acabab;
|
||||||
|
font-weight: bold;
|
||||||
|
padding-top: 4%;
|
||||||
|
padding-bottom: 4%;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
.pw {
|
.pw {
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue