import Base from "../index";
import Dialog from '../../Element/Dialog';
import EventBinding from '../../Element/Dialog/eventBinding';
import { html } from "./_element";
import MouseEvent from '../../../Event/index'
import { syncData } from '../../../Global/MultiViewportMode'
import MouseTip from '../../../MouseTip'
import { setSplitDirection, syncSplitData, setActiveId } from '../../../Global/SplitScreen'
import { setActiveViewer, closeRotateAround, closeViewFollow, getGroundCover} from '../../../Global/global'
class Explosion extends Base {
  /**
  * @constructor
  * @description 爆炸
  * @param sdk
  * @param options {object} 爆炸属性
  * */
  constructor(sdk, options = {}, _Dialog = {}) {
    super(sdk, options);
    this.viewer = sdk.viewer
    this.options.show = (options.show || options.show === false) ? options.show : true
    this.options.name = this.options.name || '未命名对象'
    this.options.size = (this.options.size || this.options.size === 0) ? this.options.size : 80
    this.options.scaleByDistance = (options.scaleByDistance || options.scaleByDistance === false) ? options.scaleByDistance : true
    this.event = new MouseEvent(this.sdk)
    this.Dialog = _Dialog
    this.operate = {}
    this._elms = {};
    this._EventBinding = new EventBinding()
    this.sdk.addIncetance(this.options.id, this)
    Explosion.create(this)
  }

  get type() {
    return 'Explosion'
  }

  // 创建
  static create(that) {
    let img_bz = []
    for (let i = 10001; i <= 10120; i++) {
      let src = that.getSourceRootPath() + `/img/frameAnimation/explosion/b${i}.png`
      img_bz.push(src)
    }
    let i = 0
    let flyEntity = new Cesium.Entity({
      id: that.options.id,
      show: that.options.show,
      position: new Cesium.CallbackProperty(() => {
        return Cesium.Cartesian3.fromDegrees(that.options.position.lng, that.options.position.lat, that.options.position.alt)
      }, false),
      billboard: {
        image: new Cesium.CallbackProperty(() => {
          let img = img_bz[flyEntity.imgIndex]
          flyEntity.imgIndex++
          if (flyEntity.imgIndex  >= img_bz.length) {
            flyEntity.imgIndex  = 0
          }
          return img
        }, false),
        // scale: that.options.size,
        disableDepthTestDistance: new Cesium.CallbackProperty(function () {
          return getGroundCover() ? undefined : Number.POSITIVE_INFINITY
        }, false),
        width: that.options.size,
        height: that.options.size,
        sizeInMeters: that.options.scaleByDistance,
        pixelOffset: { x: 0, y: -20 }
      },
    });
    flyEntity.imgIndex = 0
    that.entity = that.viewer.entities.add(flyEntity)
    syncData(that.sdk, that.options.id)
    if(that.options.show) {
      setSplitDirection(0, that.options.id)
    }
  }

  // 编辑框
  async edit(state) {
    let _this = this
    this.originalOptions = this.deepCopyObj(this.options)

    if (this._DialogObject && this._DialogObject.close) {
      this._DialogObject.close()
      this._DialogObject = null
    }
    if (state) {
      this._DialogObject = await new Dialog(this.sdk, this.options, {
        title: '爆炸属性', left: '180px', top: '100px',
        confirmCallBack: (options) => {
          this.name = this.name.trim()
          if(!this.name) {
            this.name = '未命名对象'
          }
          this.originalOptions = this.deepCopyObj(this.options)
          this._DialogObject.close()
          this.Dialog.confirmCallBack && this.Dialog.confirmCallBack(this.originalOptions)
          syncData(this.sdk, this.options.id)
          syncSplitData(this.sdk, this.options.id)
        },
        resetCallBack: () => {
          this.reset()
          this.Dialog.resetCallBack && this.Dialog.resetCallBack()
        },
        removeCallBack: () => {
          this.Dialog.removeCallBack && this.Dialog.removeCallBack()
        },
        closeCallBack: () => {
          this.reset()
          this.positionEditing = false
          this.Dialog.closeCallBack && this.Dialog.closeCallBack()
        },
        showCallBack: (show) => {
          this.options.show = show
          this.originalOptions.show = show
          this.show = show
          this.Dialog.showCallBack && this.Dialog.showCallBack()
        },
        translationalCallBack: () => {
          this.positionEditing = !this.positionEditing
        },
      })
      this._DialogObject._element.body.className = this._DialogObject._element.body.className + ' explosion'
      let contentElm = document.createElement('div');
      contentElm.innerHTML = html()
      this._DialogObject.contentAppChild(contentElm)

      let all_elm = contentElm.getElementsByTagName("*")
      this._EventBinding.on(this, all_elm)
      this._elms = this._EventBinding.element
      this.scaleByDistance = this.options.scaleByDistance
    }
  }

  async flyTo(options = {}) {
    setActiveViewer(0)
    closeRotateAround(this.sdk)
  closeViewFollow(this.sdk)

    if (this.options.customView && this.options.customView.relativePosition && this.options.customView.orientation) {
      let orientation = {
        heading: Cesium.Math.toRadians(this.options.customView.orientation.heading || 0.0),
        pitch: Cesium.Math.toRadians(this.options.customView.orientation.pitch || -60.0),
        roll: Cesium.Math.toRadians(this.options.customView.orientation.roll || 0.0)
      }

      let lng = this.options.customView.relativePosition.lng
      let lat = this.options.customView.relativePosition.lat
      let alt = this.options.customView.relativePosition.alt
      let destination = Cesium.Cartesian3.fromDegrees(lng, lat, alt)

      let position = { lng: 0, lat: 0 }
      if (this.options.position) {
        position = { ...this.options.position }
      }
      else if (this.options.positions) {
        position = { ...this.options.positions[0] }
      }
      else if (this.options.center) {
        position = { ...this.options.center }
      }
      else if (this.options.start) {
        position = { ...this.options.start }
      }
      else {
        if (this.options.hasOwnProperty('lng')) {
          position.lng = this.options.lng
        }
        if (this.options.hasOwnProperty('lat')) {
          position.lat = this.options.lat
        }
        if (this.options.hasOwnProperty('alt')) {
          position.alt = this.options.alt
        }
      }
      // 如果没有高度值，则获取紧贴高度计算
      if (!position.hasOwnProperty('alt')) {
        position.alt = await this.getClampToHeight(position)
      }
      lng = this.options.customView.relativePosition.lng + position.lng
      lat = this.options.customView.relativePosition.lat + position.lat
      alt = this.options.customView.relativePosition.alt + position.alt
      destination = Cesium.Cartesian3.fromDegrees(lng, lat, alt)
      this.sdk.viewer.camera.flyTo({
        destination: destination,
        orientation: orientation
      })
    }
    else {
      this.sdk.viewer.camera.flyTo({
        destination: Cesium.Cartesian3.fromDegrees(this.options.position.lng, this.options.position.lat, this.options.position.alt + (this.options.size * 8)),
        orientation: options.orientation || {
          heading: Cesium.Math.toRadians(0.0),
          pitch: Cesium.Math.toRadians(-85.0),
          roll: Cesium.Math.toRadians(0.0)
        },
      })
    }
  }

  reset() {
    if (!this.entity) {
      return
    }
    this.previous = null
    this.options = this.deepCopyObj(this.originalOptions)
    this.name = this.originalOptions.name
    this.size = this.originalOptions.size
    this.scaleByDistance = this.originalOptions.scaleByDistance
    this.lng = this.options.position.lng
    this.lat = this.options.position.lat
  }

  get scaleByDistance() {
    return this.options.scaleByDistance
  }
  set scaleByDistance(v) {
    this.options.scaleByDistance = v
    this.entity.billboard.sizeInMeters = v
    this._elms.scaleByDistance && this._elms.scaleByDistance.forEach((item) => {
      item.checked = v
    })
  }

  get lng() {
    return this.options.position.lng
  }

  set lng(v) {
    this.options.position.lng = v
    this._elms.lng && this._elms.lng.forEach((item) => {
      item.value = v
    })
  }

  get lat() {
    return this.options.position.lat
  }

  set lat(v) {
    this.options.position.lat = v
    this._elms.lat && this._elms.lat.forEach((item) => {
      item.value = v
    })
  }

  get alt() {
    return this.options.position.alt
  }

  set alt(v) {
    this.options.position.alt = v
    this._elms.alt && this._elms.alt.forEach((item) => {
      item.value = v
    })
  }

  get size() {
    return this.options.size
  }
  set size(v) {
    this.options.size = v
    this.entity.billboard.width = this.options.size
    this.entity.billboard.height = this.options.size
    this._elms.size && this._elms.size.forEach((item) => {
      item.value = v
    })
  }

  /**@desc 打开平移功能
  *
  * @memberOf Source
  * @param status {boolean}
  *
  * */
  set positionEditing(status) {
    if (YJ.Measure.GetMeasureStatus() || !this.sdk || !this.sdk.viewer || !this.entity) {
      return
    }
    this.operate.positionEditing = status
    if (status === true) {
      this.tip && this.tip.destroy()
      this.tip = new MouseTip('点击鼠标左键确认，右键取消', this.sdk)
      this.previous = {
        position: { ...this.options.position }
      }
      this.event.mouse_move((movement, cartesian) => {
        let positions = this.cartesian3Towgs84(cartesian, this.sdk.viewer)
        this.lng = positions.lng
        this.lat = positions.lat
        this.alt = positions.alt
        this.tip.setPosition(
          cartesian,
          movement.endPosition.x,
          movement.endPosition.y
        )
      })
      this.event.mouse_left((movement, cartesian) => {
        let positions = this.cartesian3Towgs84(cartesian, this.sdk.viewer)
        this.lng = positions.lng
        this.lat = positions.lat
        this.alt = positions.alt
        this.previous = {
          position: { ...this.options.position }
        }
        this.event.mouse_move(() => { })
        this.event.mouse_left(() => { })
        this.event.mouse_right(() => { })
        this.event.gesture_pinck_start(() => { })
        this.event.gesture_pinck_end(() => { })
        this.positionEditing = false
      })
      this.event.mouse_right((movement, cartesian) => {
        this.positionEditing = false
      })

      this.event.gesture_pinck_start((movement, cartesian) => {
        let startTime = new Date()
        this.event.gesture_pinck_end(() => {
          let endTime = new Date()
          if (endTime - startTime >= 500) {
            this.positionEditing = false
          }
          else {
            let positions = this.cartesian3Towgs84(cartesian, this.sdk.viewer)
            this.lng = positions.lng
            this.lat = positions.lat
            this.alt = positions.alt
            this.previous = {
              position: { ...this.options.position }
            }
            this.event.mouse_move(() => { })
            this.event.mouse_left(() => { })
            this.event.mouse_right(() => { })
            this.event.gesture_pinck_start(() => { })
            this.event.gesture_pinck_end(() => { })
            this.positionEditing = false
          }
        })
      })
    }
    else {
      if (this.event) {
        this.event.mouse_move(() => { })
        this.event.mouse_left(() => { })
        this.event.mouse_right(() => { })
        this.event.gesture_pinck_start(() => { })
        this.event.gesture_pinck_end(() => { })
      }
      this.tip && this.tip.destroy()
      if (this.previous) {
        this.lng = this.previous.position.lng
        this.lat = this.previous.position.lat
        this.alt = this.previous.position.alt
      }
    }
  }

  get positionEditing() {
    return this.operate.positionEditing
  }

  /**
   * 删除
   */
  async remove() {
    this.viewer.entities.remove(this.entity)
    this.entity = null
    if (this._DialogObject && !this._DialogObject.isDestroy) {
      this._DialogObject.close()
      this._DialogObject = null
    }
    this.tip && this.tip.destroy()
    this.event && this.event.destroy()
    await this.sdk.removeIncetance(this.options.id)
    await syncData(this.sdk, this.options.id)
  }

  flicker() {}
}

export default Explosion