danvics/ytptube
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

refactor: update other uselect to use uselectmenu

Browse source
This commit is contained in:
arabcoders 2026-06-08 09:00:56 +03:00
parent 473e45c55b
commit 7a3c41b6bc
3 changed files with 26 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ui/app/components/TaskDefinitionEditor.vue
View file

@ -30,14 +30,16 @@
</div> </div>
</template> </template>
<USelect <USelectMenu
v-model="selectedExistingValue" v-model="selectedExistingValue"
:items="existingDefinitionItems" :items="existingDefinitionItems"
placeholder="Select a definition" placeholder="Select a definition"
value-key="value" value-key="value"
label-key="label" label-key="label"
color="neutral"
class="w-full" class="w-full"
:ui="inputUi" :ui="{ content: 'min-w-[13rem]', item: 'pl-6' }"
:search-input="{ placeholder: 'Search definitions' }"
:disabled="isBusy" :disabled="isBusy"
@update:model-value="importExisting" @update:model-value="importExisting"
/> />

24
ui/app/components/YTDLPOptions.vue
View file

@ -17,46 +17,54 @@
</UFormField> </UFormField>
<UFormField label="Group Filter" class="sm:col-span-6 lg:col-span-2" :ui="fieldUi"> <UFormField label="Group Filter" class="sm:col-span-6 lg:col-span-2" :ui="fieldUi">
<USelect <USelectMenu
v-model="filters.group" v-model="filters.group"
:items="groupItems" :items="groupItems"
value-key="value" value-key="value"
label-key="label" label-key="label"
color="neutral"
class="w-full" class="w-full"
:ui="inputUi" :ui="{ content: 'min-w-[13rem]' }"
:search-input="{ placeholder: 'Search groups' }"
/> />
</UFormField> </UFormField>
<UFormField label="Display" class="sm:col-span-6 lg:col-span-2" :ui="fieldUi"> <UFormField label="Display" class="sm:col-span-6 lg:col-span-2" :ui="fieldUi">
<USelect <USelectMenu
v-model="displayMode" v-model="displayMode"
:items="displayItems" :items="displayItems"
value-key="value" value-key="value"
label-key="label" label-key="label"
color="neutral"
class="w-full" class="w-full"
:ui="inputUi" :ui="{ content: 'min-w-[13rem]' }"
:search-input="false"
/> />
</UFormField> </UFormField>
<UFormField label="Sort By" class="sm:col-span-6 lg:col-span-2" :ui="fieldUi"> <UFormField label="Sort By" class="sm:col-span-6 lg:col-span-2" :ui="fieldUi">
<USelect <USelectMenu
v-model="sortBy" v-model="sortBy"
:items="sortItems" :items="sortItems"
value-key="value" value-key="value"
label-key="label" label-key="label"
color="neutral"
class="w-full" class="w-full"
:ui="inputUi" :ui="{ content: 'min-w-[13rem]' }"
:search-input="false"
/> />
</UFormField> </UFormField>
<UFormField label="Order" class="sm:col-span-6 lg:col-span-2" :ui="fieldUi"> <UFormField label="Order" class="sm:col-span-6 lg:col-span-2" :ui="fieldUi">
<USelect <USelectMenu
v-model="sortDir" v-model="sortDir"
:items="orderItems" :items="orderItems"
value-key="value" value-key="value"
label-key="label" label-key="label"
color="neutral"
class="w-full" class="w-full"
:ui="inputUi" :ui="{ content: 'min-w-[13rem]' }"
:search-input="false"
/> />
</UFormField> </UFormField>

12
ui/app/pages/logs.vue
View file

@ -64,21 +64,21 @@
Wrap Wrap
</UButton> </UButton>
<USelect <USelectMenu
v-model="selectedLevels" v-model="selectedLevels"
:items="levelFilterItems" :items="levelFilterItems"
value-key="value" value-key="value"
label-key="label" label-key="label"
color="neutral"
multiple multiple
size="sm" size="sm"
icon="i-lucide-list-filter" icon="i-lucide-list-filter"
class="w-44 shrink-0 sm:w-48" class="w-44 shrink-0 sm:w-48"
:ui="{ content: 'min-w-48' }" :ui="{ content: 'min-w-48', item: 'pl-6' }"
:search-input="false"
> >
<template #default> {{ levelFilterLabel }}
{{ levelFilterLabel }} </USelectMenu>
</template>
</USelect>
<UButton <UButton
color="neutral" color="neutral"