mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-29 10:42:44 +00:00
disable instant queue mode on cloud (#6141)
## Summary Remove the _Instant_ mode from the queue mode options if the distribution target is cloud. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-6141-disable-instant-queue-mode-on-cloud-2916d73d36508197920fc8e462f0be9f) by [Unito](https://www.unito.io)
This commit is contained in:
@@ -8,7 +8,7 @@
|
|||||||
showDelay: 600
|
showDelay: 600
|
||||||
}"
|
}"
|
||||||
class="comfyui-queue-button"
|
class="comfyui-queue-button"
|
||||||
:label="activeQueueModeMenuItem.label"
|
:label="String(activeQueueModeMenuItem?.label ?? '')"
|
||||||
severity="primary"
|
severity="primary"
|
||||||
size="small"
|
size="small"
|
||||||
:model="queueModeMenuItems"
|
:model="queueModeMenuItems"
|
||||||
@@ -33,7 +33,7 @@
|
|||||||
value: item.tooltip,
|
value: item.tooltip,
|
||||||
showDelay: 600
|
showDelay: 600
|
||||||
}"
|
}"
|
||||||
:label="String(item.label)"
|
:label="String(item.label ?? '')"
|
||||||
:icon="item.icon"
|
:icon="item.icon"
|
||||||
:severity="item.key === queueMode ? 'primary' : 'secondary'"
|
:severity="item.key === queueMode ? 'primary' : 'secondary'"
|
||||||
size="small"
|
size="small"
|
||||||
@@ -82,6 +82,7 @@
|
|||||||
import { storeToRefs } from 'pinia'
|
import { storeToRefs } from 'pinia'
|
||||||
import Button from 'primevue/button'
|
import Button from 'primevue/button'
|
||||||
import ButtonGroup from 'primevue/buttongroup'
|
import ButtonGroup from 'primevue/buttongroup'
|
||||||
|
import type { MenuItem } from 'primevue/menuitem'
|
||||||
import SplitButton from 'primevue/splitbutton'
|
import SplitButton from 'primevue/splitbutton'
|
||||||
import { computed } from 'vue'
|
import { computed } from 'vue'
|
||||||
import { useI18n } from 'vue-i18n'
|
import { useI18n } from 'vue-i18n'
|
||||||
@@ -102,36 +103,45 @@ const queueCountStore = storeToRefs(useQueuePendingTaskCountStore())
|
|||||||
const { mode: queueMode } = storeToRefs(useQueueSettingsStore())
|
const { mode: queueMode } = storeToRefs(useQueueSettingsStore())
|
||||||
|
|
||||||
const { t } = useI18n()
|
const { t } = useI18n()
|
||||||
const queueModeMenuItemLookup = computed(() => ({
|
const queueModeMenuItemLookup = computed(() => {
|
||||||
disabled: {
|
const items: Record<string, MenuItem> = {
|
||||||
key: 'disabled',
|
disabled: {
|
||||||
label: t('menu.run'),
|
key: 'disabled',
|
||||||
tooltip: t('menu.disabledTooltip'),
|
label: t('menu.run'),
|
||||||
command: () => {
|
tooltip: t('menu.disabledTooltip'),
|
||||||
queueMode.value = 'disabled'
|
command: () => {
|
||||||
}
|
queueMode.value = 'disabled'
|
||||||
},
|
}
|
||||||
instant: {
|
},
|
||||||
key: 'instant',
|
change: {
|
||||||
label: `${t('menu.run')} (${t('menu.instant')})`,
|
key: 'change',
|
||||||
tooltip: t('menu.instantTooltip'),
|
label: `${t('menu.run')} (${t('menu.onChange')})`,
|
||||||
command: () => {
|
tooltip: t('menu.onChangeTooltip'),
|
||||||
queueMode.value = 'instant'
|
command: () => {
|
||||||
}
|
queueMode.value = 'change'
|
||||||
},
|
}
|
||||||
change: {
|
|
||||||
key: 'change',
|
|
||||||
label: `${t('menu.run')} (${t('menu.onChange')})`,
|
|
||||||
tooltip: t('menu.onChangeTooltip'),
|
|
||||||
command: () => {
|
|
||||||
queueMode.value = 'change'
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}))
|
if (!isCloud) {
|
||||||
|
items.instant = {
|
||||||
|
key: 'instant',
|
||||||
|
label: `${t('menu.run')} (${t('menu.instant')})`,
|
||||||
|
tooltip: t('menu.instantTooltip'),
|
||||||
|
command: () => {
|
||||||
|
queueMode.value = 'instant'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return items
|
||||||
|
})
|
||||||
|
|
||||||
const activeQueueModeMenuItem = computed(
|
const activeQueueModeMenuItem = computed(() => {
|
||||||
() => queueModeMenuItemLookup.value[queueMode.value]
|
// Fallback to disabled mode if current mode is not available (e.g., instant mode in cloud)
|
||||||
)
|
return (
|
||||||
|
queueModeMenuItemLookup.value[queueMode.value] ||
|
||||||
|
queueModeMenuItemLookup.value.disabled
|
||||||
|
)
|
||||||
|
})
|
||||||
const queueModeMenuItems = computed(() =>
|
const queueModeMenuItems = computed(() =>
|
||||||
Object.values(queueModeMenuItemLookup.value)
|
Object.values(queueModeMenuItemLookup.value)
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user