client/src/app/shared/misc/from-now.pipe.ts

   1 import { Pipe, PipeTransform } from '@angular/core'
   2 import { I18n } from '@ngx-translate/i18n-polyfill'
   3
   4 // Thanks: https://stackoverflow.com/questions/3177836/how-to-format-time-since-xxx-e-g-4-minutes-ago-similar-to-stack-exchange-site
   5 @Pipe({ name: 'myFromNow' })
   6 export class FromNowPipe implements PipeTransform {
   7
   8   constructor (private i18n: I18n) { }
   9
  10   transform (arg: number | Date | string) {
  11     const argDate = new Date(arg)
  12     const seconds = Math.floor((Date.now() - argDate.getTime()) / 1000)
  13
  14     let interval = Math.floor(seconds / 31536000)
  15     if (interval > 1) {
  16       return this.i18n('{{interval}} years ago', { interval })
  17     }
  18
  19     interval = Math.floor(seconds / 2592000)
  20     if (interval > 1) return this.i18n('{{interval}} months ago', { interval })
  21     if (interval === 1) return this.i18n('{{interval}} month ago', { interval })
  22
  23     interval = Math.floor(seconds / 604800)
  24     if (interval > 1) return this.i18n('{{interval}} weeks ago', { interval })
  25     if (interval === 1) return this.i18n('{{interval}} week ago', { interval })
  26
  27     interval = Math.floor(seconds / 86400)
  28     if (interval > 1) return this.i18n('{{interval}} days ago', { interval })
  29     if (interval === 1) return this.i18n('{{interval}} day ago', { interval })
  30
  31     interval = Math.floor(seconds / 3600)
  32     if (interval > 1) return this.i18n('{{interval}} hours ago', { interval })
  33     if (interval === 1) return this.i18n('{{interval}} hour ago', { interval })
  34
  35     interval = Math.floor(seconds / 60)
  36     if (interval >= 1) return this.i18n('{{interval}} min ago', { interval })
  37
  38     return this.i18n('{{interval}} sec ago', { interval: Math.max(0, seconds) })
  39   }
  40 }