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

Jifty commits jifty-commit at lists.jifty.org
Sun Nov 22 04:52:18 EST 2009


Author: yves
Date: Sun Nov 22 04:52:17 2009
New Revision: 7666

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

Log:
a new idea for crud sort_header with mouseover


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	Sun Nov 22 04:52:17 2009
@@ -646,31 +646,64 @@
         for my $argument ($self->display_columns) {
             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' } },
-                    );
+                ul { attr { class => 'crud-sort-menu', style => 'display:none;' };
+                    li { 
+                        my $imgdown ="<img src='/images/silk/bullet_arrow_down.png' alt='down' name='down'>";
+                        hyperlink(
+                            label => $imgdown,
+                            escape_label => 0,
+                            onclick =>
+                                { args => { sort_by => $argument, order => undef } },
+                        );
+                    } if (!($sort_by && !$order && $argument eq $sort_by));
+                    li {
+                        my $imgup ="<img src='/images/silk/bullet_arrow_up.png' alt='up' name='up'>";
+                        hyperlink(
+                            label => $imgup,
+                            escape_label => 0,
+                            onclick =>
+                                { args => { sort_by => $argument, order => 'D' } },
+                        );
+                    } if (!($sort_by && $order && $argument eq $sort_by));
+                    li {
+                        my $imgup ="<img src='/images/silk/cancel.png' alt='del' name='del'>";
+                        hyperlink(
+                            label => $imgup,
+                            escape_label => 0,
+                        );
+                    } if ($sort_by && $argument eq $sort_by);
                 };
                 span{
                     {class is "field"};
-                    outs $record_class->column($argument)->label || $argument;
+                    my $label = $record_class->column($argument)->label || $argument;
+                    if ( $sort_by && $argument eq $sort_by ) {
+                        div { class is 'crud-sort-selected';
+                        hyperlink ( label =>$label );
+                        my $img = ($order eq 'D')?'up':'down';
+                        img { attr { src => '/images/silk/bullet_arrow_'.$img.'.png' }; };
+                        };
+                    }
+                    else {
+                        hyperlink(label => $label);
+                    };
                 };
             }
         }
     };
+    outs_raw("<script type=\"text/javascript\">
+    jQuery(document).ready(function() {
+      jQuery('.crud-sort-menu').each(function(){
+        jQuery(this).parent().hover(
+        function(){
+        jQuery(this).children('.crud-sort-menu').show();
+        },
+        function(){
+            jQuery(this).children('.crud-sort-menu').hide();
+        });
+      });
+    });
+    </script>");
+
 };
 
 

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	Sun Nov 22 04:52:17 2009
@@ -57,35 +57,35 @@
     font-weight: bold;
 }
 
-.up, .down, .up_select, .down_select {
-    height : 1.5em;
+.crud-sort-menu {
     float: left;
-    margin-right: 0.2em;
 }
 
-.up, .up_select {
-    background: url(/static/images/css/bullet_arrow_up.png) no-repeat bottom center;
+.crud-column-header img {
+    vertical-align:middle;
+    border: 0;
 }
 
-.down, .down_select {
-    background: url(/static/images/css/bullet_arrow_down.png) no-repeat bottom center;
-}
-
-.up_select a, .down_select a {
-    font-weight: bold;
-    color: #900;
-}
-
-
 .crud-column-headers a {
     color: black;
-    display: block;
-    font-size: 0.6em;
+    float: left;
+    font-size: 0.8em;
     height: 100%;
     text-decoration: none;
     font-family : sans-serif;
 }
 
+.crud-column-header ul {
+    list-style-type:none;
+    margin: 0;
+    padding: 0;
+    border: 1px solid #ccc;
+}
+
+.crud-column-header li {
+    float:left;
+}
+
 .paging-nav {
     font-size: 0.8em;
 }


More information about the Jifty-commit mailing list