From 661b700092b87127f22640f316df1471616b3c2c Mon Sep 17 00:00:00 2001
From: padreug <padreug@aiolabs.dev>
Date: Tue, 21 Oct 2025 22:53:08 +0200
Subject: [PATCH] Adds support for completable task events

Enables marking scheduled events as complete based on a new "event-type" tag.

This change introduces the concept of "completable" events, specifically for events of type "task". It modifies the ScheduledEventCard component to:

- Display completion information only for completable events
- Show the "Mark Complete" button only for completable events that are not yet completed
- Adjust the opacity and strikethrough styling based on the event's completable and completed status.

The ScheduledEventService is updated to extract the event type from the "event-type" tag.
---
 .../nostr-feed/components/ScheduledEventCard.vue  | 15 +++++++++------
 .../nostr-feed/services/ScheduledEventService.ts  |  3 +++
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/modules/nostr-feed/components/ScheduledEventCard.vue b/src/modules/nostr-feed/components/ScheduledEventCard.vue
index 49ae6c4..058425f 100644
--- a/src/modules/nostr-feed/components/ScheduledEventCard.vue
+++ b/src/modules/nostr-feed/components/ScheduledEventCard.vue
@@ -42,6 +42,9 @@ const isAdminEvent = computed(() => props.adminPubkeys.includes(props.event.pubk
 // Check if event is completed - call function directly
 const isCompleted = computed(() => props.getCompletion(eventAddress.value)?.completed || false)
 
+// Check if event is completable (task type)
+const isCompletable = computed(() => props.event.eventType === 'task')
+
 // Format the date/time
 const formattedDate = computed(() => {
   try {
@@ -114,13 +117,13 @@ function cancelMarkComplete() {
 
 <template>
   <div class="border-b md:border md:rounded-lg bg-card p-4 md:p-6 transition-all"
-       :class="{ 'opacity-60': isCompleted }">
+       :class="{ 'opacity-60': isCompletable && isCompleted }">
     <!-- Event Details -->
     <div class="flex-1 min-w-0">
       <!-- Title and badges -->
       <div class="flex items-start gap-2 mb-2 flex-wrap">
         <h3 class="font-semibold text-base md:text-lg flex-1"
-            :class="{ 'line-through': isCompleted }">
+            :class="{ 'line-through': isCompletable && isCompleted }">
           {{ event.title }}
         </h3>
         <Badge v-if="isAdminEvent" variant="secondary" class="shrink-0">
@@ -151,8 +154,8 @@ function cancelMarkComplete() {
         <p class="whitespace-pre-wrap break-words">{{ event.description || event.content }}</p>
       </div>
 
-      <!-- Completion info -->
-      <div v-if="isCompleted && getCompletion(eventAddress)" class="text-xs text-muted-foreground mb-3">
+      <!-- Completion info (only for completable events) -->
+      <div v-if="isCompletable && isCompleted && getCompletion(eventAddress)" class="text-xs text-muted-foreground mb-3">
         ✓ Completed by {{ getDisplayName(getCompletion(eventAddress)!.pubkey) }}
         <span v-if="getCompletion(eventAddress)!.notes"> - {{ getCompletion(eventAddress)!.notes }}</span>
       </div>
@@ -162,8 +165,8 @@ function cancelMarkComplete() {
         Posted by {{ getDisplayName(event.pubkey) }}
       </div>
 
-      <!-- Mark Complete Button -->
-      <div v-if="!isCompleted" class="mt-3">
+      <!-- Mark Complete Button (only for completable task events) -->
+      <div v-if="isCompletable && !isCompleted" class="mt-3">
         <Button
           @click="handleMarkComplete"
           variant="outline"
diff --git a/src/modules/nostr-feed/services/ScheduledEventService.ts b/src/modules/nostr-feed/services/ScheduledEventService.ts
index 32667fe..19bda58 100644
--- a/src/modules/nostr-feed/services/ScheduledEventService.ts
+++ b/src/modules/nostr-feed/services/ScheduledEventService.ts
@@ -15,6 +15,7 @@ export interface ScheduledEvent {
   description?: string
   location?: string
   status: string
+  eventType?: string // 'task' for completable events, 'announcement' for informational
   content: string
   tags: string[][]
 }
@@ -76,6 +77,7 @@ export class ScheduledEventService extends BaseService {
       const description = event.tags.find(tag => tag[0] === 'description')?.[1]
       const location = event.tags.find(tag => tag[0] === 'location')?.[1]
       const status = event.tags.find(tag => tag[0] === 'status')?.[1] || 'pending'
+      const eventType = event.tags.find(tag => tag[0] === 'event-type')?.[1]
 
       if (!start) {
         console.warn('Scheduled event missing start date:', event.id)
@@ -96,6 +98,7 @@ export class ScheduledEventService extends BaseService {
         description,
         location,
         status,
+        eventType,
         content: event.content,
         tags: event.tags
       }