Make showing of rangeBox based on parameter

This commit is contained in:
Henrik Giesel 2020-12-22 22:36:39 +01:00
parent 5d117cf1a0
commit ebc1a86b2e
2 changed files with 38 additions and 33 deletions

View file

@ -13,6 +13,7 @@
export let search: string; export let search: string;
export let days: number; export let days: number;
export let withRangeBox: boolean;
let sourceData: pb.BackendProto.GraphsOut | null = null; let sourceData: pb.BackendProto.GraphsOut | null = null;
@ -95,7 +96,8 @@
} }
</style> </style>
<div class="range-box"> {#if withRangeBox}
<div class="range-box">
<div class="spin {refreshing ? 'active' : ''}"></div> <div class="spin {refreshing ? 'active' : ''}"></div>
<div class="range-box-inner"> <div class="range-box-inner">
@ -131,8 +133,9 @@
{all} {all}
</label> </label>
</div> </div>
</div> </div>
<div class="range-box-pad" /> <div class="range-box-pad" />
{/if}
<div tabindex="-1" class="no-focus-outline"> <div tabindex="-1" class="no-focus-outline">
{#if sourceData} {#if sourceData}

View file

@ -21,6 +21,7 @@ export function graphs(
graphs: any[], { graphs: any[], {
search = "deck:current", search = "deck:current",
days = 31, days = 31,
withRangeBox = true,
} = {}, } = {},
): void { ): void {
const nightMode = checkNightMode(); const nightMode = checkNightMode();
@ -34,6 +35,7 @@ export function graphs(
nightMode, nightMode,
search, search,
days, days,
withRangeBox,
}, },
}); });
}); });