lfk/frontend
2
0
Fork 0
Code Issues 4 Pull Requests Actions Projects Releases Wiki Activity

fix(RunnerDetail): move to standard html select for groups

Browse Source
This commit is contained in:
Philipp Dormann
2025-04-22 21:15:56 +02:00
parent 80ab4e037e
commit e1bf435080
1 changed files with 15 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/runners/RunnerDetail.svelte
View File

@@ -52,12 +52,17 @@
return { label: r.name, value: r };
});
groups = groups.concat(orgs);
groups.sort((a, b) => a.label.localeCompare(b.label));
RunnerTeamService.runnerTeamControllerGetAll().then((val) => {
const teams = val.map((r) => {
return { label: `${r.parentGroup.name} > ${r.name}`, value: r };
});
groups = groups.concat(teams);
group = groups.find((g) => g.value.id == editable.group);
groups.sort((a, b) => a.label.localeCompare(b.label));
let tmp_group = groups.find((g) => g.value.id == editable.group);
if (tmp_group) {
group = tmp_group.value.id;
}
});
}
);
@@ -270,21 +275,14 @@
</div>
<div class="text-sm w-full mt-2">
<span class="font-semibold text-gray-700">{$_("group")}</span>
<Select
containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
itemFilter={(label, filterText, option) =>
label.toLowerCase().includes(filterText.toLowerCase()) ||
option.id.value.toString().startsWith(filterText.toLowerCase())}
items={groups}
showChevron={true}
placeholder={$_("search-for-an-organization-or-team-by-name-or-id")}
noOptionsMessage={$_("no-organization-or-team-found")}
bind:selectedValue={group}
on:select={(selectedValue) => {
editable.group = selectedValue.detail.value.id;
}}
on:clear={() => (editable.group = null)}
/>
<select
class="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
bind:value={editable.group}
>
{#each groups as g}
<option value={g.value.id}>{g.label}</option>
{/each}
</select>
</div>
<div class="text-sm w-full mt-2">
<span class="font-semibold text-gray-700">{$_("distance")}</span>
@@ -292,7 +290,7 @@
<span class="text-gray-700">{original_data.distance / 1000} km</span>
</div>
<div class="text-sm w-full mt-2">
<span class="font-semibold text-gray-700">{$_('created_via')}</span>
<span class="font-semibold text-gray-700">{$_("created_via")}</span>
<br />
<span class="text-gray-700">{original_data.created_via}</span>
</div>