39 lines
1.8 KiB
HTML
39 lines
1.8 KiB
HTML
<fragment>
|
|
<div class="form-group">
|
|
<div class="flex">
|
|
<label class="text" for="departures-auto-refresh-interval">
|
|
<ui-icon icon="refresh" fixed-width/>
|
|
autoodświeżanie
|
|
</label>
|
|
<ui-switch id="departures-auto-refresh" :value="autorefresh" @input="update({ autorefresh: $event })" class="flex-space-left"/>
|
|
</div>
|
|
<div class="flex " v-if="autorefresh">
|
|
<label for="departures-auto-refresh-interval" class="text">
|
|
<span class="sr-only">częstotliwość odświeżania</span>
|
|
co
|
|
</label>
|
|
<div class="input-group input-group-sm">
|
|
<input type="text" class="form-control form-control-sm form-control-simple" id="departures-auto-refresh-interval"
|
|
:value="autorefreshInterval" @input="update({ autorefreshInterval: Number.parseInt($event.target.value) })" />
|
|
<div class="input-group-append">
|
|
<span class="input-group-text" aria-label="sekund">s</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="text" for="departures-count">
|
|
<ui-icon icon="line-bus" fixed-width/>
|
|
liczba wpisów
|
|
</label>
|
|
<ui-numeric-input id="departures-count" :value="displayedEntriesCount" @input="update({ displayedEntriesCount: $event })" :min="1" :max="20"/>
|
|
</div>
|
|
<div class="form-group flex">
|
|
<label class="text" for="departures-relative-times">
|
|
<ui-icon icon="relative-time" fixed-width/>
|
|
czas do odjazdu
|
|
</label>
|
|
<ui-switch id="departures-relative-times" :value="relativeTimes" @input="update({ relativeTimes: $event })" class="flex-space-left"/>
|
|
</div>
|
|
</fragment>
|