[Jifty-commit] r7431 - in jifty/trunk: lib/Jifty/View/Declare

Jifty commits jifty-commit at lists.jifty.org
Tue Aug 25 01:16:33 EDT 2009


Author: sartak
Date: Tue Aug 25 01:16:32 2009
New Revision: 7431

Modified:
   jifty/trunk/lib/Jifty/View/Declare/CRUD.pm
   jifty/trunk/share/web/static/css/crud.css

Log:
Most of the way to CSS table display

Modified: jifty/trunk/lib/Jifty/View/Declare/CRUD.pm
==============================================================================
--- jifty/trunk/lib/Jifty/View/Declare/CRUD.pm	(original)
+++ jifty/trunk/lib/Jifty/View/Declare/CRUD.pm	Tue Aug 25 01:16:32 2009
@@ -445,7 +445,7 @@
         { class is 'crud-item-view' };
         my @fields = $self->display_columns;
         for my $field (@fields) {
-            div { { class is 'view-argument-'.$field};
+            div { { class is 'crud-field view-argument-'.$field};
                 $self->render_field(
                     mode   => 'view',
                     action => $update,
@@ -577,8 +577,13 @@
         {class is 'crud-ui crud-'.$self->object_type };
         show( './search_region');
         show( './paging_top',    $collection, $page );
-        show( './sort_header',   $item_path, $sort_by, $order );
-        show( './list_items',    $collection, $item_path );
+
+        div {
+            { class is 'crud-table' };
+            show( './sort_header',   $item_path, $sort_by, $order );
+            show( './list_items',    $collection, $item_path );
+        };
+
         show( './paging_bottom', $collection, $page );
         show( './new_item_region');
     };
@@ -640,28 +645,31 @@
     div {
         { class is "crud-column-headers" };
         for my $argument ($self->display_columns) {
-            my $css_class = ($sort_by && !$order && $sort_by eq $argument)?'up_select':'up';
-            span {
-                { class is $css_class };
-                hyperlink(
-                    label => _("asc"),
-                    onclick =>
-                        { args => { sort_by => $argument, order => undef } },
-                );
-            };
-            $css_class = ($sort_by && $order && $sort_by eq $argument)?'down_select':'down' ;
-            span {
-                { class is $css_class };
-                hyperlink(
-                    label => _("desc"),
-                    onclick =>
-                        { args => { sort_by => $argument, order => 'D' } },
-                );
-            };
-            span{
-                {class is "field"};
-                outs $argument;
-            };
+            div {
+                { class is 'crud-column-header' };
+                my $css_class = ($sort_by && !$order && $sort_by eq $argument)?'up_select':'up';
+                span {
+                    { class is $css_class };
+                    hyperlink(
+                        label => _("asc"),
+                        onclick =>
+                            { args => { sort_by => $argument, order => undef } },
+                    );
+                };
+                $css_class = ($sort_by && $order && $sort_by eq $argument)?'down_select':'down' ;
+                span {
+                    { class is $css_class };
+                    hyperlink(
+                        label => _("desc"),
+                        onclick =>
+                            { args => { sort_by => $argument, order => 'D' } },
+                    );
+                };
+                span{
+                    {class is "field"};
+                    outs $argument;
+                };
+            }
         };
     };
 };

Modified: jifty/trunk/share/web/static/css/crud.css
==============================================================================
--- jifty/trunk/share/web/static/css/crud.css	(original)
+++ jifty/trunk/share/web/static/css/crud.css	Tue Aug 25 01:16:32 2009
@@ -10,10 +10,16 @@
 .crud-paging {
 }
 
+.crud-table {
+    display: table;
+}
+
 .crud-column-headers {
+    display: table-header-group;
 }
 
-.crud-list {
+.crud-column-header, .crud-field {
+    display: table-cell;
 }
 
 .crud-list .even {
@@ -28,6 +34,7 @@
 }
 
 .crud-item-view {
+    display: table-row;
 }
 
 .field {


More information about the Jifty-commit mailing list