MontoyaTech/ignite-html
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added readonly extension for input elements.

Browse Source
This commit is contained in:
MattMo
2022-12-14 07:33:04 -08:00
parent eb3ed065a2
commit edfac3782f
1 changed files with 34 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
ignite-template.js
View File

@@ -913,7 +913,7 @@ class IgniteTemplate {
/**
* Adds a disabled attribute and class to this template.
* @param {Boolean|IgniteProperty} value A value to determine whether or not the element should be marked as disable dor not.
* @param {Boolean|IgniteProperty} value A value to determine whether or not the element should be marked as disable or not.
* @param {*} converter Optional function that can convert the value if needed.
* @returns {IgniteTemplate} This ignite template so function calls can be chained.
*/
@@ -944,6 +944,39 @@ class IgniteTemplate {
return this;
}
/**
* Adds a readonly attribute and class to this template.
* @param {Boolean|IgniteProperty} value A value to determine whether or not the element should be marked as readonly or not.
* @param {*} converter Optional function that can convert the value if needed.
* @returns {IgniteTemplate} This ignite template so function calls can be chained.
*/
readonly(value, converter = null) {
if (value instanceof IgniteProperty) {
this.attribute("readonly", value, convert => {
convert = (converter != null ? converter(convert) : convert);
if (convert) {
return "readonly";
} else {
return null;
}
});
this.class(value, convert => {
convert = (converter != null ? converter(convert) : convert);
if (convert) {
return "readonly";
} else {
return null;
}
});
} else if (value) {
this.attribute("readonly", "readonly");
this.class("readonly");
}
return this;
}
/**
* Sets the type attribute of the element to be constructed by this template.
* @param {String|IgniteProperty} value The value to set for the type attribute of the element this template will construct.