app/pages/parameters/intranet.vue

<template>
  <NuxtLayout name="parameters">
    <LayoutContainer>
      <UiLoadingPanel v-if="pending" />
      <UiForm
          v-else
          :model="Parameters"
          :entity="parameters"
      >
        <v-row>
          <v-col cols="6">
            <UiInputCheckbox
                v-model="parameters.generateAttendanceReport"
                field="generateAttendanceReport"
                label="allow_teachers_to_generate_attendance_reports"
            />

            <UiInputCheckbox
                v-model="parameters.administrationCc"
                field="administrationCc"
                label="send_teachers_mail_reports_copy_to_administration"
            />

            <UiInputCheckbox
                v-model="parameters.allowMembersToChangeGivenNameAndName"
                field="allowMembersToChangeGivenNameAndName"
                label="allow_members_to_change_their_names_and_firstnames"
            />
          </v-col>

          <v-col cols="6">
            <UiInputCheckbox
                v-model="parameters.createCourse"
                field="createCourse"
                label="allow_teachers_to_create_courses"
            />

            <UiInputCheckbox
                v-model="parameters.consultTeacherListing"
                field="consultTeacherListing"
                label="allow_teachers_to_consult_colleagues_informations"
            />

            <UiInputCheckbox
                v-model="parameters.showAdherentList"
                field="showAdherentList"
                label="allow_students_to_consult_their_pedagogical_followup"
            />
          </v-col>
        </v-row>
      </UiForm>
    </LayoutContainer>
  </NuxtLayout>
</template>

<script setup lang="ts">
  import Parameters from "~/models/Organization/Parameters";
  import {useEntityFetch} from "~/composables/data/useEntityFetch";
  import {useOrganizationProfileStore} from "~/stores/organizationProfile";
  import {AsyncData} from "#app";

  /**
   * Disable the default layout, the page will use the layout defined with <NuxtLayout />
   * @see https://nuxt.com/docs/guide/directory-structure/layouts#overriding-a-layout-on-a-per-page-basis
   */
  definePageMeta({
    layout: false,
  });

  const { fetch } = useEntityFetch()

  const organizationProfile = useOrganizationProfileStore()

  if (organizationProfile.parametersId === null) {
    throw new Error('Missing organization parameters id')
  }

  const { data: parameters, pending } = fetch(Parameters, organizationProfile.parametersId) as AsyncData<Parameters, Parameters | true>
</script>

<style scoped lang="scss">

</style>