added the raw date and time in the Meshes detail view.

Signed-off-by: Daryn St. Pierre <daryn.st.pierre@konghq.com>

src/helpers.js

@@ -298,6 +298,22 @@ export function humanReadableDate (tdate) {
   return `on ${systemDate.toLocaleDateString()}`
 }
 
+/**
+ * rawReadableDate
+ */
+export function rawReadableDate (date) {
+  const rawDate = new Date(Date.parse(date))
+  const options = {
+    year: 'numeric',
+    month: 'long',
+    day: 'numeric'
+  }
+  const formattedDate = rawDate.toLocaleDateString('en-US', options)
+  const formattedTime = `${rawDate.getHours()}:${rawDate.getMinutes()}:${rawDate.getSeconds()}`
+
+  return `${formattedDate} @ ${formattedTime}`
+}
+
 /**
  * Takes an object or array and only returns the keys and
  * values you want based on the `items` value.
@@ -371,6 +387,7 @@ export default {
   formatDate,
   deepIncludes,
   humanReadableDate,
+  rawReadableDate,
   getSome,
   stripUrl,
   getOffset,

src/views/Entities/Meshes.vue

@@ -74,7 +74,7 @@
                     {{ key }}
                   </h4>
                   <p v-if="key === 'creationTime' || key === 'modificationTime'">
-                    {{ value | readableDate }}
+                    {{ value | readableDate }} <em>({{ value | rawDate }})</em>
                   </p>
                   <p v-else>
                     {{ value }}
@@ -150,7 +150,7 @@
 
 <script>
 import { mapState } from 'vuex'
-import { getSome, humanReadableDate, getOffset } from '@/helpers'
+import { getSome, humanReadableDate, rawReadableDate, getOffset, stripTimes } from '@/helpers'
 import EntityURLControl from '@/components/Utils/EntityURLControl'
 import sortEntities from '@/mixins/EntitySorter'
 import FrameSkeleton from '@/components/Skeletons/FrameSkeleton'
@@ -180,6 +180,9 @@ export default {
     },
     readableDate (value) {
       return humanReadableDate(value)
+    },
+    rawDate (value) {
+      return rawReadableDate(value)
     }
   },
   mixins: [
@@ -508,7 +511,9 @@ export default {
                 basicData: col1,
                 extendedData: formatted()
               }
-              this.rawEntity = response
+
+              // this.rawEntity = response
+              this.rawEntity = stripTimes(response)
             } else {
               this.entity = null
               this.entityIsEmpty = true