user pw gen page info changes

This commit is contained in:
mrfry 2020-11-17 12:15:31 +01:00
parent 280e3e79ee
commit f159b9379c
2 changed files with 55 additions and 47 deletions

View file

@ -58,7 +58,7 @@ export default function Layout(props) {
</Link> </Link>
) )
})} })}
<Link href={`${constants.siteUrl}donate`}> <Link href={`/donate`}>
<a className="donate" onClick={closeSideBar} target="_blank"> <a className="donate" onClick={closeSideBar} target="_blank">
Donate Donate
</a> </a>

View file

@ -10,26 +10,31 @@ export default function PwRequest (props) {
const [requestedPWS, setRequestedPWS] = useState() const [requestedPWS, setRequestedPWS] = useState()
const [createDate, setCreateDate] = useState() const [createDate, setCreateDate] = useState()
const [addPwPerDay, setAddPwPerDay] = useState() const [addPwPerDay, setAddPwPerDay] = useState('...')
// const [daysAfterUserGetsPWs, setDaysAfterUserGetsPWs] = useState() const [daysAfterUserGetsPWs, setDaysAfterUserGetsPWs] = useState('...')
const [maxPWCount, setMaxPWCount] = useState() const [maxPWCount, setMaxPWCount] = useState('...')
const [addPWCount, setAddPWCount] = useState('...')
const [dayDiff, setDayDiff] = useState('...')
useEffect(() => { useEffect(() => {
console.info('Fetching avaible pws') console.info('Fetching avaible pws')
fetch(`${constants.apiUrl}avaiblePWS`, { fetch(`${constants.apiUrl}avaiblePWS`, {
credentials: 'include' credentials: 'include',
}) })
.then((resp) => { .then((resp) => {
return resp.json() return resp.json()
}) })
.then((data) => { .then((data) => {
console.log(data)
setRemaining(data.avaiblePWS) setRemaining(data.avaiblePWS)
setCreateDate(data.userCreated) setCreateDate(data.userCreated)
setRequestedPWS(data.requestedPWS) setRequestedPWS(data.requestedPWS)
setAddPwPerDay(data.addPWPerDay) setAddPwPerDay(data.addPWPerDay)
// setDaysAfterUserGetsPWs(data.daysAfterUserGetsPWs) setAddPWCount(data.addPWCount)
setDaysAfterUserGetsPWs(data.daysAfterUserGetsPWs)
setMaxPWCount(data.maxPWCount) setMaxPWCount(data.maxPWCount)
setDayDiff(data.dayDiff)
}) })
}, []) }, [])
@ -38,13 +43,14 @@ export default function PwRequest (props) {
method: 'POST', method: 'POST',
credentials: 'include', credentials: 'include',
headers: { headers: {
'Accept': 'application/json', Accept: 'application/json',
'Content-Type': 'application/json' 'Content-Type': 'application/json',
}, },
body: JSON.stringify({}) body: JSON.stringify({}),
}) })
try { try {
rawResponse.json() rawResponse
.json()
.then((resp) => { .then((resp) => {
if (resp.result === 'success') { if (resp.result === 'success') {
setResult([...result, resp.pw]) setResult([...result, resp.pw])
@ -53,7 +59,10 @@ export default function PwRequest (props) {
} else if (resp.result === 'success') { } else if (resp.result === 'success') {
setResult(['Nem vagy bejelentkezve!']) // this should never happpen setResult(['Nem vagy bejelentkezve!']) // this should never happpen
} else { } else {
setResult([...result, 'Jelszó kérési lehetőségeid elfogytak, nézz vissza később']) setResult([
...result,
'Jelszó kérési lehetőségeid elfogytak, nézz vissza később',
])
setRemaining(0) setRemaining(0)
} }
}) })
@ -70,53 +79,52 @@ export default function PwRequest (props) {
return ( return (
// TODO: újrafogalmazás, remove hány nap után kapnak új jelszót először // TODO: újrafogalmazás, remove hány nap után kapnak új jelszót először
<div> <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 jelszóhasználat nem ajánlott, Itt új jelszavakat tudsz kérni új felhasználóknak. Közös
mert ha valaki belép azzal a jelszóval amit te használsz akkor téged kiléptet jelszóhasználat nem ajánlott, mert ha valaki belép azzal a jelszóval
mindenhonnan. Szerintem van elég jelszó hogy ne kelljen közös amit te használsz akkor téged kiléptet mindenhonnan. Szerintem van
elég jelszó hogy ne kelljen közös
</div> </div>
<div className={styles.text}> <div className={styles.text}>
Minden nap Új felhasználóknak
<span> <span>{' ' + daysAfterUserGetsPWs + ' '}</span>
{' ' + addPwPerDay + ' '} napot kell várni, míg kapnak lehetőséget jelszó generálásra.
</span> <span>{' ' + dayDiff + ' '}</span>
új lehetőség van jelszót generálni, egyszerre maximum nap óta használod a weboldalt / scriptet
<span> </div>
{' ' + maxPWCount + ' '} <div className={styles.text}>
</span> <span>{' ' + addPwPerDay + ' '}</span>
gyűlhet össze naponta
<span>{' ' + addPWCount + ' '}</span>
új lehetőség van jelszót generálni, maximum
<span>{' ' + maxPWCount + ' '}</span>
lehetőség gyűlhet össze
</div> </div>
<div className={styles.text}> <div className={styles.text}>
Még kérhető jelszavak: Még kérhető jelszavak:
<span> <span>{' ' + remaining + ' '}</span>
{' ' + remaining + ' '}
</span>
Felhasználó létrehozva: Felhasználó létrehozva:
<span> <span>{' ' + createDate + ' '}</span>. Eddig
{' ' + createDate + ' '} <span>{' ' + requestedPWS + ' '}</span>
</span>
. Eddig
<span>
{' ' + requestedPWS + ' '}
</span>
jelszót kértél. jelszót kértél.
</div> </div>
<div className={styles.buttonContainer}> <div className={styles.buttonContainer}>
<div <div onClick={handleSubmit} className={styles.button}>
onClick={handleSubmit}
className={styles.button}
>
Jelszó kérése Jelszó kérése
</div> </div>
</div> </div>
{result ? <div className={styles.pwContainer}>{result.map((r, i) => { {result ? (
<div className={styles.pwContainer}>
{result.map((r, i) => {
return ( return (
<div key={i} className={styles.pw}> <div key={i} className={styles.pw}>
{i + 1}.: {r} {i + 1}.: {r}
</div> </div>
) )
})}</div> : null} })}
</div>
) : null}
</div> </div>
</div> </div>
) )