enketo-core/src/widget/url/url-widget.js

Extensible Enketo form engine

import Widget from '../../js/widget';

/**
 * @augments Widget
 */
class UrlWidget extends Widget {
    /**
     * @type {string}
     */
    static get selector() {
        return '.or-appearance-url input[type="text"]';
    }

    _init() {
        const fragment = document
            .createRange()
            .createContextualFragment(
                '<a class="widget url-widget" target="_blank" rel="noopener"/>'
            );

        this.element.classList.add('hide');
        this.element.after(fragment);

        this.value = this.originalInputValue;
    }

    /**
     * Updates widget
     */
    update() {
        this.value = this.originalInputValue;
    }

    /**
     * @type {string}
     */
    get value() {
        return this.question.querySelector('.url-widget').href;
    }

    set value(value) {
        value = value || '';
        const link = this.question.querySelector('.url-widget');
        link.href = value;
        link.title = value;
        link.textContent = value;
    }
}

export default UrlWidget;