Ümit Tunç
83 lines
2.5 KiB
JavaScript
83 lines
2.5 KiB
JavaScript
/*
|
|
* Document : be_pages_generic_contact.js
|
|
* Author : pixelcave
|
|
* Description: Custom JS code used in Contact Page
|
|
*/
|
|
|
|
class page {
|
|
/*
|
|
* Init Contact Form Validation, for more examples you can check out https://github.com/jzaefferer/jquery-validation
|
|
*
|
|
*/
|
|
static initValidationContact() {
|
|
jQuery('.js-validation-be-contact').validate({
|
|
errorClass: 'invalid-feedback animated fadeInDown',
|
|
errorElement: 'div',
|
|
errorPlacement: (error, e) => {
|
|
jQuery(e).after(error);
|
|
},
|
|
highlight: e => {
|
|
jQuery(e).removeClass('is-invalid').addClass('is-invalid');
|
|
},
|
|
success: e => {
|
|
jQuery(e).prev().removeClass('is-invalid');
|
|
jQuery(e).remove();
|
|
},
|
|
rules: {
|
|
'be-contact-name': {
|
|
required: true,
|
|
minlength: 2
|
|
},
|
|
'be-contact-email': {
|
|
required: true,
|
|
email: true
|
|
},
|
|
'be-contact-subject': {
|
|
required: true
|
|
},
|
|
'be-contact-message': {
|
|
required: true,
|
|
minlength: 2
|
|
}
|
|
},
|
|
messages: {
|
|
'be-contact-name': 'Please provide at least your first name',
|
|
'be-contact-email': 'Please enter your valid email address to be able to reach you back',
|
|
'be-contact-subject': 'Please select where woul you like to send your message',
|
|
'be-contact-message': 'What would you like to say?'
|
|
}
|
|
});
|
|
}
|
|
|
|
/*
|
|
* Init Contact Map, for more examples you can check out https://hpneo.github.io/gmaps/
|
|
*
|
|
*/
|
|
static initMapContact() {
|
|
if (jQuery('#js-map-be-contact').length) {
|
|
new GMaps({
|
|
div: '#js-map-be-contact',
|
|
lat: 37.840,
|
|
lng: -122.500,
|
|
zoom: 13,
|
|
disableDefaultUI: true,
|
|
scrollwheel: false
|
|
}).addMarkers([
|
|
{lat: 37.840, lng: -122.500, title: 'Marker #1', animation: google.maps.Animation.DROP, infoWindow: {content: 'Company LTD'}}
|
|
]);
|
|
}
|
|
}
|
|
|
|
/*
|
|
* Init functionality
|
|
*
|
|
*/
|
|
static init() {
|
|
this.initValidationContact();
|
|
this.initMapContact();
|
|
}
|
|
}
|
|
|
|
// Initialize when page loads
|
|
jQuery(() => { page.init(); });
|