From 5317c415b20197e17ad1f0f471fe0dcb020fc945 Mon Sep 17 00:00:00 2001
From: lana-k <skochetova89@gmail.com>
Date: Fri, 9 Oct 2020 14:51:14 +0200
Subject: [PATCH] add date filter

---
 src/views/MyQueries.vue | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/views/MyQueries.vue b/src/views/MyQueries.vue
index 8c9a14c..c7fa56c 100644
--- a/src/views/MyQueries.vue
+++ b/src/views/MyQueries.vue
@@ -34,7 +34,7 @@
               </td>
               <td>
                 <div class="second-column">
-                  <div class="date-container">{{ query.createdAt }}</div>
+                  <div class="date-container">{{ query.createdAt | date }}</div>
                   <div class="icons-container">
                     <rename-icon />
                     <copy-icon />
@@ -78,6 +78,21 @@ export default {
     new ResizeObserver(this.calcNameWidth).observe(this.$refs.table)
     this.calcNameWidth()
   },
+  filters: {
+    date (value) {
+      if (!value) {
+        return ''
+      }
+      const dateOptions = { year: 'numeric', month: 'long', day: 'numeric' }
+      const timeOptions = {
+        hour12: false,
+        hour: '2-digit',
+        minute: '2-digit'
+      }
+      return new Date(value).toLocaleDateString('en-GB', dateOptions) + ' ' +
+             new Date(value).toLocaleTimeString('en-GB', timeOptions)
+    }
+  },
   methods: {
     calcNameWidth () {
       this.$refs['name-th'].style = `width: ${this.$refs['name-td'][0].offsetWidth}px`