@tekkare/romulus 0.1.251 → 0.1.252

package/layer/app/components/oip-drugs/resources/Mitm.vue

@@ -0,0 +1,84 @@
+<!--
+  Une MITM rangee dans un projet (portage de pages/hubr/heart/mitm/[id] de
+  fr_drugs_app). La page relit le document par son code CIS puis renvoie a la
+  fiche marque, onglet MITM : on monte cette fiche, sur ce CIS. Sans marque,
+  le bandeau de la page et le detail MITM du CIS.
+
+  `id` est l'`_id` du document (projet), ou son code CIS quand `by="cis"`
+  (lien vers la page de fr_drugs_app).
+-->
+<template>
+  <div class="oip-drugs oip-drugs-rv-mitm">
+    <RmLoadingState v-if="pending" spinner />
+
+    <OipDrugsFichesBrandFiche
+      v-else-if="brand"
+      v-model:tab="tab"
+      :brand="brand"
+      :cis="cisCode"
+      :lang="lang"
+      :highlight="highlight"
+    >
+      <template #title-link><slot name="title-link" /></template>
+    </OipDrugsFichesBrandFiche>
+
+    <div v-else-if="source" class="arg_page_layout">
+      <RmPageHeader eyebrow="MITM">
+        <template #title>
+          {{ source.cis_label }} (CIS:{{ cisCode }})
+          <slot name="title-link" />
+        </template>
+        <p class="oip_caption">
+          {{ lang === 'en' ? source.atc5_english_code_label : source.atc5_french_code_label }}, {{ source.owner_regroup }}
+        </p>
+      </RmPageHeader>
+
+      <OipDrugsHeartMitmDetailsOverview :cis="source" @select="drawerRecord = $event" />
+
+      <OipDrugsHeartResultsDetailsRecordDrawer
+        :record="drawerRecord"
+        :source-label="drawerRecord?.sourceLabel"
+        @close="drawerRecord = null"
+      />
+    </div>
+
+    <RmEmptyState
+      v-else
+      icon="FileX"
+      :title="lang === 'en' ? 'Record unavailable' : 'Fiche indisponible'"
+      :text="lang === 'en' ? 'The record is no longer in the data.' : 'La fiche n\'est plus dans la donnée.'"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { oipEsSearch } from "../../../composables/useOipResources";
+import { ES_INDEX } from "../../../oip-drugs/esIndices";
+
+const props = withDefaults(
+  defineProps<{ id: string; type?: string; by?: string; highlight?: string[]; lang?: "fr" | "en" }>(),
+  { type: "FrMitm", by: "", highlight: () => [], lang: "fr" },
+);
+
+/** L'onglet de la fiche marque, tenu ici (la page l'ecrivait dans `?tab=`). */
+const tab = ref("mitm");
+const drawerRecord = ref<any>(null);
+
+// Meme requete que la page quand l'id est un code CIS ; par `_id` sinon.
+const { data: hit, pending } = useAsyncData(
+  () => `oip-drugs-mitm-${props.by}-${props.id}`,
+  async () => {
+    const body =
+      props.by === "cis"
+        ? { query: { match: { "cis_code.keyword": props.id } }, size: 100 }
+        : { query: { ids: { values: [props.id] } }, size: 1 };
+    const response = await oipEsSearch<any>("drugs", ES_INDEX.MITM_BDPM, body);
+    return response?.hits?.hits?.[0] ?? null;
+  },
+  { server: false, watch: [() => props.id, () => props.by] },
+);
+
+const source = computed(() => hit.value?._source ?? null);
+const cisCode = computed(() => (source.value?.cis_code != null ? String(source.value.cis_code) : props.by === "cis" ? props.id : ""));
+const brand = computed(() => (source.value?.brand ? String(source.value.brand) : ""));
+</script>

package/layer/app/components/oip-drugs/resources/NationalAssembly.vue

@@ -0,0 +1,93 @@
+<!--
+  Vue de ressource d'un compte rendu de commission de l'Assemblee nationale
+  (FrNationalAssemblySession) : le document relu par son `_id`, sans son
+  texte (jusqu'a 200 000 caracteres), monte dans la carte que le tiroir des
+  projets de fr_drugs_app montrait. La lecture s'ouvre dans la visionneuse.
+-->
+<template>
+  <div class="oip-drugs oip_list gap-12 full">
+
+    <RmLoadingState v-if="loading" />
+    <RmEmptyState v-else-if="!report" :title="t('oipDrugs.heart.errors.results')" icon="Prohibit" />
+    <OipDrugsHeartAssociationsNationalAssemblyCard
+      v-else
+      :report="report"
+      :report-id="id"
+      :store-search-bar="highlight"
+      @read="openReport"
+    />
+
+    <OipDocumentPreview
+      v-model="reportOpen"
+      :src="reportSrc"
+      :title="reportTitle"
+      :external-src="reportExternal"
+      :query="reportQuery"
+      :anchor="reportAnchor"
+      :fallback-src="reportFallback"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ES_INDEX } from "../../../oip-drugs/esIndices";
+import { NATIONAL_ASSEMBLY_FIELDS } from "../../../oip-drugs/utils/associationFields";
+import { oipEsSearch } from "../../../composables/useOipResources";
+
+const props = withDefaults(
+  defineProps<{
+    id: string;
+    type?: string;
+    lang?: "fr" | "en";
+    highlight?: string[];
+  }>(),
+  { type: "FrNationalAssemblySession", lang: "fr", highlight: () => [] },
+);
+
+const { t } = useI18n();
+
+const report = ref<any>(null);
+const loading = ref(true);
+
+watch(
+  () => props.id,
+  async (id) => {
+    loading.value = true;
+    report.value = null;
+    try {
+      const res: any = await oipEsSearch("drugs", ES_INDEX.ASSOCIATION_COMMISSION_SESSION_NATIONAL_ASSEMBLY, {
+        size: 1,
+        _source: { excludes: [NATIONAL_ASSEMBLY_FIELDS.text] },
+        query: { ids: { values: [id] } },
+      });
+      report.value = res?.hits?.hits?.[0]?._source ?? null;
+    } catch {
+      report.value = null;
+    }
+    loading.value = false;
+  },
+  { immediate: true },
+);
+
+const reportOpen = ref(false);
+const reportSrc = ref<string | null>(null);
+const reportTitle = ref("");
+const reportExternal = ref<string | null>(null);
+/** La copie Tekkare telle quelle : iframe de repli et base des liens. */
+const reportFallback = ref<string | null>(null);
+const reportQuery = ref<string[]>([]);
+const reportAnchor = ref<string | null>(null);
+
+/** Comme la liste de fr_drugs_app : la copie passe par le proxy du layer. */
+function openReport(doc: any, terms?: string[], anchor?: string) {
+  reportQuery.value = terms?.length ? terms : props.highlight;
+  reportAnchor.value = anchor || null;
+  const url = doc[NATIONAL_ASSEMBLY_FIELDS.tekkareUrl];
+  reportSrc.value = url ? `/api/oip/pdf?url=${encodeURIComponent(url)}` : null;
+  reportFallback.value = url || null;
+  reportExternal.value = doc[NATIONAL_ASSEMBLY_FIELDS.htmlUrl] || null;
+  reportTitle.value =
+    doc[NATIONAL_ASSEMBLY_FIELDS.agenda] || t("oipDrugs.heart.associations.nationalAssembly.card.untitled");
+  reportOpen.value = true;
+}
+</script>

package/layer/app/components/oip-drugs/resources/Outpatient.vue

@@ -0,0 +1,97 @@
+<!--
+  Vue de ressource d'une marque Outpatient (FrOutpatientBrand) : son
+  evolution annuelle, comme le tiroir de projet de fr_drugs_app
+  (outpatient/productEvolution au niveau marque). La marque est le
+  `resourceId` sans `_TOTAL`. La mesure, que fr_drugs_app lisait dans le store
+  outpatient, se choisit ici comme sur la vue Medic'AM.
+-->
+<template>
+  <div class="oip-drugs v-sales">
+    <RmPageHeader>
+      <template #title>
+        <span class="v-sales__title">{{ brand }}</span>
+        <slot name="title-link" />
+      </template>
+    </RmPageHeader>
+
+    <div class="v-sales__body">
+      <RmEmptyState
+        v-if="pageEmpty"
+        icon="MagnifyingGlassMinus"
+        :title="en ? 'No data' : 'Aucune donnée'"
+        :text="en ? 'No outpatient sales for this brand.' : 'Aucune vente Outpatient pour cette marque.'"
+      />
+      <!-- Le bloc reste monte : il dit lui-meme s'il est vide. -->
+      <div v-show="!pageEmpty" class="v-sales__stack">
+        <RmSegmented
+          v-model="measure"
+          size="sm"
+          :options="options"
+          :aria-label="en ? 'Measure' : 'Mesure'"
+        />
+        <OipDrugsOutpatientProductEvolution
+          :key="brand"
+          :es-index="ES_INDEX.OUTPATIENT_BRAND"
+          :selected-item="[brand]"
+          :selected-label="[{ code: brand, label: brand, code_label: brand }]"
+          :selected-switch="true"
+          :measure-index="measureIndex"
+          :lang="lang"
+          :source="source"
+          :verified="verified"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ES_INDEX } from "../../../oip-drugs/esIndices";
+import { usePageEmpty } from "../../../oip-drugs/composables/usePageEmpty";
+import {
+  OUTPATIENT_DEFAULT_MEASURE,
+  OUTPATIENT_MEASURES,
+  measureOptions,
+  salesBrandOf,
+} from "../../../oip-drugs/utils/v-salesSeries";
+import { useSalesSource } from "../../../oip-drugs/composables/v-useSalesSource";
+
+const props = withDefaults(
+  defineProps<{ id: string; type?: string; lang?: "fr" | "en"; highlight?: string[] }>(),
+  { type: "FrOutpatientBrand", lang: "fr", highlight: () => [] },
+);
+
+const en = computed(() => props.lang === "en");
+const brand = computed(() => salesBrandOf("FrOutpatientBrand", props.id));
+const { source, verified } = useSalesSource("OUTPATIENT", () => props.lang);
+const pageEmpty = usePageEmpty();
+
+// Ex-store outpatient : la mesure lue, en etat local (defaut : prix public).
+const measure = ref(OUTPATIENT_MEASURES.variables[OUTPATIENT_DEFAULT_MEASURE]!);
+const measureIndex = computed(() => Math.max(0, OUTPATIENT_MEASURES.variables.indexOf(measure.value)));
+const options = computed(() => measureOptions(OUTPATIENT_MEASURES, en.value));
+</script>
+
+<style scoped>
+.v-sales__title {
+  display: block;
+}
+
+/* Les gouttieres de la colonne de contenu, comme les onglets d'OipResourceView. */
+.v-sales__body {
+  box-sizing: border-box;
+  margin-top: var(--space-24);
+  padding: 0 var(--space-24) var(--space-32);
+}
+
+.v-sales__stack {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-16);
+}
+
+/* Le rail de mesures garde sa largeur. */
+.v-sales__stack > :first-child {
+  align-self: flex-start;
+}
+</style>

package/layer/app/components/oip-drugs/resources/Pnds.vue

@@ -0,0 +1,24 @@
+<!--
+  Vue de ressource FrPnds : le `resourceId` est le `_id` du protocole, l'id
+  meme de la fiche PNDS.
+-->
+<template>
+  <div class="oip-drugs">
+    <OipDrugsFichesPndsFiche :id="id" :lang="lang" :highlight="highlight">
+      <template #title-link><slot name="title-link" /></template>
+    </OipDrugsFichesPndsFiche>
+  </div>
+</template>
+
+<script setup lang="ts">
+withDefaults(
+  defineProps<{
+    /** Le `resourceId` : `_id` du protocole dans l'index PNDS. */
+    id: string;
+    type?: string;
+    lang?: "fr" | "en";
+    highlight?: string[];
+  }>(),
+  { type: "FrPnds", lang: undefined, highlight: () => [] },
+);
+</script>

package/layer/app/components/oip-drugs/resources/Price.vue

@@ -0,0 +1,106 @@
+<!--
+  Une presentation du suivi des prix rangee dans un projet (portage de
+  pages/hubr/heart/prices/details/[id] de fr_drugs_app). La page relit la
+  presentation par son code CIP (`local_drug_id`) puis renvoie a la fiche
+  marque, onglet Prix : on monte cette fiche. Sans marque, la carte de la
+  presentation (celle de la liste des prix) ; sans document, le message de la
+  page.
+
+  `id` est l'`_id` du document (projet), ou son `local_drug_id` quand
+  `by="local_drug_id"` (lien vers la page de fr_drugs_app).
+-->
+<template>
+  <div class="oip-drugs oip-drugs-rv-price">
+    <RmLoadingState v-if="pending" spinner />
+
+    <OipDrugsFichesBrandFiche
+      v-else-if="brand"
+      v-model:tab="tab"
+      :brand="brand"
+      :lang="lang"
+      :highlight="highlight"
+    >
+      <template #title-link><slot name="title-link" /></template>
+    </OipDrugsFichesBrandFiche>
+
+    <template v-else-if="product">
+      <RmPageHeader eyebrow="🇫🇷 France">
+        <template #title>
+          {{ product.label }}
+          <slot name="title-link" />
+        </template>
+      </RmPageHeader>
+      <div class="oip-drugs-rv-price__body">
+        <OipDrugsHeartFranceBrandGroupCard :group="group" :search-queries="highlight" />
+      </div>
+    </template>
+
+    <div v-else class="oip_row v-center centered full_width mt-32">
+      <p>
+        {{
+          lang === "en"
+            ? "This product is not in the price database."
+            : "Ce produit n'est pas dans la base des prix."
+        }}
+      </p>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { oipEsSearch } from "../../../composables/useOipResources";
+import { ES_INDEX } from "../../../oip-drugs/esIndices";
+
+const props = withDefaults(
+  defineProps<{ id: string; type?: string; by?: string; highlight?: string[]; lang?: "fr" | "en" }>(),
+  { type: "FrDrugPrice", by: "", highlight: () => [], lang: "fr" },
+);
+
+/** L'onglet de la fiche marque, tenu ici (la page l'ecrivait dans `?tab=`). */
+const tab = ref("price");
+
+// Meme requete que la page quand l'id est un code CIP ; par `_id` sinon.
+const { data: hit, pending } = useAsyncData(
+  () => `oip-drugs-price-${props.by}-${props.id}`,
+  async () => {
+    const query =
+      props.by === "local_drug_id"
+        ? { bool: { must: [{ match: { local_drug_id: props.id } }] } }
+        : { ids: { values: [props.id] } };
+    const response = await oipEsSearch<any>("drugs", ES_INDEX.DRUG_CARDS, {
+      from: 0,
+      query,
+      size: 1,
+      track_total_hits: true,
+    });
+    return response?.hits?.hits?.[0] ?? null;
+  },
+  { server: false, watch: [() => props.id, () => props.by] },
+);
+
+const product = computed(() => hit.value?._source ?? null);
+const brand = computed(() => (product.value?.brand ? String(product.value.brand) : ""));
+
+/** La presentation seule, au format des groupes de la liste des prix (useHeartGroupedPrice). */
+const group = computed(() => {
+  const p = product.value ?? {};
+  const id = hit.value?._id ?? props.id;
+  return {
+    group_key: id,
+    brand: p.brand || p.label || "",
+    count: 1,
+    last_price_update: p.last_price_update ?? null,
+    manufacturers: [p.manufacturer].filter(Boolean),
+    molecules: [p.molecule].filter(Boolean),
+    products: [{ ...p, id }],
+    ids: [id],
+  };
+});
+</script>
+
+<style scoped>
+.oip-drugs-rv-price__body {
+  box-sizing: border-box;
+  padding: var(--space-24);
+}
+</style>

package/layer/app/components/oip-drugs/resources/Put.vue

@@ -0,0 +1,143 @@
+<!--
+  Une P.U.T. rangee dans un projet (portage de pages/hubr/heart/put/[id] de
+  fr_drugs_app). La page relit le protocole par son `_id` puis renvoie a la
+  fiche marque, onglet PUT : on monte cette fiche. Sans marque, ce que la page
+  montre alors : le bandeau, la carte du protocole et ses documents.
+-->
+<template>
+  <div class="oip-drugs oip-drugs-rv-put">
+    <RmLoadingState v-if="pending" spinner />
+
+    <OipDrugsFichesBrandFiche
+      v-else-if="brand"
+      v-model:tab="tab"
+      :brand="brand"
+      :lang="lang"
+      :highlight="highlight"
+    >
+      <template #title-link><slot name="title-link" /></template>
+    </OipDrugsFichesBrandFiche>
+
+    <div v-else-if="source" class="arg_page_layout" style="align-items: flex-start;">
+      <RmPageHeader :eyebrow="$t('oipDrugs.heart.put.titleShort')">
+        <template #title>
+          {{ source.specialty_dci || $t('oipDrugs.heart.put.detailsPage.title') }}
+          <slot name="title-link" />
+        </template>
+        <p v-if="source.authorization_date" class="oip_filter_label">
+          {{ heartFormatDate(source.authorization_date) }}
+        </p>
+      </RmPageHeader>
+
+      <div class="oip_list gap-12 full">
+        <OipDrugsHeartElasticSourceContainerElastic
+          :uuid="HEART_SOURCE_UUIDS.PUT"
+          :last-label="$t('oipDrugs.heart.sources.lastAuthorization')"
+          :last-date="source.authorization_date"
+        />
+
+        <OipDrugsHeartPutCard
+          class="full ml-24"
+          :product="source"
+          :product-id="docId"
+          :store-search-bar="highlight"
+          :in-details="true"
+        />
+
+        <!-- Documents Tekkare (docx) -->
+        <div v-if="docLinks.length > 0" class="oip_card oip_list gap-16 oip_body full ml-24 put_docs">
+          <div class="oip_list gap-4">
+            <p class="oip_heading">Documents</p>
+            <p class="put_doc_info">
+              {{ lang === 'fr'
+                ? "Vous permet d'accéder aux documents même en cas d'indisponibilité du site HAS."
+                : 'Allows you to access documents even if the HAS website is unavailable.' }}
+            </p>
+          </div>
+          <div class="oip_list gap-8">
+            <div v-for="(link, index) in docLinks" :key="'doc-' + index" class="oip_row gap-8 v-center">
+              <RmButton prefix-icon="DownloadSimple" variant="secondary" @click="openPdf(link)">
+                {{ $t('oipDrugs.heart.put.detailsPage.downloadPdf') }} - {{ getFileName(link) }}
+              </RmButton>
+            </div>
+          </div>
+        </div>
+
+        <!-- Documents PDF -->
+        <div v-if="pdfLinks.length > 0" class="oip_card oip_list gap-16 oip_body full ml-24 put_docs">
+          <p class="oip_heading">PDF</p>
+          <div class="oip_list gap-8">
+            <div v-for="(link, index) in pdfLinks" :key="'pdf-' + index" class="oip_row gap-8 v-center">
+              <RmButton prefix-icon="DownloadSimple" variant="secondary" @click="openPdf(link)">
+                {{ $t('oipDrugs.heart.put.detailsPage.downloadPdf') }} - {{ getFileName(link) }}
+              </RmButton>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <RmEmptyState
+      v-else
+      icon="FileX"
+      :title="lang === 'en' ? 'Record unavailable' : 'Fiche indisponible'"
+      :text="lang === 'en' ? 'The record is no longer in the data.' : 'La fiche n\'est plus dans la donnée.'"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { oipEsGet } from "../../../composables/useOipResources";
+import { ES_INDEX } from "../../../oip-drugs/esIndices";
+import { HEART_SOURCE_UUIDS } from "../../../oip-drugs/utils/sourceUuids";
+import { heartFormatDate } from "../../../oip-drugs/utils/heartStyleAndFormat";
+
+const props = withDefaults(
+  defineProps<{ id: string; type?: string; highlight?: string[]; lang?: "fr" | "en" }>(),
+  { type: "FrHasPut", highlight: () => [], lang: "fr" },
+);
+
+/** L'onglet de la fiche marque, tenu ici (la page l'ecrivait dans `?tab=`). */
+const tab = ref("put");
+
+const { data: hit, pending } = useAsyncData(
+  () => `oip-drugs-put-${props.id}`,
+  () => oipEsGet<any>("drugs", ES_INDEX.PUT_HAS, props.id),
+  { server: false, watch: [() => props.id] },
+);
+
+const source = computed(() => hit.value?._source ?? null);
+const docId = computed(() => hit.value?._id ?? props.id);
+/** La marque de la redirection de la page (`heartBrandPath(brand)`). */
+const brand = computed(() => (source.value?.brand ? String(source.value.brand) : ""));
+
+const docLinks = computed<string[]>(() => source.value?.tekkare_doc_links || []);
+const pdfLinks = computed<string[]>(() => source.value?.tekkare_pdf_links || []);
+
+function getFileName(url: string) {
+  if (!url) return "";
+  const parts = url.split("/");
+  return decodeURIComponent(parts[parts.length - 1]!);
+}
+
+function openPdf(url: string) {
+  if (url) window.open(url, "_blank");
+}
+</script>
+
+<style scoped>
+.ml-24 {
+  margin-left: 24px;
+}
+
+.put_docs {
+  box-sizing: border-box;
+  width: calc(100% - 24px);
+}
+
+.put_doc_info {
+  font-size: 13px;
+  color: var(--dark, #6c6c8a);
+  font-weight: 500;
+}
+</style>