grimhilt/artemio-client
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

change path of files

Browse Source
This commit is contained in:
grimhilt 2023-08-30 09:44:18 +02:00
parent 35ff9e643d
commit 8c80cef8d0
5 changed files with 6 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/select-item.jsx
View File

@ -13,7 +13,7 @@ const SelectorItem = ({ file, clickHandler }) => {
<Card shadow="sm">
<Card.Section>
<Image
src={"/api/file/"+file.id}
src={"/api/files/"+file.id}
alt={file.name}
height={100}
fit="cover"

10
src/pages/files/add.jsx
View File

@ -27,15 +27,7 @@ const ModalAddFile = ({ opened, handler, addFiles }) => {
const formData = new FormData();
const CHUNK_SIZE = 1 * 1024 * 1024; // 1MB chunks
files.forEach((file, index) => {
const totalChunks = Math.ceil(file.size / CHUNK_SIZE);
for (let chunkIndex = 0; chunkIndex < totalChunks; chunkIndex++) {
const start = chunkIndex * CHUNK_SIZE;
const end = Math.min(start + CHUNK_SIZE, file.size);
formData.append(`${files[index].name}`, file.slice(start, end), file.name);
}
});
files.forEach((file) => formData.append(`${file.name}`, file, file.name));
API.files
.upload(formData)

2
src/pages/files/file-view.jsx
View File

@ -13,7 +13,7 @@ const FileView = ({ file, onSelect, onDelete, ...props }) => {
return (
<Card shadow="sm" padding="md" withBorder>
<Card.Section>
<Image src={'/api/file/' + file?.id ?? ''} alt={file?.name ?? ''} withPlaceholder fit="contain" />
<Image src={'/api/files/' + file?.id ?? ''} alt={file?.name ?? ''} withPlaceholder fit="contain" />
</Card.Section>
<Text>{file?.name ?? 'File Name'}</Text>
<Group position="center" grow>

4
src/pages/playlist/content.jsx
View File

@ -150,7 +150,7 @@ const Content = ({ form, playlistId, playlist }) => {
<Paper p="xs" radius="sm" shadow="sm" withBorder spacing="xs" style={{ width: '90%' }}>
<Flex direction="row" align="center" gap="lg" justify="flex-end">
<Text>{form.getInputProps(`files.${index}.name`).value}</Text>
<Image width={150} src={'/api/file/' + form.getInputProps(`files.${index}.id`).value} />
<Image width={150} src={'/api/files/' + form.getInputProps(`files.${index}.id`).value} />
<NumberInput
required
hideControls
@ -177,7 +177,7 @@ const Content = ({ form, playlistId, playlist }) => {
<Paper p="xs" radius="sm" shadow="sm" withBorder spacing="xs" style={{ width: '90%' }}>
<Flex direction="row" align="center" gap="lg" justify="flex-end">
<Text>{form.getInputProps(`files.${index}.name`).value}</Text>
<Image width={150} src={'/api/file/' + form.getInputProps(`files.${index}.id`).value} />
<Image width={150} src={'/api/files/' + form.getInputProps(`files.${index}.id`).value} />
<Text>Display time: {parseTime(form.getInputProps(`files.${index}.seconds`).value)}</Text>
</Flex>
</Paper>

2
src/pages/playlists/index.jsx
View File

@ -8,7 +8,7 @@ import { Button } from '@mantine/core';
import GrantAccess, { Perm } from '../../tools/grant-access';
const Playlists = () => {
const [showCreate, setShowCreate] = useState(true);
const [showCreate, setShowCreate] = useState(false);
const [showUpdate, setShowUpdate] = useState(false);
const [, setItem] = useState({});
const [page, setPage] = useState(0);