From 3ddf360e1109fd0db3f6cc9b1b0ec51906faf6f8 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Wed, 2 Nov 2022 18:02:20 +0100
Subject: [PATCH] Add breadcrumb trail on Post view

And lint

Closes #466

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/views/Posts/PostView.vue | 42 ++++++++++++++++++++++++++-------
 1 file changed, 34 insertions(+), 8 deletions(-)

diff --git a/js/src/views/Posts/PostView.vue b/js/src/views/Posts/PostView.vue
index 40bff220e..3db903ff7 100644
--- a/js/src/views/Posts/PostView.vue
+++ b/js/src/views/Posts/PostView.vue
@@ -1,5 +1,21 @@
 <template>
   <article class="container mx-auto post" v-if="post">
+    <breadcrumbs-nav
+      v-if="post.attributedTo"
+      :links="[
+        { name: RouteName.MY_GROUPS, text: t('My groups') },
+        {
+          name: RouteName.GROUP,
+          params: { preferredUsername: usernameWithDomain(post.attributedTo) },
+          text: displayName(post.attributedTo),
+        },
+        {
+          name: RouteName.POST,
+          params: { slug: post.slug },
+          text: post.title,
+        },
+      ]"
+    />
     <header>
       <div class="flex justify-center">
         <lazy-image-wrapper :picture="post.picture" />
@@ -94,12 +110,13 @@
                 isCurrentActorAGroupModerator
               "
             >
-              <router-link class="flex gap-1 whitespace-nowrap"
+              <router-link
+                class="flex gap-1 whitespace-nowrap"
                 :to="{
                   name: RouteName.POST_EDIT,
                   params: { slug: post.slug },
                 }"
-                >
+              >
                 <Pencil />
                 {{ t("Edit") }}
               </router-link>
@@ -112,10 +129,13 @@
               "
               tabIndex="-1"
             >
-            <button @click="openDeletePostModal" class="flex gap-1 whitespace-nowrap">
-              <Delete />
-              {{ t("Delete") }}
-            </button>
+              <button
+                @click="openDeletePostModal"
+                class="flex gap-1 whitespace-nowrap"
+              >
+                <Delete />
+                {{ t("Delete") }}
+              </button>
             </o-dropdown-item>
 
             <hr
@@ -132,7 +152,10 @@
               v-if="!post.draft"
               tabIndex="-1"
             >
-            <button @click="triggerShare()" class="flex gap-1 whitespace-nowrap">
+              <button
+                @click="triggerShare()"
+                class="flex gap-1 whitespace-nowrap"
+              >
                 <Share />
                 {{ t("Share this event") }}
               </button>
@@ -143,7 +166,10 @@
               v-if="ableToReport"
               tabIndex="-1"
             >
-            <button @click="isReportModalActive = true" class="flex gap-1 whitespace-nowrap">
+              <button
+                @click="isReportModalActive = true"
+                class="flex gap-1 whitespace-nowrap"
+              >
                 <Flag />
                 {{ t("Report") }}
               </button>