@xen-orchestra/web-core 0.11.0 → 0.13.0

package/lib/components/ui/input/UiInput.vue

@@ -69,6 +69,7 @@ const labelAccent = computed(() => (accent === 'info' ? 'neutral' : accent))
   position: relative;
   display: flex;
   flex-direction: column;
+  flex: 1;
   gap: 0.4rem;
   flex: 1;
 

package/lib/components/ui/stacked-bar/UiStackedBar.vue

@@ -2,7 +2,7 @@
 <template>
   <div class="ui-stacked-bar">
     <StackedBarSegment
-      v-for="(segment, index) in segments"
+      v-for="(segment, index) in parsedSegments"
       :key="index"
       :accent="segment.accent"
       :percentage="max === 0 ? 0 : (segment.value / max) * 100"
@@ -12,23 +12,36 @@
 
 <script lang="ts" setup>
 import StackedBarSegment, { type StackedBarSegmentProps } from '@core/components/ui/stacked-bar/StackedBarSegment.vue'
+import { formatSizeParse } from '@core/utils/size.util'
 import { computed } from 'vue'
 
 type Segment = {
   value: number
   accent: StackedBarSegmentProps['accent']
+  unit?: string
 }
 
 export type StackedBarProps = {
   segments: Segment[]
-  maxValue?: number
+  maxValue?: {
+    value?: number
+    unit?: string
+  }
 }
 
 const props = defineProps<StackedBarProps>()
 
-const totalValue = computed(() => props.segments.reduce((acc, segment) => acc + segment.value, 0))
+const totalValue = computed(() =>
+  props.segments.reduce((acc, segment) => acc + (formatSizeParse(segment.value, segment.unit) ?? 0), 0)
+)
 
-const max = computed(() => Math.max(props.maxValue ?? 0, totalValue.value))
+const max = computed(() =>
+  Math.max(formatSizeParse(props.maxValue?.value, props.maxValue?.unit) ?? 0, totalValue.value)
+)
+
+const parsedSegments = computed(() =>
+  props.segments.map(segment => ({ ...segment, value: formatSizeParse(segment.value, segment.unit) ?? 0 }))
+)
 </script>
 
 <style lang="postcss" scoped>

package/lib/composables/table/multi-select.composable.ts

@@ -0,0 +1,32 @@
+import { computed, ref, unref, type MaybeRef, type Ref } from 'vue'
+
+export default function useMultiSelect<T>(usableIds: MaybeRef<T[]>, selectableIds?: MaybeRef<T[]>) {
+  const $selected = ref(new Set()) as Ref<Set<T>>
+
+  const selected = computed({
+    get() {
+      return unref(usableIds).filter(usableId => $selected.value.has(usableId))
+    },
+    set(ids: T[]) {
+      $selected.value = new Set(ids)
+    },
+  })
+
+  const areAllSelected = computed({
+    get() {
+      return (unref(selectableIds) ?? unref(usableIds)).every(id => $selected.value.has(id))
+    },
+    set(value: boolean) {
+      if (value) {
+        $selected.value = new Set(unref(selectableIds) ?? unref(usableIds))
+      } else {
+        $selected.value = new Set()
+      }
+    },
+  })
+
+  return {
+    selected,
+    areAllSelected,
+  }
+}

package/lib/locales/cs.json

@@ -1,28 +1,28 @@
 {
   "alarms": "Výstrahy",
 
+  "bytes.gi": "GiB",
   "bytes.ki": "KiB",
   "bytes.mi": "MiB",
-  "bytes.gi": "GiB",
 
   "coming-soon": "Už brzy!",
   "console": "Konzole",
 
+  "core.close": "Zavřít",
   "core.copied": "Zkopírováno",
   "core.copy-id": "Zkopírovat identif.",
-  "core.close": "Zavřít",
   "core.current": "Stávající",
   "core.filter": "Filtrovat",
   "core.group": "Skupina",
   "core.hide": "Skrýt",
   "core.open": "Otevřít",
-  "core.quick-actions": "Rychlé akce",
-
-  "core.search": "Hledat",
-
   "core.query-search-bar.label": "Vyhledávací engine",
+
   "core.query-search-bar.placeholder": "Zadejte svůj dotaz…",
+
   "core.query-search-bar.use-query-builder": "Použít nástroj pro sestavování dotazů",
+  "core.quick-actions": "Rychlé akce",
+  "core.search": "Hledat",
 
   "core.select.all": "Vybrat vše",
   "core.select.none": "Zrušit výběr všeho",
@@ -35,9 +35,9 @@
   "core.sort.ascending": "Seřadit vzestupně",
   "core.sort.descending": "Seřadit sestupně",
 
-  "dark-mode.enable": "Zapnout tmavý režim",
-  "dark-mode.disable": "Vypnout tmavý režim",
   "dark-mode.auto": "Automatický tmavý režim",
+  "dark-mode.disable": "Vypnout tmavý režim",
+  "dark-mode.enable": "Zapnout tmavý režim",
 
   "dashboard": "Přehled",
   "documentation-name": "Dokumentace k {name}",
@@ -53,8 +53,8 @@
   "object-not-found": "Objekt {id} nebylo možné nalézt…",
   "other": "Ostatní",
   "patches": "Záplaty",
-  "power-on-vm-for-console": "Konzole virt. stroje bude přístupná až po jeho zapnutí",
   "power-on-host-for-console": "Konzole virt. stroje bude přístupná až po jeho zapnutí",
+  "power-on-vm-for-console": "Konzole virt. stroje bude přístupná až po jeho zapnutí",
   "professional-support": "Profesionální podpora",
   "running-vm": "Spuštěný virt. stroj | Spuštěné virt. stroje",
   "see-all": "Zobrazit vše",

package/lib/locales/de.json

@@ -1,48 +1,43 @@
 {
-  "alarms": "Alarme",
-
-  "bytes.ki": "KiB",
-  "bytes.mi": "MiB",
-  "bytes.gi": "GiB",
-
-  "coming-soon": "Bald verfügbar!",
-  "console": "Konsole",
-
-  "core.close": "Schließen",
-
-  "core.select.all": "Alles auswählen",
-  "core.select.none": "Alle abwählen",
-
-  "dark-mode.enable": "Aktivieren Sie den Dunkelmodus",
-  "dark-mode.disable": "Deaktivieren Sie den Dunkelmodus",
-  "dark-mode.auto": "Automatischer Dunkelmodus",
-
-  "dashboard": "Dashboard",
-  "documentation-name": "{name} Dokumentation",
-  "error-no-data": "Fehler beim Datenabruf.",
-  "fullscreen": "Vollbild",
-  "gateway": "Gateway",
-  "hosts": "Hosts",
-  "learn-more": "Mehr erfahren",
-  "loading-in-progress": "Ladevorgang läuft…",
-  "log-out": "Abmelden",
-  "master": "Primärer Host",
-  "n-vms": "1 VM | {n} VMs",
-  "network": "Netzwerk",
-  "object-not-found": "Objekt {id} wurde nicht gefunden…",
-  "open-console-in-new-tab": "Konsole in neuem Reiter öffnen",
-  "page-not-found": "Diese Seite wurde nicht gefunden…",
-  "patches": "Patches",
-  "power-on-vm-for-console": "Konsole ist nach Start der VM verfügbar",
-  "power-on-host-for-console": "Konsole ist nach Start des Hosts verfügbar",
-  "running-vm": "VM eingeschalten | VMs eingeschalten",
-  "send-ctrl-alt-del": "Ctrl+Alt+Del senden",
-  "stats": "Statistiken",
-  "storage": "Speicher",
-  "system": "System",
-
-  "tasks": "Aufgaben",
-  "tasks.quick-view": "Schnellansicht der Aufgaben",
-
-  "vms": "VMs"
+    "alarms": "Alarme",
+    "bytes.ki": "KiB",
+    "bytes.mi": "MiB",
+    "bytes.gi": "GiB",
+    "coming-soon": "Bald verfügbar!",
+    "console": "Konsole",
+    "core.close": "Schließen",
+    "core.group": "Gruppe",
+    "core.select.all": "Alles auswählen",
+    "core.select.none": "Alle abwählen",
+    "dark-mode.enable": "Aktivieren Sie den Dunkelmodus",
+    "dark-mode.disable": "Deaktivieren Sie den Dunkelmodus",
+    "dark-mode.auto": "Automatischer Dunkelmodus",
+    "dashboard": "Dashboard",
+    "dhcp": "DHCP",
+    "documentation-name": "{name} Dokumentation",
+    "error-no-data": "Fehler beim Datenabruf.",
+    "fullscreen": "Vollbild",
+    "gateway": "Gateway",
+    "hosts": "Hosts",
+    "learn-more": "Mehr erfahren",
+    "loading-in-progress": "Ladevorgang läuft…",
+    "log-out": "Abmelden",
+    "master": "Primärer Host",
+    "n-vms": "1 VM | {n} VMs",
+    "netmask": "Netzmaske",
+    "network": "Netzwerk",
+    "object-not-found": "Objekt {id} wurde nicht gefunden…",
+    "open-console-in-new-tab": "Konsole in neuem Reiter öffnen",
+    "page-not-found": "Diese Seite wurde nicht gefunden…",
+    "patches": "Patches",
+    "power-on-vm-for-console": "Konsole ist nach Start der VM verfügbar",
+    "power-on-host-for-console": "Konsole ist nach Start des Hosts verfügbar",
+    "running-vm": "VM eingeschalten | VMs eingeschalten",
+    "send-ctrl-alt-del": "Ctrl+Alt+Del senden",
+    "stats": "Statistiken",
+    "storage": "Speicher",
+    "system": "System",
+    "tasks": "Aufgaben",
+    "tasks.quick-view": "Schnellansicht der Aufgaben",
+    "vms": "VMs"
 }

package/lib/locales/en.json

@@ -1,37 +1,42 @@
 {
+  "access-forum": "Access forum",
   "alarms": "Alarms",
 
+  "bytes.gi": "GiB",
   "bytes.ki": "KiB",
   "bytes.mi": "MiB",
-  "bytes.gi": "GiB",
 
   "coming-soon": "Coming soon!",
+  "connected": "Connected",
   "console": "Console",
   "console-actions": "Console actions",
   "console-clipboard": "Console clipboard",
+  "copy-info-json": "Copy information into JSON",
 
+  "core.close": "Close",
   "core.copied": "Copied",
   "core.copy-id": "Copy ID",
-  "core.close": "Close",
   "core.current": "Current",
   "core.filter": "Filter",
   "core.group": "Group",
   "core.hide": "Hide",
   "core.open": "Open",
-  "core.quick-actions": "Quick actions",
-
-  "core.search": "Search",
-  "core.show-by": "Show by",
 
   "core.query-search-bar.label": "Search Engine",
   "core.query-search-bar.placeholder": "Write your query…",
   "core.query-search-bar.use-query-builder": "Use query builder",
 
+  "core.quick-actions": "Quick actions",
+  "core.search": "Search",
+
   "core.select.all": "Select all",
-  "core.select.none": "Select none",
-  "core.select.unselect": "Unselect all",
   "core.select.n-object-of": "{from} - {to} of {total} objects",
   "core.select.n-selected-of": "{count} selected of {total} objects",
+  "core.select.none": "Select none",
+  "core.select.unselect": "Unselect all",
+
+  "core.show-by": "Show by",
+
   "core.sidebar.close": "Close sidebar",
   "core.sidebar.lock": "Lock sidebar open",
   "core.sidebar.open": "Open sidebar",
@@ -40,49 +45,79 @@
   "core.sort.ascending": "Sort ascending",
   "core.sort.descending": "Sort descending",
 
-  "dark-mode.enable": "Enable dark mode",
-  "dark-mode.disable": "Disable dark mode",
   "dark-mode.auto": "Auto dark mode",
+  "dark-mode.disable": "Disable dark mode",
+  "dark-mode.enable": "Enable dark mode",
 
-  "access-forum": "Access forum",
-  "connected": "Connected",
   "dashboard": "Dashboard",
+  "default-locking-mode": "Default locking mode",
+  "delete": "Delete",
+  "description": "Description",
+  "device": "Device",
+  "disabled": "Disabled",
   "disconnected": "Disconnected",
   "disconnected-from-physical-device": "Disconnected from physical device",
+  "dns": "DNS",
   "documentation-name": "{name} documentation",
+  "edit": "Edit",
   "error-no-data": "Error, can't collect data.",
   "exit-fullscreen": "Exit fullscreen",
   "fullscreen": "Fullscreen",
   "gateway": "Gateway",
+  "host-internal-networks": "Host internal networks",
   "hosts": "Hosts",
+  "id": "Id",
+  "ip-addresses": "IP addresses",
+  "ip-mode": "IP mode",
   "learn-more": "Learn more",
   "loading-in-progress": "Loading in progress…",
+  "locking-mode": "Locking mode",
+  "locking-mode-default": "Default locking mode",
   "log-out": "Log out",
+  "mac-addresses": "MAC addresses",
+  "management": "Management",
   "master": "Primary host",
+  "mtu": "MTU",
   "n-vms": "1 VM | {n} VMs",
+  "name": "Name",
   "network": "Network",
+  "network-block-device": "Network block device",
+  "networks": "Networks",
+  "new": "New",
   "no-data": "No data",
+  "no-network-detected": "No network detected",
+  "no-pif-detected": "No pif detected",
+  "no-result": "No result",
+  "none": "None",
   "object-not-found": "Object {id} can't be found…",
+  "off": "Off",
+  "on": "On",
   "open-console-in-new-tab": "Open console in new tab",
   "other": "Other",
   "page-not-found": "This page is not to be found…",
   "partially-connected": "Partially connected",
   "patches": "Patches",
-  "power-on-vm-for-console": "Power on your VM to access its console",
+  "pifs": "PIFs",
+  "pifs-status": "PIFs status",
   "power-on-host-for-console": "Power on your host to access its console",
+  "power-on-vm-for-console": "Power on your VM to access its console",
   "professional-support": "Professional support",
   "receive": "Receive",
   "running-vm": "Running VM | Running VMs",
+  "scan-pifs": "Scan PIFs",
   "see-all": "See all",
   "select-to-see-details": "Select an element to see details",
   "send": "Send",
   "send-ctrl-alt-del": "Send Ctrl+Alt+Del",
   "speed": "Speed",
+  "static": "Static",
   "stats": "Stats",
+  "status": "Status",
   "storage": "Storage",
   "system": "System",
-
+  "table-actions": "Table actions",
   "tasks": "Tasks",
+
   "tasks.n-subtasks": "{n} subtask | {n} subtasks",
   "tasks.no-tasks": "No tasks",
   "tasks.quick-view": "Tasks' quick view",
@@ -93,5 +128,8 @@
 
   "total": "Total",
   "total-cpus": "Total CPUs",
+  "unknown": "Unknown",
+  "unlocked": "Unlocked",
+  "vlan": "VLAN",
   "vms": "VMs"
 }

package/lib/locales/fa.json

@@ -1,9 +1,9 @@
 {
   "alarms": "هشدارها",
 
+  "bytes.gi": "GiB",
   "bytes.ki": "KiB",
   "bytes.mi": "MiB",
-  "bytes.gi": "GiB",
 
   "coming-soon": "به زودی!",
   "console": "کنسول",
@@ -27,11 +27,12 @@
   "core.sort.ascending": "مرتب سازی صعودی",
   "core.sort.descending": "مرتب سازی نزولی",
 
-  "dark-mode.enable": "فعال کردن حالت تاریک",
-  "dark-mode.disable": "غیر فعال کردن حالت تاریک",
   "dark-mode.auto": "حالت خودکار تاریک",
+  "dark-mode.disable": "غیر فعال کردن حالت تاریک",
+  "dark-mode.enable": "فعال کردن حالت تاریک",
 
   "dashboard": "داشبورد",
+  "dhcp": "DHCP",
   "documentation-name": "اسناد {name}",
   "error-no-data": "خطا، نمی توان داده ها را جمع آوری کرد.",
   "fullscreen": "تمام صفحه",
@@ -44,8 +45,8 @@
   "open-console-in-new-tab": "باز کردن کنسول در برگه جدید",
   "page-not-found": "این صفحه پیدا نمی شود…",
   "patches": "وصله ها",
-  "power-on-vm-for-console": "ماشین مجازی خود را روشن کنید تا به کنسول آن دسترسی داشته باشید",
   "power-on-host-for-console": "هاست خود را برای دسترسی به کنسول آن روشن کنید",
+  "power-on-vm-for-console": "ماشین مجازی خود را روشن کنید تا به کنسول آن دسترسی داشته باشید",
   "running-vm": "ماشین های مجازی در حال اجرا | ماشین مجازی در حال اجرا",
   "send-ctrl-alt-del": "ارسال کلیدهای Ctrl+Alt+Del",
   "stats": "آمار",

package/lib/locales/fr.json

@@ -1,37 +1,42 @@
 {
+  "access-forum": "Accès au forum",
   "alarms": "Alarmes",
 
+  "bytes.gi": "Gio",
   "bytes.ki": "Kio",
   "bytes.mi": "Mio",
-  "bytes.gi": "Gio",
 
   "coming-soon": "Bientôt disponible !",
+  "connected": "Connecté",
   "console": "Console",
   "console-actions": "Actions de la console",
   "console-clipboard": "Presse-papiers de la console",
+  "copy-info-json": "Copier les informations en JSON",
 
+  "core.close": "Fermer",
   "core.copied": "Copié",
   "core.copy-id": "Copier l'ID",
-  "core.close": "Fermer",
   "core.current": "Actuel",
   "core.filter": "Filtrer",
   "core.group": "Grouper",
   "core.hide": "Masquer",
   "core.open": "Ouvrir",
-  "core.quick-actions": "Actions rapides",
-
-  "core.search": "Rechercher",
-  "core.show-by": "Afficher par",
 
   "core.query-search-bar.label": "Moteur de recherche",
   "core.query-search-bar.placeholder": "Écrivez votre requête…",
   "core.query-search-bar.use-query-builder": "Utiliser le constructeur de requête",
 
+  "core.quick-actions": "Actions rapides",
+  "core.search": "Rechercher",
+
   "core.select.all": "Tout sélectionner",
-  "core.select.none": "Tout désélectionner",
-  "core.select.unselect": "Tout désélectionner",
   "core.select.n-object-of": "{from} - {to} de {total} objets",
   "core.select.n-selected-of": "{count} objet sélectionné sur {total} | {count} objet sélectionné sur {total} | {count} objets sélectionnés sur {total}",
+  "core.select.none": "Tout désélectionner",
+  "core.select.unselect": "Tout désélectionner",
+
+  "core.show-by": "Afficher par",
+
   "core.sidebar.close": "Fermer la barre latérale",
   "core.sidebar.lock": "Verrouiller la barre latérale",
   "core.sidebar.open": "Ouvrir la barre latérale",
@@ -40,49 +45,79 @@
   "core.sort.ascending": "Trier par ordre croissant",
   "core.sort.descending": "Trier par ordre décroissant",
 
-  "dark-mode.enable": "Activer le mode sombre",
-  "dark-mode.disable": "Désactiver le mode sombre",
   "dark-mode.auto": "Mode sombre automatique",
+  "dark-mode.disable": "Désactiver le mode sombre",
+  "dark-mode.enable": "Activer le mode sombre",
 
-  "access-forum": "Accès au forum",
-  "connected": "Connecté",
   "dashboard": "Tableau de bord",
+  "default-locking-mode": "Mode de verrouillage par défaut",
+  "delete": "Supprimer",
+  "description": "Description",
+  "device": "Appareil",
+  "disabled": "Désactivé",
   "disconnected": "Déconnecté",
   "disconnected-from-physical-device": "Déconnecté de l'appareil physique",
+  "dns": "DNS",
   "documentation-name": "Documentation {name}",
+  "edit": "Modifier",
   "error-no-data": "Erreur, impossible de collecter les données.",
   "exit-fullscreen": "Quitter le plein écran",
   "fullscreen": "Plein écran",
   "gateway": "Passerelle",
+  "host-internal-networks": "Réseaux internes de l'hôte",
   "hosts": "Hôtes",
+  "id": "Id",
+  "ip-addresses": "IP addresses",
+  "ip-mode": "Mode IP",
   "learn-more": "En savoir plus",
   "loading-in-progress": "Chargement en cours…",
+  "locking-mode": "Mode verrouillé",
+  "locking-mode-default": "Mode verrouillé par défaut",
   "log-out": "Se déconnecter",
+  "mac-addresses": "Adresses MAC",
+  "management": "Gestion",
   "master": "Hôte primaire",
+  "mtu": "MTU",
   "n-vms": "1 VM | {n} VMs",
+  "name": "Nom",
   "network": "Réseau",
+  "network-block-device": "Dispositif de blocage réseau",
+  "networks": "Réseaux",
+  "new": "Nouveau",
   "no-data": "Aucune donnée",
+  "no-network-detected": "Aucun réseau détecté",
+  "no-pif-detected": "Aucun PIF détecté",
+  "no-result": "Aucun résultat",
+  "none": "Aucun",
   "object-not-found": "L'objet {id} est introuvable…",
+  "off": "Éteint",
+  "on": "Allumé",
   "open-console-in-new-tab": "Ouvrir la console dans un nouvel onglet",
   "other": "Autre",
   "page-not-found": "Cette page est introuvable…",
   "partially-connected": "Partiellement connecté",
   "patches": "Patches",
-  "power-on-vm-for-console": "Allumez votre VM pour accéder à sa console",
+  "pifs": "PIFs",
+  "pifs-status": "Statut des PIFs",
   "power-on-host-for-console": "Allumez votre hôte pour accéder à sa console",
-  "professional-support": "Support professionel",
+  "power-on-vm-for-console": "Allumez votre VM pour accéder à sa console",
+  "professional-support": "Support professionnel",
   "receive": "Recevoir",
   "running-vm": "VM en cours d'exécution | VMs en cours d'exécution",
+  "scan-pifs": "Scan PIFs",
   "see-all": "Voir tout",
-  "select-to-see-details": "Sélectionnez un élement pour voir les details",
+  "select-to-see-details": "Sélectionnez un élément pour voir les détails",
   "send": "Envoyer",
   "send-ctrl-alt-del": "Envoyer Ctrl+Alt+Suppr",
   "speed": "Vitesse",
+  "static": "Statique",
   "stats": "Stats",
+  "status": "Statut",
   "storage": "Stockage",
   "system": "Système",
-
+  "table-actions": "Actions du tableau",
   "tasks": "Tâches",
+
   "tasks.n-subtasks": "{n} sous-tâche | {n} sous-tâches",
   "tasks.no-tasks": "Aucune tâche",
   "tasks.quick-view": "Vue rapide des tâches",
@@ -93,5 +128,8 @@
 
   "total": "Total",
   "total-cpus": "Total CPUs",
+  "unknown": "Inconnu",
+  "unlocked": "Débloqué",
+  "vlan": "VLAN",
   "vms": "VMs"
 }

package/lib/utils/size.util.ts

@@ -0,0 +1,30 @@
+import { parse, Scale, raw } from 'human-format'
+
+const scale = Scale.create(['', 'KiB', 'MiB', 'GiB', 'TiB'], 1024)
+
+export const formatSizeRaw = (bytes: number | undefined, decimals: number) => {
+  if (bytes === undefined) {
+    return undefined
+  }
+
+  return raw(bytes, { maxDecimals: decimals, scale })
+}
+
+export const formatSizeParse = (size: number | undefined, unit?: string) => {
+  if (size === undefined) {
+    return undefined
+  }
+
+  let value = String(size)
+  if (unit !== undefined) {
+    value += ` ${unit}`
+  }
+
+  const result = parse(value, { scale })
+  if (isNaN(result)) {
+    console.error(`[formatSizeParse]: got ${result}, expected a number`)
+    return undefined
+  }
+
+  return result
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xen-orchestra/web-core",
   "type": "module",
-  "version": "0.11.0",
+  "version": "0.13.0",
   "private": false,
   "exports": {
     "./*": {
@@ -23,6 +23,7 @@
     "@vueuse/shared": "^10.7.1",
     "d3-time-format": "^4.1.0",
     "echarts": "^5.4.3",
+    "human-format": "^1.2.1",
     "iterable-backoff": "^0.1.0",
     "lodash-es": "^4.17.21",
     "placement.js": "^1.0.0-beta.5",