diff --git a/src/devtools/filters.js b/src/devtools/filters.js index cf7137217..08f976e53 100644 --- a/src/devtools/filters.js +++ b/src/devtools/filters.js @@ -1,3 +1,4 @@ -export function formatTime (timestamp) { - return (new Date(timestamp)).toString().match(/\d\d:\d\d:\d\d/)[0] +export function formatTime (timestamp, format) { + const date = new Date(timestamp) + return `${date.toString().match(/\d\d:\d\d:\d\d/)[0]}${format === 'ms' ? '.' + date.getMilliseconds() : ''}` } diff --git a/src/devtools/index.js b/src/devtools/index.js index 600005202..f70696e15 100644 --- a/src/devtools/index.js +++ b/src/devtools/index.js @@ -10,6 +10,7 @@ import SharedData, { init as initSharedData, destroy as destroySharedData } from import { init as initStorage } from 'src/storage' import VuexResolve from './views/vuex/resolve' +// register filters for (const key in filters) { Vue.filter(key, filters[key]) } @@ -191,11 +192,6 @@ function initApp (shell) { store.commit('routes/CHANGED', parse(payload)) }) - // register filters - Vue.filter('formatTime', function (timestamp) { - return (new Date(timestamp)).toString().match(/\d\d:\d\d:\d\d/)[0] - }) - bridge.on('events:reset', () => { store.commit('events/RESET') }) diff --git a/src/devtools/views/events/EventsHistory.vue b/src/devtools/views/events/EventsHistory.vue index 605d05f1d..0f0f14b04 100644 --- a/src/devtools/views/events/EventsHistory.vue +++ b/src/devtools/views/events/EventsHistory.vue @@ -68,7 +68,7 @@ {{ displayComponentName(event.instanceName) }} > - {{ event.timestamp | formatTime }} + {{ event.timestamp | formatTime($shared.timeFormat) }} diff --git a/src/devtools/views/perf/FramerateGraph.vue b/src/devtools/views/perf/FramerateGraph.vue index 70a0ffa02..e6c0c2682 100644 --- a/src/devtools/views/perf/FramerateGraph.vue +++ b/src/devtools/views/perf/FramerateGraph.vue @@ -69,8 +69,6 @@ import { mapState, mapGetters } from 'vuex' import * as d3 from 'd3' import { FPS_MARKERS_PRECISION } from './module' -import { formatTime } from 'filters' - import SplitPane from 'components/SplitPane.vue' import FramerateMarkerInspector from './FramerateMarkerInspector.vue' @@ -167,7 +165,7 @@ export default { getBarTootip (metric) { return `
${metric.value} frames per second
-
${formatTime(metric.time)}
+
${this.$options.filters.formatTime(metric.time, this.$shared.timeFormat)}
` }, diff --git a/src/devtools/views/perf/FramerateMarkerInspector.vue b/src/devtools/views/perf/FramerateMarkerInspector.vue index 8704659c9..d91d26892 100644 --- a/src/devtools/views/perf/FramerateMarkerInspector.vue +++ b/src/devtools/views/perf/FramerateMarkerInspector.vue @@ -35,7 +35,7 @@ {{ entry.label }}
- {{ entry.timestamp | formatTime }} + {{ entry.timestamp | formatTime($shared.timeFormat) }}
diff --git a/src/devtools/views/router/RouterHistory.vue b/src/devtools/views/router/RouterHistory.vue index ce059ff32..fc00c18a7 100644 --- a/src/devtools/views/router/RouterHistory.vue +++ b/src/devtools/views/router/RouterHistory.vue @@ -57,7 +57,7 @@ @click="inspect(routeChanges.indexOf(route))" > {{ route.to.path }} - {{ route.timestamp | formatTime }} + {{ route.timestamp | formatTime($shared.timeFormat) }} + + + Display milliseconds + + + Display in browser console diff --git a/src/devtools/views/vuex/VuexHistory.vue b/src/devtools/views/vuex/VuexHistory.vue index ded7f04e1..78caacbc4 100644 --- a/src/devtools/views/vuex/VuexHistory.vue +++ b/src/devtools/views/vuex/VuexHistory.vue @@ -80,7 +80,7 @@ - {{ lastCommit | formatTime }} + {{ lastCommit | formatTime($shared.timeFormat) }} - {{ entry.timestamp | formatTime }} + {{ entry.timestamp | formatTime($shared.timeFormat) }}