101 lines
2.3 KiB
JavaScript
101 lines
2.3 KiB
JavaScript
/**
|
|
* Form Layout Vertical
|
|
*/
|
|
'use strict';
|
|
|
|
(function () {
|
|
const phoneMaskList = document.querySelectorAll('.phone-mask'),
|
|
creditCardMask = document.querySelector('.credit-card-mask'),
|
|
expiryDateMask = document.querySelector('.expiry-date-mask'),
|
|
cvvMask = document.querySelector('.cvv-code-mask'),
|
|
datepickerList = document.querySelectorAll('.dob-picker');
|
|
|
|
// Phone Number
|
|
if (phoneMaskList) {
|
|
phoneMaskList.forEach(function (phoneMask) {
|
|
new Cleave(phoneMask, {
|
|
phone: true,
|
|
phoneRegionCode: 'US'
|
|
});
|
|
});
|
|
}
|
|
|
|
// Credit Card
|
|
if (creditCardMask) {
|
|
new Cleave(creditCardMask, {
|
|
creditCard: true,
|
|
onCreditCardTypeChanged: function (type) {
|
|
if (type != '' && type != 'unknown') {
|
|
document.querySelector('.card-type').innerHTML =
|
|
'<img src="' + assetsPath + 'img/icons/payments/' + type + '-cc.png" height="28"/>';
|
|
} else {
|
|
document.querySelector('.card-type').innerHTML = '';
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
// Expiry Date Mask
|
|
if (expiryDateMask) {
|
|
new Cleave(expiryDateMask, {
|
|
date: true,
|
|
delimiter: '/',
|
|
datePattern: ['m', 'y']
|
|
});
|
|
}
|
|
|
|
// CVV
|
|
if (cvvMask) {
|
|
new Cleave(cvvMask, {
|
|
numeral: true,
|
|
numeralPositiveOnly: true
|
|
});
|
|
}
|
|
|
|
// Flat Picker Birth Date
|
|
if (datepickerList) {
|
|
datepickerList.forEach(function (datepicker) {
|
|
datepicker.flatpickr({
|
|
monthSelectorType: 'static'
|
|
});
|
|
});
|
|
}
|
|
})();
|
|
|
|
// select2 (jquery)
|
|
$(function () {
|
|
// Form sticky actions
|
|
var topSpacing;
|
|
const stickyEl = $('.sticky-element');
|
|
|
|
// Init custom option check
|
|
window.Helpers.initCustomOptionCheck();
|
|
|
|
// Set topSpacing if the navbar is fixed
|
|
if (Helpers.isNavbarFixed()) {
|
|
topSpacing = $('.layout-navbar').height() + 7;
|
|
} else {
|
|
topSpacing = 0;
|
|
}
|
|
|
|
// sticky element init (Sticky Layout)
|
|
if (stickyEl.length) {
|
|
stickyEl.sticky({
|
|
topSpacing: topSpacing,
|
|
zIndex: 9
|
|
});
|
|
}
|
|
|
|
// Select2 Country
|
|
var select2 = $('.select2');
|
|
if (select2.length) {
|
|
select2.each(function () {
|
|
var $this = $(this);
|
|
$this.wrap('<div class="position-relative"></div>').select2({
|
|
placeholder: 'Select value',
|
|
dropdownParent: $this.parent()
|
|
});
|
|
});
|
|
}
|
|
});
|