Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Code Issues Projects Releases Wiki Activity

input mask component

Browse Source
This commit is contained in:
codecalm
2020-01-05 13:52:44 +01:00
parent fb53969181
commit a3442a54ac
2 changed files with 18 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
js/tabler.js
View File

@@ -1,22 +1,6 @@
import {CountUp} from "countup.js"; import {CountUp} from "countup.js";
const tabler = { const tabler = {
hexToRgbA: function (hex, opacity) {
let c;
opacity = opacity || 1;
if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {
c = hex.substring(1).split('');
if (c.length === 3) {
c = [c[0], c[0], c[1], c[1], c[2], c[2]];
}
c = '0x' + c.join('');
return 'rgba(' + [(c >> 16) & 255, (c >> 8) & 255, c & 255].join(',') + ',' + opacity + ')';
}
throw new Error('Bad Hex');
},
toggleFullscreen: function (elem) { toggleFullscreen: function (elem) {
elem = elem || document.documentElement; elem = elem || document.documentElement;
if ( if (
@@ -73,24 +57,6 @@ $(document).ready(function () {
let countup = new CountUp(countups[i], parseFloat(countups[i].innerText), dataCountUp); let countup = new CountUp(countups[i], parseFloat(countups[i].innerText), dataCountUp);
countup.start(); countup.start();
} }
/*
Imask plugin
*/
if (window.IMask) {
(function () {
const $elem = $('[data-mask]');
if ($elem) {
$elem.each(function () {
IMask($(this).get(0), {
mask: $(this).attr('data-mask'),
lazy: $(this).attr('data-mask-visible') === 'true',
});
});
}
})();
}
}); });
window.tabler = tabler; window.tabler = tabler;

18
pages/_includes/ui/form/input-mask.html
View File

@@ -1 +1,19 @@
<input type="text" name="input-{{ include.name | default: 'mask' }}" class="form-control" data-mask="{{ include.mask | default: '00/00/0000' }}"{% if include.visible %} data-mask-visible="true"{% endif %}{% if include.placeholder %} placeholder="{{ include.placeholder }}"{% endif %} autocomplete="off"/> <input type="text" name="input-{{ include.name | default: 'mask' }}" class="form-control" data-mask="{{ include.mask | default: '00/00/0000' }}"{% if include.visible %} data-mask-visible="true"{% endif %}{% if include.placeholder %} placeholder="{{ include.placeholder }}"{% endif %} autocomplete="off"/>
{% append_lib imask %}
{% capture_once scripts %}
<script>
(function () {
const $elem = $('[data-mask]');
if ($elem) {
$elem.each(function () {
IMask($(this).get(0), {
mask: $(this).attr('data-mask'),
lazy: $(this).attr('data-mask-visible') === 'true',
});
});
}
})();
</script>
{% endcapture_once %}