feat(harvest): show organization for which the user is admin only in producer select

components/Harvesters/DescribeHarvester.vue

@@ -9,7 +9,7 @@
       class="mb-4 flex items-center space-x-5"
     >
       <NuxtImg
-        src="/illustrations/truck.svg"
+        src="/illustrations/harvester.svg"
         loading="lazy"
         class="size-14 shrink-0"
         alt=""
@@ -33,11 +33,30 @@
       <FieldsetElement form-key="owned">
         <ProducerSelect
           v-model="form.owned"
-          :label="t(`Vérifiez l'identité avec laquelle vous souhaitez publier`)"
+          :label="t(`Sélectionnez votre organisation`)"
           :required="true"
+          :organizations-only="true"
+          :admin-only="true"
           :error-text="getFirstError('owned')"
           :warning-text="getFirstWarning('owned')"
         />
+        <template #accordion>
+          <HelpAccordion :title="$t(`Choisir l'organisation pour laquelle vous souhaitez mettre en place un moissonneur`)">
+            <p class="m-0 mb-4">
+              {{ $t("La création d'un moissonneur doit obligatoirement se faire au nom d'une organisation et nécessite les droits administrateurs. Sélectionnez une organisation dont vous êtes administrateur.") }}
+            </p>
+            <p class="m-0">
+              {{ $t("Si votre organisation n'existe pas encore, vous devez d'abord") }}
+              <NuxtLink
+                to="/admin/organizations/new/"
+                class="link"
+                target="_blank"
+              >
+                {{ $t("la créer ici") }}
+              </NuxtLink>.
+            </p>
+          </HelpAccordion>
+        </template>
       </FieldsetElement>
     </FormFieldset>
 

components/ProducerSelect.vue

@@ -56,7 +56,8 @@
 </template>
 
 <script setup lang="ts">
-import { useGetUserAvatar, BrandedButton, PaddedContainer, type Organization, type Owned, type User, OrganizationLogo } from '@datagouv/components-next'
+import { useGetUserAvatar, BrandedButton, OrganizationLogo, PaddedContainer, type Organization, type Owned, type User } from '@datagouv/components-next'
+import { isUserOrgAdmin, useMe } from '~/utils/auth'
 
 const getUserAvatar = useGetUserAvatar()
 
@@ -67,24 +68,37 @@ const props = withDefaults(defineProps<{
   all?: boolean
   required?: boolean
   organizationsOnly?: boolean
+  adminOnly?: boolean
 }>(), {
   all: false,
   required: false,
   organizationsOnly: false,
+  adminOnly: false,
 })
 const model = defineModel<Owned | null>({ required: true })
 
 const { t } = useTranslation()
 const user = useMe()
 const { $api } = useNuxtApp()
 
-const ownedOptions = computed<Array<Owned>>(() => {
-  const organizations = user.value.organizations.map(organization => ({ organization, owner: null }))
+// we fetch full organization object because we need members details
+// in case we want to filter on admin only organizations
+const organizations = await Promise.all(
+  user.value.organizations.map(async (org) => {
+    const { data: organization } = await useAPI<Organization>(`/api/1/organizations/${org.id}`)
+    return organization.value
+  }),
+)
 
+const ownedOptions = computed<Array<Owned>>(() => {
+  let orgs = organizations.map(organization => ({ organization, owner: null }))
+  if (props.adminOnly) {
+    orgs = orgs.filter(org => isUserOrgAdmin(user.value, org.organization))
+  }
   if (props.organizationsOnly) {
-    return organizations
+    return orgs
   }
-  return [...organizations, { owner: user.value, organization: null }]
+  return [...orgs, { owner: user.value, organization: null }]
 })
 
 const hasOrganizations = computed(() => {

pages/admin/harvesters/[id]/configuration.vue

@@ -91,7 +91,7 @@
 
 <script setup lang="ts">
 import { RiDeleteBin6Line } from '@remixicon/vue'
-import { BannerAction, BrandedButton } from '@datagouv/components-next'
+import { BannerAction, BrandedButton, type Organization } from '@datagouv/components-next'
 import DescribeHarvester from '~/components/Harvesters/DescribeHarvester.vue'
 import JobPage from '~/components/Harvesters/JobPage.vue'
 import PreviewLoader from '~/components/Harvesters/PreviewLoader.vue'
@@ -107,7 +107,10 @@ const me = useMe()
 const sourceUrl = computed(() => `/api/1/harvest/source/${route.params.id}`)
 const { data: harvester, refresh } = await useAPI<HarvesterSource>(sourceUrl, { redirectOn404: true })
 
-const isOrgAdmin = computed(() => !harvester.value.organization || isUserOrgAdmin(me.value, harvester.value.organization))
+// we fetch full organization object if exists because we need members details for isOrgAdmin
+const organization = harvester.value.organization ? (await useAPI<Organization>(`/api/1/organizations/${harvester.value.organization.id}`)).data : null
+
+const isOrgAdmin = computed(() => !harvester.value.organization || isUserOrgAdmin(me.value, organization?.value))
 
 const loading = ref(false)