anki/ts/graphs/EaseGraph.svelte

46 lines
1.4 KiB
Svelte
Raw Normal View History

<!--
Copyright: Ankitects Pty Ltd and contributors
License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
-->
2020-06-23 12:43:19 +02:00
<script lang="typescript">
import type pb from "lib/backend_proto";
import * as tr from "lib/i18n";
import type { PreferenceStore } from "sveltelib/preferences";
import { createEventDispatcher } from "svelte";
import HistogramGraph from "./HistogramGraph.svelte";
import Graph from "./Graph.svelte";
import TableData from "./TableData.svelte";
import type { HistogramData } from "./histogram-graph";
import { gatherData, prepareData } from "./ease";
import type { TableDatum, SearchEventMap } from "./graph-helpers";
2020-06-23 12:43:19 +02:00
export let sourceData: pb.BackendProto.GraphsResponse | null = null;
export let preferences: PreferenceStore<pb.BackendProto.GraphPreferences>;
2020-06-23 12:43:19 +02:00
const dispatch = createEventDispatcher<SearchEventMap>();
2020-06-23 12:43:19 +02:00
let histogramData = null as HistogramData | null;
2020-08-21 04:58:02 +02:00
let tableData: TableDatum[] = [];
2021-01-25 17:36:04 +01:00
let { browserLinksSupported } = preferences;
2020-06-23 12:43:19 +02:00
$: if (sourceData) {
2021-01-25 17:36:04 +01:00
[histogramData, tableData] = prepareData(
gatherData(sourceData),
dispatch,
$browserLinksSupported
);
2020-06-23 12:43:19 +02:00
}
2020-06-28 06:21:31 +02:00
const title = tr.statisticsCardEaseTitle();
const subtitle = tr.statisticsCardEaseSubtitle();
2020-06-23 12:43:19 +02:00
</script>
<Graph {title} {subtitle}>
<HistogramGraph data={histogramData} />
2020-08-21 04:58:02 +02:00
<TableData {tableData} />
</Graph>