Witify/formly

/*---------------------------------------------------
  * Form (Rapid Form creation class)
  * constructor arguments: 
  * - schema
  *
  * Schema represents how data is parsed
  *
  * {}   FormContainer (contains FormElements)
  * []   FormList (contains multiple FormContainers)
  * null FormElement (contains single value)
  *
----------------------------------------------------*/
  
import { FormContainer } from '../elements/FormContainer'
import { FormList } from '../elements/FormList'
import { FormElement } from '../elements/FormElement'
import { FormSuccess } from './FormSuccess'
import { FormFail } from './FormFail'
import formArgsValidation from './ArgumentValidator'
import axios from 'axios'

class Form {
  constructor (args) {
    // Validate arguments
    args = formArgsValidation(args)

    // Properties
    this.sendOnce = false
    this.loading = false
    this.mutated = false
    this.errors = {}
    
    // Form response handlers
    this.formFail = new FormFail(this)
    this.formSuccess = new FormSuccess(this)

    // Configurations
    this.config = {
      redirect: true
    }

    // Callbacks
    this.callbacks = {
      error: []
    }

    // Schema creation
    this.data = FormContainer(args.schema)
    
    // Fill data
    this.data.setData(args.data)
  }

  /**
   * Retrive all data from form as simple object
   */
  getJsonData() {
    return this.data.getData()
  }

  /**
   * Find the FormElement from a string in the form
   * 
   * @param String name
   */
  get (name) {
    let parts = name.split('.')
    let base = this.data
    for (let i = 0; i < parts.length; i++) {
      let part = parts[i]
      if (base.$options.name === 'FormList') {
        base = base.list
      }

      if (part in base) {
        base = base[part]
      } else {
        return undefined
      }
    }

    return base
  }

  /**
   * Make a post request
   * 
   * @param String url 
   * @param Object data 
   */
  post(url, data = null) {
    return this.submit('post', url, data)
  }

  /**
   * Make a put request
   * 
   * @param String url 
   * @param Object data 
   */
  put(url, data = null) {
    return this.submit('put', url, data)
  }

  /**
   * Make a patch request
   * 
   * @param String url 
   * @param Object data 
   */
  patch(url, data = null) {
    return this.submit('patch', url, data)
  }

  /**
   * Make a delete request
   * 
   * @param String url 
   * @param Object data 
   */
  delete(url, data = null) {
    return this.submit('delete', url, data)
  }

  /**
   * Submit a request
   * 
   * @param String requestType [post, patch, put, delete] 
   * @param String url 
   * @param Object data 
   */
  submit(requestType, url, data = null) {
    this.loading = true
    return new Promise((resolve, reject) => {
      axios[requestType](url, data || this.getJsonData())
        .then(response => {
          this.onSuccess(response.data)
          resolve(response.data)
        })
        .catch(error => {
          this.onFail(error.response)
          reject(error.response)
        })
    })
  }

  /**
   * Actions to do on successful request
   * 
   * @param Object response 
   */
  onSuccess(response) {
    this.formSuccess.handle(response)
    this.sendOnce = true
    this.loading = false
  }

  /**
   * Actions to do on failed request
   * 
   * @param Object response 
   */
  onFail(response) {
    this.formFail.handle(response)
    this.sendOnce = true
    this.loading = false
  }

  setErrors(errors) {
    this.errors = errors
  }

  getErrors() {
    return this.errors
  }
}

export { Form }