feat(web-core): add checkbox column to host, SR and VM column sets (#10485)

Author: ByScripts

@xen-orchestra/lite/src/components/vm/VmsPageContent.vue

@@ -143,7 +143,7 @@ const state = useTableState({
 })
 
 const { HeadCells, BodyCells } = useVmColumns({
-  exclude: ['actions'],
+  exclude: ['actions', 'checkbox'],
   body: (vm: XenApiVm) => {
     const guestMetrics = computed(() => getGuestMetrics(vm.guest_metrics))
     const vmMetrics = computed(() => getVmMetrics(vm.metrics))

@xen-orchestra/lite/src/modules/storage-repository/components/list/StorageRepositoriesTable.vue

@@ -105,6 +105,7 @@ function getPrimaryIcon(sr: XenApiSr) {
 }
 
 const { HeadCells, BodyCells } = useSrColumns({
+  exclude: ['checkbox'],
   body: (sr: XenApiSr) => {
     const rightIcon = computed(() => getPrimaryIcon(sr))
 

@xen-orchestra/lite/src/pages/pool/[uuid]/hosts.vue

@@ -50,7 +50,7 @@ const state = useTableState({
 })
 
 const { HeadCells, BodyCells } = useHostColumns({
-  exclude: ['selectItem', 'srStatus'],
+  exclude: ['checkbox', 'selectItem', 'srStatus'],
   body: (host: XenApiHost) => {
     const state = isHostRunning(host) ? 'running' : 'halted'
 

@xen-orchestra/web-core/lib/tables/column-sets/host-columns.ts

@@ -1,5 +1,6 @@
 import { defineColumns } from '@core/packages/table/define-columns.ts'
 import { useAddressColumn } from '@core/tables/column-definitions/address-column.ts'
+import { useCheckboxColumn } from '@core/tables/column-definitions/checkbox-column.ts'
 import { useLinkColumn } from '@core/tables/column-definitions/link-column.ts'
 import { useSelectItemColumn } from '@core/tables/column-definitions/select-item-column.ts'
 import { useStatusColumn } from '@core/tables/column-definitions/status-column.ts'
@@ -11,6 +12,7 @@ export const useHostColumns = defineColumns(() => {
   const { t } = useI18n()
 
   return {
+    checkbox: useCheckboxColumn(),
     host: useLinkColumn({ headerLabel: () => t('host') }),
     description: useTruncatedTextColumn({ headerLabel: () => t('description') }),
     ipAddresses: useAddressColumn({ headerLabel: () => t('management-ip') }),

@xen-orchestra/web-core/lib/tables/column-sets/sr-columns.ts

@@ -1,5 +1,6 @@
 import { defineColumns } from '@core/packages/table/define-columns.ts'
 import { useActionColumn } from '@core/tables/column-definitions/action-column.ts'
+import { useCheckboxColumn } from '@core/tables/column-definitions/checkbox-column.ts'
 import { useLinkColumn } from '@core/tables/column-definitions/link-column.ts'
 import { useLiteralColumn } from '@core/tables/column-definitions/literal-column.ts'
 import { useProgressBarColumn } from '@core/tables/column-definitions/progress-bar-column.ts'
@@ -10,6 +11,7 @@ export const useSrColumns = defineColumns(() => {
   const { t } = useI18n()
 
   return {
+    checkbox: useCheckboxColumn(),
     storageRepository: useLinkColumn({ headerLabel: () => t('storage-repository') }),
     description: useTruncatedTextColumn({ headerLabel: () => t('description') }),
     storageFormat: useLiteralColumn({ headerLabel: () => t('storage-format') }),

@xen-orchestra/web-core/lib/tables/column-sets/vm-columns.ts

@@ -1,6 +1,7 @@
 import { defineColumns } from '@core/packages/table/define-columns.ts'
 import { useActionColumn } from '@core/tables/column-definitions/action-column.ts'
 import { useAddressColumn } from '@core/tables/column-definitions/address-column.ts'
+import { useCheckboxColumn } from '@core/tables/column-definitions/checkbox-column.ts'
 import { useLinkColumn } from '@core/tables/column-definitions/link-column.ts'
 import { useNumberColumn } from '@core/tables/column-definitions/number-column.ts'
 import { useTagColumn } from '@core/tables/column-definitions/tag-column.ts'
@@ -9,6 +10,7 @@ import { useI18n } from 'vue-i18n'
 export const useVmColumns = defineColumns(() => {
   const { t } = useI18n()
   return {
+    checkbox: useCheckboxColumn(),
     vm: useLinkColumn({ headerLabel: () => t('vm') }),
     ipAddresses: useAddressColumn({ headerLabel: () => t('ip-addresses') }),
     vcpus: useNumberColumn({ headerLabel: () => t('vcpus') }),

@xen-orchestra/web/src/modules/host/components/list/HostsTable.vue

@@ -96,7 +96,7 @@ function getMasterIcon(host: FrontXoHost) {
 }
 
 const { HeadCells, BodyCells } = useHostColumns({
-  exclude: sr === undefined ? ['srStatus'] : [],
+  exclude: sr === undefined ? ['checkbox', 'srStatus'] : ['checkbox'],
   body: (host: FrontXoHost) => {
     const ipAddresses = computed(() => getHostIpAddresses(host.address, pifsByHost.value.get(host.id)))
     const hostIcon = computed(() => getHostIcon(host))

@xen-orchestra/web/src/modules/storage-repository/components/list/StorageRepositoriesTable.vue

@@ -100,6 +100,7 @@ function getPrimaryIcon(sr: FrontXoSr) {
 }
 
 const { HeadCells, BodyCells } = useSrColumns({
+  exclude: ['checkbox'],
   body: (sr: FrontXoSr) => {
     const rightIcon = computed(() => getPrimaryIcon(sr))
 

@xen-orchestra/web/src/modules/vm/components/list/VmsTable.vue

@@ -63,6 +63,7 @@ const displayVms = computed(() => filteredVms.value.map(vm => getDisplayData(vm)
 const { pageRecords: paginatedVms, paginationBindings } = usePagination('vms', displayVms)
 
 const { HeadCells, BodyCells } = useVmColumns({
+  exclude: ['checkbox'],
   body: (vm: VmDisplayData) => {
     return {
       vm: r => r({ label: vm.name_label, to: `/vm/${vm.id}/dashboard`, icon: vm.vmIcon }),