import { extend } from '../../core/util';
import Geometry from '../Geometry';
import InfoWindow, { InfoWindowOptionsType } from '../../ui/InfoWindow';
import type Coordinate from '../../geo/Coordinate';


declare module "../Geometry" {

    interface Geometry {
        //@internal
        _infoWindow: InfoWindow;
        setInfoWindow(options: InfoWindowOptionsType): this;
        getInfoWindow(): InfoWindow;
        openInfoWindow(coordinate?: Coordinate): this;
        closeInfoWindow(): this;
        removeInfoWindow(): this;
        //@internal
        _bindInfoWindow(): this;
        //@internal
        _unbindInfoWindow(): this;
    }
}


Geometry.include(/** @lends Geometry.prototype */ {
    /**
     * 给几何体设置信息窗口
     * @english
     * Set an InfoWindow to the geometry
     * @param {Object} options - construct [options]{@link ui.InfoWindow#options} for the InfoWindow
     * @return {Geometry} this
     * @example
     * geometry.setInfoWindow({
     *     title    : 'This is a title',
     *     content  : '<div style="color:#f00">This is content of the InfoWindow</div>'
     * });
     */
    setInfoWindow(options: InfoWindowOptionsType | InfoWindow) {
        this.removeInfoWindow();
        if (options instanceof InfoWindow) {
            this._infoWindow = options;
            this._infoWinOptions = extend({}, this._infoWindow.options);
            this._infoWindow.addTo(this);
            return this;
        }
        this._infoWinOptions = extend({}, options);
        if (this._infoWindow) {
            this._infoWindow._setOptions(options);
        } else if (this.getMap()) {
            this._bindInfoWindow();
        }

        return this;
    },

    /**
     * 获取InfoWindow实例
     * @english
     * Get the InfoWindow instance.
     * @return {ui.InfoWindow}
     */
    getInfoWindow(): InfoWindow {
        if (!this._infoWindow) {
            return null;
        }
        return this._infoWindow;
    },

    /**
     * 打开信息窗口，默认位于几何图形的中心。
     * @english
     * Open the InfoWindow, default on the center of the geometry.
     * @param  {Coordinate} [coordinate=null] - coordinate to open the InfoWindow
     * @return {Geometry} this
     */
    openInfoWindow(coordinate?: Coordinate) {
        if (!this.getMap()) {
            return this;
        }
        if (!coordinate) {
            coordinate = this.getCenter();
        }
        if (!this._infoWindow) {
            if (this._infoWinOptions && this.getMap()) {
                this._bindInfoWindow();
                this._infoWindow.show(coordinate);
            }
        } else {
            this._infoWindow.show(coordinate);
        }
        return this;
    },

    /**
     * 关闭信息窗口
     * @english
     * Close the InfoWindow
     * @return {Geometry} this
     */
    closeInfoWindow() {
        if (this._infoWindow) {
            this._infoWindow.hide();
        }
        return this;
    },

    /**
     * 移除信息窗口
     * @english
     * Remove the InfoWindow
     * @return {Geometry} this
     */
    removeInfoWindow() {
        this._unbindInfoWindow();
        delete this._infoWinOptions;
        delete this._infoWindow;
        return this;
    },

    /**
     * 给几何体绑定信息窗口
     * @english
     * Bing InfoWindow to Geometry
     * @returns {Geometry} this
     */
    //@internal
    _bindInfoWindow() {
        const options = this._infoWinOptions;
        if (!options) {
            return this;
        }
        this._infoWindow = new InfoWindow(options);
        this._infoWindow.addTo(this);

        return this;
    },

    /**
     * 解绑几何体窗口
     * @english
     * Unbind InfoWindow
     * @returns {Geometry} this
     */
    //@internal
    _unbindInfoWindow() {
        if (this._infoWindow) {
            this.closeInfoWindow();
            this._infoWindow.remove();
            delete this._infoWindow;
        }
        return this;
    }
});