switch graphRange on revlogRange change

This commit is contained in:
Damien Elmes 2020-07-17 14:00:23 +10:00
parent ec9e3646c4
commit 39ae5936fc
4 changed files with 18 additions and 3 deletions

View file

@ -29,7 +29,7 @@
<h1>{title}</h1> <h1>{title}</h1>
<div class="range-box-inner"> <div class="range-box-inner">
<GraphRangeRadios bind:graphRange {i18n} {revlogRange} /> <GraphRangeRadios bind:graphRange {i18n} {revlogRange} followRevlog={true} />
</div> </div>
<div class="subtitle">{subtitle}</div> <div class="subtitle">{subtitle}</div>

View file

@ -6,6 +6,21 @@
export let i18n: I18n; export let i18n: I18n;
export let revlogRange: RevlogRange; export let revlogRange: RevlogRange;
export let graphRange: GraphRange; export let graphRange: GraphRange;
export let followRevlog: boolean = false;
function onFollowRevlog(revlogRange: RevlogRange) {
if (revlogRange === RevlogRange.All) {
graphRange = GraphRange.AllTime;
} else if (graphRange === GraphRange.AllTime) {
graphRange = GraphRange.Year;
}
}
$: if (followRevlog) {
// split into separate function so svelte does not
// run this when graphRange changes
onFollowRevlog(revlogRange);
}
const month = timeSpan(i18n, 1 * MONTH); const month = timeSpan(i18n, 1 * MONTH);
const month3 = timeSpan(i18n, 3 * MONTH); const month3 = timeSpan(i18n, 3 * MONTH);

View file

@ -29,7 +29,7 @@
<h1>{title}</h1> <h1>{title}</h1>
<div class="range-box-inner"> <div class="range-box-inner">
<GraphRangeRadios bind:graphRange {i18n} {revlogRange} /> <GraphRangeRadios bind:graphRange {i18n} {revlogRange} followRevlog={true} />
</div> </div>
<div class="subtitle">{subtitle}</div> <div class="subtitle">{subtitle}</div>

View file

@ -48,7 +48,7 @@
{time} {time}
</label> </label>
<GraphRangeRadios bind:graphRange {i18n} {revlogRange} /> <GraphRangeRadios bind:graphRange {i18n} {revlogRange} followRevlog={true} />
</div> </div>
<div class="subtitle">{subtitle}</div> <div class="subtitle">{subtitle}</div>