koro

commit a1342dcc60aa7d8a7c230be4a3f238d7be866e54
parent 5044b14d66f071b15f4c918b07b34d069b32432b
Author: mokou <mokou@posteo.de>
Date:   Thu, 21 May 2020 00:06:48 +0200

fix: Store dates in ISO format

Unix timestamp is nice and short, but we lose timezone data (which we need!)

Diffstat:
M
src/components/DateTimeGrid.svelte
 | 
20
++++++++++----------

1 file changed, 10 insertions(+), 10 deletions(-)
diff --git a/src/components/DateTimeGrid.svelte b/src/components/DateTimeGrid.svelte
@@ -51,12 +51,12 @@
   }
 
   function addOrRemove (date) {
-    if (selected.includes(date.unix())) {
+    if (selected.includes(date.toISOString())) {
       let c = selected
-      c.splice(selected.indexOf(date.unix()), 1)
+      c.splice(selected.indexOf(date.toISOString()), 1)
       selected = c
     } else {
-      selected = [...selected, date.unix()]
+      selected = [...selected, date.toISOString()]
     }
     console.log(selected)
   }
@@ -84,8 +84,8 @@
   {#each datesDay1.slice(view[0], view[1]) as t}
     <div
       class="text-center time hover:cursor-pointer"
-      class:bg-purple-600={selected.includes(t.unix())}
-      class:text-white={selected.includes(t.unix())}
+      class:bg-purple-600={selected.includes(t.toISOString())}
+      class:text-white={selected.includes(t.toISOString())}
       on:click={() => addOrRemove(t)}
     >{t.format('hh:mm')}</div>
   {/each}
@@ -94,8 +94,8 @@
   {#each datesDay2.slice(view[0], view[1]) as t}
     <div
       class="text-center time hover:cursor-pointer"
-      class:bg-purple-600={selected.includes(t.unix())}
-      class:text-white={selected.includes(t.unix())}
+      class:bg-purple-600={selected.includes(t.toISOString())}
+      class:text-white={selected.includes(t.toISOString())}
       on:click={() => addOrRemove(t)}
     >{t.format('hh:mm')}</div>
   {/each}
@@ -104,8 +104,8 @@
   {#each datesDay3.slice(view[0], view[1]) as t}
     <div
       class="text-center time hover:cursor-pointer"
-      class:bg-purple-600={selected.includes(t.unix())}
-      class:text-white={selected.includes(t.unix())}
+      class:bg-purple-600={selected.includes(t.toISOString())}
+      class:text-white={selected.includes(t.toISOString())}
       on:click={() => addOrRemove(t)}
     >{t.format('hh:mm')}</div>
   {/each}
@@ -118,7 +118,7 @@
   {selected.length} potential time{selected.length === 1 ? '' : 's'} selected:
   <ul class="list-disc">
     {#each selected as s}
-      <li><span class="font-bold">{day.unix(s).format('DD/MM/YYYY hh:mm')}</span> ({day.unix(s).fromNow()})</li>
+      <li><span class="font-bold">{day(s).format('DD/MM/YYYY hh:mm')}</span> ({day(s).fromNow()})</li>
     {/each}
   </ul>
 </div>