egroupware/api/js/etemplate/et2_core_valueWidget.js

/**
 * EGroupware eTemplate2 - JS widget class with value attribute and auto loading
 *
 * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
 * @package etemplate
 * @subpackage api
 * @link https://www.egroupware.org
 * @author Andreas Stöckel
 * @copyright EGroupware GmbH 2011-2021
 */
/*egw:uses
    /vendor/bower-asset/jquery/dist/jquery.js;
    et2_core_baseWidget;
*/
import { et2_baseWidget } from './et2_core_baseWidget';
import { ClassWithAttributes } from "./et2_core_inheritance";
import { et2_csvSplit, et2_no_init } from "./et2_core_common";
/**
 * et2_valueWidget is the base class for et2_inputWidget - valueWidget introduces
 * the "value" attribute and automatically loads it from the "content" array
 * after loading from XML.
 */
export class et2_valueWidget extends et2_baseWidget {
    /**
     * Constructor
     */
    constructor(_parent, _attrs, _child) {
        // Call the inherited constructor
        super(_parent, _attrs, ClassWithAttributes.extendAttributes(et2_valueWidget._attributes, _child || {}));
        this.label = '';
        this._labelContainer = null;
    }
    /**
     *
     * @param _attrs
     */
    transformAttributes(_attrs) {
        super.transformAttributes(_attrs);
        if (this.id) {
            // Set the value for this element
            var contentMgr = this.getArrayMgr("content");
            if (contentMgr != null) {
                let val = contentMgr.getEntry(this.id, false, true);
                if (val !== null) {
                    _attrs["value"] = val;
                }
            }
            // Check for already inside namespace
            if (this._createNamespace() && this.getArrayMgr("content").perspectiveData.owner == this) {
                _attrs["value"] = this.getArrayMgr("content").data;
            }
        }
    }
    set_label(_value) {
        // Abort if there was no change in the label
        if (_value == this.label) {
            return;
        }
        if (_value) {
            // Create the label container if it didn't exist yet
            if (this._labelContainer == null) {
                this._labelContainer = jQuery(document.createElement("label"))
                    .addClass("et2_label");
                this.getSurroundings().insertDOMNode(this._labelContainer[0]);
            }
            // Clear the label container.
            this._labelContainer.empty();
            // Create the placeholder element and set it
            var ph = document.createElement("span");
            this.getSurroundings().setWidgetPlaceholder(ph);
            // Split the label at the "%s"
            var parts = et2_csvSplit(_value, 2, "%s");
            // Update the content of the label container
            for (var i = 0; i < parts.length; i++) {
                if (parts[i]) {
                    this._labelContainer.append(document.createTextNode(parts[i]));
                }
                if (i == 0) {
                    this._labelContainer.append(ph);
                }
            }
            // add class if label is empty
            this._labelContainer.toggleClass('et2_label_empty', !_value || !parts[0]);
        }
        else {
            // Delete the labelContainer from the surroundings object
            if (this._labelContainer) {
                this.getSurroundings().removeDOMNode(this._labelContainer[0]);
            }
            this._labelContainer = null;
        }
        // Update the surroundings in order to reflect the change in the label
        this.getSurroundings().update();
        // Copy the given value
        this.label = _value;
    }
    get_value() {
        return this.value;
    }
    /**
     * Set value of widget
     *
     * @param {string} _value value to set
     */
    set_value(_value) {
        this.value = _value;
    }
}
et2_valueWidget._attributes = {
    "label": {
        "name": "Label",
        "default": "",
        "type": "string",
        "description": "The label is displayed by default in front (for radiobuttons behind) each widget (if not empty). If you want to specify a different position, use a '%s' in the label, which gets replaced by the widget itself. Eg. '%s Name' to have the label Name behind a checkbox. The label can contain variables, as descript for name. If the label starts with a '@' it is replaced by the value of the content-array at this index (with the '@'-removed and after expanding the variables).",
        "translate": true
    },
    "value": {
        "name": "Value",
        "description": "The value of the widget",
        "type": "rawstring",
        "default": et2_no_init
    }
};
//# sourceMappingURL=et2_core_valueWidget.js.map