import { Component, Input, Injector, Optional } from '@angular/core';
import { LeafletElement } from '../map';
import { MapService } from '../services/map.service';
import { scaleModel } from '../models/scaleModel';
import * as L from 'leaflet';


@Component({
    moduleId: module.id.toString(),
    selector: 'scale-control',
    templateUrl: 'scale.html',
    styleUrls: ['scale.css']
})
export class ScaleControl {
    @Input() Options: any = new scaleModel(null);
    constructor(
        private mapService: MapService,
        @Optional() private LeafletElement?: LeafletElement) {        
    }

    ngOnInit() { 
        if (this.LeafletElement) {
            let map = this.mapService.getMap();          
            L.control.scale(this.Options).addTo(map);
        } else {
            console.warn("This scale-control will not be rendered \n the expected parent node of scale-control should be leaf-element");
        }
    }
}