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

Added more documentation. Added numbers function to generate a series of numbers.

Browse Source
This commit is contained in:
Matt Mo 2021-07-28 08:43:08 -07:00
parent d8a563df82
commit 9ccdb53eee
1 changed files with 29 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
ignite-html-select.js
View File

@ -82,7 +82,7 @@ IgniteTemplate.prototype.months = function (placeholder = null, shorthand = true
}
/**
*
* Generates a series of days.
* @param {Number} from The starting day.
* @param {Number} to The ending day.
* @param {String} placeholder The placeholder option if set, it's value will be 0, this will be the text displayed.
@ -108,3 +108,31 @@ IgniteTemplate.prototype.days = function (from = 1, to = 31, placeholder = null,
return this.innerHTML(html);
}
/**
* Generates a series of numbers.
* @param {*} from The starting number.
* @param {*} to The ending number.
* @param {*} placeholder The placeholder option if set, it's value will be -1, this will be the text displayed.
* @param {*} descending Whether or not the from number if first and the to number is last.
*/
IgniteTemplate.prototype.numbers = function (from = 0, to = 100, placeholder = null, descending = false) {
//Generate html and populate the template with it.
var html = '';
if (placeholder) {
html += `<option value='-1'>${placeholder}</option>`;
}
if (descending) {
for (var i = to; i >= from; i--) {
html += `<option value='${i}'>${i}</option>`;
}
} else {
for (var i = from; i <= to; i++) {
html += `<option value='${i}'>${i}</option>`;
}
}
return this.innerHTML(html);
}