574 lines
19 KiB
JavaScript
Executable File
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() );
|
|
} );
|
|
}
|
|
} );
|