activateListeners(html) {
        super.activateListeners(html);
        html.find("#map").change((event) => this.parseMap(event));
        html.find("#azgaar-icon-select img").click((event) => this._onEditImage(event));

        html.find("#azgaar-map-select input[type=range]").change((event) => {
            const sVal = $(event.currentTarget).val();
            html.find("#azgaar-map-select #scaleFactorValue").text("Scale Factor: " + sVal);
            html.find("#azgaar-map-select #mapX").val(1827 * sVal);
            html.find("#azgaar-map-select #mapY").val(978 * sVal);
        });

        html.find("#azgaar-pin-fixer-select input[type=range]").change((event) => {
            const sVal = $(event.currentTarget).val();
            const zoomSpan = $(event.currentTarget).siblings("span");
            if (zoomSpan[0].id === "minZoomValue") {
                zoomSpan.text("Min Zoom Level: " + sVal);
            } else {
                zoomSpan.text("Max Zoom Level: " + sVal);
            }
        });

        html.find("#azgaar-pin-fixer-select button").click((e) => {
            const defaults = [1, 2, 0.1, 2, 2, 3];
            html.find("#azgaar-pin-fixer-select .flexcol").each((i, event) => {
                if (i % 2 == 0) {
                    $(event)
                        .find("span")
                        .text("Min Zoom Level: " + defaults[i]);
                } else {
                    $(event)
                        .find("span")
                        .text("Max Zoom Level: " + defaults[i]);
                }
                $(event).find("input").val(defaults[i]);
            });
        });
    }
/**
     * Activate all of the listener's for the form, both Foundry
     * and custom ones.
     *
     * @param  {DOM} html    DOM of the Form Application (template)
     */
Activate all of the listener's for the form, both Foundry
and custom ones.

@param  {DOM} html    DOM of the Form Application (template)
Activate all of the listener ' s for the form both Foundry and custom ones . @param { DOM } html DOM of the Form Application ( template )
activateListeners(html) {
        super.activateListeners(html);
        html.find("#map").change((event) => this.parseMap(event));
        html.find("#azgaar-icon-select img").click((event) => this._onEditImage(event));
        html.find("#azgaar-map-select input[type=range]").change((event) => {
            const sVal = $(event.currentTarget).val();
            html.find("#azgaar-map-select #scaleFactorValue").text("Scale Factor: " + sVal);
            html.find("#azgaar-map-select #mapX").val(1827 * sVal);
            html.find("#azgaar-map-select #mapY").val(978 * sVal);
        });
        html.find("#azgaar-pin-fixer-select input[type=range]").change((event) => {
            const sVal = $(event.currentTarget).val();
            const zoomSpan = $(event.currentTarget).siblings("span");
            if (zoomSpan[0].id === "minZoomValue") {
                zoomSpan.text("Min Zoom Level: " + sVal);
            } else {
                zoomSpan.text("Max Zoom Level: " + sVal);
            }
        });
        html.find("#azgaar-pin-fixer-select button").click((e) => {
            const defaults = [1, 2, 0.1, 2, 2, 3];
            html.find("#azgaar-pin-fixer-select .flexcol").each((i, event) => {
                if (i % 2 == 0) {
                    $(event)
                        .find("span")
                        .text("Min Zoom Level: " + defaults[i]);
                } else {
                    $(event)
                        .find("span")
                        .text("Max Zoom Level: " + defaults[i]);
                }
                $(event).find("input").val(defaults[i]);
            });
        });
    }
activateListeners ( html ) { super . activateListeners ( html ) ; html . find ( "#map" ) . change ( ( event ) => this . parseMap ( event ) ) ; html . find ( "#azgaar-icon-select img" ) . click ( ( event ) => this . _onEditImage ( event ) ) ; html . find ( "#azgaar-map-select input[type=range]" ) . change ( ( event ) => { const sVal = $ ( event . currentTarget ) . val ( ) ; html . find ( "#azgaar-map-select #scaleFactorValue" ) . text ( "Scale Factor: " + sVal ) ; html . find ( "#azgaar-map-select #mapX" ) . val ( 1827 * sVal ) ; html . find ( "#azgaar-map-select #mapY" ) . val ( 978 * sVal ) ; } ) ; html . find ( "#azgaar-pin-fixer-select input[type=range]" ) . change ( ( event ) => { const sVal = $ ( event . currentTarget ) . val ( ) ; const zoomSpan = $ ( event . currentTarget ) . siblings ( "span" ) ; if ( zoomSpan [ 0 ] . id === "minZoomValue" ) { zoomSpan . text ( "Min Zoom Level: " + sVal ) ; } else { zoomSpan . text ( "Max Zoom Level: " + sVal ) ; } } ) ; html . find ( "#azgaar-pin-fixer-select button" ) . click ( ( e ) => { const defaults = [ 1 , 2 , 0.1 , 2 , 2 , 3 ] ; html . find ( "#azgaar-pin-fixer-select .flexcol" ) . each ( ( i , event ) => { if ( i % 2 == 0 ) { $ ( event ) . find ( "span" ) . text ( "Min Zoom Level: " + defaults [ i ] ) ; } else { $ ( event ) . find ( "span" ) . text ( "Max Zoom Level: " + defaults [ i ] ) ; } $ ( event ) . find ( "input" ) . val ( defaults [ i ] ) ; } ) ; } ) ; }
Activate all of the listener's for the form, both Foundry
 and custom ones.
Activate all of the listener ' s for the form both Foundry and custom ones .