[Jifty-commit] r5920 - in JiftyX-ExpenseApp/trunk: . lib/Jifty/Plugin/ExpenseApp

Jifty commits jifty-commit at lists.jifty.org
Fri Oct 10 12:50:04 EDT 2008


Author: gugod
Date: Fri Oct 10 12:50:03 2008
New Revision: 5920

Modified:
   JiftyX-ExpenseApp/trunk/   (props changed)
   JiftyX-ExpenseApp/trunk/lib/Jifty/Plugin/ExpenseApp/View.pm
   JiftyX-ExpenseApp/trunk/share/web/static/css/jiftyx_expenseapp.css

Log:
 r24491 at yra:  gugod | 2008-10-10 14:31:17 +0800
 Tweaking the UI.
 


Modified: JiftyX-ExpenseApp/trunk/lib/Jifty/Plugin/ExpenseApp/View.pm
==============================================================================
--- JiftyX-ExpenseApp/trunk/lib/Jifty/Plugin/ExpenseApp/View.pm	(original)
+++ JiftyX-ExpenseApp/trunk/lib/Jifty/Plugin/ExpenseApp/View.pm	Fri Oct 10 12:50:03 2008
@@ -21,9 +21,26 @@
 };
 
 template '/=/x/_expenses' => sub {
+
     div {
         class is "create";
 
+        with(
+            href => "#",
+            id => "expense-create-form-toggler",
+        ), a {
+            _("Toggle the display of this form.")
+        };
+        with(type=>"text/javascript"), script {
+            outs_raw(<<EOS);
+
+        jQuery("#expense-create-form-toggler").bind("click", function() {
+            jQuery(".expenseapp .create form").slideToggle("fast");
+        });
+
+EOS
+        };
+
         my $action = get('create_action');
         form {
             render_action( $action );

Modified: JiftyX-ExpenseApp/trunk/share/web/static/css/jiftyx_expenseapp.css
==============================================================================
--- JiftyX-ExpenseApp/trunk/share/web/static/css/jiftyx_expenseapp.css	(original)
+++ JiftyX-ExpenseApp/trunk/share/web/static/css/jiftyx_expenseapp.css	Fri Oct 10 12:50:03 2008
@@ -1,18 +1,27 @@
+.expenseapp .create {
+    background: #ffc;
+    margin: 5px 0;
+    padding: 12px;
+
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+}
+
 .expenseapp .list table {
     width: 100%;
+    border-collapse: collapse;
 }
 
-.expenseapp .list table td {
+.expenseapp .list table th {
     padding: 5px;
+    background: #fcc;
+    border: 1px solid #999;
 }
 
-.expenseapp .create {
-    background: #ffc;
-    margin: 5px 0;
-    padding: 12px 0;
-
-    -webkit-border-radius: 5px;
-    -moz-border-radius: 5px;
+.expenseapp .list table td {
+    padding: 5px;
+    text-align: center;
+    border: 1px solid #999;
 }
 
 .expenseapp .list table tr:nth-child(2n) {


More information about the Jifty-commit mailing list