Add filters

web/src/plugins/date.js

@@ -1,5 +1,10 @@
 import Vue from 'vue'
-import { format, formatDistance, fromUnixTime } from 'date-fns'
+import {
+  format,
+  formatDistance,
+  formatDuration,
+  intervalToDuration
+} from 'date-fns'
 import locale from 'date-fns/locale/pt-BR'
 
 function dateAndTime(date) {
@@ -19,8 +24,21 @@ function time(date) {
 }
 
 function conciseDate(date) {
-  return format(new Date(date), 'yy/MM/dd HH:mm:ss')
+  return format(new Date(date), 'dd/MM/yy HH:mm:ss', { locale })
 }
+
+function durationFromSeconds(seconds) {
+  const duration = intervalToDuration({
+    start: Date.now(),
+    end: Date.now() + seconds * 1000
+  })
+
+  return formatDuration(duration, {
+    locale,
+    format: ['years', 'months', 'weeks', 'days', 'hours', 'minutes']
+  })
+}
+
 Vue.filter('dateAndTime', dateAndTime)
 
 Vue.filter('shortDate', shortDate)
@@ -31,4 +49,6 @@ Vue.filter('time', time)
 
 Vue.filter('conciseDate', conciseDate)
 
+Vue.filter('durationFromSeconds', durationFromSeconds)
+
 export { dateAndTime, shortDate, from, time }