feat(xo-6/host): frontend integration

Author: OlivierFL

@xen-orchestra/web-core/lib/components/quick-info-card/VtsQuickInfoCard.vue

@@ -0,0 +1,30 @@
+<template>
+  <UiCard class="vts-quick-info-card">
+    <UiCardTitle>{{ $t('quick-info') }}</UiCardTitle>
+    <VtsLoadingHero :disabled="!loading" type="card">
+      <div class="info-container">
+        <slot />
+      </div>
+    </VtsLoadingHero>
+  </UiCard>
+</template>
+
+<script lang="ts" setup>
+import VtsLoadingHero from '@core/components/state-hero/VtsLoadingHero.vue'
+import UiCard from '@core/components/ui/card/UiCard.vue'
+import UiCardTitle from '@core/components/ui/card-title/UiCardTitle.vue'
+
+defineProps<{
+  loading: boolean
+}>()
+</script>
+
+<style lang="postcss" scoped>
+.vts-quick-info-card {
+  .info-container {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
+    gap: 2.4rem;
+  }
+}
+</style>

@xen-orchestra/web-core/lib/components/quick-info-column/VtsQuickInfoColumn.vue

@@ -0,0 +1,13 @@
+<template>
+  <div class="vts-quick-info-column">
+    <slot />
+  </div>
+</template>
+
+<style lang="postcss" scoped>
+.vts-quick-info-column {
+  display: flex;
+  flex-direction: column;
+  gap: 0.8rem;
+}
+</style>

@xen-orchestra/web-core/lib/components/quick-info-row/VtsQuickInfoRow.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="vts-quick-info-row">
+    <span class="typo-body-bold">
+      <slot name="label">
+        {{ label }}
+      </slot>
+    </span>
+    <span class="typo-body-regular value">
+      <slot name="value">
+        {{ value }}
+      </slot>
+    </span>
+  </div>
+</template>
+
+<script lang="ts" setup>
+defineProps<{
+  label?: string
+  value?: string
+}>()
+
+defineSlots<{
+  label?(): any
+  value?(): any
+}>()
+</script>
+
+<style lang="postcss" scoped>
+.vts-quick-info-row {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+
+  .value:empty::before {
+    content: '-';
+  }
+}
+</style>

@xen-orchestra/web-core/lib/locales/cs.json

@@ -91,6 +91,7 @@
   "core.sidebar.unlock": "Odemknout postranní panel",
   "core.sort.ascending": "Seřadit vzestupně",
   "core.sort.descending": "Seřadit sestupně",
+  "cores-with-sockets": "",
   "cpu-provisioning": "přednastavení procesoru",
   "cpu-provisioning-warning": "Počet přidělených virt. procesorů překračuje počet přítomných fyzických procesorů. Může mít dopad na výkon systému",
   "cpu-usage": "Využití procesoru",
@@ -163,6 +164,7 @@
   "gateway": "Brána",
   "go-back": "Přejít zpět",
   "gzip": "gzip",
+  "hardware": "",
   "here": "Zde",
   "host": "Hostitel",
   "host-description": "Popis hostitele",
@@ -180,6 +182,7 @@
   "invalid-field": "Neplatný obsah kolonky",
   "ip-addresses": "IP adresy",
   "ip-mode": "Režim IP",
+  "is-primary-host": "",
   "job.vm-copy.bad-power-state": "Je třeba, aby virt. stroj byl zastavený",
   "job.vm-copy.in-progress": "Probíhá kopírování…",
   "job.vm-copy.missing-vms": "Žádný virt. stroj ke zkopírování",
@@ -229,6 +232,7 @@
   "language": "Jazyk",
   "last-week": "Minulý týden",
   "learn-more": "Zjistit více",
+  "load-average": "",
   "load-now": "Načíst nyní",
   "loading-hosts": "Načítání hostitelů…",
   "loading-in-progress": "Probíhá načítání…",
@@ -240,6 +244,7 @@
   "mac-addresses": "MAC adresy",
   "management": "Správa",
   "master": "Hlavní hostitel",
+  "memory-usage": "",
   "migrate": "Přestěhovat",
   "migrate-n-vms": "Přestěhovat 1 virt. stroj | Přestěhovat {n} virt. strojů",
   "missing-patches": "Chybějící záplaty",
@@ -306,6 +311,7 @@
   "power-state": "Stav napájení",
   "professional-support": "Profesionální podpora",
   "property": "Vlastnost",
+  "ram": "",
   "ram-usage": "Využití operační paměti",
   "reboot": "Restartovat",
   "receive": "Přijmout",
@@ -350,6 +356,7 @@
   "stacked-ram-usage": "Celkem využítí opearční paměti",
   "start": "Spustit",
   "start-on-host": "Spustit na konkrétním hostiteli",
+  "started": "",
   "static": "Statické",
   "static-ip": "Statická IP adresa",
   "stats": "Statistiky",
@@ -380,9 +387,11 @@
   "top-#": "Nej {n}",
   "total": "Celkem",
   "total-cpus": "Celkem procesorů",
+  "total-free": "",
   "total-free:": "Celkem volno:",
   "total-memory": "Celková operační paměť",
   "total-storage-repository": "Celkové úložiště repozitáře",
+  "total-used": "",
   "total-used:": "Celkem využito:",
   "unknown": "Neznámé",
   "unlocked": "Odemčeno",

@xen-orchestra/web-core/lib/locales/de.json

@@ -48,6 +48,7 @@
   "core.group": "Gruppe",
   "core.select.all": "Alles auswählen",
   "core.select.none": "Alle abwählen",
+  "cores-with-sockets": "",
   "cpu-provisioning": "Zugewiesene Prozessoren",
   "cpu-provisioning-warning": "Die Anzahl der zugewiesenen vCPUs überschreitet die physikalisch vorhandenen CPUs. Die Systemperformance kann darunter leiden.",
   "cpu-usage": "Prozessorauslastung",
@@ -109,23 +110,27 @@
   "gateway": "Gateway",
   "go-back": "Zurück",
   "gzip": "gzip",
+  "hardware": "",
   "here": "Hier",
   "host.active": "Aktiv",
   "host.inactive": "Inaktiv",
   "hosts": "Hosts",
   "invalid-field": "Ungültiges Feld",
+  "is-primary-host": "",
   "keep-me-logged": "Angemeldet bleiben",
   "keep-page-open": "Fenster bis zum Ende der Installation nicht Aktualisieren oder Schließen.",
   "language": "Sprache",
   "last-week": "Letzte Woche",
   "learn-more": "Mehr erfahren",
+  "load-average": "",
   "load-now": "Jetzt laden",
   "loading-hosts": "Lade Hosts…",
   "loading-in-progress": "Ladevorgang läuft…",
   "log-out": "Abmelden",
   "login": "Anmelden",
   "login-only-on-master": "Die Anmeldung ist nur am Master möglich.",
   "master": "Primärer Host",
+  "memory-usage": "",
   "migrate": "Migrieren",
   "migrate-n-vms": "1 VM migrieren | {n} VMs migrieren",
   "more-actions": "Weitere Aktionen",
@@ -167,6 +172,7 @@
   "power-on-vm-for-console": "Konsole ist nach Start der VM verfügbar",
   "power-state": "Energiezustand",
   "property": "Feld",
+  "ram": "",
   "ram-usage": "Arbeitsspeicherbelegung",
   "reboot": "Neustart",
   "reformat": "Reformat",
@@ -201,6 +207,7 @@
   "stacked-ram-usage": "Arbeitsspeicherbelegung gestapelt",
   "start": "Starten",
   "start-on-host": "Auf bestimmtem Host starten",
+  "started": "",
   "static-ip": "Statische IP",
   "stats": "Statistiken",
   "status": "Status",
@@ -221,7 +228,9 @@
   "this-vm-cant-be-migrated": "Diese VM kann nicht migriert werden",
   "top-#": "Top {n}",
   "total-cpus": "Gesamt CPUs",
+  "total-free": "",
   "total-free:": "Gesamt frei :",
+  "total-used": "",
   "total-used:": "Gesamt benutzt :",
   "unreachable-hosts": "Hosts nicht erreichbar",
   "unreachable-hosts-reload-page": "Abgeschlossen, bitte lade die Seite neu",

@xen-orchestra/web-core/lib/locales/en.json

@@ -96,6 +96,7 @@
   "core.sort.ascending": "Sort ascending",
   "core.sort.descending": "Sort descending",
   "core.textarea.exceeds-max-characters": "Field value must be {max} characters or less.",
+  "cores-with-sockets": "Cores (sockets)",
   "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",
@@ -168,10 +169,14 @@
   "gateway": "Gateway",
   "go-back": "Go back",
   "gzip": "gzip",
+  "hardware": "Hardware",
   "here": "Here",
   "host": "Host",
   "host-description": "Host description",
   "host-internal-networks": "Host internal networks",
+  "host-status.halted": "Stopped",
+  "host-status.running": "Running",
+  "host-status.unknown": "Unknown",
   "host-unknown": "Host unknown",
   "host.active": "Active",
   "host.inactive": "Inactive",
@@ -184,8 +189,10 @@
   "id": "Id",
   "in-last-three-jobs": "In their last three jobs",
   "invalid-field": "Invalid field",
+  "ip-address": "IP address",
   "ip-addresses": "IP addresses",
   "ip-mode": "IP mode",
+  "is-primary-host": "{name} is primary host",
   "job.vm-copy.bad-power-state": "VM must be halted",
   "job.vm-copy.in-progress": "Copy in progress…",
   "job.vm-copy.missing-vms": "No VM to copy",
@@ -235,6 +242,7 @@
   "language": "Language",
   "last-week": "Last week",
   "learn-more": "Learn more",
+  "load-average": "Load average",
   "load-now": "Load now",
   "loading-hosts": "Loading hosts…",
   "loading-in-progress": "Loading in progress…",
@@ -247,6 +255,7 @@
   "mac-addresses": "MAC addresses",
   "management": "Management",
   "master": "Primary host",
+  "memory-usage": "Memory usage",
   "migrate": "Migrate",
   "migrate-n-vms": "Migrate 1 VM | Migrate {n} VMs",
   "missing-patches": "Missing patches",
@@ -318,6 +327,8 @@
   "professional-support": "Professional support",
   "properties": "Properties",
   "property": "Property",
+  "quick-info": "Quick info",
+  "ram": "RAM",
   "ram-usage": "RAM usage",
   "reboot": "Reboot",
   "receive": "Receive",
@@ -362,6 +373,8 @@
   "stacked-ram-usage": "Stacked RAM usage",
   "start": "Start",
   "start-on-host": "Start on specific host",
+  "started": "Started",
+  "state": "State",
   "static": "Static",
   "static-ip": "Static IP",
   "stats": "Stats",
@@ -393,9 +406,11 @@
   "top-#": "Top {n}",
   "total": "Total",
   "total-cpus": "Total CPUs",
+  "total-free": "Total free",
   "total-free:": "Total free:",
   "total-memory": "Total memory",
   "total-storage-repository": "Total storage repository",
+  "total-used": "Total used",
   "total-used:": "Total used:",
   "unknown": "Unknown",
   "unlocked": "Unlocked",
@@ -415,9 +430,12 @@
   "vm.inactive": "Inactive",
   "vms": "VMs",
   "vms-status": "VMs status",
+  "vms-status.halted": "Halted",
   "vms-status.inactive": "Inactive",
   "vms-status.inactive.tooltip": "Halted or suspended",
+  "vms-status.paused": "Paused",
   "vms-status.running": "Running",
+  "vms-status.suspended": "Suspended",
   "vms-status.unknown": "Unknown",
   "vms-status.unknown.tooltip": "For which XO has lost connection to the pool",
   "xo-backups": "XO backups",

@xen-orchestra/web-core/lib/locales/es.json

@@ -91,6 +91,7 @@
   "core.sidebar.unlock": "Desbloquear la barra lateral",
   "core.sort.ascending": "Ordenar",
   "core.sort.descending": "Ordenar descendentemente",
+  "cores-with-sockets": "",
   "cpu-provisioning": "Aprovisionamiento de CPU",
   "cpu-provisioning-warning": "La cantidad de vCPU asignadas excede la cantidad de CPU físicas disponibles. El rendimiento del sistema puede verse afectado",
   "cpu-usage": "Uso del CPU",
@@ -163,6 +164,7 @@
   "gateway": "Puerta de enlace",
   "go-back": "Regresa",
   "gzip": "gzip",
+  "hardware": "",
   "here": "Aquí",
   "host": "Servidor",
   "host-description": "Descripción servidor",
@@ -180,6 +182,7 @@
   "invalid-field": "Campo inválido",
   "ip-addresses": "Dirección IP",
   "ip-mode": "modo IP",
+  "is-primary-host": "",
   "job.vm-copy.bad-power-state": "La máquina virtual debe estar apagada",
   "job.vm-copy.in-progress": "Copiando…",
   "job.vm-copy.missing-vms": "No hay máquinas virtuales para copiar",
@@ -229,6 +232,7 @@
   "language": "Idioma",
   "last-week": "Semana pasada",
   "learn-more": "Saber más",
+  "load-average": "",
   "load-now": "Cargar ahora",
   "loading-hosts": "Cargando servidores…",
   "loading-in-progress": "Cargando…",
@@ -240,6 +244,7 @@
   "mac-addresses": "Dirección MAC",
   "management": "Administración",
   "master": "Servidor principal",
+  "memory-usage": "",
   "migrate": "Migrar",
   "migrate-n-vms": "Migrar una máquina virtual | Migrar {n} máquinas virtuales",
   "missing-patches": "Parches faltantes",
@@ -306,6 +311,7 @@
   "power-state": "Estado alimentación electrica",
   "professional-support": "Soporte profesional",
   "property": "Propriedad",
+  "ram": "",
   "ram-usage": "Uso RAM",
   "reboot": "Reiniciar",
   "receive": "Recibir",
@@ -350,6 +356,7 @@
   "stacked-ram-usage": "Uso RAM apilado",
   "start": "Iniciar",
   "start-on-host": "Iniciar en un servidor específico",
+  "started": "",
   "static": "Estatico",
   "static-ip": "IP estático",
   "stats": "Stats",
@@ -380,9 +387,11 @@
   "top-#": "{n} principales",
   "total": "Total",
   "total-cpus": "CPUs Totales",
+  "total-free": "",
   "total-free:": "Total libre :",
   "total-memory": "Memoria total",
   "total-storage-repository": "Total reposito de almacenamiento",
+  "total-used": "",
   "total-used:": "Total usado :",
   "unknown": "Desconocido",
   "unlocked": "Desbloqueado",