lfk/frontend
2
0
Fork 0
Code Issues 3 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
Signed by: philipp
GPG Key ID: 3BB9ADD52DCA4314
1 changed files with 15 additions and 17 deletions
Show Stats 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 }; return { label: r.name, value: r };
}); });
groups = groups.concat(orgs); groups = groups.concat(orgs);
groups.sort((a, b) => a.label.localeCompare(b.label));
RunnerTeamService.runnerTeamControllerGetAll().then((val) => { RunnerTeamService.runnerTeamControllerGetAll().then((val) => {
const teams = val.map((r) => { const teams = val.map((r) => {
return { label: `${r.parentGroup.name} > ${r.name}`, value: r }; return { label: `${r.parentGroup.name} > ${r.name}`, value: r };
}); });
groups = groups.concat(teams); 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>
<div class="text-sm w-full mt-2"> <div class="text-sm w-full mt-2">
<span class="font-semibold text-gray-700">{$_("group")}</span> <span class="font-semibold text-gray-700">{$_("group")}</span>
<Select <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" 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"
itemFilter={(label, filterText, option) => bind:value={editable.group}
label.toLowerCase().includes(filterText.toLowerCase()) || >
option.id.value.toString().startsWith(filterText.toLowerCase())} {#each groups as g}
items={groups} <option value={g.value.id}>{g.label}</option>
showChevron={true} {/each}
placeholder={$_("search-for-an-organization-or-team-by-name-or-id")} </select>
noOptionsMessage={$_("no-organization-or-team-found")}
bind:selectedValue={group}
on:select={(selectedValue) => {
editable.group = selectedValue.detail.value.id;
}}
on:clear={() => (editable.group = null)}
/>
</div> </div>
<div class="text-sm w-full mt-2"> <div class="text-sm w-full mt-2">
<span class="font-semibold text-gray-700">{$_("distance")}</span> <span class="font-semibold text-gray-700">{$_("distance")}</span>
@ -292,7 +290,7 @@
<span class="text-gray-700">{original_data.distance / 1000} km</span> <span class="text-gray-700">{original_data.distance / 1000} km</span>
</div> </div>
<div class="text-sm w-full mt-2"> <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 /> <br />
<span class="text-gray-700">{original_data.created_via}</span> <span class="text-gray-700">{original_data.created_via}</span>
</div> </div>