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 (value: number) {
  11     const seconds = Math.floor((Date.now() - value) / 1000)
  12
  13     let interval = Math.floor(seconds / 31536000)
  14     if (interval > 1) {
  15       return this.i18n('{{interval}} years ago', { interval })
  16     }
  17
  18     interval = Math.floor(seconds / 2592000)
  19     if (interval > 1) return this.i18n('{{interval}} months ago', { interval })
  20     if (interval === 1) return this.i18n('{{interval}} month ago', { interval })
  21
  22     interval = Math.floor(seconds / 604800)
  23     if (interval > 1) return this.i18n('{{interval}} weeks ago', { interval })
  24     if (interval === 1) return this.i18n('{{interval}} week ago', { interval })
  25
  26     interval = Math.floor(seconds / 86400)
  27     if (interval > 1) return this.i18n('{{interval}} days ago', { interval })
  28     if (interval === 1) return this.i18n('{{interval}} day ago', { interval })
  29
  30     interval = Math.floor(seconds / 3600)
  31     if (interval > 1) return this.i18n('{{interval}} hours ago', { interval })
  32     if (interval === 1) return this.i18n('{{interval}} hour ago', { interval })
  33
  34     interval = Math.floor(seconds / 60)
  35     if (interval >= 1) return this.i18n('{{interval}} min ago', { interval })
  36
  37     return this.i18n('{{interval}} sec ago', { interval: Math.floor(seconds) })
  38   }
  39 }