mirror of
https://gitlab.com/MrFry/qmining-page
synced 2025-04-01 20:23:44 +02:00
Added user file vote
This commit is contained in:
parent
9ef2c10af1
commit
d3f45e62f5
4 changed files with 207 additions and 23 deletions
|
@ -4,12 +4,40 @@ import Head from 'next/head'
|
|||
import LoadingIndicator from '../components/LoadingIndicator'
|
||||
import Modal from '../components/modal'
|
||||
import SearchBar from '../components/searchBar'
|
||||
import UpDownVote from '../components/upDownVote'
|
||||
|
||||
import styles from './userfiles.module.css'
|
||||
import constants from '../constants.json'
|
||||
|
||||
function vote(to, item) {
|
||||
return new Promise((resolve, reject) => {
|
||||
fetch(`${constants.apiUrl}voteFile`, {
|
||||
method: 'POST',
|
||||
credentials: 'include',
|
||||
headers: {
|
||||
Accept: 'application/json',
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({
|
||||
path: item.path,
|
||||
to: to,
|
||||
}),
|
||||
})
|
||||
.then((resp) => {
|
||||
return resp.json()
|
||||
})
|
||||
.then((res) => {
|
||||
if (res.success) {
|
||||
resolve(res)
|
||||
} else {
|
||||
reject(res)
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
function listUserDir(subdir) {
|
||||
return new Promise((resolve) => {
|
||||
return new Promise((resolve, reject) => {
|
||||
fetch(
|
||||
`${constants.apiUrl}listUserDir${subdir ? `?subdir=${subdir}` : ''}`,
|
||||
{
|
||||
|
@ -23,7 +51,7 @@ function listUserDir(subdir) {
|
|||
if (res.success) {
|
||||
resolve(res)
|
||||
} else {
|
||||
alert(res.msg)
|
||||
reject(res)
|
||||
}
|
||||
})
|
||||
})
|
||||
|
@ -180,13 +208,21 @@ export default function UserFiles({ router, globalData }) {
|
|||
setSearchTerm()
|
||||
|
||||
if (router.query.dir) {
|
||||
listUserDir(dir).then((res) => {
|
||||
setDirs(res.files)
|
||||
})
|
||||
listUserDir(dir)
|
||||
.then((res) => {
|
||||
setDirs(res.files)
|
||||
})
|
||||
.catch((res) => {
|
||||
alert(res.msg)
|
||||
})
|
||||
} else {
|
||||
listUserDir().then((res) => {
|
||||
setDirs(res.dirs)
|
||||
})
|
||||
listUserDir()
|
||||
.then((res) => {
|
||||
setDirs(res.dirs)
|
||||
})
|
||||
.catch((res) => {
|
||||
alert(res.msg)
|
||||
})
|
||||
}
|
||||
}, [router.query.dir])
|
||||
|
||||
|
@ -248,6 +284,8 @@ export default function UserFiles({ router, globalData }) {
|
|||
<div name="name">Fájl név</div>
|
||||
<div name="date">Feltöltés dátuma</div>
|
||||
<div name="size">Méret</div>
|
||||
<div name="upCount">Hasznos</div>
|
||||
<div name="views">Letöltések</div>
|
||||
<div name="user">Feltöltő user</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -263,7 +301,17 @@ export default function UserFiles({ router, globalData }) {
|
|||
{dirs.length !== 0 && (
|
||||
<>
|
||||
{dirs.sort(dirSorter).map((dir) => {
|
||||
const { name, date, path, size, user } = dir
|
||||
const {
|
||||
name,
|
||||
date,
|
||||
path,
|
||||
size,
|
||||
views,
|
||||
user,
|
||||
upvotes,
|
||||
downvotes,
|
||||
} = dir
|
||||
|
||||
if (
|
||||
searchTerm &&
|
||||
!name.toLowerCase().includes(searchTerm.toLowerCase())
|
||||
|
@ -272,6 +320,7 @@ export default function UserFiles({ router, globalData }) {
|
|||
}
|
||||
return (
|
||||
<div
|
||||
className={styles.row}
|
||||
title={name}
|
||||
key={name}
|
||||
onClick={() => {
|
||||
|
@ -296,6 +345,43 @@ export default function UserFiles({ router, globalData }) {
|
|||
? (size / 1000000).toFixed(2).toString() + ' MB'
|
||||
: size + ' fájl'}
|
||||
</div>
|
||||
<div>
|
||||
{Array.isArray(upvotes) && Array.isArray(downvotes) && (
|
||||
<UpDownVote
|
||||
onUp={() => {
|
||||
vote('up', dir)
|
||||
.then((res) => {
|
||||
setDirs(res.files)
|
||||
})
|
||||
.catch((res) => {
|
||||
alert(res.msg)
|
||||
})
|
||||
}}
|
||||
onDown={() => {
|
||||
vote('down', dir)
|
||||
.then((res) => {
|
||||
setDirs(res.files)
|
||||
})
|
||||
.catch((res) => {
|
||||
alert(res.msg)
|
||||
})
|
||||
}}
|
||||
onClear={() => {
|
||||
vote('clear', dir)
|
||||
.then((res) => {
|
||||
setDirs(res.files)
|
||||
})
|
||||
.catch((res) => {
|
||||
alert(res.msg)
|
||||
})
|
||||
}}
|
||||
upvotes={upvotes}
|
||||
downvotes={downvotes}
|
||||
userId={userId}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
<div>{!isNaN(views) && `${views} db`}</div>
|
||||
<div>
|
||||
{user &&
|
||||
user !== -1 &&
|
||||
|
@ -306,9 +392,13 @@ export default function UserFiles({ router, globalData }) {
|
|||
e.stopPropagation()
|
||||
if (confirm(`Biztos törlöd '${name}'-t ?`)) {
|
||||
deleteFile(currDir, name).then(() => {
|
||||
listUserDir(currDir).then((res) => {
|
||||
setDirs(res.files)
|
||||
})
|
||||
listUserDir(currDir)
|
||||
.then((res) => {
|
||||
setDirs(res.files)
|
||||
})
|
||||
.catch((res) => {
|
||||
alert(res.msg)
|
||||
})
|
||||
})
|
||||
}
|
||||
}}
|
||||
|
@ -394,10 +484,14 @@ export default function UserFiles({ router, globalData }) {
|
|||
setUploading(true)
|
||||
uploadFile(currDir, file).then(() => {
|
||||
setUploading(false)
|
||||
listUserDir(currDir).then((res) => {
|
||||
setDirs(res.files)
|
||||
setAddingNew(null)
|
||||
})
|
||||
listUserDir(currDir)
|
||||
.then((res) => {
|
||||
setDirs(res.files)
|
||||
setAddingNew(null)
|
||||
})
|
||||
.catch((res) => {
|
||||
alert(res.msg)
|
||||
})
|
||||
})
|
||||
}}
|
||||
>
|
||||
|
@ -418,10 +512,14 @@ export default function UserFiles({ router, globalData }) {
|
|||
setUploading(true)
|
||||
newSubj(newSubjName).then(() => {
|
||||
setUploading(false)
|
||||
listUserDir().then((res) => {
|
||||
setDirs(res.dirs)
|
||||
setAddingNew(null)
|
||||
})
|
||||
listUserDir()
|
||||
.then((res) => {
|
||||
setDirs(res.dirs)
|
||||
setAddingNew(null)
|
||||
})
|
||||
.catch((res) => {
|
||||
alert(res.msg)
|
||||
})
|
||||
})
|
||||
}}
|
||||
>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue