History Ordering, Relative Time

mgenereu · Dec 4, 2020 · d243507 · d243507
1 parent 6a425cd
commit d243507
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/routes/Edit.svelte b/src/routes/Edit.svelte
@@ -39,12 +39,12 @@
  setInterval(() => {
  if (code != hisCode) {
  //save history
- historyList.push({
+ historyList.unshift({
  time: new Date().toISOString(),
  code: hisCode = code
  });
  if (historyList.length > 10) {
- historyList.shift();
+ historyList.pop();
  }
  localStorage.setItem(historyListKey, JSON.stringify(historyList));
  }
@@ -176,6 +176,10 @@
  updateEditor: true,
  });
  }
+
+ function relativeTime(t){
+ return `${moment(t).fromNow()} (${new Date(t).toLocaleString()})`;
+ }
 </script>
 
 <style>
@@ -311,7 +315,7 @@
  {#if historyList.length > 0}
  {#each historyList as item, i}
  <button class="button-style" on:click="{e => toUpdateCodeStore(item.code)}">
- {moment(item.time).fromNow()}
+ {relativeTime(item.time)}
  </button>
  {/each}
  {:else}