anki/ts/graphs/NoDataOverlay.svelte

32 lines
704 B
Svelte

<!--
Copyright: Ankitects Pty Ltd and contributors
License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
-->
<script lang="ts">
import * as tr from "@tslib/ftl";
import type { GraphBounds } from "./graph-helpers";
export let bounds: GraphBounds;
const noData = tr.statisticsNoData();
</script>
<g class="no-data">
<rect x="0" y="0" width={bounds.width} height={bounds.height} />
<text x="{bounds.width / 2}," y={bounds.height / 2}>{noData}</text>
</g>
<style lang="scss">
.no-data {
rect {
fill: var(--canvas-elevated);
}
text {
text-anchor: middle;
fill: grey;
}
}
</style>