Netpincer Sorting

Adds option to sort by various informations.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

// ==UserScript==
// @name          Netpincer Sorting
// @namespace     http://userscripts.org/users/20715
// @description   Adds option to sort by various informations.
// @include       http://www.netpincer.hu/*hazhozszallitas*
// @version       2.0
// ==/UserScript==

$(function () {
  var
    doc = document,
    options = {
      'positive': 'Ízlett',
      'negative': 'Nem ízlett',
      'time':     'Kiszállítási idő',
      'min':      'Minimális rendelés',
      'delivery': 'Szállítási költség',
      'percent':  'Százalék'
    },
    orders = { '↑': false, '↓': true },
    $container = $('div.shop-list-content'),
    $caterers = $('div.shop-list-row', $container);

  function parseTime(timeText) {
    var timeValues = timeText.split('-');
    return (parseInt(timeValues[0], 10) + parseInt(timeValues[1], 10)) / 2;
  }

  function parseCurrency(currencyText) {
    var currencyValue = currencyText.replace(/\D/g, '');
    return parseFloat(currencyValue);
  }

  /*
   * this method sorts the caterers in the selected order
   */
  function changeOrder(sortType, sortOrder) {

    /* this is needed because the double causes errors */
    $('script', $caterers).remove();

    var caterers = $caterers.map(function () {
      var
        node = this,
        name = $('h2[itemprop="name"]', node).text().toLowerCase(),
        value = 0;

      switch(sortType) {
        case 'percent':
          value = parseInt($('a.show-reviews span.percent', node).text(), 10);
          break;

        case 'positive':
          value = parseInt($('a.show-reviews img[src*="icon_liked"]', node).parent().text(), 10);
          break;

        case 'negative':
          value = parseInt($('a.show-reviews img[src*="icon_not_liked"]', node).parent().text(), 10);
          break;

        case 'time':
          value = parseTime($('div.shop-delivery-time', node).text());
          break;

        case 'min':
          value = parseCurrency($('div.shop-minimum-order', node).text());
          break;

        case 'delivery':
          value = parseCurrency($('div.shop-delivery-cost', node).text());
          break;
      }

      return { node: node, name: name, value: value };
    });

    /* sort it */
    var sorted = caterers.sort(function ( a, b ) {
      var sortValue = (sortOrder) ? (a.value - b.value) : (b.value - a.value);
      return (sortValue !== 0) ? sortValue : a.name.localeCompare(b.name);
    });

    $caterers.detach();

    /* add items in the sorted order */
    $.each(sorted, function ( i, object ) {
      $(object.node).appendTo($container);
    });

    return false;
  }

  if ($caterers.length === 0) {
    return;
  }

  /*
   * Add options to the header
   */
  var
    $header = $('div.general-title'),
    $ul = $(doc.createElement('ul'))
      .css({
        clear:      'both',
        padding:    '0.5em 0'
      }).appendTo($header);

  $.each(options, function (sortType, sortDescription) {
    var $li = $(doc.createElement('li'))
      .css({
        display:   'inline',
        fontSize:  '0.7em',
        padding:   '0 0.5em'
      })
      .appendTo($ul);
      $(doc.createTextNode(' ')).appendTo($ul);

    $.each(orders, function (sortSign, sortOrder) {
      var sortText = sortDescription.concat(' ', sortSign, ' ');

      $(doc.createElement('a')).css('cursor', 'pointer').text(sortText).bind('click', function ( e ) {
        e.stopPropagation();
        return changeOrder.apply(this, [ sortType, sortOrder ]);
      }).appendTo($li);

    });
  });
});

// vim: ai ts=2 sw=2 et: