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

ranklist locale string numbers

Browse source
This commit is contained in:
mrfry 2021-04-13 14:25:14 +02:00
parent 6865b07bf8
commit f94b99e181
1 changed files with 53 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/pages/ranklist.js
View file

@ -91,15 +91,15 @@ export default function RankList({ globalData }) {
const [selfUserId, setSelfUserId] = useState('...') const [selfUserId, setSelfUserId] = useState('...')
const [key, setKey] = useState('newQuestions') const [key, setKey] = useState('newQuestions')
const [since, setSince] = useState('all') const [since, setSince] = useState('all')
const [sum, setSum] = useState({}) const [sum, setSum] = useState()
const getList = () => { const getList = () => {
setSum({}) setSum()
setRanklist(null) setRanklist(null)
getListFromServer(since) getListFromServer(since)
.then((data) => { .then((data) => {
setRanklist(data.list || []) setRanklist(data.list || [])
setSum(data.sum || {}) setSum(data.sum)
if (data.selfuserId) { if (data.selfuserId) {
setSelfUserId(data.selfuserId) setSelfUserId(data.selfuserId)
} }
@ -188,14 +188,17 @@ export default function RankList({ globalData }) {
})} })}
</select> </select>
</div> </div>
</div>
{sum && list ? (
<>
<div className={`${styles.sumRow}`}> <div className={`${styles.sumRow}`}>
<div /> <div />
<div> <div>
<b>{'Összesen: '}</b> <b>{'Összesen: '}</b>
</div> </div>
<div>{sum.newQuestions}</div> <div>{sum.newQuestions.toLocaleString('hu')}</div>
<div>{sum.allQuestions}</div> <div>{sum.allQuestions.toLocaleString('hu')}</div>
<div>{sum.count}</div> <div>{sum.count.toLocaleString('hu')}</div>
</div> </div>
<div className={styles.headerRow}> <div className={styles.headerRow}>
<div> <div>
@ -214,14 +217,12 @@ export default function RankList({ globalData }) {
) )
})} })}
</div> </div>
</div>
<div className={styles.table}> <div className={styles.table}>
{list ? ( {list.map((listItem, i) => {
list.map((listItem, i) => {
return ( return (
<div <div
className={`${styles.row} ${listItem.userId === selfUserId && className={`${styles.row} ${listItem.userId ===
styles.selfRow}`} selfUserId && styles.selfRow}`}
key={i} key={i}
> >
<div>{listItem.rank + 1}</div> <div>{listItem.rank + 1}</div>
@ -232,12 +233,13 @@ export default function RankList({ globalData }) {
})} })}
</div> </div>
) )
}) })}
</div>
</>
) : ( ) : (
<LoadingIndicator /> <LoadingIndicator />
)} )}
</div> </div>
</div> </div>
</div>
) )
} }