Make sure RangeBox does not trigger update on stores on creation

This commit is contained in:
Henrik Giesel 2021-03-22 02:49:56 +01:00
parent 0bbe38ebde
commit 15b19e44b9

View file

@ -29,7 +29,7 @@
let displayedSearch = $search;
$: {
function updateSearch(): void {
switch (searchRange as SearchRange) {
case SearchRange.Deck:
$search = displayedSearch = "deck:current";
@ -40,7 +40,7 @@
}
}
$: {
function updateRevlog(): void {
switch (revlogRange as RevlogRange) {
case RevlogRange.Year:
$days = 365;
@ -51,12 +51,12 @@
}
}
const searchKeyUp = (event: KeyboardEvent) => {
function searchKeyUp(event: KeyboardEvent): void {
// fetch data on enter
if (event.key === "Enter") {
$search = displayedSearch;
}
};
}
const year = i18n.tr(i18n.TR.STATISTICS_RANGE_1_YEAR_HISTORY);
const deck = i18n.tr(i18n.TR.STATISTICS_RANGE_DECK);
@ -115,13 +115,18 @@
<InputBox>
<label>
<input type="radio" bind:group={searchRange} value={SearchRange.Deck} />
<input
type="radio"
bind:group={searchRange}
on:input={updateSearch}
value={SearchRange.Deck} />
{deck}
</label>
<label>
<input
type="radio"
bind:group={searchRange}
on:input={updateSearch}
value={SearchRange.Collection} />
{collection}
</label>
@ -138,11 +143,19 @@
<InputBox>
<label>
<input type="radio" bind:group={revlogRange} value={RevlogRange.Year} />
<input
type="radio"
bind:group={revlogRange}
on:input={updateRevlog}
value={RevlogRange.Year} />
{year}
</label>
<label>
<input type="radio" bind:group={revlogRange} value={RevlogRange.All} />
<input
type="radio"
bind:group={revlogRange}
on:input={updateRevlog}
value={RevlogRange.All} />
{all}
</label>
</InputBox>