import { App } from '../gogocarto'
import { AppDataType, AppModes } from '../app.module'
import { Element } from '../classes/classes'

export enum AppStates {
  Normal,
  ShowElement,
  ShowElementAlone,
}

interface AppStateOptions {
  id?: number
  mapPan?: boolean
}

export class StateManager {
  // curr state of the app
  private state_: AppStates = null

  // somes states need a element id, we store it in this property
  private stateElementId_: number = null

  get state() {
    return this.state_
  }
  get stateElementId(): number {
    return this.stateElementId_
  }

  setState(newState: AppStates, options: AppStateOptions = {}, backFromHistory = false): void {
    // console.log("AppModule set State : " + AppStates[$newState]  +  ', options = ',options);
    const element = options && options.id ? App.elementById(options.id) : null

    const oldStateName = this.state_
    this.state_ = newState

    if (oldStateName == AppStates.ShowElementAlone) {
      App.elementsModule.clearCurrentsElement()
      App.displayElementAloneModule.end()
    }

    this.stateElementId_ = options ? options.id : null

    switch (newState) {
      case AppStates.Normal:
        this.setNormalState()
        break
      case AppStates.ShowElement:
        this.setShowElementState(element, options)
        break
      case AppStates.ShowElementAlone:
        this.setShowElementAloneState(element, options)
        break
    }

    if (
      !backFromHistory &&
      (oldStateName !== newState || newState == AppStates.ShowElement || newState == AppStates.ShowElementAlone)
    ) {
      if (App.dataType == AppDataType.All) {
        App.historyModule.pushNewState(options)
      } else {
        App.historyModule.updateCurrState(options)
      }
    }

    App.documentTitleModule.updateDocumentTitle(options)
  }

  private setNormalState() {
    App.infoBarComponent.hide(false)
  }

  private setShowElementState(element, options: AppStateOptions) {
    if (App.mode == AppModes.List) {
      if (!App.mapComponent.isInitialized) {
        App.mapComponent.onMapReady.do(() => {
          App.mapComponent.panToLocation(element.position, 14, false)
          App.infoBarComponent.showElement(element.id)
        })
      } else {
        App.mapComponent.panToLocation(element.position, 14, false)
        App.infoBarComponent.showElement(element.id)
      }

      App.setMode(AppModes.Map, false, false)
    } // AppMode
    else {
      App.infoBarComponent.showElement(element.id)
      if (true === options.mapPan) {
        App.mapComponent.panToLocation(element.position, 14, false)
      }
    }
  }

  private setShowElementAloneState(element, options: AppStateOptions) {
    App.infoBarComponent.show()

    if (element) {
      App.DEAModule.begin(element.id, true)
    } else {
      App.ajaxModule.getElementById(
        options.id,
        (elementJson) => {
          App.elementsJsonModule.convertJsonElements([elementJson], true, true)
          App.DEAModule.begin(elementJson.id, true)
          App.documentTitleModule.updateDocumentTitle(options)
          App.historyModule.updateCurrState(options)
        },
        (error) => {
          const historystate = App.historyStateManager.lastHistoryState
          App.component.toastMessage('Erreur pendant le chargement de cet élement')

          App.setState(AppStates.Normal)
          if (historystate.viewport) App.mapComponent.setViewPort(historystate.viewport)
          else App.mapComponent.fitDefaultBounds()

          App.infoBarComponent.hide()
        },
      )
    }
  }
}