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

104
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,55 +188,57 @@ export default function RankList({ globalData }) {
})} })}
</select> </select>
</div> </div>
<div className={`${styles.sumRow}`}>
<div />
<div>
<b>{'Összesen: '}</b>
</div>
<div>{sum.newQuestions}</div>
<div>{sum.allQuestions}</div>
<div>{sum.count}</div>
</div>
<div className={styles.headerRow}>
<div>
<b>{'Rank'}</b>
</div>
<div>{'Felhasználó ID'}</div>
{Object.keys(selectOptions).map((listKey) => {
const val = selectOptions[listKey]
return (
<div
className={`${listKey === key && styles.selected}`}
key={listKey}
>
{val.name}
</div>
)
})}
</div>
</div>
<div className={styles.table}>
{list ? (
list.map((listItem, i) => {
return (
<div
className={`${styles.row} ${listItem.userId === selfUserId &&
styles.selfRow}`}
key={i}
>
<div>{listItem.rank + 1}</div>
<div>{'#' + listItem.userId}</div>
{Object.keys(selectOptions).map((listKey) => {
const val = listItem[listKey]
return <div key={listKey}>{val}</div>
})}
</div>
)
})
) : (
<LoadingIndicator />
)}
</div> </div>
{sum && list ? (
<>
<div className={`${styles.sumRow}`}>
<div />
<div>
<b>{'Összesen: '}</b>
</div>
<div>{sum.newQuestions.toLocaleString('hu')}</div>
<div>{sum.allQuestions.toLocaleString('hu')}</div>
<div>{sum.count.toLocaleString('hu')}</div>
</div>
<div className={styles.headerRow}>
<div>
<b>{'Rank'}</b>
</div>
<div>{'Felhasználó ID'}</div>
{Object.keys(selectOptions).map((listKey) => {
const val = selectOptions[listKey]
return (
<div
className={`${listKey === key && styles.selected}`}
key={listKey}
>
{val.name}
</div>
)
})}
</div>
<div className={styles.table}>
{list.map((listItem, i) => {
return (
<div
className={`${styles.row} ${listItem.userId ===
selfUserId && styles.selfRow}`}
key={i}
>
<div>{listItem.rank + 1}</div>
<div>{'#' + listItem.userId}</div>
{Object.keys(selectOptions).map((listKey) => {
const val = listItem[listKey]
return <div key={listKey}>{val}</div>
})}
</div>
)
})}
</div>
</>
) : (
<LoadingIndicator />
)}
</div> </div>
</div> </div>
) )