☰

fetlife_all_members (ASL+role+status filter)

greasemonkey script to filter fetlife members when it's possible. Search by name, gender, role, age, location or status.

À partir de 2019-03-25. Voir la dernière version.

  1. // ==UserScript==
  2. // @name             fetlife_all_members (ASL+role+status filter)
  3. // @namespace        io.github.bewam
  4. // @description      greasemonkey script to filter fetlife members when it's possible. Search by name, gender, role, age, location or status.
  5. // @include          https://fetlife.com/*
  6. // @version          1.9.2.20180609
  7. // @run-at           document-end
  8. // @include-jquery   false
  9. // @use-greasemonkey true
  10. // @require          http://code.jquery.com/jquery-2.1.1.min.js
  11. // ==/UserScript==
  12.  
  13. // NOTE: comment (change first "/**/" to "/*") for debugging.
  14. console = { log: ()=>{}}; /**/
  15.  
  16. var useCurrentPageAsDefault = false;
  17. var onlyWithAvatar = false; //actual default see #4 on github
  18.  
  19. /* care modifing
  20.  * TODO : to be removed: https://greasyfork.org/fr/forum/discussion/4199/lock-a-script#latest
  21.  */
  22. const FETCH_LATENCY = 2000;
  23. // jshint ignore: start
  24.  
  25. const forceNoAvatar = true;// see #4 on github du to fetlife restriction + ajax
  26.  
  27. +(function ($) {
  28.     // jshint ignore: end
  29.     // jquery str
  30.     const Selector = {
  31.         currentPage: 'em.current',
  32.         body: 'body',
  33.         users: 'div.fl-member-card',
  34.         pagination: "div.pagination",
  35.         nextPage: 'a.next_page',
  36.         nextDisabled: 'span.next_page.disabled',
  37.         previousPage: 'a.previous_page',
  38.         firstUser: '.fl-member-card:first',
  39.         user: {
  40.             body: '.fl-flag__body',
  41.             imageAvatar: 'img.fl-avatar__img',
  42.             firstSpan: '.fl-member-card__user',
  43.             profileLink: 'a.fl-member-card__user',
  44.             shortDesc: '.fl-member-card__info',
  45.             /** age, gender, role */
  46.             location: 'span.fl-member-card__location',
  47.             into: 'span.fl-member-card__action span',
  48.         }
  49.     };
  50.     // script_name avoid name/id conflicts
  51.     const _STR = 'fetlife_all_members';
  52.     const ARRAY_GENDER = [
  53.         'M',
  54.         'F',
  55.         'NB',
  56.         'GQ',
  57.         'GF',
  58.         'TG',
  59.         'MtF',
  60.         'FtM',
  61.         'CD/TV',
  62.         'IS',
  63.         'FEM',
  64.         'B',
  65.         'N/A'
  66.     ];
  67.     const ARRAY_GENDER_LABEL = [
  68.         'Male',
  69.         'Female',
  70.         'Non-Binary',
  71.         'Genderqueer',
  72.         'Gender Fluid',
  73.         'Transgender',
  74.         'Trans - Male to Female',
  75.         'Trans - Female to Male',
  76.         'Crossdresser/Transvestite',
  77.         'Intersex',
  78.         'Femme',
  79.         'Butch',
  80.         'Not Applicable'
  81.     ];
  82.     const ARRAY_ROLE = [
  83.         'Dominant',
  84.         'Domme',
  85.         'Switch',
  86.         'submissive',
  87.         'Master',
  88.         'Mistress',
  89.         'slave',
  90.         'kajira',
  91.         'kajirus',
  92.         'Top',
  93.         'Bottom',
  94.         'Sadist',
  95.         'Masochist',
  96.         'Sadomasochist',
  97.         'Disciplinarian',
  98.         'Kinkster',
  99.         'Fetishist',
  100.         'Swinger',
  101.         'Hedonist',
  102.         'Sensualist',
  103.         'Exhibitionist',
  104.         'Voyeur',
  105.         'Daddy',
  106.         'Mommy',
  107.         'babygirl',
  108.         'babyboy',
  109.         'Ageplayer',
  110.         'Little',
  111.         'Middle',
  112.         'Big',
  113.         'Brat',
  114.         'Princess',
  115.         'Slut',
  116.         'Doll',
  117.         'Toy',
  118.         'Cougar',
  119.         'Bull',
  120.         'Hotwife',
  121.         'Cuckoldress',
  122.         'cuckold',
  123.         'cuckquean',
  124.         'sissy',
  125.         'Furry',
  126.         'pet',
  127.         'kitten',
  128.         'pup',
  129.         'pony',
  130.         'Handler',
  131.         'Primal',
  132.         'Primal Predator',
  133.         'Primal Prey',
  134.         'Spanko',
  135.         'Spanker',
  136.         'Spankee',
  137.         'Rigger',
  138.         'Rope Top',
  139.         'Rope Bottom',
  140.         'Rope Bunny',
  141.         'Leatherman',
  142.         'Leatherwoman',
  143.         'Leather Daddy',
  144.         'Leather Mommy',
  145.         'Leather Top',
  146.         'Leather bottom',
  147.         'Leatherboy',
  148.         'Leathergirl',
  149.         'Leatherboi',
  150.         'Bootblack',
  151.         'Drag King',
  152.         'Drag Queen',
  153.         'Evolving',
  154.         'Exploring',
  155.         'Vanilla',
  156.         'Undecided',
  157.         'Not Applicable'
  158.     ];
  159.     const ARRAY_ROLE_LABEL = ARRAY_ROLE;
  160.     const ARRAY_INTO_STATUS = [
  161.         'is into',
  162.         'is curious about'
  163.     ];
  164.     const ARRAY_INTO_ACTIVITY = [
  165.         'giving',
  166.         'receiving',
  167.         'watching',
  168.         'wearing',
  169.         'watching others wear',
  170.         'everything to do with it'
  171.     ];
  172.  
  173.     const marker = {
  174.         folded: '>',
  175.         unfolded: 'v'
  176.     };
  177.     const isFetishesPage = /^\/fetishes/.test(location.pathname);
  178.     const imageMissingData =
  179.         `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`;
  180.     // NOTE: do not modify unless you know what you're doing.
  181.     var overlay = (form) =>
  182.         $(Selector.firstUser)
  183.         .parents('.clearfix:first')
  184.         .prepend(form)
  185.         .length;
  186.  
  187.     /** TODO @class to manage pages */
  188.     // Pagination = {
  189.     //     _next: '',
  190.     //     _previous: '',
  191.     //     _currentNo: '',
  192.     //     _clientPageNo,
  193.     //     setNext: setNext,
  194.     //     getNext: getNext,
  195.     //     getPrevious :()  => this._previous,
  196.     //     setPrevious : (str) => {this._previous = str;},
  197.     //     getCurrentNo: () => this._currentNo ,
  198.     //     setCurrentNo: (n) => {this._currentNo = n;},
  199.     // };
  200.     // var page = Object.create(Pagination);
  201.  
  202.     var lastPageNumber,
  203.         _pageCurrentNo,
  204.         _clientPageNo,
  205.         InputcurrentPageDefaultVal,
  206.         _fromPage = -1,
  207.         _toPage = -1,
  208.         pageMin = 1,
  209.         pageMax = 1,
  210.         _pageNext = '';
  211.  
  212.     /* balance columns */
  213.     var alternColumn = 0,
  214.         _shownCount = 0;
  215.  
  216.     /* store user html block index is shared with mCache */
  217.     /** NOTE  see initUserCache() for desc. */
  218.     var mCache = [],
  219.         /** referrer (pages) */
  220.         rCache = [],
  221.         /** image avatar data */
  222.         aCache = [],
  223.         listContainers = [] // columns where lists appear
  224.     ;
  225.     //TODO Expressions =
  226.     var userRegExp = new RegExp('([0-9]{2})(' + ARRAY_GENDER.join('|') +
  227.         ')? (' +
  228.         ARRAY_ROLE.join('|') + ')?', 'i');
  229.     var regInto = new RegExp('^(' + ARRAY_INTO_STATUS.join('|') +
  230.         ') ?(.*$)?');
  231.  
  232.     /** modified, value, default value */
  233.     var filters = {
  234.         'NameContains': [false, '', ''],
  235.         'AgeMin': [false, '', ''],
  236.         'AgeMax': [false, '', ''],
  237.         'Gender': [false, [], []],
  238.         'Role': [false, [], []],
  239.         'LocContains': [false, '', ''],
  240.         'IntoStatus': [false, '', ''],
  241.         'IntoActivity': [false, '', '']
  242.         // has_avatar: @see function
  243.     };
  244.  
  245.     var ajaxLocked = false,
  246.         scriptLaunched = false,
  247.         stopped = false;
  248.  
  249.     /* jshint ignore:start */
  250.     addStyle(
  251.         '#' + S('Wrapper') + ' { ' +
  252.         //     'background-color: rgba(255, 255, 255, 0.4);' +
  253.         'border: solid 2px lightgray;' +
  254.         'color: white !important;/**/ ' +
  255.         'padding:5px;' +
  256.         'min-height:15px !important;' +
  257.         'vertical-align:middle;' +
  258.         'margin-bottom: 10px;' +
  259.         '} ' +
  260.         '#' + S('Controls') + ' { ' +
  261.         'display: block;/**/ ' +
  262.         'min-height:15px !important;' +
  263.         '}' +
  264.         '#' + S('Content') + ' { ' +
  265.         'display: none;/**/ ' +
  266.         'margin-top: 5px;' +
  267.         '}' +
  268.         '#' + S('Buttons') + '{ ' +
  269.         'margin-top: 10px;' +
  270.         '}' +
  271.         '#' + S('ButtonStop') + '{ ' +
  272.         // 'display: none;' +
  273.         '}' +
  274.         `.flfm-has-avatar{
  275.             border: solid 1px red;
  276.         }`
  277.     );
  278.     /* jshint ignore:end */
  279.  
  280.     /*-----------------------------------*/
  281.  
  282.     /*----------------html related--------------------------*/
  283.     function buildOptions(arr1, arr2) {
  284.         var str = '';
  285.         $.each(arr1, function (i, v) {
  286.             str += '<option value="' + v + '" >' + arr2[i] +
  287.                 '        </option>';
  288.         });
  289.         return str;
  290.     }
  291.  
  292.     function addStyle(css) {
  293.         var newStyleSheet = document.createElement('style');
  294.         document.body.appendChild(newStyleSheet);
  295.         newStyleSheet.textContent = css;
  296.  
  297.         return newStyleSheet;
  298.     }
  299.  
  300.     function drawBlock() {
  301.         var optionsGender = buildOptions(ARRAY_GENDER, ARRAY_GENDER_LABEL);
  302.         var optionsRole = buildOptions(ARRAY_ROLE, ARRAY_ROLE_LABEL);
  303.         var optionsIntoStatus = buildOptions(ARRAY_INTO_STATUS,
  304.             ARRAY_INTO_STATUS);
  305.         var optionsIntoActivity = buildOptions(ARRAY_INTO_ACTIVITY,
  306.             ARRAY_INTO_ACTIVITY);
  307.  
  308.         var BLOCK =
  309.             '<div id="' + S('Wrapper') + '"> ' +
  310.             '    <div id="' + S('Controls') + '">' +
  311.             '        <b>&gt;</b>&nbsp;' +
  312.             '        <u>filter members</u>' +
  313.             '    </div>' +
  314.             '    <div id="' + S('Content') + '"> ' +
  315.             '    <div id="' + S('Filters') + '">' +
  316.             '        <label for="' + S('NameContains') +
  317.             '">name:&nbsp;&nbsp;&nbsp; </label>' +
  318.             '        <input id="' + S('NameContains') +
  319.             '" type="text" class="filter"></input>' +
  320.             '        <br />' +
  321.             '        <label for="' + S('LocContains') +
  322.             '">location:</label>' +
  323.             '        <input id="' + S('LocContains') +
  324.             '" type="text" class="filter" ></input>' +
  325.             '        <br />' +
  326.             '        <u>age</u>&nbsp;' +
  327.             '        <label for="' + S('AgeMin') + '">min:</label>' +
  328.             '        <input id="' + S('AgeMin') +
  329.             '" type="text" class="filter" size="2"></input>' +
  330.             '&nbsp; ' +
  331.             '        <label for="' + S('AgeMax') + '">max:</label>' +
  332.             '        <input id="' + S('AgeMax') +
  333.             '" type="text" class="filter" size="2"></input>' +
  334.             '        <br />' +
  335.             '        <small>' +
  336.             '        Use CTRL key to multiple select.' +
  337.             '        <br />' +
  338.             '        Use MAJ key to do a range select.' +
  339.             '        </small>' +
  340.             '        <br />' +
  341.             '        <label for="' + S('Gender') + '">gender:</label>' +
  342.             '        <select id="' + S('Gender') +
  343.             '" class="filter" name="gender" multiple="multiple" size="3">' +
  344.             '        <option value="" selected="selected">none specified</option>' +
  345.             optionsGender +
  346.             '        </select>' +
  347.             '        <label for="' + S('Role') + '">role:</label>' +
  348.             '        <select id="' + S('Role') +
  349.             '" class="filter" name="role" multiple="multiple" size="5">' +
  350.             '        <option value="" selected="selected">none specified</option>' +
  351.             optionsRole +
  352.             '        </select>';
  353.  
  354.         if(isFetishesPage) {
  355.             BLOCK +=
  356.                 '&nbsp; Into &nbsp;' +
  357.                 '        <select id="' + S('IntoStatus') +
  358.                 '"  multiple="multiple" size="3">' +
  359.                 '        <option value="" selected="selected">All</option>' +
  360.                 optionsIntoStatus +
  361.                 '        </select>' +
  362.                 '        <select id="' + S('IntoActivity') +
  363.                 '" multiple="multiple" size="3">' +
  364.                 '        <option value="" selected="selected">All</option>' +
  365.                 optionsIntoActivity +
  366.                 '        </select>';
  367.         }
  368.  
  369.         BLOCK +=
  370.             '        <br />' +
  371.             // '        <input type="hidden" name="' + S('HasAvatar') +
  372.             // '" ></input>' +
  373.             '        <input type="checkbox" id="' + S('HasAvatar') +
  374.             '" name="' + S(
  375.                 'HasAvatar') + '" ' + (onlyWithAvatar ? 'checked="true"' :
  376.                 'false') + '></input>' +
  377.             '        <label for="' + S('HasAvatar') +
  378.             '">only with avatar</label>' +
  379.             '        <br />' +
  380.             '        <label for="' + S('FromPage') +
  381.             '">From page:&nbsp;</label>' +
  382.             '        <input id="' + S('FromPage') +
  383.             '" type="text" class="filter" size="3" value="' +
  384.             InputcurrentPageDefaultVal + '"></input>' +
  385.             '        <input id="' + S('ButtonCurrentPage') +
  386.             '" type="button" value="current"></input>' +
  387.             '        <label for="' + S('ToPage') +
  388.             '"> &nbsp;to page:&nbsp;</label>' +
  389.             '        <input id="' + S('ToPage') + '" name="' + S('ToPage') +
  390.             '" type="text" class="filter" size="3"></input>' +
  391.             '        <br />' +
  392.             '        <br />' +
  393.             '    </div> ' + // Filters
  394.             '    <div id="' + S('Buttons') + '" style="display:inline;">' +
  395.             '        <input id="' + S('ButtonGo') +
  396.             '" type="button" value="view&nbsp;all"></input>' +
  397.             '        <input id="' + S('ButtonStop') +
  398.             '" type="button" value="&nbsp;stop&nbsp;" disabled="true"></input>' +
  399.             '    </div>' + // Buttons
  400.             '    <div id="' + S('Info') + '">' +
  401.             '        <br />' +
  402.             '        <span id="' + S('ShowCount') + '">' +
  403.             '        </span> ' +
  404.             '    </div> ' + // Info
  405.             '    </div> ' + //Content
  406.             '</div>'; // Wrapper
  407.         if(overlay(BLOCK) < 1) {
  408.             $(Selector.body)
  409.                 .prepend(BLOCK);
  410.         }
  411.     }
  412.  
  413.     function disableAllInput() {
  414.         // TODO @class Form. Form.disableEntries() => void()
  415.         $I('Content')
  416.             .find('*')
  417.             .attr("disabled", 'true');
  418.         $I('ButtonStop')
  419.             .removeAttr("disabled");
  420.     }
  421.  
  422.     function enableAllInput() {
  423.         $I('Content')
  424.             .find('*')
  425.             .removeAttr("disabled");
  426.         $I('ButtonStop')
  427.             .attr("disabled", 'true');
  428.     }
  429.  
  430.     function disableInput() {
  431.         // TODO @function Form.disableEntries() => void()
  432.         $I('Content')
  433.             .find('*')
  434.             .attr("disabled", 'true');
  435.     }
  436.  
  437.     function enableInput() {
  438.         $I('Content')
  439.             .find('*')
  440.             .removeAttr("disabled");
  441.     }
  442.     /**
  443.      * @param str id
  444.      * @return object jQuery with the tagged (script name) id
  445.      */
  446.     function $I(id) {
  447.         var str = arguments.length > 1 ? arguments[1] : '';
  448.         return $('#' + S(id) + str);
  449.     }
  450.  
  451.     function S(name) {
  452.         return _STR + name;
  453.     }
  454.  
  455.     function rS(str) {
  456.         return str.replace(_STR, '');
  457.     }
  458.  
  459.     function cleanPage() {
  460.         $(Selector.users)
  461.             .remove();
  462.         $(Selector.pagination)
  463.             .hide();
  464.         _shownCount = 0;
  465.     }
  466.  
  467.     function toggleMarker($el) {
  468.         var cnt = $el.html();
  469.         $el.html(cnt == marker.unfolded ? marker.folded : marker.unfolded);
  470.     }
  471.     /*-----------------------------------*/
  472.     /** Would grab 2 containers where to put members in */
  473.     function initContainers(pageUsers) {
  474.         var parent;
  475.         $(pageUsers)
  476.             .each(function () {
  477.                 parent = $(this)
  478.                     .parent()
  479.                     .get(0);
  480.                 console.log("container: " + $(parent)
  481.                     .attr("class"));
  482.  
  483.                 if($.inArray(parent, listContainers) == -1) {
  484.                     listContainers.push(parent);
  485.                 }
  486.             });
  487.     }
  488.     /*------------------------------------*/
  489.     function updateMemberFilters() {
  490.         $I('Content')
  491.             .find('select, input[type=text]')
  492.             .each(function () {
  493.  
  494.                 var name = rS($(this)
  495.                     .attr('id'));
  496.                 console.log('updating filter: ' + name);
  497.                 if(!filters[name]) {
  498.                     return;
  499.                 }
  500.                 if(typeof filters[name][2] != 'string') {
  501.                     var options = $(this)
  502.                         .find('option:selected');
  503.                     filters[name][0] = false;
  504.                     filters[name][1] = [];
  505.                     $(options)
  506.                         .each(function () {
  507.                             filters[name][0] = true;
  508.                             filters[name][1].push($(this)
  509.                                 .val());
  510.                         });
  511.                     if(filters[name][1].length == 1 && filters[name][1]
  512.                     [0] === '') {
  513.                         filters[name][0] = false;
  514.                     }
  515.                 } else
  516.                 if(filters[name][2] != $(this)
  517.                     .val()) {
  518.                     filters[name][0] = true;
  519.                     filters[name][1] = $(this)
  520.                         .val();
  521.                 } else {
  522.                     filters[name][0] = false;
  523.                     filters[name][1] = filters[name][2];
  524.                 }
  525.             });
  526.         console.log(filters);
  527.     }
  528.  
  529.     function updateAvatarFilter() {
  530.         onlyWithAvatar = ($I('HasAvatar', ':checked')
  531.             .length > 0);
  532.     }
  533.  
  534.     function updatePaginationFilters() {
  535.         var reload = false;
  536.         var $fromPage = parseInt($I('FromPage')
  537.             .val());
  538.         var $toPage = parseInt($I('ToPage')
  539.             .val());
  540.  
  541.  
  542.         if(_fromPage != $fromPage) {
  543.             _fromPage = $fromPage;
  544.             reload = true;
  545.         }
  546.  
  547.         if(_toPage != $toPage) {
  548.             _toPage = $toPage;
  549.             reload = true;
  550.         }
  551.  
  552.         console.log(' _fromPage ' + _fromPage + ' $fromPage ' + $fromPage);
  553.         console.log(' _toPage   ' + _toPage + '   $toPage   ' + $toPage);
  554.  
  555.         return reload;
  556.     }
  557.     /*-----------------------------------*/
  558.     var Refining = function (cacheItem) {
  559.  
  560.         var c = cacheItem;
  561.         var filtered = false;
  562.  
  563.         /**
  564.          * @return bool false by default, element is not trapped */
  565.         this.isFiltered = function () {
  566.             // NOTE for debug purpose uncomment the second block and / comment this one.
  567.             // TODO how secure is eval() ?
  568.             /**
  569.             role();
  570.             name();
  571.             location();
  572.             hasAvatar();
  573.             gender();
  574.             ageMin();
  575.             ageMax();
  576.             intoStatus();
  577.             intoActivity();
  578.             /**/
  579.  
  580.             /**/
  581.             var functions = [
  582.                 "ageMax",
  583.                 "ageMin",
  584.                 "gender",
  585.                 "hasAvatar",
  586.                 "intoActivity",
  587.                 "intoStatus",
  588.                 "location",
  589.                 "name",
  590.                 "role"
  591.             ];
  592.             for(var fn of functions) {
  593.                 // jshint ignore : start
  594.                 eval(fn + '()');
  595.                 // jshint ignore : end
  596.                 if(getF()) {
  597.                     console.log('is filtered: ' + fn.toString());
  598.                     console.log(c);
  599.                     // stop filtering here
  600.                     return true;
  601.                 }
  602.             }
  603.             /**/
  604.             return filtered;
  605.         };
  606.         /**
  607.          * @arg boolean filtered ?
  608.          *  @return void(0)
  609.          */
  610.         function setF(F) {
  611.             if(F) {
  612.                 filtered = true;
  613.             }
  614.         }
  615.  
  616.         function getF() {
  617.             return filtered;
  618.         }
  619.  
  620.         /** NOTE Each filter (except hasAvatar) check if filter was modified
  621.             (updateMemberFilters) and look if the changes concern the current
  622.             user. Filter must set false if ok.
  623.         */
  624.  
  625.         function ageMax() {
  626.             if(filters.AgeMax[0]) {
  627.                 setF(c[1] > parseInt(filters.AgeMax[1]));
  628.             }
  629.         }
  630.  
  631.         function ageMin() {
  632.             if(filters.AgeMin[0]) {
  633.                 setF(c[1] < parseInt(filters.AgeMin[1]));
  634.             }
  635.         }
  636.  
  637.         function gender() {
  638.             if(filters.Gender[0]) {
  639.                 setF($.inArray(c[2], filters.Gender[1]) < 0);
  640.             }
  641.         }
  642.  
  643.         function hasAvatar() {
  644.             // console.log('avatar ' + onlyWithAvatar.toString());
  645.             setF((onlyWithAvatar && !c[6]) ? true : false);
  646.         }
  647.  
  648.         function intoActivity() {
  649.             if(filters.IntoActivity[0]) {
  650.                 setF($.inArray(c[8], filters.IntoActivity[1]) < 0);
  651.             }
  652.         }
  653.  
  654.         function intoStatus() {
  655.             if(filters.IntoStatus[0]) {
  656.                 setF($.inArray(c[7], filters.IntoStatus[1]) < 0);
  657.             }
  658.         }
  659.  
  660.         function location() {
  661.             if(filters.LocContains[0]) {
  662.                 setF(
  663.                     c[4].toLowerCase()
  664.                     .indexOf(
  665.                         filters.LocContains[1].toLowerCase()
  666.                     ) < 0
  667.                 );
  668.             }
  669.         }
  670.  
  671.         function name() {
  672.             if(filters.NameContains[0]) {
  673.                 setF(
  674.                     c[0].toLowerCase()
  675.                     .indexOf(
  676.                         filters.NameContains[1].toLowerCase()
  677.                     ) < 0
  678.                 );
  679.             }
  680.         }
  681.  
  682.         function role() {
  683.             if(filters.Role[0]) {
  684.                 setF($.inArray(c[3], filters.Role[1]) < 0);
  685.             }
  686.         }
  687.     }; // Filter
  688.  
  689.     /** filter each user */
  690.     function filterUser(n) {
  691.         // console.log('filtering n°' + n);
  692.         var o;
  693.         var filter = new Refining(mCache[n]);
  694.  
  695.         return(filter.isFiltered());
  696.  
  697.     }
  698.     /*-----------Ajax & pagination -----------------*/
  699.     /** @param mixed (str or jQ.), a link "next" in pagination */
  700.     function setNext(mix) {
  701.         console.log('setNext: ');
  702.         console.log(mix);
  703.         var next = '';
  704.         if(mix.nodeName === 'A') {
  705.             next = mix.href;
  706.         } else if(typeof mix == 'string') {
  707.             next = mix;
  708.         } else if(
  709.             (typeof mix == 'function' ||
  710.                 typeof mix == 'object') &&
  711.             $(mix)
  712.             .is('A')
  713.         ) {
  714.             next = mix.attr('href');
  715.         }
  716.         _pageNext = next;
  717.         return(next);
  718.     }
  719.  
  720.     function getNext() {
  721.         console.log(_pageNext);
  722.         if(_pageNext === '' || _pageNext.match(/^\s*$/)) {
  723.             return '';
  724.         }
  725.         if(_pageNext.indexOf("fetlife.com") < 0) {
  726.             return 'https://fetlife.com/' + _pageNext;
  727.         } else {
  728.             return _pageNext;
  729.         }
  730.     }
  731.  
  732.     function getCurrentPageNo() {
  733.         return parseInt($(Selector.currentPage)
  734.             .text());
  735.     }
  736.  
  737.     function getLastPageNum() {
  738.         var $e = $(Selector.nextPage);
  739.         if($e.length > 0) {
  740.             return parseInt($e.prev()
  741.                 .text());
  742.         }
  743.         $e = $(Selector.nextDisabled);
  744.         if($e.length > 0) {
  745.             return parseInt($e.prev()
  746.                 .text());
  747.         }
  748.         return -1;
  749.     }
  750.  
  751.     function isLastFetchedPage(next) {
  752.         var p = next.lastIndexOf('?');
  753.         var search;
  754.         var S;
  755.         if(p > -1) {
  756.             // url.search W/o leading ?
  757.             search = next.substr(p + 1);
  758.         } else {
  759.             // no url.search, stop now
  760.             // TODO throw warning
  761.             return true;
  762.         }
  763.         S = search.split('&');
  764.         for(var i = 0; i < S.length; i++) {
  765.             if(S[i].substr(0, 5) === 'page=') {
  766.                 return(parseInt(S[i].substr(5)) >= parseInt(_toPage) + 1);
  767.             }
  768.         }
  769.         // unknown case, stop now
  770.         // TODO throw warning
  771.         return true;
  772.     }
  773.  
  774.     function addUrlString(url, pageNb) {
  775.         var S = location.search.toString();
  776.         console.log('location.search: ' + S);
  777.         if(S.length <= 0) {
  778.             return url + "?page=" + pageNb;
  779.         }
  780.         if(S.indexOf('page=') > -1) {
  781.             return url.replace(/page=\d+/, 'page=' + pageNb);
  782.         } else
  783.             return url + '&page=' + pageNb;
  784.         // FIXME: return what ? return (url + '&page=' + pageNb);
  785.     }
  786.  
  787.     function fetchMembers(startPageNo) {
  788.  
  789.         // if (typeof startPageNo === 'undefined')
  790.         //     seekingEnded();
  791.  
  792.         var next;
  793.  
  794.         if(startPageNo) {
  795.             console.log('start fetching from Page: ' + startPageNo);
  796.             if(parseInt(startPageNo) > 0) {
  797.                 setNext(addUrlString(location.href, startPageNo));
  798.             }
  799.         } else {
  800.             startPageNo = false;
  801.         }
  802.  
  803.         next = getNext();
  804.         console.log("trying to fetch: " + next);
  805.  
  806.         if(
  807.             next === '' ||
  808.             next.match(/^\s*$/) ||
  809.             next === void(0)
  810.         ) {
  811.             seekingEnded();
  812.             return;
  813.         }
  814.  
  815.         if(!ajaxLocked) {
  816.             ajaxLocked = true;
  817.             $.ajax({
  818.                 url: next,
  819.                 dataType: 'html',
  820.                 useCache: false,
  821.                 success: (data) => {
  822.                     var pageIndex = storePage(next)
  823.                     onMembersPage(data, pageIndex);
  824.                 },
  825.                 error: function (event) {
  826.                     seekingEnded();
  827.                     console.error(event);
  828.                 }
  829.             });
  830.         }
  831.         showCount();
  832.     }
  833.  
  834.     function onMembersPage(data, pIndex) {
  835.         var aNext = $(data)
  836.             .find(Selector.nextPage);
  837.  
  838.         setNext(aNext);
  839.  
  840.         console.log("next page to fetch: " +
  841.             getNext());
  842.         var users = $(data)
  843.             .find(Selector.users);
  844.  
  845.         $.each(users, (i, user) => {
  846.             var cacheIndex = initUserCache();
  847.             mCache[cacheIndex][9] = pIndex;
  848.             show(storeUser(cacheIndex, user));
  849.         });
  850.  
  851.         if(!stopped && !isLastFetchedPage(getNext())) {
  852.             setTimeout(
  853.                 function () {
  854.                     ajaxLocked = false;
  855.                     fetchMembers(false);
  856.                 }, (FETCH_LATENCY < 0 ? FETCH_LATENCY : 0)
  857.             );
  858.         } else {
  859.             seekingEnded();
  860.         }
  861.     }
  862.  
  863.     function storePage(url) {
  864.         return(rCache.push(url) - 1);
  865.     }
  866.  
  867.     function storeAvatar(src, userIndex) {
  868.  
  869.         var C = mCache[userIndex];
  870.         var referrer = rCache[C[9]];
  871.  
  872.  
  873.         if(! C[6]) {
  874.             console.log('user "', C[0], '" has no avatar');
  875.             aCache[userIndex] = false;
  876.             return;
  877.         }
  878.  
  879.         $.ajax({
  880.                 url: src,
  881.                 type: "GET",
  882.                 headers: {
  883.                     "X-Alt-Referer": referrer
  884.                 },
  885.                 crossDomain: true,
  886.                 xhrFields: {
  887.                     withCredentials: true,
  888.                     // responseType: 'blob'
  889.                 },
  890.                 success: function (data) {
  891.                     aCache[userIndex] = btoa(data);
  892.  
  893.                     imgData = getAvatarData(userIndex);
  894.                     $('body')
  895.                         .prepend('img')
  896.                         .attr('src', imgData)
  897.                 },
  898.                 error: function (event) {
  899.                     seekingEnded();
  900.                     console.error(event);
  901.                 }
  902.             })
  903.             .done(function () {
  904.                 console.log("img success");
  905.             })
  906.             .fail(function () {
  907.                 console.log("img error");
  908.             })
  909.             .always(function () {
  910.                 console.log("img complete");
  911.             });
  912.     }
  913.  
  914.     function showInfo(str) {
  915.         $I('ShowCount')
  916.             .html(str);
  917.     }
  918.  
  919.     function showCount() {
  920.         showInfo("members: " + _shownCount + " of " + mCache.length);
  921.     }
  922.  
  923.     function show(n) {
  924.         var html;
  925.         if(!filterUser(n)) {
  926.             html = drawMemberCard(n)
  927.             $(listContainers[alternColumn])
  928.                 .append(html)
  929.             // console.log(html);
  930.             _shownCount++;
  931.             alternColumn = (alternColumn == (listContainers.length - 1)) ?
  932.                 0 : (
  933.                     alternColumn + 1);
  934.         }
  935.     }
  936.  
  937.     function drawMemberCard(userIndex) {
  938.         /* 0:name, 1:age, 2:gender, 3:role, 4:location, 5:profileURL, 6:hasAvatar, 7:status, 8:activity */
  939.         var C = mCache[userIndex];
  940.         var avatar = getAvatarData(userIndex);
  941.         var name = C[0];
  942.         var age = C[1];
  943.         var gender = C[2];
  944.         var role = C[3];
  945.         var location = C[4];
  946.         var profileURL = C[5];
  947.         var hasAvatarClass = C[6] ? 'flfm-has-avatar':'';
  948.         var status = C[7];
  949.         var activity = C[8];
  950.         var memberCardHTML =
  951.             `<div class="fl-member-card fl-flag">
  952.         <div class="fl-flag__image ${hasAvatarClass}">
  953.           <a class="fl-avatar__link" href="${profileURL}">
  954.           <img alt="${name}" title="${name}" class="fl-avatar__img" src="${avatar}" width="73" height="73"></a>
  955.         </div>
  956.         <div class="fl-flag__body">
  957.           <a class="fl-member-card__user" href="${profileURL}">${name}</a>
  958.           <span class="fl-member-card__info">
  959.             ${age}${gender}
  960.             ${role}
  961.           </span>
  962.           <span class="fl-member-card__location">
  963.             ${location}
  964.           </span>`;
  965.         memberCardHTML += isFetishesPage ?
  966.             `
  967.               <div class="fl-member-card__action">
  968.           
  969.               <span class="quiet small">
  970.                 ${status} ${activity}
  971.               </span>
  972.               </div>` :
  973.             '';
  974.         memberCardHTML += `</div>
  975.       </div>`;
  976.         return memberCardHTML;
  977.     }
  978.     // TODO for 2.0
  979.     // var Cache  = function () {}
  980.     //
  981.     // var Member = function () {
  982.     //
  983.     //     htmlCache = [];
  984.     //
  985.     //
  986.     //     var isfilter = function (n) { Refining.isFiltered()}
  987.     //     var store = function () {};
  988.     //
  989.     //     this.add = function () {};
  990.     //     this.show = function () {};
  991.     //     this.get = function (n) {};
  992.     //
  993.     //     return this;
  994.     // };
  995.     /**
  996.         0:name, 1:age, 2:gender, 3:role, 4:location, 5:profileURL, 6:hasAvatar, 7:status, 8:activity, 9(internal): pageCacheIndex 
  997.     **/
  998.     function initUserCache() {
  999.         var defaults = ['', 0, '', '', '', '', false, '', '', -1];
  1000.         var cacheLen = mCache.push(defaults);
  1001.         var userIndex = cacheLen - 1;
  1002.         return userIndex;
  1003.     }
  1004.  
  1005.     function getAvatarData(userIndex) {
  1006.         var data = imageMissingData;
  1007.  
  1008.         if(mCache[userIndex][6]) {
  1009.             data = aCache[userIndex];
  1010.         }
  1011.         return "data:image/jpg;base64," + data;
  1012.     }
  1013.  
  1014.     function storeUser(cacheIndex, userData) {
  1015.  
  1016.         var matches = [];
  1017.         var firstSpan = $(userData)
  1018.             .find(Selector.user.firstSpan);
  1019.         var C, into, src;
  1020.         var $avatar = $(userData)
  1021.             .find(Selector.user.imageAvatar);
  1022.  
  1023.         C = mCache[cacheIndex];
  1024.  
  1025.         /* name */
  1026.         C[0] = firstSpan.text();
  1027.         /** profile url */
  1028.         C[5] = $(userData)
  1029.             .find(Selector.user.profileLink)
  1030.             .attr('href');
  1031.  
  1032.         src = $avatar.attr('src')
  1033.         console.log(src);
  1034.  
  1035.         /** hasAvatar, need to be false if user has */
  1036.         if(src.indexOf('/images/avatar_missing') < 0 ) {
  1037.             C[6] = true;
  1038.             if (! forceNoAvatar  ) {
  1039.                 storeAvatar(src, cacheIndex);
  1040.             }
  1041.         };
  1042.         try {
  1043.             var shortDesc = $(userData)
  1044.                 .find(Selector.user.shortDesc)
  1045.                 .text()
  1046.                 .replace(/\n|\r/g, ' ')
  1047.                 .replace(/\s{1,}|\n|\r/g, ' ');
  1048.             console.log(shortDesc)
  1049.             var matches = shortDesc.match(userRegExp);
  1050.  
  1051.             if(matches.length < 2) {
  1052.                 return;
  1053.             }
  1054.             /* age */
  1055.             C[1] = matches[1] || '';
  1056.             /* gender */
  1057.             C[2] = matches[2] || '';
  1058.             /* role */
  1059.             C[3] = matches[3] || '';
  1060.             /* location*/
  1061.             C[4] = $(userData)
  1062.                 .find(Selector.user.location)
  1063.                 .text() || '';
  1064.             /* into */
  1065.             if(isFetishesPage) {
  1066.                 matches = []; /* match: ["into status", "rest aka into activity" ] */
  1067.                 into = $(userData)
  1068.                     .find(Selector.user.into)
  1069.                     .text() || '';
  1070.                 // console.log('into: ' + into);
  1071.                 matches = into.match(regInto);
  1072.                 // console.log(matches);
  1073.                 if(matches) {
  1074.                     C[7] = matches[1] || '';
  1075.                     C[8] = matches[2] || '';
  1076.                 }
  1077.                 //     console.log("mCache[i][7] = "+C[7]+"  &&  mCache[i][8] = "+C[8])
  1078.             }
  1079.         } catch(err) {
  1080.             console.log(err.message);
  1081.             throw(new Error(err.message));
  1082.         }
  1083.         console.log(C);
  1084.         return cacheIndex;
  1085.     }
  1086.  
  1087.     function initCaches() {
  1088.         // referrer data to get avatars
  1089.         rCache = [];
  1090.         // avatars DATA
  1091.         aCache = [];
  1092.         // members
  1093.         mCache = [];
  1094.     }
  1095.  
  1096.     function clearCache() {
  1097.         // referrer data to get avatars
  1098.         rCache = [];
  1099.         // avatars DATA
  1100.         aCache = [];
  1101.         // members
  1102.         mCache = [];
  1103.     }
  1104.  
  1105.     function gC(n) {
  1106.         return mCache[n];
  1107.     }
  1108.  
  1109.     function getCache(n) {
  1110.         return gC(n);
  1111.     }
  1112.     /*--------------helpers---------------*/
  1113.     function isInt(n) {
  1114.         return(!isNaN(n));
  1115.     }
  1116.  
  1117.     /*--------------Actions--------------*/
  1118.     function init() {
  1119.         var $pageNext = $(Selector.nextPage);
  1120.         var $previousPage = $(Selector.previousPage);
  1121.         var $pageUsers = $(Selector.users);
  1122.         var $fromPage = $I('FromPage');
  1123.  
  1124.         /** next_page link and list of members are on current page ? go on */
  1125.         if(($pageNext.length > 0 || $previousPage.length > 0) &&
  1126.             $pageUsers.length > 0
  1127.         ) {
  1128.             _clientPageNo = _pageCurrentNo = getCurrentPageNo();
  1129.             initContainers($pageUsers);
  1130.  
  1131.             console.log('_pageCurrentNo :' + _pageCurrentNo);
  1132.  
  1133.             drawBlock();
  1134.             $I('FromPage')
  1135.                 .val(
  1136.                     useCurrentPageAsDefault ?
  1137.                     _pageCurrentNo :
  1138.                     1
  1139.                 );
  1140.             pageMax = lastPageNumber = getLastPageNum();
  1141.             console.log("lastPageNumber: " + lastPageNumber);
  1142.             $I('ToPage')
  1143.                 .val(lastPageNumber);
  1144.             setNext($pageNext);
  1145.             initListener();
  1146.         }
  1147.     }
  1148.  
  1149.     function showFilterAgain() {
  1150.  
  1151.         $I('ButtonGo')
  1152.             .val("filter again");
  1153.         enableAllInput();
  1154.  
  1155.         $I('ButtonGo')
  1156.             .bind('click', () => {
  1157.                 if(updatePaginationFilters()) {
  1158.                     launchAgain();
  1159.                     $(this)
  1160.                         .unbind('click');
  1161.                 } else {
  1162.                     filterAgain();
  1163.                 }
  1164.             });
  1165.     }
  1166.  
  1167.     function initListener() {
  1168.         $I('Controls')
  1169.             .click(function () {
  1170.                 $I('Content')
  1171.                     .toggle("slow");
  1172.                 toggleMarker($(this)
  1173.                     .find('b:first'));
  1174.             });
  1175.         $I('ButtonCurrentPage')
  1176.             .click(function () {
  1177.                 $I('FromPage')
  1178.                     .val(_pageCurrentNo);
  1179.             });
  1180.         $I('ButtonGo')
  1181.             .click(function () {
  1182.                 $(this)
  1183.                     .unbind('click');
  1184.                 launchSearch();
  1185.  
  1186.             });
  1187.         $I('ButtonStop')
  1188.             .click(function () {
  1189.                 // $(this).unbind('click');
  1190.                 stopped = true;
  1191.             });
  1192.     }
  1193.  
  1194.     function launchSearch() {
  1195.         if(!scriptLaunched) {
  1196.             updatePaginationFilters();
  1197.             console.log("_fromPage: " + _fromPage);
  1198.             console.log("_toPage: " + _toPage);
  1199.             showInfo("loading ...");
  1200.             updateMemberFilters();
  1201.             updateAvatarFilter();
  1202.             cleanPage();
  1203.             disableAllInput();
  1204.             fetchMembers(_fromPage);
  1205.             scriptLaunched = true;
  1206.         }
  1207.     }
  1208.  
  1209.     function launchAgain() {
  1210.         cleanPage();
  1211.         clearCache();
  1212.         scriptLaunched = false;
  1213.         launchSearch();
  1214.     }
  1215.  
  1216.     function filterAgain() {
  1217.         alternColumn = 0;
  1218.         // window.scrollTo(0, 0);
  1219.         updateMemberFilters();
  1220.         updateAvatarFilter();
  1221.         cleanPage();
  1222.         for(var i = 0; i < mCache.length; i++) {
  1223.             show(i);
  1224.         }
  1225.         showCount();
  1226.     }
  1227.     /** due to recursive function*/
  1228.     function seekingEnded() {
  1229.         console.log("total members: " + mCache.length);
  1230.         ajaxLocked = false;
  1231.         stopped = false;
  1232.         enableAllInput();
  1233.         showFilterAgain();
  1234.         showCount();
  1235.     }
  1236.     /* jshint ignore:start */
  1237.     var count = 0;
  1238.     if(typeof $ == 'function') {
  1239.         init();
  1240.     } else {
  1241.         setTimeout(function () {
  1242.             if(typeof $ !== 'function') {
  1243.                 alert('fetlife is modified, script ' +
  1244.                     GM_info.script.name +
  1245.                     'can\'t run please contact the author.');
  1246.             }
  1247.         }, 3000);
  1248.     }
  1249.     /*-----------------------------------*/
  1250. })(jQuery);
  1251. jQuery.noConflict(true);
  1252. /* jshint ignore:end */