[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