Add activity register

webui/src/components/ActivityCard.vue

@@ -85,6 +85,7 @@
                 label='Register'
                 :disable='!registerable()'
                 color='blue-7'
+                @click='onRegisterClick'
               />
             </div>
             <q-separator />
@@ -174,9 +175,10 @@
 
 <script lang='ts' setup>
 import { defineProps, ref, toRef } from 'vue'
-import { date } from 'quasar'
+import { Cookies, date } from 'quasar'
 import { useCollectionStore } from 'src/stores/collection'
 import { Activity, useActivityStore, JoinType } from 'src/stores/activity'
+import { useRouter } from 'vue-router'
 
 const collection = useCollectionStore()
 const splitter = ref(200)
@@ -211,6 +213,17 @@ const votable = () => {
   return activity.value.voteStartAt <= now && activity.value.voteEndAt > now
 }
 
+const router = useRouter()
+const onRegisterClick = () => {
+  void router.push({
+    path: '/activity/register',
+    query: {
+      port: Cookies.get('service-port'),
+      activityId: activity.value.id
+    }
+  })
+}
+
 </script>
 
 <style scoped lang='sass'>

webui/src/components/ActivityRegister.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>HHHHHHHHHHHH</div>
+</template>

webui/src/pages/ActivityRegister.vue

@@ -0,0 +1,13 @@
+<template>
+  <div class='row'>
+    <q-space />
+    <activity-register />
+    <q-space />
+  </div>
+</template>
+
+<script lang='ts' setup>
+
+import ActivityRegister from 'src/components/ActivityRegister.vue'
+
+</script>

webui/src/router/routes.ts

@@ -14,7 +14,8 @@ const routes: RouteRecordRaw[] = [
       { path: 'reviewreviewer', component: () => import('pages/ReviewReviewer.vue') },
       { path: 'content', component: () => import('pages/ContentPage.vue') },
       { path: 'create/activity', component: () => import('pages/CreateActivity.vue') },
-      { path: 'activity', component: () => import('pages/ActivityPage.vue') }
+      { path: 'activity', component: () => import('pages/ActivityPage.vue') },
+      { path: 'activity/register', component: () => import('pages/ActivityRegister.vue') }
     ]
   },