From 4ef4ce21fccc36a2d9114da36217c0d5aa8434be Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Mon, 4 Mar 2024 12:51:40 +0900
Subject: [PATCH] TMP: initial draft of scheduled-posts page

---
 pages/scheduled-posts.vue | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 pages/scheduled-posts.vue

diff --git a/pages/scheduled-posts.vue b/pages/scheduled-posts.vue
new file mode 100644
index 00000000..7d20997f
--- /dev/null
+++ b/pages/scheduled-posts.vue
@@ -0,0 +1,33 @@
+<script setup lang="ts">
+const client = useMastoClient()
+const scheduledPosts = await client.v1.scheduledStatuses.list()
+
+function cancelSchedule(id: string) {
+  client.v1.scheduledStatuses.$select(id).remove()
+}
+</script>
+
+<template>
+  <div v-for="scheduledPost in scheduledPosts" :key="scheduledPost.id" p4>
+    <div flex items-center p2>
+      <div i-ri:calendar-schedule-line me-2 />
+      Scheduled: {{ new Date(scheduledPost.scheduledAt).toLocaleString() }}
+    </div>
+    <p p2>
+      {{ scheduledPost.params.text }}
+    </p>
+    <p>
+      <button
+        px3 py1 border-3 rounded-3 bg-primary text-white
+        @click="cancelSchedule(scheduledPost.id)"
+      >
+        Cancel schedule
+      </button>
+    </p>
+    <details>
+      <blockquote border-1 p2>
+        <code>{{ scheduledPost }}</code>
+      </blockquote>
+    </details>
+  </div>
+</template>