Enfluenso

'); $this.after('

');

var $styledSelect = $this.next('div.select-styled'); $styledSelect.text($this.children('option').eq(0).text());

var $list = $('

', 'class': 'select-options' ).insertAfter($styledSelect);

for (var i = 0; i < numberOfOptions; i++) $('

', text: $this.children('option').eq(i).text(), rel: $this.children('option').eq(i).val() ).appendTo($list); if ($this.children('option').eq(i).is(':selected')) $('li[rel="' + $this.children('option').eq(i).val() + '"]').addClass('is-selected')

var $listItems = $list.children('li');

$styledSelect.click(function(e) e.stopPropagation(); $('div.select-styled.active').not(this).each(function() $(this).removeClass('active').next('ul.select-options').hide(); ); $(this).toggleClass('active').next('ul.select-options').toggle(); );

$listItems.click(function(e) e.stopPropagation(); $styledSelect.text($(this).text()).removeClass('active'); $this.val($(this).attr('rel')); $list.find('li.is-selected').removeClass('is-selected'); $list.find('li[rel="' + $(this).attr('rel') + '"]').addClass('is-selected'); $list.hide();

// load results if( $(this).closest(".select-holder").hasClass("gender") ) // show loader $(".filters .loader").show(); gender = $(this).attr('rel'); fetchDetails(0);

if( $(this).closest(".select-holder").hasClass("type") ) $(".filters .loader").show(); type = $(this).attr('rel'); fetchDetails(0);

if( $(this).closest(".select-holder").hasClass("category") ) $(".filters .loader").show(); category = $(this).attr('rel'); fetchDetails(0);

if( $(this).closest(".select-holder").hasClass("city") ) $(".filters .loader").show(); city = $(this).attr('rel'); fetchDetails(0);

if( $(this).closest(".select-holder").hasClass("platform") ) $(".filters .loader").show(); platform = $(this).attr('rel'); fetchDetails(0);

if( $(this).closest(".select-holder").hasClass("class") ) $(".filters .loader").show(); audience_class = $(this).attr('rel'); fetchDetails(0);

if( $(this).closest(".select-holder").hasClass("age") ) $(".filters .loader").show(); audience_age = $(this).attr('rel'); fetchDetails(0);

if( $(this).closest(".select-holder").hasClass("vocal") ) $(".filters .loader").show(); vocal = $(this).attr('rel'); fetchDetails(0);

if( $(this).closest(".select-holder").hasClass("scripted") ) $(".filters .loader").show(); scripted_videos = $(this).attr('rel'); fetchDetails(0);

if( $(this).closest(".select-holder").hasClass("sponsored") ) $(".filters .loader").show(); sponsored_posts = $(this).attr('rel'); fetchDetails(0);

if( $(this).closest(".select-holder").hasClass("sort") ) $(".filters .loader").show(); sort = $(this).attr('rel'); fetchDetails(0);

//console.log($this.val()); );

$(document).click(function() $styledSelect.removeClass('active'); $list.hide(); );

});

function fetchDetails(offset = 0)

$.post( "https://enfluenso.com/ajax/top_influencers_2.php?", offset: offset, gender: gender, type: type, followers: min_followers, avg_views: avg_views, engagement: min_engagement, budget: budget, category: category, city: city, platform: platform, audience_class: audience_class, audience_age: audience_age, vocal: vocal, scripted_videos: scripted_videos, sponsored_posts: sponsored_posts, sortby: sort, search: search ,function(data) );

function updateIndicator()

$(".proposal-indicator .message").html("You have selected "+selected_influencers.length+" influencers for proposal.");

if( selected_influencers.length > 0 ) $(".proposal-indicator").show(); else $(".proposal-indicator").hide();

$(".load-next").on("click", function(e)

e.preventDefault();

offset = $(this).attr("data-offset"); $(this).html("Loading...");

fetchDetails(offset);

);

$(document).on("click",".expand",function(e)

$(this).closest(".each-influencer").find(".stat-hidden").show(); $(this).remove();

);

$(document).on("click",".select-for-proposal",function(e)

if( $(this).closest(".each-influencer").hasClass("selected") ) $(this).closest(".each-influencer").removeClass("selected");

var index = selected_influencers.indexOf(parseInt($(this).closest(".each-influencer").attr("id"))); if (index !== -1) selected_influencers.splice(index, 1);

else $(this).closest(".each-influencer").addClass("selected"); selected_influencers.push(parseInt($(this).closest(".each-influencer").attr("id")));

updateIndicator();

);

var slider = document.getElementById("myRange"); slider.oninput = function() let num = new Intl.NumberFormat('en-IN', maximumSignificantDigits: 3 ).format(this.value); $(".range-holder.followers span").html(num);

var slider2 = document.getElementById("viewsRange"); slider2.oninput = function() let num = new Intl.NumberFormat('en-IN', maximumSignificantDigits: 3 ).format(this.value); $(".range-holder.views span").html(num);

var slider3 = document.getElementById("engagementRange"); slider3.oninput = function() $(".range-holder.engagement span").html(this.value+"%");

var slider4 = document.getElementById("budgetRange"); slider4.oninput = function() let num = new Intl.NumberFormat('en-IN', maximumSignificantDigits: 3 ).format(this.value); $(".range-holder.budget span").html(num);

$("#myRange").on("change",function(e)

$(".filters .loader").show(); min_followers = $(this).val(); fetchDetails(0);

);

$("#budgetRange").on("change",function(e)

$(".filters .loader").show(); budget = $(this).val(); fetchDetails(0);

);

$("#viewsRange").on("change",function(e)

$(".filters .loader").show(); avg_views = $(this).val(); fetchDetails(0);

);

$("#engagementRange").on("change",function(e)

$(".filters .loader").show(); min_engagement = $(this).val(); fetchDetails(0);

);

$("#search-trigger").on("submit",function(e)

e.preventDefault();

console.log($("[name='query']").val()); search = $("[name='query']").val(); fetchDetails(0);

);

fetchDetails();

$("#proposal-form").on("submit",function(e));

});