@xen-orchestra/web-core 0.15.0 → 0.17.0

package/lib/locales/en.json

@@ -44,12 +44,16 @@
   "backups.vms-protection.protected": "In at least 1 job & protected",
   "backups.vms-protection.tooltip": "A VM is protected if it's in a backup job, with an enabled schedule, and the last run succeeded",
   "backups.vms-protection.unprotected": "In at least 1 job but unprotected",
+  "bond": "Bond",
+  "bond-devices": "Bond devices",
+  "bond-status": "Bond status",
   "bytes.gi": "GiB",
   "bytes.ki": "KiB",
   "bytes.mi": "MiB",
   "cancel": "Cancel",
   "change-state": "Change state",
   "check-errors": "Check out the errors:",
+  "check-summing": "TX checksumming",
   "click-to-display-alarms": "Click to display alarms:",
   "click-to-return-default-pool": "Click here to return to the default pool",
   "close": "Close",
@@ -65,7 +69,9 @@
   "console-clipboard": "Console clipboard",
   "console-unavailable": "Console unavailable",
   "copy": "Copy",
+  "copy-all": "Copy all",
   "copy-info-json": "Copy information into JSON",
+  "core.character-limit": "{count}/{max} character | {count}/{max} characters",
   "core.close": "Close",
   "core.copied": "Copied",
   "core.copy-id": "Copy ID",
@@ -74,6 +80,8 @@
   "core.group": "Group",
   "core.hide": "Hide",
   "core.open": "Open",
+  "core.pagination.all": "All",
+  "core.pagination.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",
@@ -91,6 +99,7 @@
   "core.sidebar.unlock": "Unlock sidebar",
   "core.sort.ascending": "Sort ascending",
   "core.sort.descending": "Sort descending",
+  "core.textarea.exceeds-max-characters": "Field value must be {max} characters or less.",
   "cpu-provisioning": "CPU provisioning",
   "cpu-provisioning-warning": "The number of vCPUs allocated exceeds the number of physical CPUs available. System performance could be affected",
   "cpu-usage": "CPU usage",
@@ -238,6 +247,7 @@
   "log-out": "Log out",
   "login": "Login",
   "login-only-on-master": "Login is only possible on the master host",
+  "mac-address": "MAC address",
   "mac-addresses": "MAC addresses",
   "management": "Management",
   "master": "Primary host",
@@ -257,22 +267,25 @@
   "network": "Network",
   "network-block-device": "Network block device",
   "network-download": "Download",
+  "network-information": "Network information",
   "network-throughput": "Network throughput",
   "network-upload": "Upload",
   "networks": "Networks",
   "new": "New",
   "new-features-are-coming": "New features are coming soon!",
+  "new-vif": "New VIF",
   "news": "News",
   "news-name": "{name} news",
   "no-alarm-triggered": "No alarm triggered",
   "no-data": "No data",
   "no-network-detected": "No network detected",
-  "no-pif-detected": "No pif detected",
+  "no-pif-detected": "No PIF detected",
   "no-result": "No result",
   "no-results": "No results",
   "no-selected-vm-can-be-exported": "No selected VM can be exported",
   "no-selected-vm-can-be-migrated": "No selected VM can be migrated",
   "no-tasks": "No tasks",
+  "no-vif-detected": "No VIF detected",
   "none": "None",
   "not-found": "Not found",
   "object": "Object",
@@ -290,6 +303,9 @@
   "password-invalid": "Password invalid",
   "patches": "Patches",
   "pause": "Pause",
+  "physical-interface-status": "Physical interface status",
+  "pif": "PIF",
+  "pif-status": "PIF status",
   "pifs": "PIFs",
   "pifs-status": "PIFs status",
   "please-confirm": "Please confirm",
@@ -306,6 +322,7 @@
   "power-on-vm-for-console": "Power on your VM to access its console",
   "power-state": "Power state",
   "professional-support": "Professional support",
+  "properties": "Properties",
   "property": "Property",
   "ram-usage": "RAM usage",
   "reboot": "Reboot",
@@ -363,6 +380,7 @@
   "switch-theme": "Switch theme",
   "system": "System",
   "table-actions": "Table actions",
+  "tags": "Tags",
   "task.estimated-end": "Estimated end",
   "task.progress": "Progress",
   "task.started": "Started",
@@ -395,6 +413,10 @@
   "vcpus": "vCPUs",
   "vcpus-used": "vCPUs used",
   "version": "Version",
+  "vif": "VIF",
+  "vif-device": "VIF #{device}",
+  "vif-status": "VIF status",
+  "vifs": "VIFs",
   "vlan": "VLAN",
   "vm": "VM",
   "vm-description": "VM description",

package/lib/locales/fr.json

@@ -44,12 +44,16 @@
   "backups.vms-protection.protected": "Dans au moins 1 job et protégé",
   "backups.vms-protection.tooltip": "Une VM est protégée si elle se trouve dans un job, avec une planification activée, et si la dernière exécution a réussi",
   "backups.vms-protection.unprotected": "Dans au moins 1 job mais sans protection",
+  "bond": "Bond",
+  "bond-devices": "Devices du bond",
+  "bond-status": "Statut du bond",
   "bytes.gi": "Gio",
   "bytes.ki": "Kio",
   "bytes.mi": "Mio",
   "cancel": "Annuler",
   "change-state": "Changer l'état",
   "check-errors": "Consultez les erreurs :",
+  "check-summing": "TX checksumming",
   "click-to-display-alarms": "Cliquer pour afficher les alarmes :",
   "click-to-return-default-pool": "Cliquer ici pour revenir au pool par défaut",
   "close": "Fermer",
@@ -65,7 +69,9 @@
   "console-clipboard": "Presse-papiers de la console",
   "console-unavailable": "Console indisponible",
   "copy": "Copier",
+  "copy-all": "Copier tout",
   "copy-info-json": "Copier les informations en JSON",
+  "core.character-limit": "{count}/{max} caractère | {count}/{max} caractères",
   "core.close": "Fermer",
   "core.copied": "Copié",
   "core.copy-id": "Copier l'ID",
@@ -74,6 +80,8 @@
   "core.group": "Grouper",
   "core.hide": "Masquer",
   "core.open": "Ouvrir",
+  "core.pagination.all": "Tous",
+  "core.pagination.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",
@@ -91,6 +99,7 @@
   "core.sidebar.unlock": "Déverrouiller la barre latérale",
   "core.sort.ascending": "Trier par ordre croissant",
   "core.sort.descending": "Trier par ordre décroissant",
+  "core.textarea.exceeds-max-characters": "Le champ doit contenir {max} caractères ou moins.",
   "cpu-provisioning": "Provisionnement CPU",
   "cpu-provisioning-warning": "Le nombre de vCPU alloués dépasse le nombre de CPU physique disponible. Les performances du système pourraient être affectées",
   "cpu-usage": "Utilisation CPU",
@@ -238,6 +247,7 @@
   "log-out": "Se déconnecter",
   "login": "Connexion",
   "login-only-on-master": "La connexion n'est possible que sur l'hôte primaire",
+  "mac-address": "Adresse MAC",
   "mac-addresses": "Adresses MAC",
   "management": "Gestion",
   "master": "Hôte primaire",
@@ -257,11 +267,13 @@
   "network": "Réseau",
   "network-block-device": "Protocole NBD (Network Block Device)",
   "network-download": "Descendant",
+  "network-information": "Informations du réseau",
   "network-throughput": "Débit du réseau",
   "network-upload": "Montant",
   "networks": "Réseaux",
   "new": "Nouveau",
   "new-features-are-coming": "De nouvelles fonctionnalités arrivent bientôt !",
+  "new-vif": "Nouveau VIF",
   "news": "Actualités",
   "news-name": "Actualités {name}",
   "no-alarm-triggered": "Aucune alarme déclenchée",
@@ -273,6 +285,7 @@
   "no-selected-vm-can-be-exported": "Aucune VM sélectionnée ne peut être exportée",
   "no-selected-vm-can-be-migrated": "Aucune VM sélectionnée ne peut être migrée",
   "no-tasks": "Aucune tâche",
+  "no-vif-detected": "Aucun VIF détecté",
   "none": "Aucun",
   "not-found": "Non trouvé",
   "object": "Objet",
@@ -290,6 +303,9 @@
   "password-invalid": "Mot de passe incorrect",
   "patches": "Patches",
   "pause": "Pause",
+  "physical-interface-status": "Statut de l'interface physique",
+  "pif": "PIF",
+  "pif-status": "Statut du PIF",
   "pifs": "PIFs",
   "pifs-status": "Statut des PIFs",
   "please-confirm": "Veuillez confirmer",
@@ -306,6 +322,7 @@
   "power-on-vm-for-console": "Allumez votre VM pour accéder à sa console",
   "power-state": "État d'alimentation",
   "professional-support": "Support professionnel",
+  "properties": "Propriétés",
   "property": "Propriété",
   "ram-usage": "Utilisation de la RAM",
   "reboot": "Redémarrer",
@@ -363,6 +380,7 @@
   "switch-theme": "Changer de thème",
   "system": "Système",
   "table-actions": "Actions du tableau",
+  "tags": "Tags",
   "task.estimated-end": "Fin estimée",
   "task.progress": "Progression",
   "task.started": "Démarré",
@@ -395,6 +413,10 @@
   "vcpus": "vCPUs",
   "vcpus-used": "vCPUs utilisés",
   "version": "Version",
+  "vif": "VIF",
+  "vif-device": "VIF #{device}",
+  "vif-status": "Statut du VIF",
+  "vifs": "VIFs",
   "vlan": "VLAN",
   "vm": "VM",
   "vm-description": "Description de la VM",

package/lib/utils/if-else.utils.ts

@@ -2,7 +2,7 @@ import type { MaybeArray, VoidFunction } from '@core/types/utility.type'
 import { toArray } from '@core/utils/to-array.utils'
 import { watch, type WatchOptions, type WatchSource } from 'vue'
 
-export interface IfElseOptions extends Pick<WatchOptions, 'immediate'> {}
+export interface IfElseOptions extends Pick<WatchOptions, 'immediate' | 'flush'> {}
 
 export function ifElse(
   source: WatchSource<boolean>,

package/lib/utils/injection-keys.util.ts

@@ -1,3 +1,4 @@
+import type { InputWrapperController } from '@core/components/input-wrapper/VtsInputWrapper.vue'
 import type { ValueFormatter } from '@core/types/chart'
 import type { ComputedRef, InjectionKey, Ref } from 'vue'
 
@@ -11,8 +12,6 @@ export const IK_TREE_ITEM_EXPANDED = Symbol('IK_TREE_ITEM_EXPANDED') as Injectio
 
 export const IK_TREE_LIST_DEPTH = Symbol('IK_TREE_LIST_DEPTH') as InjectionKey<number>
 
-export const IK_DROPDOWN_CHECKBOX = Symbol('IK_DROPDOWN_CHECKBOX') as InjectionKey<ComputedRef<boolean>>
-
 export const IK_MENU_HORIZONTAL = Symbol('IK_MENU_HORIZONTAL') as InjectionKey<ComputedRef<boolean>>
 
 export const IK_CLOSE_MENU = Symbol('IK_CLOSE_MENU') as InjectionKey<() => void>
@@ -20,3 +19,5 @@ export const IK_CLOSE_MENU = Symbol('IK_CLOSE_MENU') as InjectionKey<() => void>
 export const IK_MENU_TELEPORTED = Symbol('IK_MENU_TELEPORTED') as InjectionKey<boolean>
 
 export const IK_DISABLED = Symbol('IK_DISABLED') as InjectionKey<ComputedRef<boolean>>
+
+export const IK_INPUT_WRAPPER_CONTROLLER = Symbol('IK_INPUT_WRAPPER_CONTROLLER') as InjectionKey<InputWrapperController>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xen-orchestra/web-core",
   "type": "module",
-  "version": "0.15.0",
+  "version": "0.17.0",
   "private": false,
   "exports": {
     "./*": {
@@ -10,19 +10,19 @@
     }
   },
   "dependencies": {
-    "@floating-ui/vue": "^1.1.5",
-    "@fontsource/poppins": "^5.0.14",
-    "@fortawesome/fontawesome-common-types": "^6.5.1",
-    "@fortawesome/free-regular-svg-icons": "^6.5.1",
-    "@fortawesome/free-solid-svg-icons": "^6.5.1",
-    "@fortawesome/vue-fontawesome": "^3.0.5",
-    "@novnc/novnc": "^1.4.0",
+    "@floating-ui/vue": "^1.1.6",
+    "@fontsource/poppins": "^5.2.5",
+    "@fortawesome/fontawesome-common-types": "^6.7.2",
+    "@fortawesome/free-regular-svg-icons": "^6.7.2",
+    "@fortawesome/free-solid-svg-icons": "^6.7.2",
+    "@fortawesome/vue-fontawesome": "^3.0.8",
+    "@novnc/novnc": "~1.5.0",
     "@types/d3-time-format": "^4.0.3",
-    "@vueuse/core": "^10.7.1",
-    "@vueuse/math": "^10.7.1",
-    "@vueuse/shared": "^10.7.1",
+    "@vueuse/core": "^13.0.0",
+    "@vueuse/math": "^13.0.0",
+    "@vueuse/shared": "^13.0.0",
     "d3-time-format": "^4.1.0",
-    "echarts": "^5.4.3",
+    "echarts": "^5.6.0",
     "human-format": "^1.2.1",
     "iterable-backoff": "^0.1.0",
     "lodash-es": "^4.17.21",
@@ -30,19 +30,19 @@
     "vue-echarts": "^6.6.8"
   },
   "peerDependencies": {
-    "pinia": "^2.2.6",
-    "vue": "~3.5.12",
-    "vue-i18n": "^9.9.0",
-    "vue-router": "^4.4.5"
+    "pinia": "^3.0.1",
+    "vue": "~3.5.13",
+    "vue-i18n": "^11.1.2",
+    "vue-router": "^4.5.0"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
-    "@types/novnc__novnc": "^1.5.0",
-    "@vue/tsconfig": "^0.5.1",
-    "pinia": "^2.2.6",
-    "vue": "~3.5.12",
-    "vue-i18n": "^9.9.0",
-    "vue-router": "^4.4.5"
+    "@types/novnc__novnc": "~1.5.0",
+    "@vue/tsconfig": "^0.7.0",
+    "pinia": "^3.0.1",
+    "vue": "~3.5.13",
+    "vue-i18n": "^11.1.2",
+    "vue-router": "^4.5.0"
   },
   "homepage": "https://github.com/vatesfr/xen-orchestra/tree/master/@xen-orchestra/web-core",
   "bugs": "https://github.com/vatesfr/xen-orchestra/issues",

package/lib/components/dropdown/DropdownItem.vue

@@ -1,163 +0,0 @@
-<template>
-  <div v-tooltip="{ selector: '.label' }" :class="[color, { disabled, selected }]" class="dropdown-item">
-    <VtsIcon v-if="checkbox" :accent="color" :icon="selected ? faSquareCheck : faSquare" />
-    <slot name="icon">
-      <VtsIcon :icon accent="current" />
-    </slot>
-    <div class="label p2 medium text-ellipsis">
-      <slot />
-    </div>
-    <div v-if="info" class="info-text p3 italic">{{ info }}</div>
-    <VtsIcon v-if="arrow" :accent="disabled ? 'current' : 'brand'" :icon="faAngleRight" class="right-icon" />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import VtsIcon, { type IconAccent } from '@core/components/icon/VtsIcon.vue'
-import { vTooltip } from '@core/directives/tooltip.directive'
-import { IK_DROPDOWN_CHECKBOX } from '@core/utils/injection-keys.util'
-import type { IconDefinition } from '@fortawesome/fontawesome-common-types'
-import { faSquare } from '@fortawesome/free-regular-svg-icons'
-import { faAngleRight, faSquareCheck } from '@fortawesome/free-solid-svg-icons'
-import { computed, inject } from 'vue'
-
-defineProps<{
-  arrow?: boolean
-  color: IconAccent
-  disabled?: boolean
-  icon?: IconDefinition
-  info?: string
-  selected?: boolean
-}>()
-
-const checkbox = inject(
-  IK_DROPDOWN_CHECKBOX,
-  computed(() => false)
-)
-</script>
-
-<style lang="postcss" scoped>
-/* COLOR VARIANTS */
-.dropdown-item {
-  &.info {
-    --color: var(--color-neutral-txt-primary);
-    --background-color: var(--color-neutral-background-primary);
-
-    &:is(.active, .selected) {
-      --color: var(--color-neutral-txt-primary);
-      --background-color: var(--color-info-background-selected);
-    }
-
-    &:is(:hover, .hover, :focus-visible) {
-      --color: var(--color-neutral-txt-primary);
-      --background-color: var(--color-info-background-hover);
-    }
-
-    &:is(:active, .pressed) {
-      --color: var(--color-neutral-txt-primary);
-      --background-color: var(--color-info-background-active);
-    }
-
-    &.disabled {
-      --color: var(--color-neutral-txt-secondary);
-      --background-color: var(--color-neutral-background-primary);
-    }
-  }
-
-  &.success {
-    --color: var(--color-success-txt-base);
-    --background-color: var(--color-neutral-background-primary);
-
-    &:is(.active, .selected) {
-      --color: var(--color-success-txt-base);
-      --background-color: var(--color-success-background-selected);
-    }
-
-    &:is(:hover, .hover, :focus-visible) {
-      --color: var(--color-success-txt-hover);
-      --background-color: var(--color-success-background-hover);
-    }
-
-    &:is(:active, .pressed) {
-      --color: var(--color-success-txt-active);
-      --background-color: var(--color-success-background-active);
-    }
-
-    &.disabled {
-      --color: var(--color-neutral-txt-secondary);
-      --background-color: var(--color-neutral-background-primary);
-    }
-  }
-
-  &.warning {
-    --color: var(--color-warning-txt-base);
-    --background-color: var(--color-neutral-background-primary);
-
-    &:is(.active, .selected) {
-      --color: var(--color-warning-txt-base);
-      --background-color: var(--color-warning-background-selected);
-    }
-
-    &:is(:hover, .hover, :focus-visible) {
-      --color: var(--color-warning-txt-hover);
-      --background-color: var(--color-warning-background-hover);
-    }
-
-    &:is(:active, .pressed) {
-      --color: var(--color-warning-txt-active);
-      --background-color: var(--color-warning-background-active);
-    }
-
-    &.disabled {
-      --color: var(--color-neutral-txt-secondary);
-      --background-color: var(--color-neutral-background-primary);
-    }
-  }
-
-  &.danger {
-    --color: var(--color-danger-txt-base);
-    --background-color: var(--color-neutral-background-primary);
-
-    &:is(.active, .selected) {
-      --color: var(--color-danger-txt-base);
-      --background-color: var(--color-danger-background-selected);
-    }
-
-    &:is(:hover, .hover, :focus-visible) {
-      --color: var(--color-danger-txt-hover);
-      --background-color: var(--color-danger-background-hover);
-    }
-
-    &:is(:active, .pressed) {
-      --color: var(--color-danger-txt-active);
-      --background-color: var(--color-danger-background-active);
-    }
-
-    &.disabled {
-      --color: var(--color-neutral-txt-secondary);
-      --background-color: var(--color-neutral-background-primary);
-    }
-  }
-}
-
-/* IMPLEMENTATION */
-.dropdown-item {
-  display: flex;
-  align-items: center;
-  padding: 0.8rem;
-  gap: 0.8rem;
-  height: 3.7rem;
-  color: var(--color);
-  background: var(--background-color);
-  border-radius: 0.4rem;
-  margin: 0 0.4rem;
-}
-
-.label {
-  margin-right: auto;
-}
-
-.info-text {
-  color: var(--color-neutral-txt-secondary);
-}
-</style>

package/lib/components/dropdown/DropdownList.vue

@@ -1,31 +0,0 @@
-<template>
-  <div class="dropdown-list">
-    <slot />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { IK_DROPDOWN_CHECKBOX } from '@core/utils/injection-keys.util'
-import { computed, provide } from 'vue'
-
-const props = defineProps<{
-  checkbox?: boolean
-}>()
-
-provide(
-  IK_DROPDOWN_CHECKBOX,
-  computed(() => props.checkbox)
-)
-</script>
-
-<style lang="postcss" scoped>
-.dropdown-list {
-  display: flex;
-  flex-direction: column;
-  padding: 0.4rem 0;
-  gap: 0.2rem;
-  border-radius: 0.4rem;
-  background: var(--color-neutral-background-primary);
-  box-shadow: var(--shadow-300);
-}
-</style>