@xen-orchestra/web-core 0.35.1 → 0.37.0

package/lib/composables/relative-time.composable.ts

@@ -1,66 +1,13 @@
-import type { MaybeRef } from '@vueuse/core'
-import { computed, unref } from 'vue'
+import { formatTimeAgoIntl } from '@vueuse/core'
+import { computed, toValue, type MaybeRefOrGetter } from 'vue'
 import { useI18n } from 'vue-i18n'
 
-export default function useRelativeTime(fromDate: MaybeRef<Date>, toDate: MaybeRef<Date>) {
-  const { t } = useI18n()
-  const fromTime = computed(() => unref(fromDate).getTime())
-  const toTime = computed(() => unref(toDate).getTime())
-  const isPast = computed(() => toTime.value > fromTime.value)
-  const diff = computed(() => Math.abs(toTime.value - fromTime.value))
-
-  return computed(() => {
-    if (diff.value < 10000) {
-      return t('relative-time.now')
-    }
-
-    const years = Math.floor(diff.value / 31556952000)
-    let timeLeft = diff.value % 31556952000
-
-    const months = Math.floor(timeLeft / 2629746000)
-    timeLeft = timeLeft % 2629746000
-
-    const days = Math.floor(timeLeft / 86400000)
-    timeLeft = timeLeft % 86400000
-
-    const hours = Math.floor(timeLeft / 3600000)
-    timeLeft = timeLeft % 3600000
-
-    const minutes = Math.floor(timeLeft / 60000)
-    timeLeft = timeLeft % 60000
-    const seconds = Math.floor(timeLeft / 1000)
-
-    const parts = []
-
-    if (years > 0) {
-      parts.push(t('relative-time.year', { n: years }))
-    }
-
-    if (months > 0) {
-      const n = days >= 15 ? months + 1 : months
-      parts.push(t('relative-time.month', { n }))
-    }
-
-    if (years === 0 && months === 0) {
-      if (days > 0) {
-        parts.push(t('relative-time.day', { n: days }))
-      }
-
-      if (days <= 1 && hours > 0) {
-        parts.push(t('relative-time.hour', { n: hours }))
-      }
-
-      if (days === 0 && minutes > 0) {
-        parts.push(t('relative-time.minute', { n: minutes }))
-      }
+export function getRelativeTime(date: MaybeRefOrGetter<Date>, locale: MaybeRefOrGetter<string>) {
+  return formatTimeAgoIntl(toValue(date), { locale: toValue(locale) })
+}
 
-      if (minutes === 0 && seconds > 0) {
-        parts.push(t('relative-time.second', { n: seconds }))
-      }
-    }
+export default function useRelativeTime(date: MaybeRefOrGetter<Date>) {
+  const { locale } = useI18n()
 
-    return t(isPast.value ? 'relative-time.past' : 'relative-time.future', {
-      str: parts.join(' '),
-    })
-  })
+  return computed(() => getRelativeTime(date, locale))
 }

package/lib/composables/table-state.composable.ts

@@ -0,0 +1,56 @@
+import type { StateHeroType } from '@core/components/state-hero/VtsStateHero.vue'
+import type { TableState } from '@core/components/table/VtsTable.vue'
+import { computed, toValue, type MaybeRefOrGetter } from 'vue'
+import { useI18n } from 'vue-i18n'
+
+type TableStateInput = undefined | boolean | string | TableState
+
+export function useTableState(config: {
+  busy?: MaybeRefOrGetter<TableStateInput>
+  error?: MaybeRefOrGetter<TableStateInput>
+  empty?: MaybeRefOrGetter<TableStateInput>
+}) {
+  const { t } = useI18n()
+
+  const DEFAULT_MESSAGES: { [K in StateHeroType]?: string } = {
+    'no-data': t('no-data'),
+    'no-result': t('no-result'),
+    error: t('error-no-data'),
+  }
+
+  function handleStateInput(
+    defaultType: StateHeroType,
+    inputRaw: MaybeRefOrGetter<TableStateInput>
+  ): TableState | undefined {
+    const input = toValue(inputRaw)
+
+    if (input === undefined) {
+      return undefined
+    }
+
+    if (typeof input === 'object') {
+      return { message: DEFAULT_MESSAGES[input.type], ...input }
+    }
+
+    if (typeof input === 'string') {
+      return { type: defaultType, message: input }
+    }
+
+    if (input) {
+      return {
+        type: defaultType,
+        message: DEFAULT_MESSAGES[defaultType],
+      }
+    }
+
+    return undefined
+  }
+
+  return computed(() => {
+    return (
+      handleStateInput('busy', config.busy) ??
+      handleStateInput('error', config.error) ??
+      handleStateInput('no-data', config.empty)
+    )
+  })
+}

package/lib/composables/tree-filter.composable.ts

@@ -1,4 +1,4 @@
-import type { TreeNodeBase } from '@core/composables/tree/tree-node-base'
+import type { TreeNodeBase } from '@core/packages/tree/tree-node-base'
 import { refDebounced } from '@vueuse/shared'
 import { computed, ref } from 'vue'
 
@@ -12,5 +12,5 @@ export function useTreeFilter() {
   const predicate = (node: TreeNodeBase) =>
     hasFilter.value ? node.label.toLocaleLowerCase().includes(debouncedFilter.value.toLocaleLowerCase()) : undefined
 
-  return { filter, predicate, isSearching }
+  return { filter, predicate, isSearching, hasFilter }
 }

package/lib/icons/fa-icons.ts

@@ -58,6 +58,7 @@ import {
   faExclamation,
   faExclamationCircle,
   faExternalLink,
+  faEye,
   faEyeSlash,
   faFileCsv,
   faFileExport,
@@ -166,6 +167,7 @@ export const faIcons = defineIconPack({
   exclamation: { icon: faExclamation },
   'exclamation-circle': { icon: faExclamationCircle },
   'external-link': { icon: faExternalLink },
+  eye: { icon: faEye },
   'eye-slash': { icon: faEyeSlash },
   file: { icon: faFile },
   'file-csv': { icon: faFileCsv },

package/lib/icons/object-icons.ts

@@ -198,7 +198,7 @@ export const objectIcons = defineIconPack({
     },
     { icon: getStatusIcon(state) },
   ]),
-  network: defineIcon([['connected', 'disconnected']], state => [
+  network: defineIcon([['connected', 'partially-connected', 'disconnected']], state => [
     {
       icon: faNetworkWired,
       color: getMainColor(state),

package/lib/locales/en.json

@@ -10,8 +10,11 @@
   "account-organization-more": "Account, organization & more…",
   "add": "Add",
   "add-filter": "Add filter",
+  "add-host-internal-network-in-xo-5": "Add a host internal network in XO-5",
+  "add-network-in-xo-5": "Add network in XO-5",
   "add-or": "+OR",
   "add-sort": "Add sort",
+  "add-vifs-in-xo-5": "Add VIF in XO-5",
   "admin-login": "Admin login",
   "admin-password": "Admin password",
   "admin-password-confirm": "Confirm admin password",
@@ -47,6 +50,7 @@
   "backed-up-vms": "Backed up VMs",
   "backup": "Backup",
   "backup-issues": "Backup issues",
+  "backup-job": "Backup job",
   "backup-jobs": "Backup jobs",
   "backup-network": "Backup network",
   "backup-repositories": "Backup repositories",
@@ -218,6 +222,7 @@
   "enabled": "Enabled",
   "end-date": "End date",
   "end-of-life": "End of life",
+  "ended": "Ended",
   "engines-off": "Engines off, orbit stable",
   "eol": "EOL",
   "error": "Error | Errors",
@@ -366,6 +371,7 @@
   "last-run-number": "Last run #{n}",
   "last-week": "Last week",
   "learn-more": "Learn more",
+  "lets-go": "Let's go!",
   "license-name": "{name} license",
   "license-socket": "License socket",
   "license-type": "License type",
@@ -384,6 +390,7 @@
   "mac-address": "MAC address",
   "mac-addresses": "MAC addresses",
   "manage-citrix-pv-drivers-via-windows-update": "Manage citrix PV drivers via Windows Update",
+  "manage-vm-lifecycle-in-xo-5": "Manage VM lifecycle in XO-5",
   "management": "Management",
   "management-agent-not-detected": "Management agent not detected",
   "management-agent-version": "Management agent version",
@@ -444,6 +451,7 @@
   "no-alarms-detected": "No alarms detected",
   "no-backed-up-vms-detected": "No backed up VMs detected",
   "no-backup-available": "No backup available",
+  "no-backup-job-available": "No backup job available",
   "no-backup-repositories-detected": "No backup repositories detected",
   "no-backup-run-available": "No backup run available",
   "no-config": "No configuration",
@@ -458,6 +466,7 @@
   "no-pools-detected": "No pools detected",
   "no-result": "No result",
   "no-results": "No results",
+  "no-schedule-available": "No schedule available",
   "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-server-detected": "No server detected",
@@ -495,6 +504,7 @@
   "partially-connected": "Partially connected",
   "password": "Password",
   "password-invalid": "Password invalid",
+  "patch-name": "Patch name",
   "patches": "Patches",
   "patches-up-to-date": "Patches up to date",
   "pause": "Pause",
@@ -524,6 +534,13 @@
   "pools-status.unknown.tooltip": "Servers currently connecting or in an unknown state",
   "pools-status.unreachable": "Unreachable",
   "pools-status.unreachable.tooltip": "Configured servers that cannot be reached",
+  "popup-first-connection-default-interface": "From now on, this new version will be your default interface. If you prefer to keep XO 5 as your default for now, you can {documentationLink} to do so.",
+  "popup-first-connection-early-release": "Please note that this is an early release of an ongoing project. You’ll notice that some familiar pages from XO 5 are not yet available and that most features are currently read-only.",
+  "popup-first-connection-feedback": "Before we move forward, we’d love to hear your {feedbackLink} on the current state of XO 6. You can switch back to the previous version anytime by clicking the “XO 5” link in the top-right corner of any page.",
+  "popup-first-connection-feedback-and-impressions": "feedback and impressions",
+  "popup-first-connection-follow-this-guide": "follow this guide",
+  "popup-first-connection-introduction": "We’re excited to introduce the first official release of Xen Orchestra 6.",
+  "popup-first-connection-upcoming-release": "In the upcoming releases, we’ll be adding actions on all objects, user management, backup features, and much more. We hope you’ll enjoy exploring this brand-new interface!",
   "power-on-host-for-console": "Power on your host to access its console",
   "power-on-mode": "Power on mode",
   "power-on-vm-for-console": "Power on your VM to access its console",
@@ -578,12 +595,14 @@
   "s3-backup-repository": "S3 backup repository",
   "save": "Save",
   "scan-pifs": "Scan PIFs",
+  "scan-pifs-in-xo-5": "@:scan-pifs in XO-5",
   "schedule": "Schedule",
   "schedule-name": "Schedule name",
   "scheduler-granularity": "Scheduler granularity",
   "schedules": "Schedules",
   "secure-boot": "Secure boot",
   "see-all": "See all",
+  "see-details": "See details",
   "see-less": "See less",
   "see-n-more": "See {n} more",
   "select-compression": "Select a compression",
@@ -601,6 +620,8 @@
   "settings.missing-translations": "Missing or incorrect translations?",
   "shared": "Shared",
   "shorter-backup-reports": "Shorter backup reports",
+  "show-less": "Show less",
+  "show-more": "Show more",
   "shutdown": "Shutdown",
   "sidebar.search-tree-view": "Search in treeview",
   "sidebar.vms-treeview": "VMs treeview",
@@ -656,9 +677,10 @@
   "table-actions": "Table actions",
   "tags": "Tags",
   "task": "Task",
+  "task.ended": "@:ended",
   "task.estimated-end": "Estimated end",
   "task.progress": "Progress",
-  "task.started": "Started",
+  "task.started": "@:started",
   "tasks": "Tasks",
   "tasks.n-subtasks": "{n} subtask | {n} subtasks",
   "tasks.no-tasks": "No tasks",
@@ -700,6 +722,7 @@
   "unlocked": "Unlocked",
   "unreachable-hosts": "Unreachable hosts",
   "unreachable-hosts-reload-page": "Done, reload the page",
+  "untitled": "Untitled",
   "untranslated-text-helper": "By default, untranslated texts will be presented in english.",
   "up-to-date": "Up-to-date",
   "update": "Update",
@@ -754,6 +777,7 @@
   "vms-tags": "VMs tags",
   "warning": "Warning | Warnings",
   "weblate": "Weblate",
+  "welcome-to-xo6": "Welcome to XO 6!",
   "with-memory": "With memory",
   "write": "Write",
   "xcp-ng": "XCP-ng",
@@ -763,6 +787,7 @@
   "xo-backups": "XO backups",
   "xo-lite-under-construction": "XOLite is under construction",
   "xo-replications": "XO replications",
+  "xo-team": "The XO Team",
   "xoa": "XOA",
   "xoa-admin-account": "XOA admin account",
   "xoa-deploy": "XOA deployment",

package/lib/locales/fr.json

@@ -10,8 +10,11 @@
   "account-organization-more": "Compte, organisation et plus…",
   "add": "Ajouter",
   "add-filter": "Ajouter un filtre",
+  "add-host-internal-network-in-xo-5": "Ajouter un réseau interne à l'hôte dans XO-5",
+  "add-network-in-xo-5": "Ajouter un réseau dans XO-5",
   "add-or": "+OU",
   "add-sort": "Ajouter un tri",
+  "add-vifs-in-xo-5": "Ajouter un VIF dans XO-5",
   "admin-login": "Nom d'utilisateur administrateur",
   "admin-password": "Mot de passe administrateur",
   "admin-password-confirm": "Confirmer le mot de passe administrateur",
@@ -47,6 +50,7 @@
   "backed-up-vms": "VMs sauvegardées",
   "backup": "Sauvegarde",
   "backup-issues": "Problèmes de sauvegarde",
+  "backup-job": "Job de sauvegarde",
   "backup-jobs": "Jobs de sauvegarde",
   "backup-network": "Réseau de sauvegarde",
   "backup-repositories": "Dépôts de sauvegarde",
@@ -218,6 +222,7 @@
   "enabled": "Activé",
   "end-date": "Date de fin",
   "end-of-life": "Fin de vie",
+  "ended": "Terminé",
   "engines-off": "Moteurs arrêtés, orbite stable",
   "eol": "EOL",
   "error": "Erreur | Erreurs",
@@ -366,6 +371,7 @@
   "last-run-number": "Dernière exécution #{n}",
   "last-week": "Semaine dernière",
   "learn-more": "En savoir plus",
+  "lets-go": "Allons-y !",
   "license-name": "Licence {name}",
   "license-socket": "Licence socket",
   "license-type": "Type de licence",
@@ -384,6 +390,7 @@
   "mac-address": "Adresse MAC",
   "mac-addresses": "Adresses MAC",
   "manage-citrix-pv-drivers-via-windows-update": "Gérer les pilotes Citrix PV via Windows Update",
+  "manage-vm-lifecycle-in-xo-5": "Gérer le cycle de vie de la VM dans XO-5",
   "management": "Gestion",
   "management-agent-not-detected": "Agent de gestion non détecté",
   "management-agent-version": "Version de l'agent de gestion",
@@ -444,6 +451,7 @@
   "no-alarms-detected": "Aucune alarme détectée",
   "no-backed-up-vms-detected": "Aucune VM sauvegardée détectée",
   "no-backup-available": "Aucune sauvegarde disponible",
+  "no-backup-job-available": "Aucun job de sauvegarde disponible",
   "no-backup-repositories-detected": "Aucun dépôt de sauvegarde détecté",
   "no-backup-run-available": "Aucune exécution de sauvegarde disponible",
   "no-config": "Aucune configuration",
@@ -458,6 +466,7 @@
   "no-pools-detected": "Aucun pool détecté",
   "no-result": "Aucun résultat",
   "no-results": "Aucun résultat",
+  "no-schedule-available": "Aucune planification disponible",
   "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-server-detected": "Aucun serveur détecté",
@@ -495,6 +504,7 @@
   "partially-connected": "Partiellement connecté",
   "password": "Mot de passe",
   "password-invalid": "Mot de passe incorrect",
+  "patch-name": "Nom du patch",
   "patches": "Patches",
   "patches-up-to-date": "Patches à jour",
   "pause": "Pause",
@@ -524,6 +534,13 @@
   "pools-status.unknown.tooltip": "Serveurs en cours de connexion ou dans un état inconnu",
   "pools-status.unreachable": "Injoignables",
   "pools-status.unreachable.tooltip": "Serveurs configurés mais non joignables",
+  "popup-first-connection-default-interface": "Désormais, cette nouvelle version sera votre interface par défaut. Si vous préférez conserver XO 5 comme version par défaut pour le moment, vous pouvez {documentationLink}.",
+  "popup-first-connection-early-release": "Veuillez noter qu’il s’agit d’une version préliminaire d’un projet en cours. Vous constaterez que certaines pages familières de XO 5 ne sont pas encore disponibles et que la plupart des fonctionnalités sont actuellement en lecture seule.",
+  "popup-first-connection-feedback": "Avant de poursuivre, nous aimerions recueillir vos {feedbackLink} sur l’état actuel de XO 6. Vous pouvez revenir à la version précédente à tout moment en cliquant sur le lien « XO 5 » en haut à droite de n’importe quelle page.",
+  "popup-first-connection-feedback-and-impressions": "retours et impressions",
+  "popup-first-connection-follow-this-guide": "suivre ce guide",
+  "popup-first-connection-introduction": "Nous sommes ravis de vous présenter la première version officielle de Xen Orchestra 6.",
+  "popup-first-connection-upcoming-release": "Dans les prochaines versions, nous ajouterons des actions sur tous les objets, la gestion des utilisateurs, des fonctionnalités de sauvegarde et bien plus encore. Nous espérons que vous apprécierez découvrir cette toute nouvelle interface !",
   "power-on-host-for-console": "Allumez votre hôte pour accéder à sa console",
   "power-on-mode": "Mode d'alimentation",
   "power-on-vm-for-console": "Allumez votre VM pour accéder à sa console",
@@ -578,12 +595,14 @@
   "s3-backup-repository": "Dépot de sauvegarde S3",
   "save": "Enregistrer",
   "scan-pifs": "Scan PIFs",
+  "scan-pifs-in-xo-5": "@:scan-pifs dans XO-5",
   "schedule": "Planification",
   "schedule-name": "Nom de la planification",
   "scheduler-granularity": "Granularité de la planification",
   "schedules": "Planifications",
   "secure-boot": "Démarrage sécurisé",
   "see-all": "Voir tout",
+  "see-details": "Voir les détails",
   "see-less": "Voir moins",
   "see-n-more": "Voir {n} de plus",
   "select-compression": "Sélectionnez une compression",
@@ -601,6 +620,8 @@
   "settings.missing-translations": "Traductions manquantes ou incorrectes ?",
   "shared": "Partagé",
   "shorter-backup-reports": "Rapports de sauvegarde plus courts",
+  "show-less": "Voir moins",
+  "show-more": "Voir plus",
   "shutdown": "Arrêter",
   "sidebar.search-tree-view": "Rechercher dans l'arborescence",
   "sidebar.vms-treeview": "Arborescence des VMs",
@@ -656,9 +677,10 @@
   "table-actions": "Actions du tableau",
   "tags": "Tags",
   "task": "Tâche",
+  "task.ended": "Terminée",
   "task.estimated-end": "Fin estimée",
   "task.progress": "Progression",
-  "task.started": "Démarré",
+  "task.started": "Démarrée",
   "tasks": "Tâches",
   "tasks.n-subtasks": "{n} sous-tâche | {n} sous-tâches",
   "tasks.no-tasks": "Aucune tâche",
@@ -700,6 +722,7 @@
   "unlocked": "Débloqué",
   "unreachable-hosts": "Hôtes inaccessibles",
   "unreachable-hosts-reload-page": "C'est fait. Rafraîchir la page",
+  "untitled": "Sans titre",
   "untranslated-text-helper": "Par défaut, les textes non traduits seront affichés en anglais.",
   "up-to-date": "À jour",
   "update": "Mettre à jour",
@@ -754,6 +777,7 @@
   "vms-tags": "Tags des VMs",
   "warning": "Avertissement | Avertissements",
   "weblate": "Weblate",
+  "welcome-to-xo6": "Bienvenue sur XO 6 !",
   "with-memory": "Avec mémoire",
   "write": "Écriture",
   "xcp-ng": "XCP-ng",
@@ -763,6 +787,7 @@
   "xo-backups": "Sauvegardes XO",
   "xo-lite-under-construction": "XOLite est en construction",
   "xo-replications": "Réplications XO",
+  "xo-team": "L'équipe XO",
   "xoa": "XOA",
   "xoa-admin-account": "Compte administrateur de la XOA",
   "xoa-deploy": "Déploiement de la XOA",

package/lib/packages/form-select/use-form-select-controller.ts

@@ -53,6 +53,7 @@ export function useFormSelectController(select: FormSelect) {
     middleware: [shift(), flip(), size()],
     placement: 'bottom-start',
     open: isOpen,
+    strategy: 'fixed',
   })
 
   /* SEARCH */