Add filter options to Doublelist listing pages
// ==UserScript==
// @name Doublelist Filter Options
// @description Add filter options to Doublelist listing pages
// @version 1
// @grant GM.getValue
// @grant GM.setValue
// @include http://doublelist.com/city/*/*
// @include https://doublelist.com/city/*/*
// @require https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
// @run-at document-idle
// @namespace https://greasyfork.org/users/257342
// ==/UserScript==
(async () => {
mainContainer = $('.container.mt-4')[0]
filterHTML = '<div class="container" id="filteroptions"><h2>Filters:</h2><br/><div><input name="pics" type="checkbox" id="pics" /> <label for="pics">Require Picture</label></div>' +
'<div><input name="minage" type="number" value="18" id="minage" /> <label for="minage">Min Age</label></div>' +
'<div><input name="maxage" type="number" value="99" id="maxage" /> <label for="minage">Max Age</label></div>' + '</div>'
mainContainer.innerHTML = filterHTML + mainContainer.innerHTML
var updatematches = function(){
$('.postlinks2').hide()
if($('#filteroptions #pics').is(":checked")){
$('.postlinks2:has(.post_photo)').show()
}else{
$('.postlinks2').show()
}
posts = $('.postlinks2')
minage = $('#filteroptions #minage').val()
maxage = $('#filteroptions #maxage').val()
posts.each(function(index){
age = $(this).children('span').children('span')[1].innerText
if(age < minage || age > maxage)
$(this).hide()
})
GM.setValue("minage", minage)
GM.setValue("maxage", maxage)
GM.setValue("pics", $('#filteroptions #pics').is(":checked"))
}
$('#filteroptions #pics').prop('checked', await GM.getValue("pics", false))
$('#filteroptions #minage').val(await GM.getValue("minage", 18))
$('#filteroptions #maxage').val(await GM.getValue("maxage", 99))
$('#filteroptions #pics').change(updatematches)
$('#filteroptions #minage').change(updatematches)
$('#filteroptions #maxage').change(updatematches)
updatematches()
})();