@xen-orchestra/web-core 0.16.0 → 0.18.0

package/lib/locales/sv.json

@@ -44,6 +44,9 @@
   "backups.vms-protection.protected": "I minst ett jobb och skyddad",
   "backups.vms-protection.tooltip": "En VM är skyddad om den är med i ett säkerhetskopieringsjobb, med ett aktivt schema och den senaste körningen lyckades",
   "backups.vms-protection.unprotected": "Med i minst 1 jobb men oskyddad",
+  "bond": "Bindning",
+  "bond-devices": "Bindningsenheter",
+  "bond-status": "Bindnings-status",
   "bytes.gi": "GiB",
   "bytes.ki": "KiB",
   "bytes.mi": "MiB",
@@ -66,6 +69,7 @@
   "console-unavailable": "Konsolen är inte tillgänglig",
   "copy": "Kopiera",
   "copy-info-json": "Kopiera informationen till JSON",
+  "core.character-limit": "{count}/{max} tecken | {count}/{max} tecken",
   "core.close": "Stäng",
   "core.copied": "Kopierad",
   "core.copy-id": "Kopiera ID",
@@ -91,6 +95,8 @@
   "core.sidebar.unlock": "Lås upp sidofält",
   "core.sort.ascending": "Sortera stigande",
   "core.sort.descending": "Sotera fallande",
+  "core.textarea.exceeds-max-characters": "Fältet får enbart vara {max} tecken eller färre.",
+  "cores-with-sockets": "",
   "cpu-provisioning": "CPU-provisionering",
   "cpu-provisioning-warning": "Antalet vCPU:er som allokerats överskrider antalet fysiska CPU:er. Systemets prestanda kan påverkas",
   "cpu-usage": "CPU-nyttjande",
@@ -163,10 +169,12 @@
   "gateway": "Gateway",
   "go-back": "Gå tillbaka",
   "gzip": "gzip",
+  "hardware": "",
   "here": "Här",
   "host": "Host",
   "host-description": "Host-beskrivning",
   "host-internal-networks": "Hostinternanätverk",
+  "host-unknown": "Host okänd",
   "host.active": "Aktiv",
   "host.inactive": "Inaktiv",
   "hosts": "Hosts",
@@ -180,6 +188,7 @@
   "invalid-field": "Felaktigt fält",
   "ip-addresses": "IP-adresser",
   "ip-mode": "IP-läge",
+  "is-primary-host": "",
   "job.vm-copy.bad-power-state": "VMen måste vara stoppad",
   "job.vm-copy.in-progress": "Kopiering pågår…",
   "job.vm-copy.missing-vms": "Ingen VM att kopiera",
@@ -229,6 +238,7 @@
   "language": "Språk",
   "last-week": "Föregående vecka",
   "learn-more": "Läs mer",
+  "load-average": "",
   "load-now": "Ladda nu",
   "loading-hosts": "Ladda hostar…",
   "loading-in-progress": "Laddning pågår…",
@@ -237,9 +247,11 @@
   "log-out": "Logga ut",
   "login": "Inloggning",
   "login-only-on-master": "Det går endast att logga in mot huvudhosten",
+  "mac-address": "MAC-adress",
   "mac-addresses": "MAC-adresser",
   "management": "Hantering",
   "master": "Primärhost",
+  "memory-usage": "",
   "migrate": "Migrera",
   "migrate-n-vms": "Migrera 1 VM | Migrera {n} VMar",
   "missing-patches": "Saknar uppdateringar",
@@ -256,6 +268,7 @@
   "network": "Nätverk",
   "network-block-device": "Nätverksblockeringsenhet",
   "network-download": "Ladda ned",
+  "network-information": "Nätverksinformation",
   "network-throughput": "Nätverksflöde",
   "network-upload": "Ladda upp",
   "networks": "Nätverk",
@@ -289,6 +302,9 @@
   "password-invalid": "Lösenord felaktigt",
   "patches": "Patchar",
   "pause": "Pausa",
+  "physical-interface-status": "Status för fysiska gränssnitt",
+  "pif": "PIF",
+  "pif-status": "PIF-status",
   "pifs": "PIFs",
   "pifs-status": "PIF status",
   "please-confirm": "Vänligen bekräfta",
@@ -305,7 +321,9 @@
   "power-on-vm-for-console": "Starta din VM för att ansluta till konsolen",
   "power-state": "Strömläge",
   "professional-support": "Professionell support",
+  "properties": "Egenskaper",
   "property": "Egenskap",
+  "ram": "",
   "ram-usage": "RAM-användning",
   "reboot": "Starta om",
   "receive": "Ta emot",
@@ -350,6 +368,7 @@
   "stacked-ram-usage": "Staplad RAM-användning",
   "start": "Starta",
   "start-on-host": "Starta på specifik host",
+  "started": "",
   "static": "Statisk",
   "static-ip": "Statisk IP",
   "stats": "Statistik",
@@ -362,6 +381,7 @@
   "switch-theme": "Byt tema",
   "system": "System",
   "table-actions": "Tabellåtgärder",
+  "tags": "Taggar",
   "task.estimated-end": "Estimerad sluttid",
   "task.progress": "Status",
   "task.started": "Startad",
@@ -380,9 +400,11 @@
   "top-#": "Topp {n}",
   "total": "Totalt",
   "total-cpus": "Totalt antal CPUer",
+  "total-free": "",
   "total-free:": "Totalt ledigt:",
   "total-memory": "Totalt minne",
   "total-storage-repository": "Totalt lagringsutrymme",
+  "total-used": "",
   "total-used:": "Totalt använt:",
   "unknown": "Okänt",
   "unlocked": "Upplåst",
@@ -390,6 +412,7 @@
   "unreachable-hosts-reload-page": "Färdigt, ladda om sidan",
   "up-to-date": "Uppdaterad",
   "used": "Använt",
+  "uuid": "UUID",
   "vcpus": "vCPUer",
   "vcpus-used": "vCPUer använt",
   "version": "Version",
@@ -406,7 +429,9 @@
   "vms-status.running": "Igång",
   "vms-status.unknown": "Okänt",
   "vms-status.unknown.tooltip": "För vilken XO har förlorat kontakten med poolen",
+  "xo-backups": "XO-backuper",
   "xo-lite-under-construction": "XOLite är under uppbyggnad",
+  "xo-replications": "XO-replikeringar",
   "xoa-admin-account": "XOA admin-konto",
   "xoa-deploy": "XOA driftsättning",
   "xoa-deploy-failed": "Ledsen, driftsättning misslyckades!",

package/lib/locales/uk.json

@@ -0,0 +1 @@
+{}

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/lib/utils/time.util.ts

@@ -0,0 +1,18 @@
+import { utcParse } from 'd3-time-format'
+
+export function parseDateTime(dateTime: Date | string | number): number {
+  if (typeof dateTime === 'number') {
+    return dateTime
+  }
+
+  if (dateTime instanceof Date) {
+    return dateTime.getTime()
+  }
+
+  dateTime = dateTime.replace(/(-|\.\d{3})/g, '') // Allow toISOString() date-time format
+  const date = utcParse('%Y%m%dT%H:%M:%SZ')(dateTime)
+  if (date === null) {
+    throw new RangeError(`unable to parse XAPI datetime ${JSON.stringify(dateTime)}`)
+  }
+  return date.getTime()
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xen-orchestra/web-core",
   "type": "module",
-  "version": "0.16.0",
+  "version": "0.18.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>