fix pages/edit display mode to show/hide add seciton button

game7 · Jan 4, 2013 · 7c9e571 · 7c9e571
1 parent c6a8629
commit 7c9e571
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/app/assets/javascripts/pages.js b/app/assets/javascripts/pages.js
@@ -99,14 +99,17 @@ function toggleDisplayMode(mode) {
       case "edit":
         $(".section, .block").addClass("editable");
         $(".block .content").show();
+        $(".add-section").show();
         break;
       case "organize":
         $(".section, .block").addClass("editable");
         $(".block .content").hide();
+        $(".add-section").show();
         break;
       case "preview":
         $(".section, .block").removeClass("editable");
         $(".block .content").show();
+        $(".add-section").hide();
         break;
     }
     displayMode = mode;

diff --git a/app/views/pages/edit.html.haml b/app/views/pages/edit.html.haml
@@ -8,7 +8,7 @@
 
 #sections
   = render :partial => "sections/section", :collection => @page.sections.asc(:position), :locals => { :editable => true }
-.row-fluid
+.row-fluid.add-section
   %a.btn.span12{ :id => "add_section", :role => "button", :"data-toggle" => "modal", :"href" => "#section-catalog"}= icon('plus')+" Add Section Here"   
 
 = render :partial => "block_catalog"