mark as unread if comment is in notifications working

public/content/projects/1_miss-dior-blooming-bouquet/1_client-brief/38969543_extrait-de-louis-sullivan-form-follow-function.-de-la-tour-de-bureaux-artistiquement-consideree.pdf.txt

@@ -7,3 +7,14 @@ Uuid: s0lNtRA0Z7ybTCWG
 ----
 
 Template: document
+
+----
+
+Comments:
+
+1:
+  m2lyhnf7:
+    text: nouveau com
+    username: Adrien Payet
+    date: 2024-10-23T16:14:54+02:00
+    id: m2lyhnf7

public/site/config/routes/add-comment.php

@@ -20,15 +20,28 @@ return [
         'text' => $data->text,
         'username' => $user->name()->isNotEmpty() ? (string) $user->name() : (string) $user->email(),
         'date' => (string) $data->date,
+        'id' => $data->id
       ];
 
       $comments[$data->targetPage][$data->id] = $newComment;
       
-
       $newFile = $file->update([
         'comments' => $comments
       ]);
 
+      foreach (kirby()->users()->without($user) as $otherUser) {
+        try {
+          $notifications = $otherUser->notifications()->isNotEmpty() ? $otherUser->notifications()->toArray() : ["comments" => []];
+          $notifications['comments'][$data->id] = $newComment;
+          $otherUser->update([
+            "notifications" => $notifications
+          ]);
+        } catch (\Throwable $th) {
+          throw new Exception($th->getMessage(), 1);
+          
+        }
+      }
+
       return getFileData($newFile);
   }
 ];

public/site/snippets/footer.php

@@ -4,6 +4,7 @@
     user: {
       role: '<?= $kirby->user()->role() ?>',
       uuid: '<?= $kirby->user()->uuid() ?>',
+      notifications: <?= json_encode(Yaml::decode($kirby->user()->notifications()->value())) ?>
       <?php if ($kirby->user()->role() == 'client'): ?>
         client: {
           name: '<?= $kirby->user()->client()->toPage()->title() ?>',

src/components/comments/Comments.vue

@@ -7,7 +7,7 @@
           v-for="(comment, commentIndex) in Object.values(page)"
           :key="pageIndex + commentIndex"
           class="comment | flow"
-          data-status="unread"
+          :data-status="setStatus(comment)"
         >
           <header>
             <p>
@@ -131,4 +131,12 @@ function closeAddField() {
   isAddOpen.value = false;
   newCommentText.value = "";
 }
+
+function setStatus(comment) {
+  if (user?.notifications?.comments.hasOwnProperty(comment.id)) {
+    return "unread";
+  } else {
+    return undefined;
+  }
+}
 </script>