@xen-orchestra/web-core 0.31.1 → 0.33.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/lib/assets/css/_colors.pcss +8 -0
  2. package/lib/components/button-group/VtsButtonGroup.vue +5 -1
  3. package/lib/components/menu/MenuList.vue +1 -2
  4. package/lib/components/menu/MenuTrigger.vue +5 -11
  5. package/lib/components/modal/VtsModal.vue +82 -0
  6. package/lib/components/modal/VtsModalButton.vue +36 -0
  7. package/lib/components/modal/VtsModalCancelButton.vue +37 -0
  8. package/lib/components/modal/VtsModalConfirmButton.vue +21 -0
  9. package/lib/components/modal/VtsModalList.vue +34 -0
  10. package/lib/components/object-icon/VtsObjectIcon.vue +3 -8
  11. package/lib/components/status/VtsStatus.vue +66 -0
  12. package/lib/components/task/VtsQuickTaskList.vue +17 -5
  13. package/lib/components/tree/VtsTreeItem.vue +2 -2
  14. package/lib/components/ui/breadcrumb/UiBreadcrumb.vue +79 -0
  15. package/lib/components/ui/button/UiButton.vue +13 -67
  16. package/lib/components/ui/modal/UiModal.vue +164 -0
  17. package/lib/components/ui/quick-task-item/UiQuickTaskItem.vue +2 -2
  18. package/lib/composables/context.composable.ts +3 -5
  19. package/lib/composables/link-component.composable.ts +3 -2
  20. package/lib/composables/pagination.composable.ts +3 -2
  21. package/lib/composables/tree-filter.composable.ts +5 -3
  22. package/lib/icons/fa-icons.ts +13 -1
  23. package/lib/icons/index.ts +17 -0
  24. package/lib/locales/cs.json +60 -2
  25. package/lib/locales/de.json +40 -2
  26. package/lib/locales/en.json +27 -1
  27. package/lib/locales/es.json +51 -5
  28. package/lib/locales/fa.json +10 -10
  29. package/lib/locales/fr.json +28 -2
  30. package/lib/locales/it.json +4 -0
  31. package/lib/locales/nl.json +64 -14
  32. package/lib/locales/pt_BR.json +3 -3
  33. package/lib/locales/ru.json +41 -2
  34. package/lib/locales/sv.json +55 -1
  35. package/lib/locales/uk.json +4 -4
  36. package/lib/packages/collection/use-collection.ts +3 -2
  37. package/lib/packages/form-select/use-form-option-controller.ts +3 -2
  38. package/lib/packages/form-select/use-form-select.ts +8 -7
  39. package/lib/packages/menu/action.ts +4 -3
  40. package/lib/packages/menu/link.ts +5 -4
  41. package/lib/packages/menu/router-link.ts +3 -2
  42. package/lib/packages/menu/toggle-target.ts +3 -2
  43. package/lib/packages/modal/ModalProvider.vue +17 -0
  44. package/lib/packages/modal/README.md +253 -0
  45. package/lib/packages/modal/create-modal-opener.ts +103 -0
  46. package/lib/packages/modal/modal.store.ts +22 -0
  47. package/lib/packages/modal/types.ts +92 -0
  48. package/lib/packages/modal/use-modal.ts +53 -0
  49. package/lib/packages/progress/use-progress.ts +4 -3
  50. package/lib/packages/table/README.md +336 -0
  51. package/lib/packages/table/apply-extensions.ts +26 -0
  52. package/lib/packages/table/define-columns.ts +62 -0
  53. package/lib/packages/table/define-renderer/define-table-cell-renderer.ts +27 -0
  54. package/lib/packages/table/define-renderer/define-table-renderer.ts +47 -0
  55. package/lib/packages/table/define-renderer/define-table-row-renderer.ts +29 -0
  56. package/lib/packages/table/define-renderer/define-table-section-renderer.ts +29 -0
  57. package/lib/packages/table/define-table/define-multi-source-table.ts +39 -0
  58. package/lib/packages/table/define-table/define-table.ts +13 -0
  59. package/lib/packages/table/define-table/define-typed-table.ts +18 -0
  60. package/lib/packages/table/index.ts +11 -0
  61. package/lib/packages/table/transform-sources.ts +13 -0
  62. package/lib/packages/table/types/extensions.ts +16 -0
  63. package/lib/packages/table/types/index.ts +47 -0
  64. package/lib/packages/table/types/table-cell.ts +18 -0
  65. package/lib/packages/table/types/table-row.ts +20 -0
  66. package/lib/packages/table/types/table-section.ts +19 -0
  67. package/lib/packages/table/types/table.ts +28 -0
  68. package/lib/packages/threshold/use-threshold.ts +4 -3
  69. package/lib/types/vue-virtual-scroller.d.ts +101 -0
  70. package/lib/utils/injection-keys.util.ts +3 -0
  71. package/lib/utils/progress.util.ts +2 -1
  72. package/lib/utils/to-computed.util.ts +15 -0
  73. package/package.json +3 -2
  74. package/lib/components/backup-state/VtsBackupState.vue +0 -37
  75. package/lib/components/connection-status/VtsConnectionStatus.vue +0 -36
@@ -1,37 +0,0 @@
1
- <template>
2
- <UiInfo :accent="state.accent" class="vts-backup-state">
3
- {{ state.text }}
4
- </UiInfo>
5
- </template>
6
-
7
- <script lang="ts" setup>
8
- import UiInfo, { type InfoAccent } from '@core/components/ui/info/UiInfo.vue'
9
- import { useMapper } from '@core/packages/mapper'
10
- import { useI18n } from 'vue-i18n'
11
-
12
- const { state: _state } = defineProps<{
13
- state: BackupState
14
- }>()
15
-
16
- const { t } = useI18n()
17
-
18
- type BackupState = 'success' | 'failure' | 'skipped' | 'interrupted' | 'pending'
19
-
20
- const state = useMapper<BackupState, { text: string; accent: InfoAccent }>(
21
- () => _state,
22
- {
23
- success: { text: t('success'), accent: 'success' },
24
- failure: { text: t('failure'), accent: 'danger' },
25
- skipped: { text: t('skipped'), accent: 'warning' },
26
- interrupted: { text: t('interrupted'), accent: 'danger' },
27
- pending: { text: t('pending'), accent: 'info' },
28
- },
29
- 'failure'
30
- )
31
- </script>
32
-
33
- <style lang="postcss" scoped>
34
- .vts-backup-state {
35
- font-size: 1rem;
36
- }
37
- </style>
@@ -1,36 +0,0 @@
1
- <template>
2
- <UiInfo :accent="currentStatus.accent">
3
- {{ currentStatus.text }}
4
- </UiInfo>
5
- </template>
6
-
7
- <script setup lang="ts">
8
- import UiInfo, { type InfoAccent } from '@core/components/ui/info/UiInfo.vue'
9
- import { computed, type ComputedRef } from 'vue'
10
- import { useI18n } from 'vue-i18n'
11
-
12
- export type ConnectionStatus =
13
- | 'connected'
14
- | 'disconnected'
15
- | 'partially-connected'
16
- | 'disconnected-from-physical-device'
17
- | 'physically-disconnected'
18
- type ConnectionStatusesMap = Record<ConnectionStatus, { text: string; accent: InfoAccent }>
19
-
20
- const { status } = defineProps<{
21
- status: ConnectionStatus
22
- }>()
23
-
24
- const { t } = useI18n()
25
-
26
- const statuses: ComputedRef<ConnectionStatusesMap> = computed(() => ({
27
- connected: { text: t('connected'), accent: 'success' },
28
- disconnected: { text: t('disconnected'), accent: 'danger' },
29
- 'partially-connected': { text: t('partially-connected'), accent: 'warning' },
30
- 'disconnected-from-physical-device': { text: t('disconnected-from-physical-device'), accent: 'warning' },
31
- // This status is used in host pif side panel
32
- 'physically-disconnected': { text: t('disconnected-from-physical-device'), accent: 'danger' },
33
- }))
34
-
35
- const currentStatus = computed(() => statuses.value[status])
36
- </script>