// ==UserScript==
// @name        USERSTYLES - TABLES Sorter SIMPLE
// @author      decembre
// @namespace   https://greasyfork.org/fr/users/8-decembre 

// @description Sort Table in Your Profile page

// @include     https://userstyles.org/*

// @version     01.05
// @grant       none
// @require     https://greasyfork.org/scripts/12036-mutation-summary/code/Mutation%20Summary.js?version=70722
// @require     https://greasyfork.org/scripts/5844-tablesorter/code/TableSorter.js
// 

// FROM : Metal Archives (discography pages) - Reviews column split and sortable tables
// BY darkred
// https://greasyfork.org/fr/scripts/5751-metal-archives-discography-pages-reviews-column-split-and-sortable-tables/code

// This userscript uses jQuery UI, the jQuery plugin 'tablesorter' (forked by Rob Garrison (Mottie)) http://mottie.github.io/tablesorter/docs/index.html
// and the JavaScript library 'Mutation Summary' (https://github.com/rafaelw/mutation-summary) (by Rafael Weinstein)
//
// @namespace rikkie
// @downloadURL https://update.greasyfork.icu/scripts/29452/USERSTYLES%20-%20TABLES%20Sorter%20SIMPLE.user.js
// @updateURL https://update.greasyfork.icu/scripts/29452/USERSTYLES%20-%20TABLES%20Sorter%20SIMPLE.meta.js
// ==/UserScript==

// TEST for <table class="author-styles">
// TEST SELECTOR
// http://mottie.github.io/tablesorter/docs/example-option-selectorsort.html

  // call the tablesorter plugin
  $("table").tablesorter({
	  		cssAsc: 'up',
			cssDesc: 'down',
            selectorSort : 'th',
            sortInitialOrder: "desc",
			widgets: ["zebra"],
			widgetOptions: {
			zebra: ["odd","even"]
}

});



// CSS rules in order to show 'up' and 'down' arrows in each table header
var stylesheet = `
<style>
.author-styles th {
	background-repeat: no-repeat;
	background-position: right center;
//background-color: white !important;
}
.author-styles th.up {
	padding-right: 20px;
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
background-color: white !important;
}
.author-styles th.down {
	padding-right: 20px;
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
background-color: white !important;
}
</style>`;

$('head').append(stylesheet);