feat: start work on edit/create page

Author: IMB11

apps/frontend/package.json

@@ -40,10 +40,12 @@
     "@modrinth/ui": "workspace:*",
     "@modrinth/utils": "workspace:*",
     "@pinia/nuxt": "^0.5.1",
+    "@types/three": "^0.172.0",
     "@vintl/vintl": "^4.4.1",
     "@vueuse/core": "^11.1.0",
     "ace-builds": "^1.36.2",
     "ansi-to-html": "^0.7.2",
+    "cronstrue": "^2.61.0",
     "dayjs": "^1.11.7",
     "dompurify": "^3.1.7",
     "floating-vue": "^5.2.2",
@@ -58,7 +60,6 @@
     "qrcode.vue": "^3.4.0",
     "semver": "^7.5.4",
     "three": "^0.172.0",
-    "@types/three": "^0.172.0",
     "vue-multiselect": "3.0.0-alpha.2",
     "vue-typed-virtual-list": "^1.0.10",
     "vue3-ace-editor": "^2.2.4",

apps/frontend/src/composables/servers/modules/scheduling.ts

@@ -1,45 +1,45 @@
-import type { ScheduledTask } from "@modrinth/utils";
+import type { Schedule, ServerSchedule } from "@modrinth/utils";
 import { useServersFetch } from "../servers-fetch.ts";
 import { ServerModule } from "./base.ts";
 
 export class SchedulingModule extends ServerModule {
-  tasks: ScheduledTask[] = [];
+  tasks: ServerSchedule[] = [];
 
   async fetch(): Promise<void> {
-    // this.tasks = await useServersFetch<ScheduledTask[]>(
-    //   `servers/${this.serverId}/options/schedules`,
-    //   { version: 1 },
-    // );
+    const response = await useServersFetch<{ items: ServerSchedule[] }>(
+      `servers/${this.serverId}/options/schedules`,
+      { version: 1 },
+    );
+    this.tasks = response.items;
   }
 
-  async deleteTask(task: ScheduledTask): Promise<void> {
-    // await useServersFetch(`servers/${this.serverId}/options/schedules`, {
-    //   method: "DELETE",
-    //   body: { title: task.title },
-    //   version: 1,
-    // });
-    // this.tasks = this.tasks.filter((t) => t.title !== task.title);
+  async deleteTask(task: ServerSchedule): Promise<void> {
+    await useServersFetch(`servers/${this.serverId}/options/schedules/${task.id}`, {
+      method: "DELETE",
+      version: 1,
+    });
+    this.tasks = this.tasks.filter((t) => t.id !== task.id);
   }
 
-  async createTask(task: ScheduledTask): Promise<number> {
-    // await useServersFetch(`servers/${this.serverId}/options/schedules`, {
-    //   method: "POST",
-    //   body: task,
-    //   version: 1,
-    // });
-    // this.tasks.push(task);
-    // return this.tasks.length;
+  async createTask(task: Schedule): Promise<number> {
+    const response = await useServersFetch<{ id: number }>(
+      `servers/${this.serverId}/options/schedules`,
+      {
+        method: "POST",
+        body: task,
+        version: 1,
+      },
+    );
+    await this.fetch();
+    return response.id;
   }
 
-  async editTask(taskTitle: string, updatedTask: Partial<ScheduledTask>): Promise<void> {
-    // await useServersFetch(`servers/${this.serverId}/options/schedules`, {
-    //   method: "PATCH",
-    //   body: { title: taskTitle, ...updatedTask },
-    //   version: 1,
-    // });
-    // const index = this.tasks.findIndex((t) => t.title === taskTitle);
-    // if (index !== -1) {
-    //   this.tasks[index] = { ...this.tasks[index], ...updatedTask };
-    // }
+  async editTask(taskId: number, updatedTask: Partial<Schedule>): Promise<void> {
+    await useServersFetch(`servers/${this.serverId}/options/schedules/${taskId}`, {
+      method: "PATCH",
+      body: updatedTask,
+      version: 1,
+    });
+    await this.fetch();
   }
 }