Hide ignored articles in order result.

* also added js-link to show them if wanted

app/views/layouts/application.haml

@@ -13,6 +13,7 @@
     = javascript_include_tag 'controls'
     = javascript_include_tag 'application'
     = javascript_include_tag('ordering') if (controller.controller_name == "ordering")
+    = yield(:head)
   %body
     #logininfo= render :partial => 'shared/loginInfo'
     

app/views/ordering/my_order_result.haml

@@ -1,3 +1,14 @@
+- content_for :head do
+  :javascript
+    document.observe("dom:loaded", function() {
+      // initially hide all ignored articles
+      $$('tr.ignored').invoke('hide');
+    });
+    function toggleIgnoredArticles() {
+      $$('tr.ignored').invoke('toggle');
+    };
+
+
 - title "Dein Bestellergebnis für #{@order.name}"
 #element_navigation
   = link_to_unless @order.previous == @order, "<< #{@order.previous.name}", :action => "my_order_result", :id => @order.previous
@@ -52,6 +63,7 @@
     %h2 Artikelübersicht
   .column_content#result
     - if @group_order
+      %p(style="float:right")= link_to_function "Zeige/Verstecke nicht bestellte Artikel", "toggleIgnoredArticles();"
       %p= link_to("Bestellung ändern", :action => "order", :id => @order) if @order.open?
       %table.list
         %thead
@@ -88,10 +100,10 @@
                 - quantity, tolerance, result, sub_total = 0, 0, 0, 0
               - total += sub_total
               - # give the article different colors, dependent on order-result
-              - style = "grey"
+              - class_name = "ignored"
               - if (quantity > 0)
-                - style = result > 0 ? 'green' : 'red'
+                - class_name = result > 0 ? 'success' : 'failed'
-              %tr{:class => cycle('even', 'odd', :name => 'articles'), :style => "color:#{style}"}
+              %tr{:class => cycle('even', 'odd', :name => 'articles') + " " + class_name}
                 %td{:style => "width:40%"}
                   =h oa.article.name
                   - unless oa.article.note.blank?

public/stylesheets/main.css

@@ -239,6 +239,12 @@ table {
     background-color: #ffffc2; }
   table tr.click-me {
     cursor: pointer; }
+  table tr.ignored {
+    color: grey; }
+  table tr.success {
+    color: green; }
+  table tr.failed {
+    color: red; }
 
 table.list tr {
   border: 1px solid #e3e3e3; }

public/stylesheets/print.css

@@ -239,6 +239,12 @@ table {
     background-color: #ffffc2; }
   table tr.click-me {
     cursor: pointer; }
+  table tr.ignored {
+    color: grey; }
+  table tr.success {
+    color: green; }
+  table tr.failed {
+    color: red; }
 
 table.list tr {
   border: 1px solid #e3e3e3; }

public/stylesheets/sass/main.sass

@@ -264,6 +264,12 @@ table
     :background-color #ffffc2
   tr.click-me
     :cursor pointer
+  tr.ignored
+    color: grey
+  tr.success
+    color: green
+  tr.failed
+    color: red
       
 table.list
   //:border 2px solid #78b74e