Advertisement
Guest User

filter.js

a guest
Dec 14th, 2021
473
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.     //filter code for blogs
  2.     var pageNumber = 1;
  3.  
  4.     jQuery('.filter-link').on('click', function(e) {
  5.         e.preventDefault();
  6.         var pageNumber = 1;
  7.         jQuery(this).parent().parent().find('a').removeClass('activeFilter');
  8.         jQuery(this).addClass('activeFilter');
  9.         jQuery('#more_blog_posts').removeClass('activeLoadmore');
  10.         editFilterInputs(jQuery('#filters-' + jQuery(this).data('type')), jQuery(this).data('id'));
  11.         // filterBlogs();
  12.  
  13.         if(jQuery('#more_blog_posts').hasClass('activeLoadmore')){
  14.             pageNumber++;
  15.         }
  16.         else {
  17.             pageNumber = 1;
  18.         }
  19.         //var catIds = jQuery('li a.activeFilter').attr('data-id');
  20.        
  21.         var postype = jQuery('.projects-grid').attr('post-type');
  22.         const taxType = jQuery(this).data('type');
  23.         const catIds = jQuery('#filters-' + jQuery(this).data('type')).val().split(',');
  24.  
  25.         // var tagIds = jQuery('.tag-list li a.activeFilter').attr('data-id');
  26.         // const tagIds = jQuery('#filters-tag').val().split(',');
  27.        
  28.         jQuery.ajax({
  29.             type: 'POST',
  30.             url: myAjax.ajaxurl,
  31.             dataType: 'json',
  32.             data: {
  33.                 action: 'filter_blogs',
  34.                 catIds,
  35.                 postype,
  36.                 taxType,
  37.                 // sortOrder,
  38.                 //pageNumber,
  39.             },
  40.             success: function(result) {
  41.                
  42.             // if(jQuery('#more_blog_posts').hasClass('activeLoadmore')){
  43.             //     jQuery(".project-tiles").append(res.html);
  44.             // } else{
  45.                 //console.log(result);
  46.                 jQuery('.projects-grid').html(result.html);
  47.  
  48.             //}
  49.             if(result.total == pageNumber){
  50.                 jQuery("#more_blog_posts").hide();
  51.             } else{
  52.                 jQuery("#more_blog_posts").show();
  53.             }
  54.             //jQuery('#result-count').html(res.total);
  55.             },
  56.             error: function(err) {
  57.                 console.log(err);
  58.             }
  59.         })
  60.     });
  61.  
  62.     function editFilterInputs(inputField, value) {
  63.         const currentFilters = inputField.val().split(',');
  64.         const newFilter = value.toString();
  65.  
  66.         if (currentFilters.includes(newFilter)) {
  67.             const i = currentFilters.indexOf(newFilter);
  68.             currentFilters.splice(i, 1);
  69.             inputField.val(currentFilters);
  70.         } else {
  71.             inputField.val(inputField.val() + ',' + newFilter);
  72.         }
  73.     }
  74.    
  75.     const taxname = $('.taxonomy-list input').map(function() {return this.id;}).get();
  76.     console.log(taxname);
  77.  
  78.     function filterBlogs() {
  79.     }
  80.  
  81.  
  82.     //load more
  83.     jQuery("#more_blog_posts").on("click",function(){ // When btn is pressed.
  84.     $("#more_blog_posts").attr("disabled",true); // Disable the button, temp.
  85.     jQuery(this).addClass('activeLoadmore');
  86.     filterBlogs();
  87.     jQuery(this).insertAfter('.project-tiles-portfolio');
  88.     });
  89.  
  90.    
  91.  
  92.  
  93.  
  94.    
  95.  
  96.  
  97.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement