import { P } from './Squaremap.js';

class UILink {
    constructor(json, show) {
        const Link = L.Control.extend({
            _container: null,
            options: {
                position: 'bottomleft'
            },
            onAdd: function () {
                const link = L.DomUtil.create('div', 'leaflet-control-layers link');
                this._link = link;
                if (!show) {
                    this._link.style.display = "none";
                }
                this.update();
                return link;
            },
            update: function() {
                const url = P.worldList.curWorld == null ? "" : P.getUrlFromView();
                //P.updateBrowserUrl(url); // this spams browser history
                this._link.innerHTML = `<a href='${url}'><img src='images/clear.png'/></a>`;
            }
        });
        this.showLinkButton = show;
        this.link = new Link();
        P.map.addControl(this.link)
            .addEventListener('move', () => this.update())
            .addEventListener('zoom', () => this.update());
        if (!json.enabled) {
            this.link._link.style.display = "none";
        }
    }
    update() {
        this.link.update();
    }
}

export { UILink };