API tools faq
paste
Advertisement
Guest User

main.js

a guest
May 20th, 2018
130
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
jQuery 12.93 KB | None | 0 0
raw download clone embed print report
  1. /*global $:false
  2.   _____ _
  3.  |_   _| |__   ___ _ __ ___   ___ _   _ _ __ ___
  4.    | | | '_ \ / _ \ '_ ` _ \ / _ \ | | | '_ ` _ \
  5.    | | | | | |  __/ | | | | |  __/ |_| | | | | | |
  6.    |_| |_| |_|\___|_| |_| |_|\___|\__,_|_| |_| |_|
  7.  
  8. *  --------------------------------------
  9. *         Table of Content
  10. *  --------------------------------------
  11. *  01. Performer Single Page Load
  12. *  02. Load More Pagination
  13. *  03. Performer Slide
  14. *  04. Google Map
  15. *  05. Performer Tab
  16. *  06. Gallery Popup
  17. *  07. Themeum CountDown
  18. *  --------------------------------------
  19. *  -------------------------------------- */
  20. jQuery(document).ready(function($){ 'use strict';
  21.  
  22.     /* -------------------------------------------
  23.     *          1. Performer Single Page Load
  24.     * ------------------------------------------- */
  25.     $( document ).on( 'click', '.md_precls', function(e){
  26.  
  27.         var id_value = $(this).attr('class');
  28.         var rr = id_value.split(' ');
  29.         let post_id = rr[1];
  30.         let $that = $(this);
  31.        
  32.         if($that.hasClass('disable')){ return false; }
  33.        
  34.         let container = $that.closest('.featherlight-content'); // Item Container
  35.         $.ajax({
  36.             type: 'POST',
  37.             url: ajax_objects.ajaxurl,
  38.             data: {
  39.                 'action': 'next_performer', //calls wp_ajax
  40.                 'post_id': post_id,
  41.             },
  42.             beforeSend: function(){
  43.                 $that.addClass('disable');
  44.                 $('<i class="fa fa-spinner fa-spin" style="margin-left:10px;"></i>').appendTo( $that ).fadeIn(100);
  45.             },
  46.             complete:function(data){
  47.                 $that.find('.fa-spinner ').remove();
  48.             },
  49.         })
  50.         .done(function(data) {    
  51.             $('.featherlight-content').html(data);
  52.         })
  53.     });
  54.  
  55.  
  56.  
  57.     /* -------------------------------------- */
  58.     /*       2. Load More Pagination
  59.     /* -------------------------------------- */
  60.     $('.post-loadmore').on('click', function(event){
  61.         event.preventDefault();
  62.         let $that = $(this);
  63.         if($that.hasClass('disable')){
  64.             return false;
  65.         }
  66.         let container       = $that.closest('.performers-area'), // Item Container
  67.             total_posts     = $that.data('total_posts'),
  68.             perpage         = $that.data('per_page'),
  69.             column          = $that.data('show_column');
  70.  
  71.         let items = container.find('.melody-profermers-wrap'),
  72.             itemNumbers = items.length,
  73.             paged = ( itemNumbers / perpage ) + 1; // Paged Number
  74.  
  75.         $.ajax({
  76.         type: 'POST',
  77.         url: ajax_objects.ajaxurl,
  78.             data: {
  79.                 'action': 'thmloadmore', perpage: perpage, paged:paged, column:column,
  80.             },
  81.             beforeSend: function(){
  82.                 $that.addClass('disable');
  83.                 $('<i class="fa fa-spinner fa-spin" style="margin-left:10px;"></i>').appendTo( $that ).fadeIn(100);
  84.             },
  85.             complete:function(data){
  86.                 $that.find('.fa-spinner ').remove();
  87.             }
  88.         })
  89.         .done(function(data) {
  90.             let newLenght  = container.find('.melody-profermers-wrap').length;
  91.             if(total_posts >= newLenght){
  92.                 $('.load-wrap').fadeOut(400, function(){
  93.                     $('.load-wrap').remove();
  94.                 });
  95.             }
  96.             $that.removeClass('disable');
  97.             container.find('.thm-profermers').append( data );
  98.         })
  99.     });
  100.  
  101.  
  102.     /* -------------------------------------- */
  103.     /*       3. Performer Slide
  104.     /* -------------------------------------- */
  105.     $('.melody-performers').slick({
  106.         fade: true,
  107.         prevArrow: '<i class="fa fa-angle-left"></i>',
  108.         nextArrow: '<i class="fa fa-angle-right"></i>',
  109.     });
  110.  
  111.  
  112.     /* --------------------------------------
  113.     *       4. Google Map
  114.     *  -------------------------------------- */
  115.     function initMap() {
  116.         const wplatitude      = $('.thm-gmap').data( 'latitude' );
  117.         const wplongitude     = $('.thm-gmap').data( 'longitude' );
  118.         const wpheight        = $('.thm-gmap').data( 'height' );
  119.         const wptype          = $('.thm-gmap').data( 'type' );
  120.         const wpzoom          = $('.thm-gmap').data( 'zoom' );
  121.         const flugurl         = $('.thm-gmap').data( 'flugurl' );
  122.         const wpstyles        = $('.thm-gmap').data( 'styles' );
  123.         const controls        = $('.thm-gmap').data( 'controls' );
  124.         const zoomcontrol     = $('.thm-gmap').data( 'zoomcontrol' );
  125.  
  126.         // Style Option
  127.         let styles = '';
  128.         switch( wpstyles ){
  129.             case 'style1':
  130.                 styles = [{"elementType":"geometry","stylers":[{"color":"#212121"}]},{"elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"elementType":"labels.text.fill","stylers":[{"color":"#757575"}]},{"elementType":"labels.text.stroke","stylers":[{"color":"#212121"}]},{"featureType":"administrative","elementType":"geometry","stylers":[{"color":"#757575"}]},{"featureType":"administrative.country","elementType":"labels.text.fill","stylers":[{"color":"#9e9e9e"}]},{"featureType":"administrative.land_parcel","stylers":[{"visibility":"off"}]},{"featureType":"administrative.land_parcel","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"administrative.locality","elementType":"labels.text.fill","stylers":[{"color":"#bdbdbd"}]},{"featureType":"poi","elementType":"labels.text","stylers":[{"visibility":"off"}]},{"featureType":"poi","elementType":"labels.text.fill","stylers":[{"color":"#757575"}]},{"featureType":"poi.business","stylers":[{"visibility":"off"}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#181818"}]},{"featureType":"poi.park","elementType":"labels.text.fill","stylers":[{"color":"#616161"}]},{"featureType":"poi.park","elementType":"labels.text.stroke","stylers":[{"color":"#1b1b1b"}]},{"featureType":"road","stylers":[{"saturation":-100},{"lightness":-100}]},{"featureType":"road","elementType":"geometry.fill","stylers":[{"color":"#2c2c2c"}]},{"featureType":"road","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"road","elementType":"labels.text.fill","stylers":[{"color":"#8a8a8a"}]},{"featureType":"road.arterial","stylers":[{"visibility":"off"}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#373737"}]},{"featureType":"road.highway","elementType":"geometry","stylers":[{"color":"#3c3c3c"}]},{"featureType":"road.highway","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"road.highway.controlled_access","elementType":"geometry","stylers":[{"color":"#4e4e4e"}]},{"featureType":"road.local","stylers":[{"visibility":"off"}]},{"featureType":"road.local","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"road.local","elementType":"labels.text.fill","stylers":[{"color":"#616161"}]},{"featureType":"transit","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"labels.text.fill","stylers":[{"color":"#757575"}]},{"featureType":"water","elementType":"geometry","stylers":[{"color":"#000000"}]},{"featureType":"water","elementType":"labels.text.fill","stylers":[{"color":"#3d3d3d"}]}];
  131.                 break;
  132.             case 'style2':
  133.                 styles = [{elementType: 'geometry', stylers: [{color: '#242f3e'}]},{elementType: 'labels.text.stroke', stylers: [{color: '#242f3e'}]},{elementType: 'labels.text.fill', stylers: [{color: '#746855'}]},{featureType: 'administrative.locality',elementType: 'labels.text.fill',stylers: [{color: '#d59563'}]},{featureType: 'poi',elementType: 'labels.text.fill',stylers: [{color: '#d59563'}]},{featureType: 'poi.park',elementType: 'geometry',stylers: [{color: '#263c3f'}]},{featureType: 'poi.park',elementType: 'labels.text.fill',stylers: [{color: '#6b9a76'}]},{featureType: 'road',elementType: 'geometry',stylers: [{color: '#38414e'}]},{featureType: 'road',elementType: 'geometry.stroke',stylers: [{color: '#212a37'}]},{featureType: 'road',elementType: 'labels.text.fill',stylers: [{color: '#9ca5b3'}]},{featureType: 'road.highway',elementType: 'geometry',stylers: [{color: '#746855'}]},{featureType: 'road.highway',elementType: 'geometry.stroke',stylers: [{color: '#1f2835'}]},{featureType: 'road.highway',elementType: 'labels.text.fill',stylers: [{color: '#f3d19c'}]},{featureType: 'transit',elementType: 'geometry',stylers: [{color: '#2f3948'}]},{featureType: 'transit.station',elementType: 'labels.text.fill',stylers: [{color: '#d59563'}]},{featureType: 'water',elementType: 'geometry',stylers: [{color: '#17263c'}]},{featureType: 'water',elementType: 'labels.text.fill',stylers: [{color: '#515c6d'}]},{featureType: 'water',elementType: 'labels.text.stroke',stylers: [{color: '#17263c'}]}];
  134.                 break;
  135.             case 'style3':
  136.                 styles = [{ "elementType": "labels", "stylers": [ { "visibility": "off" }, { "color": "#f49f53" }] },{ "featureType": "landscape", "stylers": [ { "color": "#f9ddc5" }, { "lightness": -7 }] },{ "featureType": "road", "stylers": [ { "color": "#813033" }, { "lightness": 43 }] },{ "featureType": "poi.business", "stylers": [ { "color": "#645c20" }, { "lightness": 38 }] },{ "featureType": "water", "stylers": [ { "color": "#1994bf" }, { "saturation": -69 }, { "gamma": 0.99 }, { "lightness": 43 }] },{ "featureType": "road.local", "elementType": "geometry.fill", "stylers": [ { "color": "#f19f53" }, { "weight": 1.3 }, { "visibility": "on" }, { "lightness": 16 }] },{ "featureType": "poi.business" },{ "featureType": "poi.park", "stylers": [ { "color": "#645c20" }, { "lightness": 39 }] },{ "featureType": "poi.school", "stylers": [ { "color": "#a95521" }, { "lightness": 35 }] },{ "featureType": "poi.medical", "elementType": "geometry.fill", "stylers": [ { "color": "#813033" }, { "lightness": 38 }, { "visibility": "off" }] },{ "elementType": "labels" },{ "featureType": "poi.sports_complex", "stylers": [ { "color": "#9e5916" }, { "lightness": 32 }] },{ "featureType": "poi.government", "stylers": [ { "color": "#9e5916" }, { "lightness": 46 }] },{ "featureType": "transit.station", "stylers": [ { "visibility": "off" }] },{ "featureType": "transit.line", "stylers": [ { "color": "#813033" }, { "lightness": 22 }] },{ "featureType": "transit", "stylers": [ { "lightness": 38 }] },{ "featureType": "road.local", "elementType": "geometry.stroke", "stylers": [ { "color": "#f19f53" }, { "lightness": -10 }] }];
  137.                 break;
  138.             case 'style4':
  139.                 styles = [{ "featureType": "all", "elementType": "labels.text.fill", "stylers": [ { "color": "#ffffff" } ] },{ "featureType": "all", "elementType": "labels.text.stroke", "stylers": [ { "color": "#000000" }, { "lightness": 13 } ] },{ "featureType": "administrative", "elementType": "geometry.fill", "stylers": [ { "color": "#000000" } ] },{ "featureType": "administrative", "elementType": "geometry.stroke", "stylers": [ { "color": "#144b53" }, { "lightness": 14 }, { "weight": 1.4 } ] },{ "featureType": "landscape", "elementType": "all", "stylers": [ { "color": "#08304b" } ] },{ "featureType": "poi", "elementType": "geometry", "stylers": [ { "color": "#0c4152" }, { "lightness": 5 } ] },{ "featureType": "road.highway", "elementType": "geometry.fill", "stylers": [ { "color": "#000000" } ] },{ "featureType": "road.highway", "elementType": "geometry.stroke", "stylers": [ { "color": "#0b434f" }, { "lightness": 25 } ] },{ "featureType": "road.arterial", "elementType": "geometry.fill", "stylers": [ { "color": "#000000" } ] },{ "featureType": "road.arterial", "elementType": "geometry.stroke", "stylers": [ { "color": "#0b3d51" }, { "lightness": 16 } ] },{ "featureType": "road.local", "elementType": "geometry", "stylers": [ { "color": "#000000" } ] },{ "featureType": "transit", "elementType": "all", "stylers": [ { "color": "#146474" } ] },{ "featureType": "water", "elementType": "all", "stylers": [ { "color": "#021019" } ] }];
  140.                 break;
  141.             default:
  142.                 break;
  143.         }
  144.  
  145.         $(".thm-gmap").height( wpheight );
  146.         const latlng = new google.maps.LatLng(wplatitude, wplongitude);
  147.         const map   = new google.maps.Map(document.getElementsByClassName('thm-gmap')[0], {
  148.                         zoom: wpzoom,
  149.                         center: latlng,
  150.                         styles: styles,
  151.                         mapTypeId: wptype,
  152.                         disableDefaultUI: controls,
  153.                         scrollwheel: zoomcontrol,
  154.                     });
  155.         var marker  = new google.maps.Marker({ // Marker + Flug
  156.                         position: latlng,
  157.                         map: map,
  158.                         icon: flugurl
  159.                     });
  160.     }
  161.     if( $('.thm-gmap').length > 0 ){
  162.         initMap();
  163.     }
  164.  
  165.  
  166.     /* --------------------------------------
  167.     *       5. Performer Tab
  168.     *  -------------------------------------- */
  169.     const performer_tab = $('.performers-tab-view');
  170.     if (performer_tab.length){
  171.         const   selector    = $('.performers-tab-view ul li'),
  172.                 width       = 100 / (selector.length);
  173.         selector.css( 'width', width + '%' );
  174.         selector.on( 'click', function () {
  175.             selector.removeClass('active');
  176.             $(this).addClass('active');
  177.         });
  178.         performer_tab.fadeIn();
  179.     }
  180.  
  181.     /* --------------------------------------
  182.     *       6. Gallery Popup
  183.     *  -------------------------------------- */
  184.     $('.thm-popup-video').magnificPopup({
  185.         disableOn: 0,
  186.         type: 'iframe',
  187.         mainClass: 'mfp-fade',
  188.         removalDelay: 160,
  189.         preloader: true,
  190.         fixedContentPos: false
  191.     });
  192.    
  193.  
  194.     /* --------------------------------------
  195.     *      7. Themeum CountDown
  196.     *  -------------------------------------- */
  197.     if (typeof loopcounter !== 'undefined') {
  198.         loopcounter('thm_countdown');
  199.     }
  200. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!