From 15b0b11481a9ab6634c3f5862902c184f33e2882 Mon Sep 17 00:00:00 2001
From: "Alice K." <alice.khoudli@polytechnique.org>
Date: Tue, 2 Jul 2024 03:42:12 +0200
Subject: [PATCH] frontend: search page now support pure addition modes

---
 frontend/components/viewer/CommentAddForm.vue |  4 ++--
 frontend/components/viewer/FullResult.vue     | 14 +++++++++-----
 frontend/components/viewer/Navbar.vue         |  2 ++
 frontend/pages/admin/access-tokens/[id].vue   |  2 +-
 frontend/pages/search/[token].vue             | 16 +++++++---------
 5 files changed, 21 insertions(+), 17 deletions(-)

diff --git a/frontend/components/viewer/CommentAddForm.vue b/frontend/components/viewer/CommentAddForm.vue
index 26456b3..9231293 100644
--- a/frontend/components/viewer/CommentAddForm.vue
+++ b/frontend/components/viewer/CommentAddForm.vue
@@ -113,7 +113,7 @@
 </template>
 
 <script setup lang="ts">
-import type { EntityOrCommentData, Family, FormField, PublicEntity, PublicNewComment } from '~/lib'
+import type { EntityOrCommentData, Family, FormField, PublicEntity, PublicNewComment, ViewerSearchedCachedEntity } from '~/lib'
 import { isValidRichText, isValidText } from '~/lib/validation'
 import state from '~/lib/viewer-state'
 
@@ -121,7 +121,7 @@ const formVisible = ref(false)
 
 const props = defineProps<{
   family: Family
-  entity: PublicEntity
+  entity: PublicEntity | ViewerSearchedCachedEntity
 }>()
 
 const processingRequest = ref(false)
diff --git a/frontend/components/viewer/FullResult.vue b/frontend/components/viewer/FullResult.vue
index bc31689..53e56e7 100644
--- a/frontend/components/viewer/FullResult.vue
+++ b/frontend/components/viewer/FullResult.vue
@@ -54,6 +54,7 @@
           <div class="flex flex-col md:items-end gap-8">
             <div class="flex flex-row-reverse md:flex-row gap-2">
               <Button
+                v-if="state.permissions?.can_access_entity"
                 label="Voir en détail"
                 class="flex-auto md:flex-initial whitespace-nowrap"
                 @click="changeActiveEntity(props.entity)"
@@ -62,6 +63,11 @@
                   <AppIcon icon-name="eye" />
                 </template>
               </Button>
+              <ViewerCommentAddForm
+                v-if="state.permissions?.can_add_comment && !state.permissions.can_access_entity"
+                :family="state.activeFamily"
+                :entity="props.entity"
+              />
             </div>
           </div>
         </div>
@@ -71,18 +77,16 @@
 </template>
 
 <script setup lang="ts">
-import type { ViewerPaginatedCachedEntities } from '~/lib'
+import type { ViewerSearchedCachedEntity } from '~/lib'
 import state from '~/lib/viewer-state'
 
-type ReceivedEntity = ViewerPaginatedCachedEntities['entities'][0]
-
 const props = defineProps<{
-  entity: ReceivedEntity
+  entity: ViewerSearchedCachedEntity
 }>()
 
 const locations = computed(() => props.entity.locations.map(loc => [loc.x, loc.y]))
 
-function changeActiveEntity(entity: ReceivedEntity) {
+function changeActiveEntity(entity: ViewerSearchedCachedEntity) {
   state.selectEntity(entity.entity_id)
 }
 </script>
diff --git a/frontend/components/viewer/Navbar.vue b/frontend/components/viewer/Navbar.vue
index b9a24c3..4dc6f10 100644
--- a/frontend/components/viewer/Navbar.vue
+++ b/frontend/components/viewer/Navbar.vue
@@ -98,6 +98,7 @@
               </Button>
 
               <Button
+                v-if="state.permissions?.can_add_entity"
                 label="Ajouter"
                 severity="info"
                 @click="openAddModal()"
@@ -161,6 +162,7 @@
           </Button>
 
           <Button
+            v-if="state.permissions?.can_add_entity"
             label="Ajouter"
             severity="info"
             @click="openAddModal()"
diff --git a/frontend/pages/admin/access-tokens/[id].vue b/frontend/pages/admin/access-tokens/[id].vue
index 3d5c30f..c2c800e 100644
--- a/frontend/pages/admin/access-tokens/[id].vue
+++ b/frontend/pages/admin/access-tokens/[id].vue
@@ -30,7 +30,7 @@
       id="list_entities"
       v-model="editedAccessToken.permissions.can_list_entities"
       label="Permission de lister les entités"
-      helper-text="Comprend le nom, la catégorie, les tags et la date de création de chaque entité"
+      helper-text="Comprend le nom, la catégorie, les tags, les parents, les adresses et la date de création de chaque entité"
     />
 
     <AdminInputSwitchField
diff --git a/frontend/pages/search/[token].vue b/frontend/pages/search/[token].vue
index ddd24a6..f6de94e 100644
--- a/frontend/pages/search/[token].vue
+++ b/frontend/pages/search/[token].vue
@@ -9,7 +9,10 @@
       :show-search-button="false"
     />
 
-    <Card class="m-2 p-2">
+    <Card
+      v-if="state.permissions?.can_list_entities"
+      class="m-2 p-2"
+    >
       <template #header>
         <span class="text-2xl font-bold">
           Recherche
@@ -151,18 +154,16 @@
     </Card>
 
     <Dialog
+      v-if="state.hasActiveEntity"
       v-model:visible="state.hasActiveEntity"
       maximizable
       :style="{ width: '50rem' }"
       :breakpoints="{ '1199px': '75vw', '575px': '90vw' }"
       modal
+      dismissable-mask
     >
       <template #header>
-        <div
-          v-if="
-            state.activeEntity"
-          class="flex items-center gap-2"
-        >
+        <div class="flex items-center gap-2">
           <CategoryTag :category="state.activeEntity!.category" />
           <h3 class="grow font-bold text-lg m-0">
             {{ state.activeEntity!.entity.display_name }}
@@ -177,7 +178,6 @@
       />
 
       <ViewerCommonEntityDisplayer
-        v-if="state.activeEntity"
         :entity="state.activeEntity!"
         :categories="state.categories"
         @entity-selected="displayEntityId"
@@ -216,8 +216,6 @@ const route = useRoute()
 const token = route.params.token as string
 try {
   await state.bootstrapWithToken(token)
-  if (!state.permissions?.can_access_entity)
-    throw 'Unauthorized'
 }
 catch {
   toast.add({