Add page/section/link within a given section.

"New" button will correctly add pages/sections/links to the proper parent section based on what item in the sitemap the user has selected. * Remove old style add page/link/section from nav button * Remove 'New' links from 'Sitemap' menu item. * Selecting an item in the site map updates the 'New' links in the global menu.

Author: peakpg

app/assets/javascripts/cms/new-sitemap.js

@@ -4,9 +4,36 @@
 
 // Code for working with the new sitemap structure.
 
+var GlobalMenu = function() {
+
+};
+
+// Setting the 'New Page' path should update the global menu
+GlobalMenu.prototype.addPagePath = function(path){
+ $('#new-content-button').attr('href', path);
+ $('.add-page-button').attr('href', path);
+};
+
+GlobalMenu.prototype.addSectionPath = function(path){
+ $('.add-link-button').attr('href', path);
+};
+
+GlobalMenu.prototype.addLinkPath = function(path){
+ $('.add-section-button').attr('href', path);
+};
+
+var globalMenu = new GlobalMenu();
+
 var Sitemap = function() {
 };
 
+// @return [Selector] The currently selected section in the sitemap. If a page or other child is selected, this will be
+// that element's parent.
+Sitemap.prototype.currentSection = function(){
+ console.log(this.selectedSection);
+ return $(this.selectedSection);
+};
+
 Sitemap.prototype.selectSection = function(section) {
  this.selectedSection = section;
 };
@@ -33,7 +60,15 @@ Sitemap.prototype.selectRow = function(row) {
 
  // Highlight the row as selected.
  this.selectedRow.parents('li:first').addClass('active');
- this.enableButtons();
+ this.enableMenuButtons();
+ this.configureNewButton();
+};
+
+// Configure the 'New' button for content that is added directly to sections.
+Sitemap.prototype.configureNewButton = function(){
+ globalMenu.addPagePath(this.currentSection().data('add-page-path'));
+ globalMenu.addLinkPath(this.currentSection().data('add-link-path'));
+ globalMenu.addSectionPath(this.currentSection().data('add-section-path'));
 };
 
 // @return [Selector]
@@ -78,14 +113,15 @@ Sitemap.prototype.enable = function(button_name, path_name) {
  }
 };
 
-Sitemap.prototype.enableButtons = function() {
+Sitemap.prototype.enableMenuButtons = function() {
  this.enable('#edit-button', 'edit-path');
  this.enable('#properties-button', 'configure-path');
  if (this.enable('#delete_button', 'delete-path')) {
  $('#delete_button')
  .unbind('click')
  .click(this._deleteContent);
  }
+
 };
 var sitemap = new Sitemap();
 

app/views/cms/section_nodes/_nav_bar.html.erb

@@ -5,10 +5,7 @@
  <%= link_to "Edit Page", '#', :id => 'edit-button', :class => "btn btn-primary disabled" %>
  <%= link_to "Edit Properties", '#', :id => 'properties-button', :class => "btn btn-primary disabled" %>
  </div>
- <div class="btn-group pull-left">
- <%= link_to "Add Page", '#', :id => 'add-page-button', :class => "btn btn-primary disabled" %>
- <%= link_to "Add Section", '#', :id => 'add-section-button', :class => "btn btn-primary disabled" %>
- <%= link_to "Add Link", '#', :id => 'add-link-button', :class => "btn btn-primary disabled" %>
+ <div class="btn-group">
+ <%= delete_menu_button %>
  </div>
- <%= delete_menu_button(nil, class: ['pull-left']) %>
 <% end %>

app/views/cms/section_nodes/_section.html.erb

@@ -4,8 +4,12 @@
  data = {
  target: "#section#{section.id}",
  type: 'section',
- :configure_path => edit_section_path(section),
- :delete_path => section_path(section)
+ configure_path: edit_section_path(section),
+ delete_path: section_path(section),
+ add_page_path: new_section_page_path(section),
+ add_link_path: new_section_link_path(section),
+ add_section_path: new_section_path(section_id: section)
+
  }
  unless section.root?
  data[:toggle] = 'collapse'

app/views/cms/toolbar/_new_pages_menu.html.erb

@@ -4,7 +4,7 @@
  prefix = ""
  end
 %>
-<%= nav_link_to "#{prefix}Page", cms.new_section_page_path(target_section) %>
-<%= nav_link_to "#{prefix}Link", cms.new_section_link_path(target_section) %>
-<%= nav_link_to "#{prefix}Section", cms.new_section_path(:section_id => target_section.id) %>
+<%= nav_link_to "#{prefix}Page", cms.new_section_page_path(target_section), class: 'add-page-button' %>
+<%= nav_link_to "#{prefix}Link", cms.new_section_link_path(target_section), class: 'add-section-button' %>
+<%= nav_link_to "#{prefix}Section", cms.new_section_path(:section_id => target_section.id), class: 'add-link-button' %>
 <%= divider_tag %>

app/views/layouts/cms/_thin_toolbar.html.erb

@@ -21,7 +21,6 @@
  <%= nav_link_to "View Sitemap", cms.sitemap_path %>
  <%= nav_link_to "Dashboard", cms.dashboard_path %>
  <%= divider_tag %>
- <%= render :partial=> 'cms/toolbar/new_pages_menu', :locals => {:prefix => "New "}%>
  <%= nav_link_to "Redirects", cms.redirects_path %>
  </ul>
  </li>
@@ -84,7 +83,7 @@
  </ul>
  </li>
  <li class="btn-group pull-right">
- <%= menu_button "New", new_button_path %>
+ <%= menu_button "New", new_button_path, id: 'new-content-button' %>
  <a href="#" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
  <b class="caret"></b>
  </a>