diff --git a/src/core/icons.ts b/src/core/icons.ts
index 24d57e5a0..617b92b0d 100644
--- a/src/core/icons.ts
+++ b/src/core/icons.ts
@@ -46,6 +46,10 @@ import IconDeleteBin from "~icons/ri/delete-bin-2-line";
import IconAddCircle from "~icons/ri/add-circle-line";
// @ts-ignore
import IconSave from "~icons/ri/save-line";
+// @ts-ignore
+import IconList from "~icons/ri/list-unordered";
+// @ts-ignore
+import IconGrid from "~icons/ri/grid-line";
export {
IconDashboard,
@@ -72,4 +76,6 @@ export {
IconDeleteBin,
IconAddCircle,
IconSave,
+ IconList,
+ IconGrid,
};
diff --git a/src/views/contents/attachments/AttachmentList.vue b/src/views/contents/attachments/AttachmentList.vue
index 2b2b56b96..d6732d953 100644
--- a/src/views/contents/attachments/AttachmentList.vue
+++ b/src/views/contents/attachments/AttachmentList.vue
@@ -4,18 +4,36 @@ import { VButton } from "@/components/base/button";
import { VModal } from "@/components/base/modal";
import { VCard } from "@/components/base/card";
import { VSpace } from "@/components/base/space";
+import { VInput } from "@/components/base/input";
import { ref } from "vue";
import {
+ IconArrowDown,
IconArrowLeft,
IconArrowRight,
+ IconGrid,
+ IconList,
IconPalette,
IconSettings,
} from "@/core/icons";
+const viewTypes = [
+ {
+ name: "list",
+ icon: IconList,
+ },
+ {
+ name: "grid",
+ icon: IconGrid,
+ },
+];
+
+const viewType = ref("grid");
+
const strategyVisible = ref(false);
const attachmentSelectVisible = ref(false);
const uploadVisible = ref(false);
const detailVisible = ref(false);
+const checkAll = ref(false);
const strategies = ref([
{
@@ -117,7 +135,7 @@ const attachments = Array.from(new Array(50), (_, index) => index).map(
-
+
+ + +