import * as Utils from '../utils';
// @ts-ignore
import { Cartesian3 } from 'cesium';

import { CesiumTypes, LngLat, PolygonStyle, Viewer } from '../type';
import Basic from '../bastic';

export class Ellipse extends Basic {
    points: Cartesian3[] = [];
    freehand: boolean;

    constructor(cesium: CesiumTypes, viewer: Viewer, style?: PolygonStyle) {
        super(cesium, viewer, style);
        this.cesium = cesium;
        this.freehand = true;
        this.setState('drawing');
    }

    addPoint(cartesian: Cartesian3) {
        this.points.push(cartesian);
        if (this.points.length === 1) {
            this.onMouseMove();
        } else if (this.points.length > 1) {
            this.finishDrawing();
        }
    }

    updateMovingPoint(cartesian: Cartesian3) {
        const tempPoints = [...this.points, cartesian];
        const geometryPoints = this.createGraphic(tempPoints);
        this.setGeometryPoints(geometryPoints);
        this.drawPolygon();
    }

    updateDraggingPoint(cartesian: Cartesian3, index: number) {
        this.points[index] = cartesian;
        const geometryPoints = this.createGraphic(this.points);
        this.setGeometryPoints(geometryPoints);
        this.drawPolygon();
    }

    createGraphic(positions: Cartesian3[]) {
        const lnglatPoints = positions.map((pnt) => {
            return this.cartesianToLnglat(pnt);
        });
        const pnt1 = lnglatPoints[0];
        const pnt2 = lnglatPoints[1];

        const center = Utils.Mid(pnt1, pnt2);
        const majorRadius = Math.abs((pnt1[0] - pnt2[0]) / 2);
        const minorRadius = Math.abs((pnt1[1] - pnt2[1]) / 2);
        const res = this.generatePoints(center, majorRadius, minorRadius);
        const temp = [].concat(...res);
        const cartesianPoints = this.cesium.Cartesian3.fromDegreesArray(temp);
        return cartesianPoints;
    }

    generatePoints(center: LngLat, majorRadius: number, minorRadius: number) {
        let [x, y, angle, points]: any = [null, null, 0, []];
        for (let i = 0; i <= 100; i++) {
            angle = (Math.PI * 2 * i) / 100;
            console.log(angle)
            x = center[0] + majorRadius * Math.cos(angle);
            y = center[1] + minorRadius * Math.sin(angle);
            points.push([x, y]);
        }
        return points;
    }

    getPoints() {
        return this.points;
    }
}