@tekkare/romulus 0.1.251 → 0.1.253

package/layer/app/components/oip-science/appel-a-projet/Cards.vue

@@ -0,0 +1,162 @@
+<!--
+  Carte d'un appel a projets (PHRC) (portage de components/appel-a-projet/
+  Cards.vue de France Augmented Science). La fiche d'un appel a projets n'est
+  pas une fiche du layer : elle s'ouvre dans France Augmented Science. Le menu
+  d'export de la carte n'est pas repris.
+-->
+<template>
+  <RmResultCard
+    class="oip-science"
+    clickable
+    :lang="lang"
+    :link="detailsUrl"
+    @click="openCard($event, detailsUrl, openDetails)"
+  >
+    <template #title>
+      <RmTextHighlight
+        :queries="highlight"
+        :text="data.title_fr || '-'"
+      />
+    </template>
+
+    <template #actions>
+      <component
+        :is="projectButton"
+        v-if="projectButton"
+        :resource-id="data?.clinical_trial_id"
+        type="PHRC"
+        :label="data?.title_fr"
+        compact
+      />
+    </template>
+
+    <template #meta>
+      <RmTag variant="purple">
+        {{ data.project_type || '-' }}
+      </RmTag>
+      <RmTag variant="blue">
+        {{ data.discipline_fr || '-' }}
+      </RmTag>
+      <span v-if="data.acronym" class="rm-rcard__ref">{{ data.acronym }}</span>
+      <span class="rm-rcard__label">{{ data.period || '-' }}</span>
+    </template>
+
+      <div class="oip_grid gap-16">
+        <OipScienceCommonTableTags
+          v-if="getEstablishmentLabel"
+          icon="Building"
+          :title="$t('oipScience.common.establishment')"
+          :values="[getEstablishmentLabel]"
+          :highlightQueries="highlight"
+        />
+
+        <OipScienceCommonTableTags
+          icon="Coin"
+          :title="$t('oipScience.common.funding')"
+          :values="data.total_amount ? [formatAmount(data.total_amount)] : []"
+        />
+
+        <OipScienceCommonTableTags
+            v-if="prefs.status"
+          icon="ChartBar"
+          :title="$t('oipScience.common.statusTranche')"
+          :values="data.status_code ? [data.status_code] : []"
+        />
+
+        <OipScienceCommonTableTags
+          v-if="prefs.rare && (getRareDiseases.length)"
+          icon="Bandaids"
+          :title="$t('oipScience.common.rareDiseases')"
+          :values="getRareDiseases"
+          :highlightQueries="highlight"
+          :isFullResults="false"
+        />
+
+      </div>
+
+    <template #footer>
+      <div class="oip_grid gap-8">
+        <OipScienceCommonSource :sources="['Appel à projet']" :lang="lang" />
+        <p v-if="data.nct_number">
+          {{ $t('oipScience.common.trialLinked') }}
+          <a
+            class="kk_text link cool_grey"
+            :href="nav.href('ClinicalTrialsNCT', data.nct_number, 'study-description')"
+            @click="openNct"
+          >
+            {{ $t('oipScience.common.seeOnOip') }} ↗
+          </a>
+        </p>
+      </div>
+    </template>
+  </RmResultCard>
+</template>
+
+<script setup lang="ts">
+import type { PropType } from 'vue';
+import { removeDuplicate } from '../../../oip-science/utils/styleAndFormat';
+import { openCard } from '../../../oip-science/utils/a-openCard';
+
+const props = defineProps({
+  data: {
+    type: Object as () => any,
+    default: () => ({}),
+  },
+  /** Termes de la recherche en cours, surlignes dans la carte. */
+  highlight: {
+    type: Array as PropType<string[]>,
+    default: () => [],
+  },
+  /**
+   * Rangees en plus (`status`, `rare`), choisies dans « Personnaliser » de la
+   * barre de filtres de France Augmented Science (store cardPrefs). Aucune par
+   * defaut, comme le store.
+   */
+  prefs: {
+    type: Object as PropType<Record<string, boolean>>,
+    default: () => ({}),
+  },
+});
+
+const nav = useOipResourceNav();
+const { projectButton } = useOipResourceHooks();
+
+const formatAmount = (amount: number) => {
+  return new Intl.NumberFormat('fr-FR', {
+    style: 'currency',
+    currency: 'EUR',
+    maximumFractionDigits: 0,
+  }).format(amount);
+};
+
+const getEstablishmentLabel = computed(() => {
+  const name = props.data.hco_et_label;
+  if (!name) return null;
+  return props.data.hco_ej_code ? `${name} (${props.data.hco_ej_code})` : name;
+});
+
+const getRareDiseases = computed(() => {
+  return removeDuplicate(
+    (props.data.rare_diseases_fr &&
+      props.data.rare_diseases_fr.map(
+        (res: any) => res.concat_disease_name_orpha_code
+      )) ??
+      []
+  );
+});
+
+const { locale } = useI18n();
+const lang = computed(() => (locale.value === 'en' ? 'en' : 'fr'));
+const detailsPath = computed(() => `/appel-a-projet/${props.data.clinical_trial_id}`);
+const detailsUrl = computed(() =>
+  props.data.clinical_trial_id ? nav.appHref('france_augmented_science_app', detailsPath.value) : '',
+);
+const openDetails = () => nav.openApp('france_augmented_science_app', detailsPath.value);
+
+/** Lien vers l'essai lie : Ctrl/Cmd-clic garde le nouvel onglet du navigateur. */
+function openNct(event: MouseEvent) {
+  if (event.metaKey || event.ctrlKey || event.shiftKey) return;
+  event.preventDefault();
+  nav.open('ClinicalTrialsNCT', props.data.nct_number, 'study-description');
+}
+</script>

package/layer/app/components/oip-science/clinical-trials/Cards.vue

@@ -0,0 +1,382 @@
+<!--
+  Carte d'un essai EUCT (CTIS), portee de France Augmented Science. Le menu
+  d'export de la carte n'exporte plus que les champs lus dans la carte (cf.
+  RmResultCard) : l'export complet par onglets (useGenerateExcel) reste a FAS.
+-->
+<template>
+  <RmResultCard
+    class="ct_card oip-science"
+    clickable
+    :count="ifNoRes(data.decision_date, 'date')"
+    :count-label="$t('oipScience.common.decisionDate')"
+    :count-extra="[$t('oipScience.common.lastUpdate'), ifNoRes(data.last_update_date, 'date')]"
+    :lang="lang"
+    :link="detailsUrl"
+    @click="openCard($event, nav, 'ClinicalTrialsEUCT', data.euct_number)"
+  >
+    <template #code>
+      <RmCopyCode v-if="data.euct_number" label="EUCT" :value="data.euct_number" :lang="lang" />
+      <template v-if="linkedNct">
+        <RmCopyCode :value="linkedNct.nct_id" :lang="lang" />
+        <OipScienceClinicalTrialsPairBadge />
+      </template>
+    </template>
+
+    <template #title>
+      <RmTextHighlight
+        :queries="getSearchHighlight"
+        :text="ifNoRes(data.public_title)"
+      />
+    </template>
+
+    <template #actions>
+      <component
+        :is="projectButton"
+        v-if="projectButton"
+        :resource-id="data.euct_number"
+        type="ClinicalTrialsEUCT"
+        :label="data.public_title"
+        compact
+      />
+    </template>
+
+    <template #meta>
+      <RmTag :variant="setColorStatus(data.global_status)">
+        {{ ifNoRes(data.global_status) }}
+      </RmTag>
+      <RmTag v-if="data.trial_phase" variant="violet">{{ data.trial_phase }}</RmTag>
+      <slot name="extra" />
+    </template>
+
+        <!-- BODY : seul, ou colonne gauche d'une carte double. -->
+        <component
+          :is="linkedNct ? PairBody : 'div'"
+          v-bind="linkedNct ? { kind: 'nct', linked: linkedNct, queries: getSearchHighlight } : {}"
+        >
+        <div class="oip_grid gap-16">
+          <OipScienceCommonTableTags
+            v-if="prefs.therapeuticArea"
+            icon="Clipboard"
+            :title="$t('oipScience.common.therapeuticArea')"
+            :values="data.therapeutic_area?.map((val) => val) || []"
+            :isFullResults="false"
+          ></OipScienceCommonTableTags>
+
+          <OipScienceCommonTableTags
+            icon="FaceMask"
+            :title="$t('oipScience.common.conditions')"
+            :values="
+              data.medical_condition?.map((val) => val.condition_name_en) || []
+            "
+          ></OipScienceCommonTableTags>
+
+          <OipScienceCommonTableTags
+            v-if="prefs.products"
+            icon="Pill"
+            :title="$t('oipScience.common.products')"
+            :values="
+              data.products?.map((val) =>
+                val?.productDictionaryInfo?.prodName
+                  ? val?.productDictionaryInfo?.prodName
+                  : val?.productDictionaryInfo?.activeSubstanceName
+              ) || []
+            "
+            :highlightQueries="getSearchHighlight"
+            :isFullResults="false"
+          ></OipScienceCommonTableTags>
+
+          <OipScienceCommonTableTags
+            v-if="prefs.countries"
+            icon="Globe"
+            :title="$t('oipScience.cards.countries')"
+            :values="
+              data.countries?.map((val) =>
+                getCountryEmoji(val?.country_name ?? '')
+              ) || []
+            "
+            :highlightQueries="getSearchHighlight"
+            :isFullResults="false"
+          ></OipScienceCommonTableTags>
+
+          <OipScienceCommonTableTags
+            v-if="prefs.sponsors"
+            icon="Briefcase"
+            :title="$t('oipScience.common.sponsors')"
+            :values="
+              data.co_sponsors?.map((val) => val.organisation?.name) || []
+            "
+            :highlightQueries="getSearchHighlight"
+            :isFullResults="false"
+          ></OipScienceCommonTableTags>
+
+          <OipScienceCommonTableTags
+            v-if="prefs.enrollment"
+            icon="ListBullets"
+            :title="$t('oipScience.cards.enrollment')"
+            :values="getEnrollmentSummary"
+            :highlightQueries="getSearchHighlight"
+          ></OipScienceCommonTableTags>
+          <!-- Second row of the Enrollment block: per-MS subject
+               breakdown. No title / no icon so the left column stays
+               empty but still reserves width via kk_block_limited_width,
+               keeping the country tags aligned with the summary above. -->
+          <OipScienceCommonTableTags
+            v-if="prefs.enrollment && (getEnrollmentPerCountry.length > 0)"
+            :show-title="false"
+            :values="getEnrollmentPerCountry"
+            :highlightQueries="getSearchHighlight"
+            :isFullResults="false"
+            :result-size-limit="10"
+            clickable
+            @tag-click="(index) => (sitesCountry = enrollmentCountries[index] ?? null)"
+          ></OipScienceCommonTableTags>
+          <OipScienceClinicalTrialsSitesDrawer v-model:country="sitesCountry" :trial="data" />
+
+          <!-- Rare diseases / Oncology (ICD-10) / Oncology Terms only
+               render when the trial actually carries that data — drop
+               the "No xxx" placeholder rows entirely to keep cards
+               tight for non-oncology / non-rare trials. -->
+          <OipScienceCommonTableTags
+            v-if="prefs.rare && (getRareDiseases.length > 0)"
+            icon="Bandaids"
+            :title="$t('oipScience.common.rareDiseases')"
+            :values="getRareDiseases"
+            :highlightQueries="getSearchHighlight"
+            :isFullResults="false"
+          ></OipScienceCommonTableTags>
+           <OipScienceCommonTableTags
+            v-if="prefs.oncoIcd10 && (getIcd10.length > 0)"
+            icon="FaceMask"
+            :title="$t('oipScience.common.oncologyIcd10')"
+            :values="getIcd10"
+            :highlightQueries="getSearchHighlight"
+            :isFullResults="false"
+            :result-size-limit="2"
+          ></OipScienceCommonTableTags>
+           <OipScienceCommonTableTags
+            v-if="prefs.oncoTerms && (getOncoTerms.length > 0)"
+            icon="ListMagnifyingGlass"
+            :title="$t('oipScience.common.oncologyTerms')"
+            :values="getOncoTerms"
+            :highlightQueries="getSearchHighlight"
+            :isFullResults="false"
+            :result-size-limit="2"
+          ></OipScienceCommonTableTags>
+        </div>
+        </component>
+
+    <!-- Ce que la recherche a reellement matche, extraits compris : souvent
+         dans un texte que la carte ne montre pas. -->
+    <OipScienceElasticMatchExplain :match="data._match" />
+
+    <template #footer>
+      <div class="oip_grid gap-8">
+        <OipScienceCommonSource :sources="linkedNct ? ['EUCT', 'CT.gov'] : ['EUCT']" :lang="lang" />
+        <p v-if="!linkedNct && data.nct_number">
+          {{ $t('oipScience.cards.availableOnCtgov') }}
+          <a
+            class="kk_text link cool_grey"
+            :href="nav.href('ClinicalTrialsNCT', data.nct_number)"
+            @click="followCardLink($event, nav, 'ClinicalTrialsNCT', data.nct_number)"
+          >
+            {{ $t('oipScience.cards.openNctCard') }} ↗
+          </a>
+        </p>
+      </div>
+    </template>
+  </RmResultCard>
+</template>
+
+<script setup lang="ts">
+import PairBody from './PairBody.vue';
+import {
+  ifNoRes,
+  setColorStatus,
+  getCountryEmoji,
+  removeDuplicate,
+  dedupNormalized,
+} from '../../../oip-science/utils/styleAndFormat';
+import { openCard, followCardLink } from '../../../oip-science/utils/b-openCard';
+
+// Types de France Augmented Science (types/Euct) : pas portes.
+type Euct = any;
+type EuctGenomics = any;
+type EuctRareDiseases = any;
+
+
+const props = defineProps({
+  data: {
+    type: Object as () => Euct,
+    // Rangees en plus (« Personnaliser » de FAS, store cardPrefs) : hors de FAS, celles par defaut.
+    default: () => ({}),
+  },
+  /**
+   * L'essai CT.gov que cite `nct_number` (useLinkedTrials) : la carte devient
+   * double. `null` : absent de l'index ; absent : pas encore charge.
+   */
+  linkedNct: {
+    type: Object as () => any | null,
+    default: undefined,
+  },
+  /** Termes de la recherche a surligner (filterStore dans FAS). */
+  highlight: {
+    type: Array as () => string[],
+    default: () => [],
+  },
+  /** Rangees choisies (store cardPrefs de FAS) ; a defaut, celles par defaut. */
+  prefs: {
+    type: Object as () => Record<string, boolean>,
+    default: () => ({ products: true, sponsors: true, enrollment: true }),
+  },
+});
+
+const nav = useOipResourceNav();
+const { projectButton } = useOipResourceHooks();
+
+const getGenomicsSymbols = computed(() => {
+  if (!props.data.genomics) return [];
+  return props.data.genomics.map((g: EuctGenomics) => g.symbol);
+});
+
+const getRareDiseases = computed(() => {
+  return removeDuplicate(
+    (props.data.rare_diseases &&
+      props.data.rare_diseases.map(
+        (res: EuctRareDiseases) => res.concat_disease_name_orpha_code
+      )) ??
+      []
+  );
+});
+
+const getSearchHighlight = computed(() => props.highlight);
+
+const { locale, t } = useI18n();
+const lang = computed(() => (locale.value === 'en' ? 'en' : 'fr'));
+const detailsUrl = computed(() =>
+  props.data.euct_number ? nav.href('ClinicalTrialsEUCT', props.data.euct_number) : '',
+);
+
+const getSexe = (hasFemale?: boolean, hasMale?: boolean) => {
+  if (hasFemale && hasMale) return 'Male & Female';
+  if (hasFemale) return 'Female';
+  if (hasMale) return 'Male';
+  return '';
+};
+
+// Libelle affiche sur la carte ; getSexe reste en anglais pour l'export.
+const sexLabel = (sexe: string) =>
+  sexe === 'Male & Female' ? t('oipScience.cards.maleAndFemale')
+    : sexe === 'Female' ? t('oipScience.cards.female')
+    : sexe === 'Male' ? t('oipScience.cards.male')
+    : sexe;
+
+const getIcd10 = computed(() => {
+  const icd10List = props.data.diseases
+    ?.map((d: any) => d.icd10?.map((y: any) => y.combined_label))
+    .flat()
+  // dedupNormalized collapses case + singular/plural duplicates
+  // (Cancer/cancer, Neoplasms/Neoplasm) so the tag list stays tight.
+  return dedupNormalized(icd10List || []);
+})
+
+const getOncoTerms = computed(() => {
+  const icd10List = props.data.diseases
+    ?.map((d: any) => d.section?.map((y: any) => y.label))
+    .flat()
+  return dedupNormalized(icd10List || []);
+})
+
+// Enrollment summary — first row of the Enrollment block.
+// [total subjects + sites], [age range], [sex] — same three tags
+// the card has always shown.
+const getEnrollmentSummary = computed(() => {
+  const d = props.data as any;
+  const tags: string[] = [];
+  const total = d.enrollment_status?.total_planned_enrollment;
+  const sites = d?.sites?.length ?? 0;
+  const countries = d?.countries?.length ?? 0;
+  if (total != null && total !== '') {
+    tags.push(
+      t('oipScience.cards.subjectsInSites', { total, sites }, countries > 1 ? 2 : 1),
+    );
+  }
+  if (d.subject_population?.age_range) {
+    tags.push(d.subject_population.age_range);
+  }
+  const sexe = getSexe(
+    d.subject_population?.has_female,
+    d.subject_population?.has_male,
+  );
+  if (sexe) tags.push(sexLabel(sexe));
+  return tags;
+});
+
+// Enrollment per-country — second row of the Enrollment block.
+// One tag per Member State that declared `planned_number_of_subjects`,
+// formatted "🇫🇷 France: 50 subjects". Empty array when no country
+// has subject-level numbers (we then hide the whole second row via
+// v-if in the template).
+// Pays des pastilles, dans le meme ordre : un clic ouvre leurs sites.
+const enrollmentCountries = computed<string[]>(() =>
+  ((props.data as any).countries || [])
+    .filter((c: any) => c?.planned_number_of_subjects != null && c.planned_number_of_subjects !== '')
+    .map((c: any) => c.country_name)
+);
+const sitesCountry = ref<string | null>(null);
+
+const getEnrollmentPerCountry = computed(() => {
+  const d = props.data as any;
+  const tags: string[] = [];
+  for (const c of d.countries || []) {
+    const n = c?.planned_number_of_subjects;
+    if (n == null || n === '') continue;
+    // getCountryEmoji returns "emoji  Country Name" already (emoji +
+    // two spaces + country name). When the country isn't in its dict
+    // the helper returns "undefined  Country Name" — fall back to the
+    // raw country name in that pathological case.
+    const labelFromHelper = c.country_name
+      ? getCountryEmoji(c.country_name)
+      : '';
+    const display =
+      labelFromHelper && !labelFromHelper.startsWith('undefined')
+        ? labelFromHelper
+        : c.country_name || '';
+    tags.push(`${display}: ${t('oipScience.cards.nSubjects', { n })}`);
+  }
+  return tags;
+});
+</script>
+
+<style scoped>
+/* Les dates prennent la place du compteur : une date longue ne tient pas
+   dans la colonne de 128px ni en 32px. */
+.ct_card :deep(.rm-rcard__count) {
+  flex-basis: 176px;
+  align-items: flex-start;
+  text-align: left;
+}
+.ct_card :deep(.rm-rcard__count-value) {
+  font-size: 16px;
+  white-space: nowrap;
+}
+/* Libelle au-dessus de sa date, et "Last update" dans le meme style que
+   "First posted" : countExtra porte [libellé, date]. */
+.ct_card :deep(.rm-rcard__count-label) { order: 1; font-size: 10px; }
+.ct_card :deep(.rm-rcard__count-value) { order: 2; }
+.ct_card :deep(.rm-rcard__count-extra) { order: 3; }
+.ct_card :deep(.rm-rcard__count-extra:nth-child(3)) {
+  margin-top: 10px;
+  color: var(--text-muted);
+  font-size: 10px;
+  font-weight: var(--weight-semibold);
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+.ct_card :deep(.rm-rcard__count-extra:nth-child(4)) {
+  margin-top: var(--space-2);
+  font-size: 16px;
+  font-weight: var(--weight-bold);
+  line-height: 1.1;
+  white-space: nowrap;
+}
+</style>