import { App } from '../../gogocarto'
import { splitLongText, formatPhoneNumber, applyGlossary } from '../../utils/string-helpers'
declare let $

export class TemplateElementFiltersModule {
  filters = [
    'gogo_text',
    'gogo_email',
    'gogo_openhours',
    'gogo_tags',
    'gogo_vimeo',
    'gogo_url',
    'gogo_title',
    'gogo_separator',
    'gogo_taxonomy',
    'gogo_textarea',
    'gogo_tel',
    'gogo_date',
    'gogo_files',
    'gogo_elements',
    'gogo_area',
    'gogo_list',
  ]

  public addGoGoFilters(nunjucksEnvironment) {
    const me = this
    // adds custom filters here
    for (const currentFilter of this.filters) {
      nunjucksEnvironment.addFilter(currentFilter, function (value, kwargs) {
        const objectArgument = {}
        if (kwargs) $.extend(objectArgument, kwargs)
        objectArgument['value'] = value
        if (currentFilter === 'gogo_area' && value) {
          Object.keys(value).forEach((key) => {
            if (typeof value[key] === 'string') {
              value[key] = JSON.parse(value[key])
            }
          })
          objectArgument['uniqId'] = Date.now() + Math.floor(Math.random() * 1000000)
        }
        objectArgument['config'] = App.config
        $.extend(objectArgument, me.addNeededFunction(currentFilter))
        return nunjucksEnvironment.render(
          'components/element/element-filters/' + currentFilter + '.html.njk',
          objectArgument,
        )
      })
    }

    return nunjucksEnvironment
  }

  private addNeededFunction(filter: string): object {
    const functionToAdd = {}
    switch (filter) {
      case 'gogo_textarea':
        functionToAdd['splitLongText'] = splitLongText
        functionToAdd['applyGlossary'] = applyGlossary
        break
      case 'gogo_tel':
        functionToAdd['formatPhoneNumber'] = formatPhoneNumber
        break
      default:
    }
    return functionToAdd
  }
}