From 4d8cb5f657ada8c45d78eb743fee702446070dd0 Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Fri, 6 Feb 2026 13:20:30 +0000
Subject: [PATCH] adding admin tools

---
 .../src/components/admin/CreateActivity.vue   | 36 ++++++++++++++++++
 .../src/components/admin/CreateFavorite.vue   | 37 +++++++++++++++++++
 2 files changed, 73 insertions(+)
 create mode 100644 nginx/vue/src/components/admin/CreateActivity.vue
 create mode 100644 nginx/vue/src/components/admin/CreateFavorite.vue

diff --git a/nginx/vue/src/components/admin/CreateActivity.vue b/nginx/vue/src/components/admin/CreateActivity.vue
new file mode 100644
index 0000000..547fd75
--- /dev/null
+++ b/nginx/vue/src/components/admin/CreateActivity.vue
@@ -0,0 +1,36 @@
+<script setup>
+import Button from "@/components/input/Button.vue";
+
+import { ref } from "vue";
+import axios from "axios";
+
+const type = ref("");
+const name = ref("");
+const link = ref("");
+
+async function post() {
+    try {
+        const res = await axios.post("/api/activity", {
+            type: type.value,
+            name: name.value,
+            link: link.value || undefined,
+        });
+        type.value = "";
+        name.value = "";
+        link.value = "";
+        console.log(res.data);
+    } catch (err) {
+        console.error(err);
+    }
+}
+</script>
+
+<template>
+    <div class="flex flex-col">
+        <h1>Create Activity</h1>
+        <input type="text" v-model="type" placeholder="Type" />
+        <input type="text" v-model="name" placeholder="Name" />
+        <input type="text" v-model="link" placeholder="Link" />
+        <Button @click="post">Upload</Button>
+    </div>
+</template>
diff --git a/nginx/vue/src/components/admin/CreateFavorite.vue b/nginx/vue/src/components/admin/CreateFavorite.vue
new file mode 100644
index 0000000..a9d1ed7
--- /dev/null
+++ b/nginx/vue/src/components/admin/CreateFavorite.vue
@@ -0,0 +1,37 @@
+<script setup>
+import Button from "@/components/input/Button.vue";
+
+import { ref } from "vue";
+import { useAuthStore } from "@/stores/auth";
+import axios from "axios";
+
+const type = ref("");
+const name = ref("");
+const link = ref("");
+
+async function post() {
+    try {
+        const res = await axios.post("/api/favorites", {
+            type: type.value,
+            name: name.value,
+            link: link.value || undefined,
+        });
+        type.value = "";
+        name.value = "";
+        link.value = "";
+        console.log(res.data);
+    } catch (err) {
+        console.error(err);
+    }
+}
+</script>
+
+<template>
+    <div class="flex flex-col">
+        <h1>Create Favorite</h1>
+        <input type="text" v-model="type" placeholder="Type" />
+        <input type="text" v-model="name" placeholder="Name" />
+        <input type="text" v-model="link" placeholder="Link" />
+        <Button @click="post">Upload</Button>
+    </div>
+</template>