import L, {ControlOptions} from 'leaflet';

export interface LinkControlOptions extends ControlOptions {}

export class LinkControl extends L.Control {
	options: LinkControlOptions

	onAdd(map) {
		this._map = map;
		this._container = L.DomUtil.create('div', 'dynmap-link');

		this._linkButton = this._createButton(
			'Link', 'dynmap-link-button', this._follow, this);

		this._container.appendChild(this._linkButton);
		return this._container;
	}

	getContainer() {
		return this._container;
	}

	getPosition() {
		return this.options.position;
	}

	_createButton(title, className, fn, context) {
		const link = document.createElement('a');
		link.href = '#';
		link.title = title;
		link.className = className;
		link.onmouseover = function () {
			link.href = dynmap.getLink();
		};

		L.DomEvent.disableClickPropagation(link);
		L.DomEvent.addListener(link, 'click', L.DomEvent.preventDefault);
		L.DomEvent.addListener(link, 'click', fn, context);

		return link;
	}

	_follow() {
		// var url = dynmap.getLink();
		// window.location = url;
	}
}

// var link = new dynmapLink();
// dynmap.map.addControl(link);
// }