Fossil

Check-in [d3eb877c06]
Login

Check-in [d3eb877c06]

Many hyperlinks are disabled.
Use anonymous login to enable hyperlinks.

Overview
Comment:Move table column sort indicator into CSS.
Downloads: Tarball | ZIP archive
Timelines: family | ancestors | descendants | both | trunk
Files: files | file ages | folders
SHA1: d3eb877c06c1d645496dfcc7a8da45c2cc039e1d
User & Date: joel 2015-01-07 21:46:14.553
Context
2015-01-07
21:48
Make Resolution column of /brlist table sortable. ... (check-in: e90503d617 user: joel tags: trunk)
21:46
Move table column sort indicator into CSS. ... (check-in: d3eb877c06 user: joel tags: trunk)
2015-01-06
21:43
Use common HTML entities rather than obscure unicode characters for the arrows on sortable table columns. ... (check-in: 4c803826ad user: drh tags: trunk)
Changes
Unified Diff Ignore Whitespace Patch
Changes to src/report.c.
︙︙
980
981
982
983
984
985
986
987
988
989
990
991
992

993
994
995
996
997
998
999
1000

1001

1002
1003
1004
1005
1006
1007
1008

  @     }
  @     for (i=0;i<newRows.length;i++) {
  @       this.tbody[0].appendChild(newRows[i]);
  @     }
  @     this.setHdrIcons();
  @   }
  @   this.setHdrIcons = function() {
  @     var arrowdiv = this.hdrRow.getElementsByClassName("sortarrow");
  @     while( arrowdiv[0] ){
  @        arrowdiv[0].parentNode.removeChild(arrowdiv[0]);
  @     }
  @     for (var i=0; i<this.hdrRow.cells.length; i++) {
  @       if( this.columnTypes[i]=='x' ) continue;

  @       if( this.prevColumn==i+1 ){
  @         arrow = "&darr;"
  @       }else if( this.prevColumn==(-1-i) ){
  @         arrow = "&uarr;"
  @       }else{
  @         arrow = "&diams;"
  @       }
  @       this.hdrRow.cells[i].innerHTML +=

  @             "<span class='sortarrow'>" + arrow + "</div>";

  @     }
  @   }
  @   this.sortText = function(a,b) {
  @     var i = thisObject.sortIndex;
  @     aa = a.cells[i].textContent.replace(/^\W+/,'').toLowerCase();
  @     bb = b.cells[i].textContent.replace(/^\W+/,'').toLowerCase();
  @     if(aa==bb) return 0;








<
<
<
<


>

|

|

|

|
>
|
>








980
981
982
983
984
985
986




987
988
989
990
991
992
993
994
995
996
997
998
999
1000
1001
1002
1003
1004
1005
1006
1007

  @     }
  @     for (i=0;i<newRows.length;i++) {
  @       this.tbody[0].appendChild(newRows[i]);
  @     }
  @     this.setHdrIcons();
  @   }
  @   this.setHdrIcons = function() {




  @     for (var i=0; i<this.hdrRow.cells.length; i++) {
  @       if( this.columnTypes[i]=='x' ) continue;
  @       var sortType;
  @       if( this.prevColumn==i+1 ){
  @         sortType = 'asc';
  @       }else if( this.prevColumn==(-1-i) ){
  @         sortType = 'desc'
  @       }else{
  @         sortType = 'none';
  @       }
  @       var hdrCell = this.hdrRow.cells[i];
  @       var clsName = hdrCell.className.replace(/\s*\bsort\s*\w+/, '');
  @       clsName += ' sort ' + sortType;
  @       hdrCell.className = clsName;
  @     }
  @   }
  @   this.sortText = function(a,b) {
  @     var i = thisObject.sortIndex;
  @     aa = a.cells[i].textContent.replace(/^\W+/,'').toLowerCase();
  @     bb = b.cells[i].textContent.replace(/^\W+/,'').toLowerCase();
  @     if(aa==bb) return 0;
︙︙
Changes to src/style.c.
︙︙
1278
1279
1280
1281
1282
1283
1284














1285
1286
1287
1288
1289
1290
1291

  { ".brlist table th",  "Branch list table headers",
    @ text-align: left;
    @ padding: 0px 1em 0.5ex 0px;
  },
  { ".brlist table td",  "Branch list table headers",
    @ padding: 0px 2em 0px 0px;
  },














  { 0,
    0,
    0
  }
};

/*








>
>
>
>
>
>
>
>
>
>
>
>
>
>








1278
1279
1280
1281
1282
1283
1284
1285
1286
1287
1288
1289
1290
1291
1292
1293
1294
1295
1296
1297
1298
1299
1300
1301
1302
1303
1304
1305

  { ".brlist table th",  "Branch list table headers",
    @ text-align: left;
    @ padding: 0px 1em 0.5ex 0px;
  },
  { ".brlist table td",  "Branch list table headers",
    @ padding: 0px 2em 0px 0px;
  },
  { "th.sort:after",
    "General styles for sortable column marker",
    @ margin-left: .4em;
    @ cursor: pointer;
    @ text-shadow: 0 0 0 #000; /* Makes arrow darker */
  },
  { "th.sort.asc:after",
    "Ascending sort column marker",
    @ content: '\2193';
  },
  { "th.sort.desc:after",
    "Descending sort column marker",
    @ content: '\2191';
  },
  { 0,
    0,
    0
  }
};

/*
︙︙