HyperNet/Interactive
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🐛 Fix won't add attachment

Browse Source
This commit is contained in:
LittleSheep 2024-02-11 23:33:35 +08:00
parent a1c94919f7
commit 5ec6cacb69
1 changed files with 29 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
pkg/view/src/components/posts/PostEditActions.tsx
View File

@ -13,7 +13,7 @@ export default function PostEditActions(props: {
onInputTags: (tags: any[]) => void, onInputTags: (tags: any[]) => void,
onError: (message: string | null) => void, onError: (message: string | null) => void,
}) { }) {
const userinfo = useUserinfo() const userinfo = useUserinfo();
const [uploading, setUploading] = createSignal(false); const [uploading, setUploading] = createSignal(false);
@ -57,10 +57,17 @@ export default function PostEditActions(props: {
...data, ...data,
author_id: userinfo?.profiles?.id author_id: userinfo?.profiles?.id
}])); }]));
props.onInputCategories(categories()) props.onInputAttachments(attachments());
form.reset(); form.reset();
} }
function removeAttachment(idx: number) {
const data = attachments().slice();
data.splice(idx, 1);
setAttachments(data);
props.onInputAttachments(attachments());
}
function addCategory(evt: SubmitEvent) { function addCategory(evt: SubmitEvent) {
evt.preventDefault(); evt.preventDefault();
@ -70,12 +77,15 @@ export default function PostEditActions(props: {
if (!data.name) return; if (!data.name) return;
setCategories(categories().concat([data as any])); setCategories(categories().concat([data as any]));
props.onInputCategories(categories()) props.onInputCategories(categories());
form.reset(); form.reset();
} }
function removeCategory(target: any) { function removeCategory(idx: number) {
setCategories(categories().filter(item => item.alias !== target.alias)); const data = categories().slice();
data.splice(idx, 1);
setCategories(data);
props.onInputCategories(categories());
} }
function addTag(evt: SubmitEvent) { function addTag(evt: SubmitEvent) {
@ -87,13 +97,15 @@ export default function PostEditActions(props: {
if (!data.name) return; if (!data.name) return;
setTags(tags().concat([data as any])); setTags(tags().concat([data as any]));
props.onInputTags(tags()) props.onInputTags(tags());
form.reset(); form.reset();
} }
function removeTag(target: any) { function removeTag(idx: number) {
setTags(tags().filter(item => item.alias !== target.alias)); const data = tags().slice();
props.onInputTags(tags()) data.splice(idx, 1);
setTags(data);
props.onInputTags(tags());
} }
return ( return (
@ -227,9 +239,12 @@ export default function PostEditActions(props: {
<h3 class="font-bold mt-3 mx-1">Attachment list</h3> <h3 class="font-bold mt-3 mx-1">Attachment list</h3>
<ol class="mt-2 mx-1 text-sm"> <ol class="mt-2 mx-1 text-sm">
<For each={attachments()}> <For each={attachments()}>
{item => <li> {(item, idx) => <li>
<i class="fa-regular fa-file me-2"></i> <i class="fa-regular fa-file me-2"></i>
{item.filename} {item.filename}
<button class="ml-2" onClick={() => removeAttachment(idx())}>
<i class="fa-solid fa-delete-left"></i>
</button>
</li>} </li>}
</For> </For>
</ol> </ol>
@ -269,10 +284,10 @@ export default function PostEditActions(props: {
<h3 class="font-bold mt-3 mx-1">Category list</h3> <h3 class="font-bold mt-3 mx-1">Category list</h3>
<ol class="mt-2 mx-1 text-sm"> <ol class="mt-2 mx-1 text-sm">
<For each={categories()}> <For each={categories()}>
{item => <li> {(item, idx) => <li>
<i class="fa-solid fa-layer-group me-2"></i> <i class="fa-solid fa-layer-group me-2"></i>
{item.name} <span class={styles.description}>#{item.alias}</span> {item.name} <span class={styles.description}>#{item.alias}</span>
<button class="ml-2" onClick={() => removeCategory(item)}> <button class="ml-2" onClick={() => removeCategory(idx())}>
<i class="fa-solid fa-delete-left"></i> <i class="fa-solid fa-delete-left"></i>
</button> </button>
</li>} </li>}
@ -305,10 +320,10 @@ export default function PostEditActions(props: {
<h3 class="font-bold mt-3 mx-1">Category list</h3> <h3 class="font-bold mt-3 mx-1">Category list</h3>
<ol class="mt-2 mx-1 text-sm"> <ol class="mt-2 mx-1 text-sm">
<For each={tags()}> <For each={tags()}>
{item => <li> {(item, idx) => <li>
<i class="fa-solid fa-tag me-2"></i> <i class="fa-solid fa-tag me-2"></i>
{item.name} <span class={styles.description}>#{item.alias}</span> {item.name} <span class={styles.description}>#{item.alias}</span>
<button class="ml-2" onClick={() => removeTag(item)}> <button class="ml-2" onClick={() => removeTag(idx())}>
<i class="fa-solid fa-delete-left"></i> <i class="fa-solid fa-delete-left"></i>
</button> </button>
</li>} </li>}