optimize EveryMinute by binding a variable instead of listening to an event.
continuous-integration/drone/push Build is passing

This commit is contained in:
2021-01-14 20:45:19 +01:00
parent 468d12879c
commit 0a7d342e86
3 changed files with 12 additions and 14 deletions
+2 -6
View File
@@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
import EveryMinute from "./EveryMinute.svelte"; import EveryMinute from "./EveryMinute.svelte";
export let startTime: Date | string = new Date(); export let startTime: Date | string = new Date();
export let endTime: Date | string = new Date(); export let endTime: Date | string = new Date();
@@ -19,10 +19,6 @@ import EveryMinute from "./EveryMinute.svelte";
return `${time.getFullYear()}-${pad(time.getMonth()+1)}-${pad(time.getDate())}` return `${time.getFullYear()}-${pad(time.getMonth()+1)}-${pad(time.getDate())}`
} }
function onMinute(e: {detail: Date}) {
now = e.detail;
}
$: { $: {
overdue = false; overdue = false;
unit = "days"; unit = "days";
@@ -69,7 +65,7 @@ import EveryMinute from "./EveryMinute.svelte";
} }
</script> </script>
<EveryMinute on:minute={onMinute} /> <EveryMinute bind:now={now} />
<span title={titleTimeStr}> <span title={titleTimeStr}>
{#if (overdue)} {#if (overdue)}
<span class="overdue">{amountStr} {unit} ago</span> <span class="overdue">{amountStr} {unit} ago</span>
+7 -3
View File
@@ -10,12 +10,16 @@
<script lang="ts"> <script lang="ts">
import { createEventDispatcher, onMount } from "svelte"; import { onMount } from "svelte";
const dispatch = createEventDispatcher(); export let now: Date | number;
function onMinute(date: Date) { function onMinute(date: Date) {
dispatch("minute", date); if (typeof(now) === "number") {
now = date.getTime();
} else {
now = date;
}
} }
onMount(() => { onMount(() => {
+3 -5
View File
@@ -17,10 +17,6 @@ import EveryMinute from "./EveryMinute.svelte";
let msElapsed: number; let msElapsed: number;
let now = Date.now(); let now = Date.now();
function onMinute(e: {detail: Date}) {
now = e.detail.getTime();
}
$: mdGoalEdit = {name:"goal.edit", goal}; $: mdGoalEdit = {name:"goal.edit", goal};
$: mdGoalDelete = {name:"goal.delete", goal}; $: mdGoalDelete = {name:"goal.delete", goal};
@@ -40,7 +36,8 @@ import EveryMinute from "./EveryMinute.svelte";
} }
} }
</script> </script>
<EveryMinute on:minute={onMinute} />
<EveryMinute bind:now={now} />
<ParentEntry <ParentEntry
full={showAllOptions} full={showAllOptions}
entry={goal} entry={goal}
@@ -57,6 +54,7 @@ import EveryMinute from "./EveryMinute.svelte";
<Progress thinner gray count={msElapsed} target={msLength} /> <Progress thinner gray count={msElapsed} target={msLength} />
</div> </div>
</ParentEntry> </ParentEntry>
<style> <style>
div.progress { div.progress {
padding-top: 0.125em; padding-top: 0.125em;