client/src/app/shared/misc/utils.ts

   1 // Thanks: https://stackoverflow.com/questions/901115/how-can-i-get-query-string-values-in-javascript
   2
   3 import { DatePipe } from '@angular/common'
   4 import { environment } from '../../../environments/environment'
   5 import { AuthService } from '../../core/auth'
   6
   7 function getParameterByName (name: string, url: string) {
   8   if (!url) url = window.location.href
   9   name = name.replace(/[\[\]]/g, '\\$&')
  10
  11   const regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)')
  12   const results = regex.exec(url)
  13
  14   if (!results) return null
  15   if (!results[2]) return ''
  16
  17   return decodeURIComponent(results[2].replace(/\+/g, ' '))
  18 }
  19
  20 function populateAsyncUserVideoChannels (authService: AuthService, channel: any[]) {
  21   return new Promise(res => {
  22     authService.userInformationLoaded
  23       .subscribe(
  24         () => {
  25           const user = authService.getUser()
  26           if (!user) return
  27
  28           const videoChannels = user.videoChannels
  29           if (Array.isArray(videoChannels) === false) return
  30
  31           videoChannels.forEach(c => channel.push({ id: c.id, label: c.displayName }))
  32
  33           return res()
  34         }
  35       )
  36   })
  37 }
  38
  39 function getAbsoluteAPIUrl () {
  40   let absoluteAPIUrl = environment.apiUrl
  41   if (!absoluteAPIUrl) {
  42     // The API is on the same domain
  43     absoluteAPIUrl = window.location.origin
  44   }
  45
  46   return absoluteAPIUrl
  47 }
  48
  49 const datePipe = new DatePipe('en')
  50 function dateToHuman (date: string) {
  51   return datePipe.transform(date, 'medium')
  52 }
  53
  54 function immutableAssign <A, B> (target: A, source: B) {
  55   return Object.assign({}, target, source)
  56 }
  57
  58 // Thanks: https://gist.github.com/ghinda/8442a57f22099bdb2e34
  59 function objectToFormData (obj: any, form?: FormData, namespace?: string) {
  60   let fd = form || new FormData()
  61   let formKey
  62
  63   for (let key of Object.keys(obj)) {
  64     if (namespace) formKey = `${namespace}[${key}]`
  65     else formKey = key
  66
  67     if (obj[key] === undefined) continue
  68
  69     if (Array.isArray(obj[key]) && obj[key].length === 0) {
  70       fd.append(key, null)
  71       continue
  72     }
  73
  74     if (obj[key] !== null && typeof obj[ key ] === 'object' && !(obj[ key ] instanceof File)) {
  75       objectToFormData(obj[ key ], fd, key)
  76     } else {
  77       fd.append(formKey, obj[ key ])
  78     }
  79   }
  80
  81   return fd
  82 }
  83
  84 function lineFeedToHtml (obj: object, keyToNormalize: string) {
  85   return immutableAssign(obj, {
  86     [keyToNormalize]: obj[keyToNormalize].replace(/\r?\n|\r/g, '<br />')
  87   })
  88 }
  89
  90 // Try to cache a little bit window.innerWidth
  91 let windowInnerWidth = window.innerWidth
  92 setInterval(() => windowInnerWidth = window.innerWidth, 500)
  93
  94 function isInSmallView () {
  95   return windowInnerWidth < 600
  96 }
  97
  98 function isInMobileView () {
  99   return windowInnerWidth < 500
 100 }
 101
 102 export {
 103   getParameterByName,
 104   populateAsyncUserVideoChannels,
 105   getAbsoluteAPIUrl,
 106   dateToHuman,
 107   isInSmallView,
 108   isInMobileView,
 109   immutableAssign,
 110   objectToFormData,
 111   lineFeedToHtml
 112 }