@tekkare/romulus 0.1.243 → 0.1.244

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.16.0"
   },
-  "version": "0.1.242",
+  "version": "0.1.243",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/layer/app/components/layout/alertBrandSync.vue

@@ -0,0 +1,143 @@
+<!--
+  Demande posee quand une vue surveillee par une alerte de marque change de
+  produits.
+
+  Le composant ne rend rien tant que `useAlertBrandSync` n'a rien a demander :
+  il est monte dans les layouts a cote de la snack bar, parce que la question
+  nait de deux endroits (le panneau « Mes vues » et la pastille de vue de la
+  barre de filtres) et qu'il n'y a pas de raison d'en avoir deux copies.
+-->
+<script setup lang="ts">
+const { locale } = useI18n();
+const sync = useAlertBrandSync();
+
+const fr = computed(() => locale.value !== "en");
+
+/**
+ * Les marques ajoutees et retirees, plutot que les deux listes entieres.
+ *
+ * C'est la difference qui decide, et une vue de trente produits rendait la
+ * question illisible des qu'on montrait les listes cote a cote.
+ */
+const added = computed(() => {
+  const current = new Set(sync.pending.value?.current ?? []);
+  return (sync.pending.value?.brands ?? []).filter((brand) => !current.has(brand));
+});
+
+const removed = computed(() => {
+  const next = new Set(sync.pending.value?.brands ?? []);
+  return (sync.pending.value?.current ?? []).filter((brand) => !next.has(brand));
+});
+
+/** Au-dela, la liste ne s'enumere plus : elle se compte. */
+const NAMES = 5;
+
+function summarize(list: string[]): string {
+  if (list.length <= NAMES) return list.join(", ");
+  const rest = list.length - NAMES;
+  return `${list.slice(0, NAMES).join(", ")} ${fr.value ? `et ${rest} autre${rest > 1 ? "s" : ""}` : `and ${rest} more`}`;
+}
+
+const title = computed(() =>
+  fr.value ? "Mettre l’alerte à jour ?" : "Update the alert?",
+);
+</script>
+
+<template>
+  <RmModal
+    :model-value="!!sync.pending.value"
+    mode="free"
+    size="sm"
+    :label="title"
+    @update:model-value="sync.dismiss()"
+  >
+    <template #header>{{ title }}</template>
+
+    <div v-if="sync.pending.value" class="abs_body">
+      <p class="abs_lead">
+        {{
+          fr
+            ? `Cette vue est surveillée par « ${sync.pending.value.alert.title} », qui suit encore les produits d’avant.`
+            : `This view is watched by “${sync.pending.value.alert.title}”, still following the previous products.`
+        }}
+      </p>
+
+      <ul class="abs_changes">
+        <li v-if="added.length">
+          <strong>{{ fr ? "Ajoutées" : "Added" }}</strong> : {{ summarize(added) }}
+        </li>
+        <li v-if="removed.length">
+          <strong>{{ fr ? "Retirées" : "Removed" }}</strong> : {{ summarize(removed) }}
+        </li>
+      </ul>
+
+      <!-- Dit d'avance ce que « Mettre à jour » coûte : l'alerte repart d'une
+           référence neuve, donc elle ne rapportera rien de ce qui a bougé
+           entre-temps. Le découvrir après coup passerait pour une panne. -->
+      <p class="abs_note">
+        {{
+          fr
+            ? "L’alerte repart d’une nouvelle référence : elle ne signalera que ce qui bouge à partir de maintenant."
+            : "The alert starts from a fresh baseline: it will only report what moves from now on."
+        }}
+      </p>
+
+      <div class="abs_actions">
+        <RmButton variant="ghost" size="sm" @click="sync.dismiss()">
+          {{ fr ? "Laisser telle quelle" : "Leave it as is" }}
+        </RmButton>
+        <RmButton
+          variant="primary"
+          size="sm"
+          :disabled="sync.syncing.value"
+          @click="sync.confirm()"
+        >
+          {{ fr ? "Mettre à jour" : "Update" }}
+        </RmButton>
+      </div>
+    </div>
+  </RmModal>
+</template>
+
+<style scoped>
+.abs_body {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.abs_lead {
+  margin: 0;
+  color: var(--text-primary);
+  font-size: 13px;
+  line-height: 1.5;
+}
+
+.abs_changes {
+  margin: 0;
+  padding: 10px 12px;
+  border-radius: 8px;
+  background: var(--bg-surface-3);
+  list-style: none;
+}
+
+.abs_changes li {
+  color: var(--text-secondary);
+  font-size: 12px;
+  line-height: 1.6;
+}
+
+.abs_note {
+  margin: 0;
+  color: var(--text-secondary);
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.abs_actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-top: 4px;
+}
+</style>

package/layer/app/components/layout/tool/adminTemplates.vue

@@ -0,0 +1,261 @@
+<!--
+  Onglet « Admin templates » du groupe Vues et alertes (superadmins seuls).
+
+  L'inventaire des templates publies sur la page, quel que soit l'espace
+  vise : qui l'a publie, a qui il est offert, quand il a bouge. Ils vivaient
+  dans « Mes vues » de l'administrateur qui les avait publies, melanges a ses
+  vues de travail, et ceux de ses collegues n'apparaissaient nulle part.
+
+  Tout template se gere ici, quel que soit qui l'a publie : changer les
+  espaces qui le recoivent, ou le retirer. Retirer ne supprime rien : la vue
+  revient dans « Mes vues » de son proprietaire. L'acces d'un template ne
+  passe que par ses espaces cibles (l'API ignore le partage nominatif sur un
+  template), d'ou un dialogue sans liste de personnes.
+-->
+<script setup lang="ts">
+import { useOipApi } from "#oip-app/api";
+import { oipSnackbar } from "#oip-app/ui";
+import { toTemplate } from "../../../composables/useViewTemplates";
+import { sameViewPage } from "../../../utils/viewPages";
+
+const { locale } = useI18n();
+const route = useRoute();
+const views = useViews();
+const elysia = useOipApi();
+const { workspaces, ensureWorkspaces } = useAdminAccess();
+
+const page = computed(() => views.current.value?.page ?? route.path);
+const { cardOf, start } = useViewTemplates(() => page.value);
+
+type Row = Awaited<ReturnType<typeof elysia.admin.viewTemplates>>["data"][number];
+
+const rows = ref<Row[]>([]);
+const loading = ref(false);
+
+/**
+ * Tout l'inventaire d'un coup, trie par page ici : une vue est rangee sous
+ * `route.path`, donc sous `/en/...` pour qui a publie en anglais (cf.
+ * `sameViewPage`). Recharge a chaque ouverture : un partage modifie depuis
+ * « Mes vues » doit s'y lire au retour.
+ */
+async function load() {
+  loading.value = true;
+  try {
+    const [res] = await Promise.all([elysia.admin.viewTemplates(), ensureWorkspaces()]);
+    rows.value = res?.data ?? [];
+  } catch (error) {
+    console.error("[adminTemplates] Inventaire indisponible:", error);
+    rows.value = [];
+  } finally {
+    loading.value = false;
+  }
+}
+
+onMounted(load);
+
+const pageRows = computed(() => rows.value.filter((row) => sameViewPage(row.page, page.value)));
+
+const en = computed(() => locale.value === "en");
+
+const dateFormat = computed(
+  () => new Intl.DateTimeFormat(en.value ? "en-GB" : "fr-FR", { dateStyle: "medium" }),
+);
+
+function workspaceName(id: string) {
+  return workspaces.value.find((ws) => ws.workspaceId === id)?.name ?? id;
+}
+
+/** Qui a acces : tous les espaces quand aucune cible n'est posee. */
+function accessRow(row: Row) {
+  const targets = row.targetWorkspaces ?? [];
+  if (!targets.length) {
+    return {
+      icon: "Globe",
+      key: en.value ? "Access" : "Accès",
+      value: en.value ? "Every workspace" : "Tous les espaces",
+    };
+  }
+  return {
+    icon: "Buildings",
+    key: `${en.value ? "Access" : "Accès"} (${targets.length})`,
+    pills: targets.map((id) => ({ k: en.value ? "Workspace" : "Espace", v: workspaceName(id) })),
+  };
+}
+
+function metaOf(row: Row) {
+  const meta = [
+    {
+      icon: "User",
+      label: row.isOwner
+        ? en.value
+          ? "Published by you"
+          : "Publié par vous"
+        : `${en.value ? "Published by" : "Publié par"} ${row.ownerName ?? "?"}`,
+    },
+  ];
+  const date = new Date(row.updatedAt);
+  if (!Number.isNaN(date.getTime())) {
+    meta.push({
+      icon: "Clock",
+      label: `${en.value ? "Updated on" : "Modifié le"} ${dateFormat.value.format(date)}`,
+    });
+  }
+  return meta;
+}
+
+function menuOf(row: Row) {
+  return [
+    { key: "share", label: en.value ? "Edit access" : "Modifier l'accès", icon: "Buildings" },
+    {
+      key: "withdraw",
+      label: en.value ? "Remove from templates" : "Retirer des templates",
+      icon: "XCircle",
+      danger: true,
+      confirm: true,
+      confirmText: en.value
+        ? `« ${row.title} » will no longer be offered to any workspace. The view stays in its owner's views.`
+        : `« ${row.title} » ne sera plus proposé à aucun espace. La vue reste dans les vues de son propriétaire.`,
+    },
+  ];
+}
+
+const cards = computed(() =>
+  pageRows.value.map((row) => {
+    const card = cardOf(toTemplate(row));
+    return {
+      ...card,
+      id: row.id,
+      menu: menuOf(row),
+      config: [accessRow(row), ...card.config],
+      meta: metaOf(row),
+    };
+  }),
+);
+
+function activate(id: string) {
+  const row = rows.value.find((item) => item.id === id);
+  if (row) start(toTemplate(row));
+}
+
+/** Un mot dans la barre du bas, comme le panneau « Mes vues ». */
+function notify(text: string) {
+  oipSnackbar([
+    { attribute: "isVisible", value: true },
+    { attribute: "text", value: text },
+    { attribute: "loader", value: false },
+    { attribute: "hasTimeOut", value: true },
+  ]);
+}
+
+async function update(id: string, body: { isTemplate?: boolean; targetWorkspaces?: string[] }) {
+  try {
+    await elysia.admin.updateViewTemplate(id, body);
+    return true;
+  } catch (error) {
+    console.error("[adminTemplates] Mise a jour refusee:", error);
+    notify(en.value ? "The template could not be updated." : "Le template n'a pas pu être modifié.");
+    return false;
+  } finally {
+    await load();
+  }
+}
+
+/** Template dont on regle l'acces, ou null. */
+const editingId = ref<string | null>(null);
+const editing = computed(() => rows.value.find((row) => row.id === editingId.value) ?? null);
+const dialogOpen = computed({
+  get: () => editing.value !== null,
+  set: (open: boolean) => {
+    if (!open) editingId.value = null;
+  },
+});
+
+/**
+ * Le dialogue rend toute la portee ; seuls le drapeau et les espaces comptent
+ * ici. Choisir autre chose que « template » revient a le retirer : la
+ * visibilite et les destinataires restent l'affaire du proprietaire.
+ */
+async function confirmAccess(share: { isTemplate?: boolean; targetWorkspaces?: string[] }) {
+  const row = editing.value;
+  editingId.value = null;
+  if (!row) return;
+  if (share.isTemplate === false) {
+    if (await update(row.id, { isTemplate: false })) {
+      notify(en.value ? "Template removed." : "Template retiré.");
+    }
+    return;
+  }
+  const targets = share.targetWorkspaces ?? [];
+  if (await update(row.id, { targetWorkspaces: targets })) {
+    notify(
+      targets.length
+        ? en.value
+          ? `Template offered to ${targets.length} workspace${targets.length > 1 ? "s" : ""}.`
+          : `Template proposé à ${targets.length} espace${targets.length > 1 ? "s" : ""}.`
+        : en.value
+          ? "Template offered to every workspace."
+          : "Template proposé à tous les espaces.",
+    );
+  }
+}
+
+async function onAction(key: string, id: string) {
+  if (key === "share") editingId.value = id;
+  else if (key === "withdraw") {
+    if (await update(id, { isTemplate: false })) {
+      notify(en.value ? "Template removed." : "Template retiré.");
+    }
+  }
+}
+</script>
+
+<template>
+  <div class="full_width">
+  <RmSavedViews
+    class="full_width"
+    :views="cards"
+    :menu="[]"
+    :renamable="false"
+    :starrable="false"
+    :loading="loading"
+    hide-tip
+    save-label=""
+    reset-label=""
+    dirty-title=""
+    :description="
+      en
+        ? 'Every template published on this page, whatever workspace it is offered to: who published it and who can see it.'
+        : 'Tous les templates publiés sur cette page, quel que soit l\'espace visé : qui l\'a publié et qui y a accès.'
+    "
+    :empty-title="en ? 'No template on this page' : 'Aucun template sur cette page'"
+    :empty-text="
+      en
+        ? 'Publish a view as a template from its Share menu in My views.'
+        : 'Publiez une vue comme template depuis son menu Partager, dans Mes vues.'
+    "
+    empty-action-label=""
+    :lang="en ? 'en' : 'fr'"
+    @activate="activate"
+    @action="onAction"
+  />
+
+  <RmShareDialog
+    v-model="dialogOpen"
+    :title="editing?.title ?? ''"
+    :members="[]"
+    can-template
+    is-template
+    :target-workspaces="editing?.targetWorkspaces ?? []"
+    :workspaces="workspaces"
+    :lang="en ? 'en' : 'fr'"
+    @save="confirmAccess"
+  />
+  </div>
+</template>
+
+<style scoped>
+.full_width {
+  align-self: stretch;
+  width: 100%;
+}
+</style>