@xen-orchestra/web-core 0.25.0 → 0.26.1

package/lib/components/state-hero/VtsStateHero.vue

@@ -2,9 +2,9 @@
   <div :class="[type, { error }]" class="vts-state-hero">
     <UiLoader v-if="busy" class="loader" />
     <img v-else-if="imageSrc" :src="imageSrc" alt="" class="image" />
-    <p v-if="slots.default" :class="typoClass" class="text">
+    <div v-if="slots.default" :class="typoClass" class="content">
       <slot />
-    </p>
+    </div>
   </div>
 </template>
 
@@ -14,7 +14,7 @@ import { computed } from 'vue'
 
 export type StateHeroType = 'page' | 'card' | 'panel' | 'table'
 
-const props = defineProps<{
+const { type, busy, image, noBackground } = defineProps<{
   type: StateHeroType
   busy?: boolean
   image?:
@@ -27,21 +27,22 @@ const props = defineProps<{
     | 'offline'
     | 'all-good'
     | 'all-done'
+  noBackground?: boolean
 }>()
 
 const slots = defineSlots<{
   default?(): any
 }>()
 
-const typoClass = computed(() => (props.type === 'page' ? 'typo-h2' : 'typo-h4'))
-const error = computed(() => !props.busy && props.image === 'error')
+const typoClass = computed(() => (type === 'page' ? 'typo-h2' : 'typo-h4'))
+const error = computed(() => !noBackground && !busy && image === 'error')
 
 const imageSrc = computed(() => {
-  if (!props.image) {
+  if (!image) {
     return undefined
   }
 
-  return new URL(`../../assets/${props.image}.svg`, import.meta.url).href
+  return new URL(`../../assets/${image}.svg`, import.meta.url).href
 })
 </script>
 
@@ -56,13 +57,13 @@ const imageSrc = computed(() => {
   &.error {
     background-color: var(--color-danger-background-selected);
 
-    .text {
+    .content {
       color: var(--color-danger-txt-base);
     }
   }
 
   .loader,
-  .text {
+  .content {
     color: var(--color-brand-txt-base);
   }
 
@@ -70,14 +71,14 @@ const imageSrc = computed(() => {
     order: 2;
   }
 
-  .text {
+  .content {
     order: 3;
   }
 
   &.page {
     gap: 2.4rem;
 
-    .text {
+    .content {
       order: 3;
     }
 
@@ -96,7 +97,7 @@ const imageSrc = computed(() => {
   &.card {
     gap: 2rem;
 
-    .text {
+    .content {
       order: 3;
     }
 
@@ -117,7 +118,7 @@ const imageSrc = computed(() => {
     justify-content: unset;
     padding-top: 8rem;
 
-    .text {
+    .content {
       order: 1;
     }
 
@@ -136,7 +137,7 @@ const imageSrc = computed(() => {
     padding: 4rem;
     gap: 2.4rem;
 
-    .text {
+    .content {
       order: 3;
     }
 

package/lib/components/ui/alarm-item/UiAlarmItem.vue

@@ -11,15 +11,15 @@
           :target-scale="2"
           @click="toggleDescription()"
         />
-        <span v-tooltip class="text-ellipsis">
+        <span v-tooltip class="label text-ellipsis">
           {{ label }}
         </span>
-        <span class="percent">{{ t('n-percent', percent) }}</span>
+        <span class="percent">{{ percent ? t('n-percent', percent) : '' }}</span>
       </div>
-      <div class="typo-body-regular-small info">
+      <div class="info typo-body-regular-small text-ellipsis">
         <div v-if="slots.link" class="link-container">
           {{ t('on-object') }}
-          <span class="object-link">
+          <span v-tooltip class="object-link text-ellipsis">
             <slot name="link" />
           </span>
           <span class="interpunct" />
@@ -69,17 +69,17 @@ const [isDescriptionVisible, toggleDescription] = useToggle(false)
   display: flex;
   flex-direction: column;
   padding: 0.8rem 1.2rem;
-  border-block: 0.1rem solid var(--color-neutral-border);
+  border-bottom: 0.1rem solid var(--color-neutral-border);
   color: var(--color-neutral-txt-primary);
 
-  &:not(:first-child) {
-    border-block-start: none;
+  &:last-child {
+    border-bottom: none;
   }
 
   .content {
     display: flex;
     justify-content: space-between;
-    gap: 0.6rem;
+    gap: 0.8rem;
   }
 
   .label-percent {
@@ -102,6 +102,7 @@ const [isDescriptionVisible, toggleDescription] = useToggle(false)
   .link-container {
     gap: 0.8rem;
     white-space: nowrap;
+    min-width: 10rem;
   }
 
   .interpunct::before {

package/lib/components/ui/alarm-list/UiAlarmList.vue

@@ -16,5 +16,7 @@ defineSlots<{
   overflow-y: auto;
   overflow-x: hidden;
   height: 100%;
+  border-top: 0.1rem solid var(--color-neutral-border);
+  border-bottom: 0.1rem solid var(--color-neutral-border);
 }
 </style>

package/lib/components/ui/quoteCode/UiQuoteCode.vue

@@ -68,6 +68,7 @@ const className = computed(() =>
   .label-container {
     display: flex;
     justify-content: space-between;
+    align-items: center;
 
     .label {
       color: var(--color-neutral-txt-secondary);

package/lib/locales/cs.json

@@ -550,7 +550,6 @@
   "uuid": "UUID",
   "vcpus": "virt. procesor | virt. procesor | virt. procesory",
   "vcpus-assigned": "Přiděleno virt. procesorů",
-  "vcpus-used": "využito virt. procesorů",
   "vdi-throughput": "propustnost VDI",
   "vdis": "Virt. disk | Virt. disky | Virt. disků",
   "version": "Verze",

package/lib/locales/de.json

@@ -480,7 +480,6 @@
   "uuid": "UUID",
   "vcpus": "vCPU | vCPU | vCPUs",
   "vcpus-assigned": "Zugewiesene vCPUs",
-  "vcpus-used": "Genutzte vCPUs",
   "vdis": "VDI | VDI | VDIs",
   "version": "Version",
   "vif": "VIF",

package/lib/locales/en.json

@@ -2,6 +2,7 @@
   "2nd-last": "2nd last",
   "3rd-last": "3rd last",
   "about": "About",
+  "accept-self-signed-certificates": "Accept self-signed certificates",
   "access-forum": "Access forum",
   "access-xoa": "Access XOA",
   "account-organization-more": "Account, organization & more…",
@@ -79,7 +80,11 @@
   "configuration": "Configuration",
   "confirm-cancel": "Are you sure you want to cancel?",
   "confirm-delete": "You're about to delete {0}",
+  "connect": "Connect",
+  "connect-another-pool": "Connect another pool",
+  "connect-pool": "Connect pool",
   "connected": "Connected",
+  "connected-to-ip": "Connected to {ip}",
   "connecting": "Connecting",
   "connection": "Connection",
   "connection-failed": "Connection failed",
@@ -103,6 +108,7 @@
   "core.group": "Group",
   "core.hide": "Hide",
   "core.open": "Open",
+  "core.open-in-new-tab": "Open in new tab",
   "core.pagination.all": "All",
   "core.pagination.show-by": "Show by",
   "core.query-search-bar.label": "Search Engine",
@@ -246,6 +252,7 @@
   "ip-address": "IP address",
   "ip-addresses": "IP addresses",
   "ip-mode": "IP mode",
+  "ip-port-placeholder": "address[:port]",
   "is-primary-host": "{name} is primary host",
   "iscsi-iqn": "iSCSI IQN",
   "iso-dvd": "ISO/DVD",
@@ -263,7 +270,7 @@
   "job.vm-force-reboot.bad-power-state": "VM must be running or paused",
   "job.vm-force-reboot.in-progress": "Force reboot in progress…",
   "job.vm-force-reboot.missing-vms": "No VM to force reboot",
-  "job.vm-force-shutdown.bad-power-state": "VM must be running, suspended or paused",
+  "job.vm-force-shutdown.bad-power-state": "VM must be running, suspended, or paused",
   "job.vm-force-shutdown.in-progress": "Force shutdown in progress…",
   "job.vm-force-shutdown.missing-vms": "No VM to force shutdown",
   "job.vm-migrate.bad-power-state": "VM must be running",
@@ -388,6 +395,7 @@
   "on": "On",
   "on-object": "on {object}",
   "open-console-in-new-tab": "Open console in new tab",
+  "options": "Options",
   "or": "Or",
   "os-kernel": "OS kernel",
   "os-name": "OS name",
@@ -406,6 +414,12 @@
   "pifs-status": "PIFs status",
   "please-confirm": "Please confirm",
   "pool": "Pool",
+  "pool-connection-error-auth-failed": "An error occurred while connecting to the pool. The username or password appears to be incorrect.",
+  "pool-connection-error-duplicate": "An error occurred while connecting to the pool. This pool seems to be already connected.",
+  "pool-connection-error-host-not-found": "An error occurred while connecting to the pool. The address of this pool does not seem to exist. Please change the IP and try again.",
+  "pool-connection-error-invalid-parameters": "An error occurred while connecting to the pool. The parameters provided do not seem valid. Please check the IP address and credentials, then try again.",
+  "pool-connection-ip-info": "Provide the primary host’s address of the pool you want to connect to.",
+  "pool-connection-success": "You have successfully connected to the pool. You can now find it in your treeview and start managing your hosts and VMs.",
   "pool-cpu-usage": "Pool CPU Usage",
   "pool-management": "Pool management",
   "pool-ram-usage": "Pool RAM Usage",
@@ -449,6 +463,7 @@
   "resource-management": "Resource management",
   "resources-overview": "Resources overview",
   "resume": "Resume",
+  "root-by-default": "\"root\" by default.",
   "running-vm": "Running VM | Running VMs",
   "s3-backup-repository": "S3 backup repository",
   "save": "Save",
@@ -539,6 +554,7 @@
   "total-storage-repository": "Total storage repository",
   "total-used": "Total used",
   "total-used:": "Total used:",
+  "unable-to-connect-to": "Unable to connect to {ip}",
   "unable-to-connect-to-the-pool": "Unable to connect to the pool",
   "unknown": "Unknown",
   "unlocked": "Unlocked",
@@ -551,7 +567,6 @@
   "uuid": "UUID",
   "vcpus": "vCPU | vCPU | vCPUs",
   "vcpus-assigned": "vCPUs assigned",
-  "vcpus-used": "vCPUs used",
   "vdi-throughput": "VDI throughput",
   "vdis": "VDI | VDI | VDIs",
   "version": "Version",
@@ -566,6 +581,7 @@
   "virtualization-boot-settings": "Virtualization & boot settings",
   "virtualization-mode": "Virtualization mode",
   "virtualization-type": "Virtualization type",
+  "visit-pool-dashboard": "Visit pool dashboard",
   "vlan": "VLAN",
   "vm": "VM",
   "vm-description": "VM description",

package/lib/locales/es.json

@@ -551,7 +551,6 @@
   "uuid": "UUID",
   "vcpus": "vCPU|vCPU|vCPUs",
   "vcpus-assigned": "vCPUs asignados",
-  "vcpus-used": "vCPUs usados",
   "vdi-throughput": "Rendimiento de VDI",
   "vdis": "VDI|VDI|VDIs",
   "version": "Versión",

package/lib/locales/fa.json

@@ -462,7 +462,6 @@
   "user-config": "تنظیمات کاربر",
   "uuid": "UUID",
   "vcpus": "CPUمجازی | CPUمجازی | CPUهای مجازی",
-  "vcpus-used": "CPUهای مجازی استفاده شده",
   "vdis": "دسکتاپ مجازی | دسکتاپ مجازی | دسکتاپ های مجازی",
   "version": "نسخه",
   "vif": "VIF",

package/lib/locales/fr.json

@@ -2,6 +2,7 @@
   "2nd-last": "Avant-dernier",
   "3rd-last": "Avant-avant-dernier",
   "about": "À propos",
+  "accept-self-signed-certificates": "Accepter les certificats auto-signés",
   "access-forum": "Accès au forum",
   "access-xoa": "Accéder à la XOA",
   "account-organization-more": "Compte, organisation et plus…",
@@ -79,7 +80,11 @@
   "configuration": "Configuration",
   "confirm-cancel": "Êtes-vous sûr de vouloir annuler ?",
   "confirm-delete": "Vous êtes sur le point de supprimer {0}",
+  "connect": "Se connecter",
+  "connect-another-pool": "Connecter un autre pool",
+  "connect-pool": "Connexion à un pool",
   "connected": "Connecté",
+  "connected-to-ip": "Connecté à {ip}",
   "connecting": "Connexion en cours",
   "connection": "Connexion",
   "connection-failed": "Échec de la connexion",
@@ -103,6 +108,7 @@
   "core.group": "Grouper",
   "core.hide": "Masquer",
   "core.open": "Ouvrir",
+  "core.open-in-new-tab": "Ouvrir dans un nouvel onglet",
   "core.pagination.all": "Tous",
   "core.pagination.show-by": "Afficher par",
   "core.query-search-bar.label": "Moteur de recherche",
@@ -246,6 +252,7 @@
   "ip-address": "Adresse IP",
   "ip-addresses": "Adresses IP",
   "ip-mode": "Mode IP",
+  "ip-port-placeholder": "adresse[:port]",
   "is-primary-host": "{name} est l'hôte primaire",
   "iscsi-iqn": "iSCSI IQN",
   "iso-dvd": "ISO/DVD",
@@ -388,6 +395,7 @@
   "on": "Allumé",
   "on-object": "sur {object}",
   "open-console-in-new-tab": "Ouvrir la console dans un nouvel onglet",
+  "options": "Options",
   "or": "Ou",
   "os-kernel": "Noyau de l'OS",
   "os-name": "Nom de l'OS",
@@ -406,6 +414,12 @@
   "pifs-status": "Statut des PIFs",
   "please-confirm": "Veuillez confirmer",
   "pool": "Pool",
+  "pool-connection-error-auth-failed": "Une erreur s'est produite lors de la connexion au pool. Le nom d'utilisateur ou le mot de passe semble incorrect.",
+  "pool-connection-error-duplicate": "Une erreur s'est produite lors de la connexion au pool. Ce pool semble déjà être connecté.",
+  "pool-connection-error-host-not-found": "Une erreur s'est produite lors de la connexion au pool. L'adresse de ce pool semble inexistante. Modifiez l'adresse IP et réessayez.",
+  "pool-connection-error-invalid-parameters": "Une erreur s'est produite lors de la connexion au pool. Les paramètres fournis semblent incorrects. Veuillez vérifier les détails de la connexion et réessayer.",
+  "pool-connection-ip-info": "Entrez l’adresse de l’hôte primaire du pool auquel vous souhaitez vous connecter.",
+  "pool-connection-success": "Vous êtes connecté au pool. Vous pouvez désormais le retrouver dans votre arborescence et commencer à gérer vos hôtes et vos machines virtuelles.",
   "pool-cpu-usage": "Utilisation CPU du Pool",
   "pool-management": "Gestion du Pool",
   "pool-ram-usage": "Utilisation RAM du Pool",
@@ -425,7 +439,7 @@
   "property": "Propriété",
   "protect-from-accidental-deletion": "Protection contre les suppressions accidentelles",
   "protect-from-accidental-shutdown": "Protection contre les extinctions accidentelles",
-  "proxy-url": "URL du proxy",
+  "proxy-url": "URL du Proxy",
   "pxe": "PXE",
   "quick-info": "Informations rapides",
   "ram": "RAM",
@@ -449,6 +463,7 @@
   "resource-management": "Gestion des ressources",
   "resources-overview": "Vue d'ensemble des ressources",
   "resume": "Reprendre",
+  "root-by-default": "\"root\" par défaut.",
   "running-vm": "VM en cours d'exécution | VMs en cours d'exécution",
   "s3-backup-repository": "Dépot de sauvegarde S3",
   "save": "Enregistrer",
@@ -539,6 +554,7 @@
   "total-storage-repository": "Total dépot de stockage",
   "total-used": "Total utilisé",
   "total-used:": "Total utilisé :",
+  "unable-to-connect-to": "Impossible de se connecter à {ip}",
   "unable-to-connect-to-the-pool": "Impossible de se connecter au Pool",
   "unknown": "Inconnu",
   "unlocked": "Débloqué",
@@ -551,7 +567,6 @@
   "uuid": "UUID",
   "vcpus": "vCPU | vCPU | vCPUs",
   "vcpus-assigned": "vCPUs assignés",
-  "vcpus-used": "vCPUs utilisés",
   "vdi-throughput": "Débit du VDI",
   "vdis": "VDI | VDI | VDIs",
   "version": "Version",
@@ -566,6 +581,7 @@
   "virtualization-boot-settings": "Virtualisation & paramètres de démarrage",
   "virtualization-mode": "Mode de virtualisation",
   "virtualization-type": "Type de virtualisation",
+  "visit-pool-dashboard": "Visiter le tableau de bord du pool",
   "vlan": "VLAN",
   "vm": "VM",
   "vm-description": "Description de la VM",

package/lib/locales/nl.json

@@ -551,7 +551,6 @@
   "uuid": "UUID",
   "vcpus": "vCPU | vCPU | vCPU's",
   "vcpus-assigned": "Toegewezen vCPU's",
-  "vcpus-used": "Gebruikte vCPU's",
   "vdi-throughput": "VDI-doorvoer",
   "vdis": "VDI | VDI | VDI's",
   "version": "Versie",

package/lib/locales/sv.json

@@ -519,7 +519,6 @@
   "uuid": "UUID",
   "vcpus": "vCPUer",
   "vcpus-assigned": "vCPUs tilldelade",
-  "vcpus-used": "vCPUer använt",
   "vdis": "VDI | VDI | VDIer",
   "version": "Version",
   "vga": "VGA",

package/lib/packages/request/define-request.ts

@@ -0,0 +1,64 @@
+import { useTimeoutPoll } from '@vueuse/core'
+import type { MaybeRefOrGetter } from '@vueuse/shared'
+// eslint-disable-next-line import/namespace,import/default,import/no-named-as-default,import/no-named-as-default-member -- https://github.com/pamelafox/ndjson-readablestream/pull/13
+import readNDJSONStream from 'ndjson-readablestream'
+import { computed, isRef, toValue, watch } from 'vue'
+
+export function defineRequest<TState>(options: {
+  url: string
+  state: () => TState
+  onDataReceived: (state: TState, data: unknown) => void
+}): () => TState
+
+export function defineRequest<TArgs extends any[], TState>(options: {
+  url: (...args: TArgs) => string
+  state: () => TState
+  onDataReceived: (state: TState, data: unknown) => void
+  onUrlChange: (state: TState) => void
+}): (...args: { [K in keyof TArgs]: MaybeRefOrGetter<TArgs[K]> }) => TState
+
+export function defineRequest<TArgs extends any[], TState>(options: {
+  url: string | ((...args: TArgs) => string)
+  state: () => TState
+  onDataReceived: (state: TState, data: unknown) => void
+  onUrlChange?: (state: TState) => void
+}) {
+  return function useRequest(...args: { [K in keyof TArgs]: MaybeRefOrGetter<TArgs[K]> }) {
+    const urlOption = options.url
+
+    const url = typeof urlOption === 'function' ? computed(() => urlOption(...(args.map(toValue) as TArgs))) : urlOption
+
+    const state = options.state()
+
+    async function execute() {
+      const response = await fetch(toValue(url))
+
+      if (!response.ok) {
+        throw new Error(`Failed to fetch: ${response.statusText}`)
+      }
+
+      if (!response.body) {
+        throw new Error('Response body is empty')
+      }
+
+      for await (const event of readNDJSONStream(response.body)) {
+        options.onDataReceived(state, event)
+      }
+    }
+
+    const { resume, pause } = useTimeoutPoll(execute, 10000, {
+      immediate: true,
+      immediateCallback: true,
+    })
+
+    if (isRef(url)) {
+      watch(url, () => {
+        pause()
+        options.onUrlChange?.(state)
+        resume()
+      })
+    }
+
+    return state
+  }
+}

package/lib/types/http-codes.type.ts

@@ -0,0 +1,10 @@
+export enum HttpCodes {
+  Ok = 200,
+  Created = 201,
+  NoContent = 204,
+  Unauthorized = 401,
+  NotFound = 404,
+  Conflict = 409,
+  UnprocessableEntity = 422,
+  InternalServerError = 500,
+}

package/lib/types/utility.type.ts

@@ -11,7 +11,7 @@ export type EmptyObject = Record<string, never>
 export type StringKeyOf<T> = Extract<keyof T, string>
 
 export type KeyOfByValue<T, TValue> =
-  T extends Record<PropertyKey, unknown>
+  T extends Record<PropertyKey, any>
     ? keyof {
         [K in keyof T as T[K] extends TValue ? K : never]: T[K]
       }

package/lib/utils/date-sorter.utils.ts

@@ -0,0 +1,12 @@
+import type { KeyOfByValue } from '@core/types/utility.type.ts'
+
+type DateLike = Date | string | number
+
+export function createDateSorter<T extends object>(key: KeyOfByValue<T, DateLike>) {
+  return (a: T, b: T) => {
+    const dateA = new Date(a[key] as DateLike)
+    const dateB = new Date(b[key] as DateLike)
+
+    return dateB.getTime() - dateA.getTime()
+  }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xen-orchestra/web-core",
   "type": "module",
-  "version": "0.25.0",
+  "version": "0.26.1",
   "private": false,
   "exports": {
     "./*": {
@@ -26,6 +26,7 @@
     "human-format": "^1.2.1",
     "iterable-backoff": "^0.1.0",
     "lodash-es": "^4.17.21",
+    "ndjson-readablestream": "^1.2.0",
     "placement.js": "^1.0.0-beta.5",
     "simple-icons": "^14.14.0",
     "vue-echarts": "^6.6.8"