Opal-Estate-Pro/assets/js/opalestate.js
2019-09-10 11:27:33 +07:00

574 lines
19 KiB
JavaScript
Executable File

jQuery( document ).ready( function ( $ ) {
/**
*
*/
$( '#show-user-sidebar-btn' ).click( function () {
$( 'body' ).toggleClass( 'active' );
} );
$( '.more-options-label, .form-item--types .group-item, .cmb2-checkbox-list.cmb2-list li' ).each( function () {
$( this ).append( '<span class="custom-checkbox-label"></span>' );
} );
$( '.opalestate-tooltip' ).each( function () {
if ( $( this ).tooltipster ) {
$( this ).tooltipster( {
side: [ 'bottom', 'top', 'right', 'left' ]
} );
}
} );
/***/
// Social login.
$( '.js-opal-google-login' ).on( 'click', function ( e ) {
e.preventDefault();
$.ajax( {
type: 'POST',
url: opalesateJS.ajaxurl,
data: {
'action': 'opalestate_ajax_redirect_google_login_link'
},
success: function ( results ) {
window.location.href = results.data;
},
error: function ( errorThrown ) {
// TODO:
}
} );
} );
$( '.js-opal-facebook-login' ).on( 'click', function ( e ) {
e.preventDefault();
$.ajax( {
type: 'POST',
url: opalesateJS.ajaxurl,
data: {
'action': 'opalestate_ajax_redirect_facebook_login_link'
},
success: function ( results ) {
window.location.href = results.data;
},
error: function ( errorThrown ) {
// TODO:
}
} );
} );
if ( $( '.opalestate-swiper-play' ).length > 0 ) {
var play_swiper_sliders = function () {
if ( $( '.opalestate-swiper-play' ).length > 0 ) {
$( '.opalestate-swiper-play' ).each( function () {
var option = $( this ).data( 'swiper' );
if ( option ) {
option = $.extend( {
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev'
},
slidesPerView: 3,
spaceBetween: 30,
loop: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
breakpoints: {
1024: {
slidesPerView: 2,
spaceBetween: 30
},
768: {
slidesPerView: 1,
spaceBetween: 10
},
640: {
slidesPerView: 1,
spaceBetween: 10
},
320: {
slidesPerView: 1,
spaceBetween: 10
}
}
}, option );
if ( option.thumbnails_nav ) {
var ioption = $( option.thumbnails_nav ).data( 'swiper' );
ioption.breakpoint = {
1024: {
slidesPerView: 2,
spaceBetween: 30
},
768: {
slidesPerView: 1,
spaceBetween: 10
},
640: {
slidesPerView: 1,
spaceBetween: 10
},
320: {
slidesPerView: 1,
spaceBetween: 10
}
};
var iswiper = new Swiper( option.thumbnails_nav, ioption );
option.thumbs = {
swiper: iswiper
};
}
var swiper = new Swiper( this, option );
}
} );
}
};
play_swiper_sliders();
$( document ).ajaxComplete( function () {
play_swiper_sliders();
} );
}
////////
$( '.opalestate-scroll-elements a' ).on( 'click', function ( e ) {
e.preventDefault();
if ( $( $( this ).attr( 'href' ) ).length ) {
$( '.opalestate-scroll-elements a' ).removeClass( 'active' );
$( this ).addClass( 'active' );
$( 'html, body' ).animate( {
scrollTop: $( $( this ).attr( 'href' ) ).offset().top - 80,
},
500,
'linear'
);
}
} );
var header = $( '.keep-top-bars' );
$( window ).scroll( function () {
var scroll = $( window ).scrollTop();
if ( scroll >= window.innerHeight ) {
header.addClass( 'floating-keep-top' );
} else {
header.removeClass( 'floating-keep-top' );
}
} );
////
////
$( '.opalestate-gallery' ).each( function () { // the containers for all your galleries
$( this ).magnificPopup( {
delegate: 'a', // the selector for gallery item
type: 'image',
gallery: {
enabled: true
}
} );
var $_this = this;
$( '.show-first-photo' ).click( function () {
$( 'a', $_this ).first().click();
} );
$( '.show-last-photo' ).click( function () {
$( 'a', $_this ).last().click();
} );
} );
//////
$( '.opalestate_rating' ).each( function () {
$( this )
.hide()
.before(
'<p class="opalestate-stars stars">\
<span>\
<a class="star-1" href="#">1</a>\
<a class="star-2" href="#">2</a>\
<a class="star-3" href="#">3</a>\
<a class="star-4" href="#">4</a>\
<a class="star-5" href="#">5</a>\
</span>\
</p>'
);
} );
$( 'body' )
// Star ratings for comments
.on( 'click', '.comment-form-rating p.opalestate-stars a', function () {
var $star = $( this ),
$rating = $( this ).closest( '.comment-form-rating' ).find( '.opalestate_rating' ),
$container = $( this ).closest( '.stars' );
$rating.val( $star.text() );
$star.siblings( 'a' ).removeClass( 'active' );
$star.addClass( 'active' );
$container.addClass( 'selected' );
return false;
} )
.on( 'click', '#respond #submit', function () {
var $rating = $( this ).closest( '#respond' ).find( '.opalestate_rating' );
var rating = $rating.val();
if ( $rating.length > 0 && !rating ) {
window.alert( 'Require rating!' );
return false;
}
} );
// sticky ////
$( '.opalestate-sticky-column' ).stick_in_parent();
////
$( '.input-group-number' ).each( function () {
var _input = $( 'input', this );
if ( parseInt( _input.val() ) <= 0 ) {
_input.val( 1 );
}
$( '.btn-actions > span', this ).click( function () {
var _check = function () {
return parseInt( _input.val() ) <= 0 ? 1 : parseInt( _input.val() );
};
if ( $( this ).hasClass( 'btn-plus' ) ) {
_val = _check() + 1;
} else {
_val = _check() - 1;
}
_input.val( _val );
_input.change();
} );
} );
$( 'select.form-control , .cmb2-wrap select, .form-row select' ).select2( {
width: '100%',
minimumResultsForSearch: -1
} );
function opalCollapse() {
$( '.opal-collapse-button' ).on( 'click', function () {
var $el = $( this ),
data = $el.data( 'collapse' ),
$el_data = $( data ),
speed = 250;
if ( $el.data( 'speed' ) && $el.data( 'speed' ) > 0 ) {
speed = $el.data( 'speed' );
}
if ( $el_data.is( ':visible' ) ) {
$el_data.slideUp( speed );
$el.removeClass( 'show' );
$el_data.removeClass( 'show' );
} else {
$el.addClass( 'show' );
$el_data.addClass( 'show' );
$el_data.slideDown( speed );
}
return false;
} );
}
opalCollapse();
/************************/
$( '.opalestate-tab .tab-item' ).click( function ( event ) {
event.preventDefault();
$( this ).parent().find( ' .tab-item' ).removeClass( 'active' );
$( this ).addClass( 'active' );
$( $( this ).attr( 'href' ) ).parent().children( '.opalestate-tab-content' ).removeClass( 'active' );
$( $( this ).attr( 'href' ) ).addClass( 'active' );
} );
$( '.opalestate-tab' ).each( function () {
$( this ).find( '.tab-item' ).first().click();
} );
/**
* Click to show body popup
*/
$( 'body' ).delegate( '.opalestate-popup .popup-head', 'click', function () {
var $this = $( this ).parent( '.opalestate-popup' );
$( '.popup-head', $this ).click( function () {
$( '.opalestate-popup.active' ).removeClass( 'active' );
$this.toggleClass( 'active' );
} );
$( '.popup-close', $this ).click( function () {
$( '.opalestate-popup' ).removeClass( 'active' );
} );
} );
/**
* Login form
**/
$( 'body' ).delegate( '.opalestate-mfp-popup form.opalestate-login-form', 'submit', function () {
var $form = $( this );
$.ajax( {
type: 'POST',
url: opalesateJS.ajaxurl,
dataType: 'json',
data: $( this ).serialize() + '&ajax=1&action=opalestate_login_form', // serializes the form's elements.
success: function ( data ) {
if ( data.status == true ) {
if ( data.redirect ) {
window.location.href = data.redirect;
}
}
if ( data.message ) {
$form.find( '.opalestate-notice' ).remove();
$form.prepend( data.message );
}
}
} );
return false;
} );
/**
* Login form
**/
$( 'body' ).delegate( '.opalestate-mfp-popup form.opalestate-register-form', 'submit', function () {
var $form = $( this );
$.ajax( {
type: 'POST',
url: opalesateJS.ajaxurl,
dataType: 'json',
data: $( this ).serialize() + '&ajax=1&action=opalestate_register_form', // serializes the form's elements.
success: function ( data ) {
if ( data.status == true ) {
if ( data.redirect ) {
window.location.href = data.redirect;
}
}
if ( data.message ) {
$form.find( '.opalestate-notice' ).remove();
$form.prepend( data.message );
}
}
} );
return false;
} );
/**
* AJAX ACTION
*/
$( '#opalestate_user_frontchangepass' ).submit( function ( e ) {
var $this = $( this );
$( '.alert', $this ).remove();
$.ajax( {
type: 'POST',
url: opalesateJS.ajaxurl,
dataType: 'json',
data: $( this ).serialize() + '&action=opalestate_save_changepass', // serializes the form's elements.
success: function ( data ) {
if ( data.status == false ) {
$this.find( '.form-table' )
.prepend( $( '<p class="alert alert-danger">' + data.message + '</p>' ) );
} else {
$this.find( '.form-table' ).prepend( $( '<p class="alert alert-info">' + data.message + '</p>' ) );
$( 'input[type="text"]', $this ).val( '' );
setTimeout( function () {
$( '.alert', $this ).remove();
}, 1000 );
}
}
} );
e.preventDefault(); // avoid to execute the actual submit of the form.
} );
$( 'body' ).delegate( '.opalestate-popup-button', 'click', function () {
var $target = $( this ).data( 'target' );
$.magnificPopup.open( {
items: {
src: $target
}
} );
return false;
} );
// open login form
$( document ).on( 'opalestate:login', function () {
if ( $( '#opalestate-user-form-popup' ) ) {
$.magnificPopup.open( {
items: {
src: '#opalestate-user-form-popup'
},
mainClass: 'mfp-with-zoom', // this class is for CSS animation below
zoom: {
enabled: true
}
} );
}
} );
$( 'body' ).delegate( '.opalestate-need-login', 'click', function () {
$( document ).trigger( 'opalestate:login', [ true ] );
return false;
} );
//// ajax favorite
$( 'body' ).delegate( '.property-toggle-favorite', 'click', function () {
var $this = $( this );
if ( $( this ).hasClass( 'opalestate-need-login' ) ) {
return;
}
$.ajax( {
type: 'POST',
url: opalesateJS.ajaxurl,
data: 'property_id=' + $( this ).data( 'property-id' ) + '&action=opalestate_toggle_status', // serializes
// the form's
// elements.
success: function ( data ) {
if ( data ) {
$this.replaceWith( $( data ) );
}
}
} );
} );
if ( $( '.opalestate-datepicker' ).length > 0 ) {
$( '.opalestate-datepicker' ).datepicker( { minDate: 0 } );
}
//
/**
*
*/
$( '.list-property-status li' ).click( function () {
$( '.opalestate-search-form [name=status]' ).val( $( this ).data( 'id' ) );
$( '.list-property-status li' ).removeClass( 'active' );
$( this ).addClass( 'active' );
} );
if ( $( '.opalestate-search-form [name=status]' ).val() > 0 ) {
var id = $( '.opalestate-search-form [name=status]' ).val();
$( '.list-property-status li' ).removeClass( 'active' );
$( '.list-property-status [data-id=' + id + ']' ).addClass( 'active' );
}
/*-----------------------------------------------------------------------------------*/
$( '.opal-slide-ranger' ).each( function () {
var _this = this;
var unit = $( this ).data( 'unit' );
var decimals = $( this ).data( 'decimals' );
var min = $( '.slide-ranger-bar', this ).data( 'min' );
var max = $( '.slide-ranger-bar', this ).data( 'max' );
var mode = $( '.slide-ranger-bar', this ).data( 'mode' );
var start = $( '.slide-ranger-bar', this ).data( 'start' );
var imin = $( '.slide-ranger-min-input', this ).val();
var imax = $( '.slide-ranger-max-input', this ).val();
var slider = $( '.slide-ranger-bar', this ).get( 0 );
var unit_pos = $( this ).data( 'unitpos' );
var config_format = {
decimals: decimals,
thousand: ',',
};
if ( unit_pos == 'prefix' ) {
config_format.prefix = ' ' + unit + ' ';
} else {
config_format.postfix = ' ' + unit + ' ';
}
var nummm = wNumb( config_format );
var istart = [ imin, imax ];
if ( mode && mode == 1 && start ) {
istart = [ start ];
}
noUiSlider.create( slider, {
range: {
'min': [ min ],
'max': [ max ]
},
connect: true,
start: istart,
format: nummm,
direction: opalesateJS.rtl == 'true' ? 'rtl' : 'ltr',
} );
slider.noUiSlider.on( 'update', function ( values, handle ) {
var val = values[ handle ];
if ( handle == 0 ) {
$( '.slide-ranger-min-label', _this ).text( val );
$( '.slide-ranger-min-input', _this ).val( nummm.from( val ) );
} else {
$( '.slide-ranger-max-label', _this ).text( val );
$( '.slide-ranger-max-input', _this ).val( nummm.from( val ) );
}
} );
slider.noUiSlider.on( 'end', function ( values, handle ) {
var val = values[ handle ];
if ( handle == 0 ) {
$( '.slide-ranger-min-input', _this ).change();
} else {
$( '.slide-ranger-max-input', _this ).change();
}
} );
} );
//////***Search Search **/
$( 'body' ).delegate( '#opalestate-save-search-form', 'submit', function () {
var params = window.location.search.substring( 1 );
$.ajax( {
type: 'POST',
dataType: 'json',
url: opalesateJS.ajaxurl,
data: 'params=' + encodeURIComponent( params ) + '&' + $( this ).serialize() +
'&action=opalestate_ajx_save_search',
success: function ( data ) {
$( '#opalestate-save-search-form .alert' ).remove();
$( '#opalestate-save-search-form input' ).val( '' );
$( '#opalestate-save-search-form' )
.append( '<div class="opalestate-message-notify msg-status-success" style="margin-top:20px">' +
data.message + '</div>' );
$( '#opalestate-save-search-form .alert' ).delay( 5000 ).queue( function () {
$( '#opalestate-save-search-form .alert' ).remove();
} );
}
} );
return false;
} );
$( '.ajax-load-properties' ).delegate( '.pagination li', 'click', function () {
var $content = $( this ).parents( '.ajax-load-properties' );
$.ajax( {
type: 'POST',
url: opalesateJS.ajaxurl,
data: location.search.substr( 1 ) + '&action=get_agent_property&paged=' + $( this ).data( 'paged' ) +
'&id=' + $content.data( 'id' ),
success: function ( data ) {
if ( data ) {
$content.html( data );
}
}
} );
return false;
} );
if ( $( '.opalestate-sticky' ).length > 0 ) {
$( '.opalestate-sticky' ).each( function () {
$( this ).stick_in_parent( $( this ).data() );
} );
}
} );