Spythere/stacjownik
1
0
Fork 0
mirror of https://github.com/Spythere/stacjownik.git synced 2026-05-03 13:28:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: changed drivers select to datalist in active train options

Browse Source
This commit is contained in:
Spythere
2025-07-17 14:45:33 +02:00
parent 86259988c9
commit 89f7fd3c53
1 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/TrainsView/TrainOptions.vue
+11 -8
View File
@@ -30,17 +30,20 @@
</div> </div>
<div class="search-box"> <div class="search-box">
<select <datalist id="search-active-driver">
class="search-input"
name="active-trains"
id="active-trains"
v-model="searchedDriver"
>
<option value="">{{ $t('options.select-driver') }}</option>
<option v-for="driverName in activeDriverNames" :value="driverName"> <option v-for="driverName in activeDriverNames" :value="driverName">
{{ driverName }} {{ driverName }}
</option> </option>
</select> </datalist>
<input
class="search-input"
list="search-active-driver"
name="search-active-driver"
id="search-active-driver"
:placeholder="$t(`options.search-driver`)"
v-model="searchedDriver"
/>
<button class="btn btn--action search-exit" @click="onInputClear('driver')"> <button class="btn btn--action search-exit" @click="onInputClear('driver')">
<img src="/images/icon-exit.svg" alt="Trains search clear icon" /> <img src="/images/icon-exit.svg" alt="Trains search clear icon" />