Forms_Element.class.js

class Form_Element {
    /**
     * Return the name of the input
     * @param {HTMLElement} e 
     * @returns {String}
     */
    static getName(e) {
        return e.getAttribute('form:name');
    }
    /**
     * Return the value of an input
     * @param {HTMLElement} e 
     * @returns {String}
     */
    static getValue(e) {
        return undefined;
    }
    static getId(e) {
        return e.getAttribute('form:id');
    }
    static ignore(e) {
        return false;
    }
}

Forms = {}
Forms["form:text"] = class extends Form_Element {
    static getValue(e) {
        return e.getAttribute('form:current-value') || '';
    }
};
Forms["form:textarea"] = class extends Forms["form:text"] { };
Forms["form:formatted-text"] = class extends Forms["form:text"] { };
Forms["form:date"] = class extends Forms["form:text"] { };
Forms["form:time"] = class extends Forms["form:text"] { };
Forms["form:checkbox"] = class extends Form_Element {
    static getName(e) {
        return e.getAttribute('form:label') || e.getAttribute('form:name');
    }
    static getValue(e) {
        return e.getAttribute('form:current-state') == 'checked' ? e.getAttribute('form:value') || '[x]' : e.getAttribute('form:current-state') == 'unknow' ? '[?]' : '[_]';
    }
};
Forms["form:radio"] = class extends Form_Element {
    static getName(e) {
        return e.getAttribute('form:name') || e.getAttribute('formx:group-name');
    }
    static getValue(e) {
        // Autre méthode : doc.querySelectorAll('radio[*|group-name="toto"][*|current-selected]');
        const attribute = e.getAttribute('formx:group-name') ? 'formx:group-name' : 'form:name';

        return Array.from(e.parentNode.getElementsByTagName('form:radio'))
            .filter(x => x.getAttribute(attribute) == e.getAttribute(attribute) && x.getAttribute('form:current-selected') == 'true')
            .map(x => x.getAttribute('form:value') || x.getAttribute('form:label') || e.getAttribute('form:name'))
            .join(',');
    }
    static ignore(e) {
        const attribute = e.getAttribute('formx:group-name') ? 'formx:group-name' : 'form:name';

        return headers.ids.map(x => e.parentNode.querySelector('form>*[*|id="' + x + '"]')).filter(x => x && x.getAttribute(attribute) == e.getAttribute(attribute)).length > 0;
    }
};
Forms["form:listbox"] = class extends Form_Element {
    static getValue(e) {
        // Autre méthode : Array.prototype.map.call(document.getElementsByTagName('div'), x=>x.innerHTML)
        return Array.from(e.getElementsByTagName('form:option'))
            .filter(x => x.getAttribute('form:current-selected') == 'true')
            .map(x => x.getAttribute('form:value') || x.getAttribute('form:label'))
            .join(';');
    }
};