Support update activity

web3eye-io · Dec 6, 2023 · baeceaa · baeceaa
1 parent 1a59f2c
commit baeceaa
Show file tree

Hide file tree

Showing 4 changed files with 112 additions and 9 deletions.
diff --git a/activity/src/state.rs b/activity/src/state.rs
@@ -133,6 +133,7 @@ impl Activity {
         if let Some(vote_end_at) = params.vote_end_at {
             activity.vote_end_at = vote_end_at
         }
+        self.activities.insert(&activity.clone().id, activity)?;
         Ok(())
     }
 

diff --git a/webui/src/components/ActivityCard.vue b/webui/src/components/ActivityCard.vue
@@ -60,6 +60,18 @@
             <div :style='{margin:"4px 8px 4px 4px"}'>
               Progress
             </div>
+            <q-separator />
+            <div :style='{margin:"4px 8px 4px 4px"}'>
+              Join Type
+            </div>
+            <q-separator />
+            <div :style='{margin:"4px 8px 4px 4px"}'>
+              Object Type
+            </div>
+            <q-separator />
+            <div :style='{margin:"4px 8px 4px 4px"}'>
+              Vote Type
+            </div>
           </template>
           <template #after>
             <div class='row'>
@@ -97,6 +109,18 @@
             <div :style='{margin:"4px 8px 4px 4px"}' class='text-bold text-grey-6'>
               {{ activity.finalized ? 'Finalized' : 'In Progress' }}
             </div>
+            <q-separator />
+            <div :style='{margin:"4px 8px 4px 4px"}' class='text-bold text-blue-6'>
+              {{ activity.joinType }}
+            </div>
+            <q-separator />
+            <div :style='{margin:"4px 8px 4px 4px"}' class='text-bold text-blue-6'>
+              {{ activity.objectType }}
+            </div>
+            <q-separator />
+            <div :style='{margin:"4px 8px 4px 4px"}' class='text-bold text-blue-6'>
+              {{ activity.voteType }}
+            </div>
           </template>
         </q-splitter>
         <q-separator :style='{margin:"0 0 32px 0"}' />

diff --git a/webui/src/components/CreateActivity.vue b/webui/src/components/CreateActivity.vue
@@ -146,7 +146,7 @@
 </template>
 
 <script lang='ts' setup>
-import { computed, ref, watch } from 'vue'
+import { computed, onMounted, ref, watch } from 'vue'
 import {
   ActivityTypes,
   ActivityType,
@@ -180,34 +180,37 @@ const activityId = ref((route.query as unknown as Query).activityId)
 const activity = useActivityStore()
 const _activity = computed(() => activity.activity(Number(activityId.value)))
 
-watch(_activity, () => {
+const activity2Params = () => {
   if (!_activity.value) {
     return
   }
   params.value = {
-    id: activityId.value,
     title: _activity.value.title,
     slogan: _activity.value.slogan,
     banner: _activity.value.banner,
     hostResume: _activity.value.hostResume,
     posters: _activity.value.posters,
     introduction: _activity.value.introduction,
-    activityType: _activity.value.activityType,
+    activityType: activity.activityType(_activity.value.id),
     votable: _activity.value.votable,
-    voteType: _activity.value.voteType,
-    objectType: _activity.value.objectType,
+    voteType: activity.voteType(_activity.value.id),
+    objectType: activity.objectType(_activity.value.id),
     condition: _activity.value.condition,
     sponsors: _activity.value.sponsors,
     prizeConfigs: _activity.value.prizeConfigs,
     voterRewardPercent: _activity.value.voterRewardPercent,
     budgetAmount: _activity.value.budgetAmount,
-    joinType: _activity.value.joinType,
+    joinType: activity.joinType(_activity.value.id),
     location: _activity.value.location,
     registerStartAt: date.formatDate(_activity.value.registerStartAt, 'YYYY/MM/DD').toString(),
     registerEndAt: date.formatDate(_activity.value.registerEndAt, 'YYYY/MM/DD').toString(),
     voteStartAt: date.formatDate(_activity.value.voteStartAt, 'YYYY/MM/DD').toString(),
     voteEndAt: date.formatDate(_activity.value.voteEndAt, 'YYYY/MM/DD').toString()
   } as CreateParams
+}
+
+watch(_activity, () => {
+  activity2Params()
 })
 
 const params = ref({
@@ -300,7 +303,7 @@ const params2Gql = () => {
   } else {
     s += ` updateActivity {
       update (params: {
-        id: ${_activity.value.id},
+        activity_id: ${_activity.value.id},
     `
   }
   s += `
@@ -368,6 +371,7 @@ const params2Gql = () => {
 
 const onSubmitClick = async () => {
   const gqlStr = params2Gql()
+  console.log(gqlStr)
   const { mutate, onDone, onError } = provideApolloClient(apolloClient)(() => useMutation(gql(
     gqlStr
   )))
@@ -394,4 +398,8 @@ const onDeletePrizeConfig = (place: number) => {
   params.value.prizeConfigs.splice(index >= 0 ? index : 0, index >= 0 ? 1 : 0)
 }
 
+onMounted(() => {
+  activity2Params()
+})
+
 </script>
diff --git a/webui/src/stores/activity.ts b/webui/src/stores/activity.ts
@@ -52,7 +52,6 @@ export interface Winner {
 }
 
 export interface CreateParams {
-  id?: number
   title: string
   slogan?: string
   banner: string
@@ -141,6 +140,77 @@ export const useActivityStore = defineStore('activity', {
       return (id: number) => {
         return this.activities.get(id)
       }
+    },
+    activityType (): (id: number) => ActivityType {
+      return (id: number) => {
+        let activityType = this.activities.get(id)?.activityType || ActivityType.Campaign
+        switch (activityType) {
+          case ActivityType.Campaign.toUpperCase():
+            activityType = ActivityType.Campaign
+            break
+          case ActivityType.MeetUp.toUpperCase():
+            activityType = ActivityType.MeetUp
+            break
+        }
+        return activityType
+      }
+    },
+    voteType (): (id: number) => VoteType {
+      return (id: number) => {
+        let voteType = this.activities.get(id)?.voteType || VoteType.Power
+        switch (voteType) {
+          case VoteType.Account.toUpperCase():
+            voteType = VoteType.Account
+            break
+          case VoteType.Power.toUpperCase():
+            voteType = VoteType.Power
+            break
+        }
+        return voteType
+      }
+    },
+    objectType (): (id: number) => ObjectType {
+      return (id: number) => {
+        let objectType = this.activities.get(id)?.objectType || ObjectType.Content
+        switch (objectType) {
+          case ObjectType.ArtCollection.toUpperCase():
+            objectType = ObjectType.ArtCollection
+            break
+          case ObjectType.ArtWork.toUpperCase():
+            objectType = ObjectType.ArtWork
+            break
+          case ObjectType.Author.toUpperCase():
+            objectType = ObjectType.Author
+            break
+          case ObjectType.Comment.toUpperCase():
+            objectType = ObjectType.Comment
+            break
+          case ObjectType.Content.toUpperCase():
+            objectType = ObjectType.Content
+            break
+          case ObjectType.Creator.toUpperCase():
+            objectType = ObjectType.Creator
+            break
+          case ObjectType.Reviewer.toUpperCase():
+            objectType = ObjectType.Reviewer
+            break
+        }
+        return objectType
+      }
+    },
+    joinType (): (id: number) => JoinType {
+      return (id: number) => {
+        let joinType = this.activities.get(id)?.joinType || JoinType.Online
+        switch (joinType) {
+          case JoinType.Online.toUpperCase():
+            joinType = JoinType.Online
+            break
+          case JoinType.InPerson.toUpperCase():
+            joinType = JoinType.InPerson
+            break
+        }
+        return joinType
+      }
     }
   },
   actions: {}