langfingaz/anki
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add first GraphPreferences which are not hooked to backend yet

Browse Source
This commit is contained in:
Henrik Giesel 2021-01-21 01:51:00 +01:00
parent 0c35d30979
commit d27167ce86
4 changed files with 24 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
ts/graphs/BUILD.bazel
View File

@ -71,6 +71,7 @@ ts_library(
"@npm//d3-transition", "@npm//d3-transition",
"@npm//lodash.debounce", "@npm//lodash.debounce",
"@npm//lodash.throttle", "@npm//lodash.throttle",
"@npm//svelte",
], ],
) )

6
ts/graphs/CardCounts.svelte
View File

@ -5,11 +5,11 @@
import type pb from "anki/backend_proto"; import type pb from "anki/backend_proto";
import type { I18n } from "anki/i18n"; import type { I18n } from "anki/i18n";
import SeparateInactiveCheckbox from "./SeparateInactiveCheckbox.svelte"; import SeparateInactiveCheckbox from "./SeparateInactiveCheckbox.svelte";
import { cardCountsSeparateInactive } from "./preferences";
export let sourceData: pb.BackendProto.GraphsOut; export let sourceData: pb.BackendProto.GraphsOut;
export let i18n: I18n; export let i18n: I18n;
let separateInactive = true;
let svg = null as HTMLElement | SVGElement | null; let svg = null as HTMLElement | SVGElement | null;
let bounds = defaultGraphBounds(); let bounds = defaultGraphBounds();
@ -20,7 +20,7 @@
let tableData = (null as unknown) as TableDatum[]; let tableData = (null as unknown) as TableDatum[];
$: { $: {
graphData = gatherData(sourceData, separateInactive, i18n); graphData = gatherData(sourceData, $cardCountsSeparateInactive, i18n);
tableData = renderCards(svg as any, bounds, graphData); tableData = renderCards(svg as any, bounds, graphData);
} }
@ -56,7 +56,7 @@
<h1>{graphData.title}</h1> <h1>{graphData.title}</h1>
<div class="range-box-inner"> <div class="range-box-inner">
<SeparateInactiveCheckbox bind:separateInactive {i18n} /> <SeparateInactiveCheckbox {i18n} />
</div> </div>
<div class="counts-outer"> <div class="counts-outer">

7
ts/graphs/SeparateInactiveCheckbox.svelte
View File

@ -1,10 +1,13 @@
<script lang="typescript"> <script lang="typescript">
import type { I18n } from "anki/i18n"; import type { I18n } from "anki/i18n";
import { cardCountsSeparateInactive } from "./preferences";
export let i18n: I18n; export let i18n: I18n;
export let separateInactive: boolean = true;
const label = i18n.tr(i18n.TR.STATISTICS_COUNTS_SEPARATE_SUSPENDED_BURIED_CARDS); const label = i18n.tr(i18n.TR.STATISTICS_COUNTS_SEPARATE_SUSPENDED_BURIED_CARDS);
</script> </script>
<label> <input type="checkbox" bind:checked={separateInactive} /> {label} </label> <label>
<input type="checkbox" bind:checked={$cardCountsSeparateInactive} />
{label}
</label>

15
ts/graphs/preferences.ts Normal file
View File

@ -0,0 +1,15 @@
import { writable } from "svelte/store";
function createPreference(initialValue: unknown) {
const { subscribe, set } = writable(initialValue);
return {
subscribe,
set: (v: unknown) => {
set(v);
},
};
}
export const calendarFirstDayOfWeek = createPreference(0);
export const cardCountsSeparateInactive = createPreference(false);