Administrator/Xen-Orchestra-xen-orchestra-MIRROR
1
0
Fork 1
mirror of https://github.com/vatesfr/xen-orchestra.git synced 2026-11-09 17:06:13 -06:00
Code Issues Packages Projects Releases Wiki Activity

feat(web-core): show UiButton loader on the right of the label (#10723)

Browse Source
This commit is contained in:
Joris K
2026-11-06 12:57:52 +01:00
committed by GitHub
parent 12aa9576b9
commit 9c6a59bb89
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
@xen-orchestra/web-core/lib/components/ui/button/UiButton.vue
View File

@@ -1,14 +1,16 @@
<!-- v7 -->
<template>
<button :class="classNames" :disabled="busy || isDisabled || lockIcon" class="ui-button" type="button">
<VtsIcon :busy :name="leftIcon" class="icon" size="current" />
<VtsIcon :name="leftIcon" class="icon" size="current" />
<slot />
<UiLoader v-if="busy" class="icon" />
<VtsIcon v-if="lockIcon" name="fa:lock" size="medium" class="icon" />
</button>
</template>
<script lang="ts" setup>
import VtsIcon from '@core/components/icon/VtsIcon.vue'
import UiLoader from '@core/components/ui/loader/UiLoader.vue'
import { useDisabled } from '@core/composables/disabled.composable.ts'
import type { IconName } from '@core/icons'
import { toVariants } from '@core/utils/to-variants.util.ts'