feat: add order
This commit is contained in:
@@ -26,6 +26,7 @@ interface Category {
|
|||||||
id: number;
|
id: number;
|
||||||
name: string;
|
name: string;
|
||||||
type: CategoryType;
|
type: CategoryType;
|
||||||
|
order?: number;
|
||||||
description?: string | null;
|
description?: string | null;
|
||||||
icon?: string | null;
|
icon?: string | null;
|
||||||
subcategories_count?: number;
|
subcategories_count?: number;
|
||||||
@@ -56,6 +57,7 @@ export default function CategoriesPage() {
|
|||||||
const [open, setOpen] = useState(false);
|
const [open, setOpen] = useState(false);
|
||||||
const [name, setName] = useState("");
|
const [name, setName] = useState("");
|
||||||
const [type, setType] = useState<CategoryType>("media");
|
const [type, setType] = useState<CategoryType>("media");
|
||||||
|
const [order, setOrder] = useState("0");
|
||||||
const [description, setDescription] = useState("");
|
const [description, setDescription] = useState("");
|
||||||
const [icon, setIcon] = useState<File | null>(null);
|
const [icon, setIcon] = useState<File | null>(null);
|
||||||
const [saving, setSaving] = useState(false);
|
const [saving, setSaving] = useState(false);
|
||||||
@@ -67,6 +69,7 @@ export default function CategoriesPage() {
|
|||||||
setEditing(null);
|
setEditing(null);
|
||||||
setName("");
|
setName("");
|
||||||
setType(typeFilter);
|
setType(typeFilter);
|
||||||
|
setOrder("0");
|
||||||
setDescription("");
|
setDescription("");
|
||||||
setIcon(null);
|
setIcon(null);
|
||||||
setOpen(true);
|
setOpen(true);
|
||||||
@@ -75,6 +78,7 @@ export default function CategoriesPage() {
|
|||||||
setEditing(row);
|
setEditing(row);
|
||||||
setName(row.name ?? "");
|
setName(row.name ?? "");
|
||||||
setType(row.type ?? "media");
|
setType(row.type ?? "media");
|
||||||
|
setOrder(String(row.order ?? 0));
|
||||||
setDescription(row.description ?? "");
|
setDescription(row.description ?? "");
|
||||||
setIcon(null);
|
setIcon(null);
|
||||||
setOpen(true);
|
setOpen(true);
|
||||||
@@ -90,6 +94,7 @@ export default function CategoriesPage() {
|
|||||||
_method: "PUT",
|
_method: "PUT",
|
||||||
name,
|
name,
|
||||||
type,
|
type,
|
||||||
|
order,
|
||||||
description,
|
description,
|
||||||
icon,
|
icon,
|
||||||
});
|
});
|
||||||
@@ -98,7 +103,7 @@ export default function CategoriesPage() {
|
|||||||
} else {
|
} else {
|
||||||
await apiFetch("/categories", {
|
await apiFetch("/categories", {
|
||||||
method: "POST",
|
method: "POST",
|
||||||
body: toFormData({ name, type, description, icon }),
|
body: toFormData({ name, type, order, description, icon }),
|
||||||
});
|
});
|
||||||
toast.success("دستهبندی افزوده شد.");
|
toast.success("دستهبندی افزوده شد.");
|
||||||
}
|
}
|
||||||
@@ -135,6 +140,12 @@ export default function CategoriesPage() {
|
|||||||
<MediaPreview kind="image" src={pickUrl(r, ICON_KEYS)} label={r.name} />
|
<MediaPreview kind="image" src={pickUrl(r, ICON_KEYS)} label={r.name} />
|
||||||
),
|
),
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
key: "order",
|
||||||
|
header: "ترتیب",
|
||||||
|
render: (r) => toFa(r.order ?? 0),
|
||||||
|
className: "w-20",
|
||||||
|
},
|
||||||
{ key: "name", header: "نام دستهبندی" },
|
{ key: "name", header: "نام دستهبندی" },
|
||||||
{
|
{
|
||||||
key: "type",
|
key: "type",
|
||||||
@@ -249,6 +260,15 @@ export default function CategoriesPage() {
|
|||||||
/>
|
/>
|
||||||
</Field>
|
</Field>
|
||||||
|
|
||||||
|
<Field label="ترتیب" hint="عدد کوچکتر بالاتر نمایش داده میشود.">
|
||||||
|
<Input
|
||||||
|
type="number"
|
||||||
|
value={order}
|
||||||
|
onChange={(e) => setOrder(e.target.value)}
|
||||||
|
dir="ltr"
|
||||||
|
/>
|
||||||
|
</Field>
|
||||||
|
|
||||||
<Field label="توضیحات">
|
<Field label="توضیحات">
|
||||||
<Textarea
|
<Textarea
|
||||||
value={description}
|
value={description}
|
||||||
|
|||||||
Reference in New Issue
Block a user