Changeset 124704 in spip-zone


Ignore:
Timestamp:
May 15, 2020, 6:57:26 PM (3 weeks ago)
Author:
Maïeul Rouquette
Message:

début d'implémentation du nouveau reordonnateur de colonne: ajouter des flèches (dans la table principale ET dans son clone sticky)

Location:
_plugins_/formidable_tablesorter/branches/dev
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/formidable_tablesorter/branches/dev

    • Property subgit:lock:66453c958f3da91ec4a2bd368db7f9819f5aba0e deleted
    • Property subgit:lock:513b583ae20f3f270fff70339516e8c4b586206e set to 2020-05-15T20:59:21.277
  • _plugins_/formidable_tablesorter/branches/dev/css/formidable_tablesorter.css

    r124702 r124704  
    3939        text-align:center;
    4040        font-size:1.25em;
    41         padding-top:1em;
    4241        padding-bottom:1em;
     42}
     43.tablesorter .move-arrows {
     44        display: flex;
     45        justify-content: space-between;
     46        margin-left:0.5em;
     47        margin-right:0.5em;
     48}
     49.tablesorter .move-arrows.first{
     50        justify-content:end;
    4351}
    4452.tablesorter tr > *{
  • _plugins_/formidable_tablesorter/branches/dev/javascript/formidable_tablesorter.js

    r124703 r124704  
    33**/
    44formidable_ts = '';
     5formidable_ts_sticky= '';
    56$(function() {
    67        formidable_ts = $(".tablesorter");
     
    2930                $('#total').text(total-filtres);
    3031                }
    31         );
     32        ).on('columnUpdate', function() {
     33                formidable_ts_add_reorder_add_arrows();
     34        });;
    3235  $('.print').click(function() {
    3336    formidable_ts.trigger('printTable');
     
    4245                formidable_ts.trigger('filterReset');
    4346        });
     47        formidable_ts_sticky = $('#'+formidable_ts.attr('id')+'-sticky');
    4448        formidable_ts_init_sort();
    4549        formidable_ts_init_reorder();
     
    137141}
    138142
     143// function appelé au tout début du chargement de formidable table_sorter
     144function formidable_ts_init_reorder() {
     145        formidable_ts_restore_reorder();
     146        formidable_ts_add_reorder_add_arrows();
     147}
     148
    139149// Au début du chargement, reordonnancer les colonnes
    140 function formidable_ts_init_reorder() {
     150function formidable_ts_restore_reorder() {
    141151        positions = $.tablesorter.storage(formidable_ts, 'tablesorter-reorder');
    142152        // Et le remplir
     
    167177        }
    168178}
     179// Ajout des flèches au chargement
     180function formidable_ts_add_reorder_add_arrows() {
     181
     182        $('.move-arrows').remove();
     183        tables = [formidable_ts_sticky, formidable_ts];
     184        for (table of tables) {
     185                th = $('.tablesorter-ignoreRow th', table).not('.filtered');
     186                th.each(function (index) {
     187                        $(this).prepend('<div class="move-arrows"></div>');
     188                        if (index == 0) {
     189                                $('.move-arrows', this).addClass('first');
     190                                $('.move-arrows', this).prepend('<a class="right">&#x27A1;</a>');
     191                        } else if (index != th.length -1) {
     192                                $('.move-arrows', this).prepend('<a class="left">&#x2B05;</a> <a class="right">&#x27A1;</a>');
     193                        } else {
     194                                $('.move-arrows', this).prepend('<a class="left">&#x2B05;</a>');
     195                        }
     196                });
     197        }
     198}
     199
Note: See TracChangeset for help on using the changeset viewer.