WebSVN – Moodle – Diff – /lib/form/form.js

         _locks: null,
         _hides: null,
         _dirty: null,
         _nameCollections: null,
         _fileinputs: null,
+        _staticElements: null,
+        _editors: null,
+        _editorNameSuffix: '[text]',
         initializer: function() {
             // Setup initial values for complex properties.
             this._locks = {};
             this.get('form').get('elements').each(function(node) {
                 var name = node.getAttribute('name');
                 if (({}).hasOwnProperty.call(names, name)) {
                     names[name].push(node);
                     allnames[name].push(node);
+                } else if (this.isEditor(name)) {
+                    // If this is an editor, we need to remove the suffix.
+                    name = name.replace(this._editorNameSuffix, '');
+                    if (({}).hasOwnProperty.call(names, name)) {
+                        names[name].push(node);
+                        allnames[name].push(node);
+                    }
+                }
-            });
+            }, this);
             // Locate any groups with the given name.
             this.get('form').all('.fitem').each(function(node) {
                 var name = node.getData('groupname');
                 if (name && ({}).hasOwnProperty.call(allnames, name)) {
                     allnames[name].push(node);
+                }
             });
+            // Locate any static elements for each name.
+            this.get('form').all('.form-control-static').each(function(node) {
+                var name = node.getData('name');
+                if (({}).hasOwnProperty.call(allnames, name)) {
+                    names[name].push(node);
+                    allnames[name].push(node);
+                }
+            });
             this._nameCollections = {names: names, allnames: allnames};
         },
         /**
+         *
          * @param {String} name The form element name.
          * @param {Boolean} disabled True to disable, false to enable.
          */
         _disableElement: function(name, disabled) {
-            var els = this.elementsByName(name),
+            const els = this.elementsByName(name),
                 filepicker = this.isFilePicker(name),
-                editors = this.get('form').all('.fitem [data-fieldtype="editor"] textarea[name="' + name + '[text]"]');
+                editors = this.get('form').all('.fitem [data-fieldtype="editor"] textarea[name="' + name + '[text]"]'),
+                staticElement = this.isStaticElement(name);
+            els.each(function(node) {
-            els.each(function(node) {
+                const fitem = node.ancestor('.fitem');
                 if (disabled) {
                     node.setAttribute('disabled', 'disabled');
                 } else {
                     node.removeAttribute('disabled');
+                }
+                // Enable/Disable static elements if exist.
+                if (staticElement) {
+                    const disabledNonTextElements = 'INPUT,SELECT,TEXTAREA,BUTTON,A';
+                    if (disabled) {
+                        // Mute the text inside the current static element.
-                }
+                        fitem.addClass('text-muted');
+                        // Disabled non-text elements in the static if exist.
+                        fitem.all(disabledNonTextElements).each(function(disabledElement) {
+                            if (disabledElement.get('tagName').toUpperCase() === "A") {
+                                disabledElement.addClass('disabled');
+                            } else {
+                                disabledElement.setAttribute('disabled', 'disabled');
+                            }
+                        });
+                    } else {
+                        // Unmute the text inside the current static element.
+                        fitem.removeClass('text-muted');
+                        // Enabled non-text elements in the static if exist.
+                        fitem.all(disabledNonTextElements).each(function(disabledElement) {
+                            if (disabledElement.get('tagName').toUpperCase() === "A") {
+                                disabledElement.removeClass('disabled');
+                            } else {
+                                disabledElement.removeAttribute('disabled', 'disabled');
+                            }
+                        });
+                    }
+                }
                 // Extra code to disable filepicker or filemanager form elements
-                if (filepicker) {
-                    var fitem = node.ancestor('.fitem');
+                if (filepicker) {
                     if (fitem) {
                         if (disabled) {
                             fitem.addClass('disabled');
                         } else {
                 return this._fileinputs[el] || false;
+            }
             return false;
+        },
+        /**
+         * Checks if a form element with the given name is static.
+         *
+         * @param {string} el - The name of the form element to check.
+         * @returns {boolean} - Returns true if the form element is static, otherwise false.
+         */
+        isStaticElement: function(el) {
+            if (!this._staticElements) {
+                const staticElements = {};
+                const els = this.get('form').all('.fitem [data-fieldtype="static"] .form-control-static');
+                els.each(function(node) {
+                    if (node.getData('name') === el) {
+                        staticElements[node.getData('name')] = true;
+                    }
+                });
+                this._staticElements = staticElements;
+            }
+            if (({}).hasOwnProperty.call(this._staticElements, el)) {
+                return this._staticElements[el] || false;
+            }
+            return false;
         },
         _dependencyNotchecked: function(elements, value, isHide) {
             var lock = false;
             elements.each(function() {
                 if (this.getAttribute('type').toLowerCase() == 'hidden' &&
             });
             return {
                 lock: lock,
                 hide: isHide ? lock : false
             };
-        }
+        },
+        /**
+         * Is the form element an editor?
+         *
+         * @param {String} el The form element name.
+         * @return {Boolean}
+         */
+        isEditor: function(el) {
+            if (!this._editors) {
+                let editors = {};
+                const selector = '.fitem [data-fieldtype="editor"] textarea';
+                const els = this.get('form').all(selector);
+                els.each(function(node) {
+                    editors[node.getAttribute('name')] = true;
+                });
+                this._editors = editors;
+            }
+            return this._editors[el] || false;
+        },
     }, {
         NAME: 'mform-dependency-manager',
         ATTRS: {
             form: {
                 setter: function(value) {

Proyectos de Subversion Moodle

(root)/lib/form/form.js – Rev 1 → 11