import Marker from './marker/marker';
import {MetaData} from './marker/metaData';
import {fetch} from './marker/fetch';
import * as domHelper from './dom/dom';
import Slider from './slider/slider';
import {TheMap} from './map/map';
import {Google, fetchGoogle} from './map/google';
import SliderFactory from './slider/sliderFactory';

export interface MapsCallBack {
    (data: object): void;
}

export default class SliderMap {
    private google: Google;
    private map: TheMap;
    private mapId: string;
    private markers: Marker[];
    private slider: Slider;
    private mapControlId: string;
    private dateControlId: string;
    private listeners: Map<string, MapsCallBack>;
    private metaData: MetaData;

    public constructor(mapId: string, ...ids: string[]) {
        this.mapId = mapId;
        this.mapControlId = 'sliderMapControl';
        this.dateControlId = 'sliderDateControl';
        this.listeners = new Map<string, MapsCallBack>();

        this.processArguments(ids);
    }

    public async create(incrementViewCount = false): Promise<void> {
        this.google = await fetchGoogle();
        await this.getMapData(incrementViewCount);
        this.createMap();
        this.createSlider();
    }

    public addListener(type: string, cb: MapsCallBack): void {
        this.listeners.set(type, cb);
    }

    public select(marker: Marker): void {
        this.map.panTo(marker);
    }

    private processArguments(ids: string[]): void {
        if (ids.length === 3) {
            this.mapControlId = ids[0];
            this.dateControlId = ids[1];
            domHelper.addClasses(this.mapControlId, this.dateControlId);
        } else {
            const parentDivId = ids[0];
            domHelper.createControlDivs(parentDivId, this.mapControlId, this.dateControlId);
        }

        domHelper.ensureMapHeight(this.mapControlId);
    }

    private async getMapData(incrementViewCount: boolean): Promise<void> {
        ({markers: this.markers, metaData: this.metaData} = await fetch(this.mapId, incrementViewCount));
        this.sendMetaData(this.metaData);
        this.update(this.markers);
    }

    private async createMap(): Promise<void> {
        this.map = new TheMap();
        await this.map.createMap(this.google, this.mapControlId, this.metaData.icon, this.metaData.pin, this.metaData.minZoom, this.metaData.gestureHandling);
        this.map.createClusterer(this.markers);
    }

    private async createSlider(): Promise<void> {
        if (this.metaData.hasData) {
            this.slider = SliderFactory.create(this.dateControlId, this.metaData, (values: number[]) => {
                const markers = this.markers.filter((marker) => marker.isInRange(values, this.metaData));
                this.map.updateClusterer(markers);
                this.update(markers);
            });
        }
    }

    private update(markers: object): void {
        if (this.listeners.has('update')) {
            const fn = this.listeners.get('update') as MapsCallBack;
            fn(markers);
        }
    }

    private sendMetaData(metaData: MetaData): void {
        if (this.listeners.has('metaData')) {
            const fn = this.listeners.get('metaData') as MapsCallBack;
            fn(metaData);
        }
    }
}