2021-04-13 11:02:41 +02:00
|
|
|
<!--
|
|
|
|
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">
|
2021-04-22 19:55:26 +02:00
|
|
|
import type pb from "lib/backend_proto";
|
|
|
|
import * as tr from "lib/i18n";
|
2021-04-14 23:46:13 +02:00
|
|
|
import type { PreferenceStore } from "sveltelib/preferences";
|
2021-03-26 11:23:43 +01:00
|
|
|
|
2021-01-25 16:33:18 +01:00
|
|
|
import { createEventDispatcher } from "svelte";
|
2021-03-21 13:47:52 +01:00
|
|
|
|
|
|
|
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
|
|
|
|
2021-06-20 07:49:20 +02:00
|
|
|
export let sourceData: pb.BackendProto.GraphsResponse | null = null;
|
2021-04-14 23:46:13 +02:00
|
|
|
export let preferences: PreferenceStore<pb.BackendProto.GraphPreferences>;
|
2020-06-23 12:43:19 +02:00
|
|
|
|
2021-01-26 12:41:22 +01:00
|
|
|
const dispatch = createEventDispatcher<SearchEventMap>();
|
2021-01-25 16:33:18 +01:00
|
|
|
|
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
|
|
|
|
2020-06-26 02:42:10 +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
|
|
|
|
2021-03-26 11:23:43 +01:00
|
|
|
const title = tr.statisticsCardEaseTitle();
|
|
|
|
const subtitle = tr.statisticsCardEaseSubtitle();
|
2020-06-23 12:43:19 +02:00
|
|
|
</script>
|
|
|
|
|
2021-03-21 13:47:52 +01:00
|
|
|
<Graph {title} {subtitle}>
|
2021-03-26 11:23:43 +01:00
|
|
|
<HistogramGraph data={histogramData} />
|
2020-08-21 04:58:02 +02:00
|
|
|
|
2021-03-26 11:23:43 +01:00
|
|
|
<TableData {tableData} />
|
2021-03-21 13:47:52 +01:00
|
|
|
</Graph>
|