- Patch #6863 by Moshe: add 'class="active"' to the table elements of

the active column.

includes/tablesort.inc

@@ -5,12 +5,10 @@ function tablesort_init($header) {
   static $ts;
 
   if (empty($ts)) {
-    $ts['order'] = tablesort_get_order($header);
-    $ts['order_sql'] = tablesort_get_order_sql($header, $ts['order']);
+    $ts = tablesort_get_order($header);
     $ts['sort'] = tablesort_get_sort($header);
     $ts['query_string'] = tablesort_get_querystring();
   }
-
   return $ts;
 }
 
@@ -22,7 +20,9 @@ function tablesort_pager() {
 
 function tablesort_sql($header) {
   $ts = tablesort_init($header);
-  return " ORDER BY ". $ts['order_sql']. " ". strtoupper($ts['sort']);
+  $sql = check_query($ts['sql']);
+  $sort = strtoupper(check_query($ts['sort']));
+  return " ORDER BY $sql $sort";
 }
 
 function tablesort($cell, $header) {
@@ -30,21 +30,20 @@ function tablesort($cell, $header) {
   $title = t("sort by %s", array("%s" => $cell['data']));
 
   // special formatting for the currently sorted column header
-  if ($cell['data'] == $ts['order']) {
+  if ($cell['data'] == $ts['name']) {
     $ts['sort'] = (($ts['sort'] == 'asc') ? 'desc' : 'asc');
-    $cell['class'] = 'cell-highlight';
+    $cell['class'] = 'active';
     $image = '&nbsp;<img src="' . theme('image', 'arrow-' . $ts['sort'] . '.gif') . '" alt="'. t('sort icon') .'" />';
     $title = ($ts['sort'] == 'asc' ? t("sort ascending") : t("sort descending"));
-  } else {
+  }
+  else {
     // If the user clicks a different header, we want to sort ascending initially.
     $ts['sort'] = "asc";
   }
 
   $cell['data'] = l($cell['data'] . $image, $_GET['q'], array("title" => $title), "sort=". $ts['sort']. "&amp;order=". urlencode($cell['data']). $ts['query_string']);
 
-  unset($cell['field']);
-  unset($cell['sort']);
-
+  unset($cell['field'], $cell['sort']);
   return $cell;
 }
 
@@ -62,11 +61,11 @@ function tablesort_get_order($headers) {
   $order = $_GET['order'];
   foreach ($headers as $header) {
     if ($order == $header['data']) {
-      return $header['data'];
+      return array('name' => $header['data'], 'sql' => $header['field']);
     }
 
     if ($header['sort'] == 'asc' || $header['sort'] == 'desc') {
-      $default = $header['data'];
+      $default = array('name' => $header['data'], 'sql' => $header['field']);
     }
   }
 
@@ -75,15 +74,11 @@ function tablesort_get_order($headers) {
   }
   else {
     // The first column specified is initial 'order by' field unless otherwise specified
-    $first = reset($headers);
-    return $first['data'];
+    if (is_array($headers[0])) {
+      return array('name' => $headers[0]['name'], 'sql' => $headers[0]['field']);
     }
-}
-
-function tablesort_get_order_sql($header, $order) {
-  foreach ($header as $cell) {
-    if ($cell['data'] == $order) {
-      return $cell['field'];
+    else {
+      return array('name' => $headers[0]);
     }
   }
 }

includes/theme.inc

@@ -318,6 +318,7 @@ function theme_table($header, $rows, $attributes = NULL) {
   */
 
   if (is_array($header)) {
+    $ts = tablesort_init($header);
     $output .= " <tr>";
     foreach ($header as $cell) {
       if (is_array($cell) && $cell['field']) {
@@ -343,18 +344,14 @@ function theme_table($header, $rows, $attributes = NULL) {
       }
 
       foreach ($row as $cell) {
-        // highlight the currently sorted column. only applies to tables with headers.
-        if (is_array($header)) {
-          $ts = tablesort_init($header);
-          if ($i === $ts['index']) {
+        if  ($header[$i]['data'] == $ts['name'] && $header[$i]['field']) {
           if (is_array($cell)) {
-              $cell['class'] = 'active';
+            $cell['class'] .= ' active';
           }
           else {
             $cell = array('data' => $cell, 'class' => 'active');
           }
         }
-        }
         $output .= _theme_table_cell($cell, 0);
         $i++;
       }
@@ -364,7 +361,6 @@ function theme_table($header, $rows, $attributes = NULL) {
   }
 
   $output .= "</table>\n";
-
   return $output;
 }
 

misc/drupal.css

@@ -40,6 +40,9 @@ tr.light {
 tr.dark td, tr.light td {
   padding: 0.1em 0.6em;
 }
+th.active img {
+  display: inline;
+}
 
 /*
 ** Menu styles