Selecting a row in the site map then edit it.

* Store the selected content object and its parent section. * Selected a row highlights it.

Author: peakpg

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

@@ -3,6 +3,45 @@
 
 // Code for working with the new sitemap structure.
 
+var Sitemap = function() {
+};
+Sitemap.prototype.selectSection = function(section) {
+ this.selectedSection = section;
+};
+
+Sitemap.prototype.clearSelection = function() {
+ $('.active').removeClass('active');
+ disableButtons();
+};
+
+// Selecting a row in the sitemap
+// @param [HtmlElement] row The selected row.
+Sitemap.prototype.selectRow = function(row) {
+ this.clearSelection();
+ this.selectedRow = row;
+ if (this.selectedRow.data('type') != 'section') {
+ this.selectSection(this.selectedRow.parents('ul:first')[0]);
+ }else {
+ this.selectSection(this.selectedRow[0]);
+ }
+
+ // Highlight the row as selected.
+ this.selectedRow.parents('li:first').addClass('active');
+};
+var sitemap = new Sitemap();
+
+var disableButtons = function() {
+ $('a.button').addClass('disabled').click(function() {
+ return false;
+ });
+};
+
+// Enable buttons for Selecting pages
+$(function() {
+ $('.selectable').click(function() {
+ sitemap.selectRow($(this));
+ });
+});
 
 // Make sections collapsible/expandable
 $(function() {

app/assets/stylesheets/cms/sitemap.css.scss

@@ -78,3 +78,5 @@ body {
 }
 
 
+
+

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

@@ -1,5 +1,4 @@
-<%# Renders an instance of this in the sitemap. %>
-<li><a href="#"><%= icon "share" %> <%= link.name %>
+<li><a href="#" class="selectable"><%= icon "share" %> <%= link.name %>
  <span class="span1">
  <%= content_tag "i", "", class: access_icon %>
  </span>

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

@@ -1,4 +1,4 @@
-<li><a href="#"><%= icon "file" %> <%= page.name %>
+<li><a href="#" class="selectable"><%= icon "file" %> <%= page.name %>
  <span class="span1">
  <%= content_tag "span", "H", class: "status phidden" if page.hidden? %>
  <%= content_tag "i", "", class: access_icon %>

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

@@ -2,7 +2,12 @@
  collapse = section.root? ? "" : "collapse"
  icon_name = section.root? ? "home" : "folder-close"
 %>
-<li><%= content_tag("a", href: "#", data: {toggle: 'collapse', target: "#section#{section.id}"}) do %>
+<li>
+ <%= content_tag("a", href: "#", class: 'selectable',
+ data: {toggle: 'collapse',
+ target: "#section#{section.id}",
+ type: 'section'
+ }) do %>
  <%= icon(icon_name) %> <%= section.name %>
  <span class="span1">
  <%= content_tag "i", "", class: access_status(section, @public_sections) %>

todo_ui_Revamp.md

@@ -2,9 +2,15 @@ Tasks:
 
 ## UI Merge
 
-* Sitemap - Reverse engineer sitemap from new files
-* New Button - Figure out styling issue
-*
+* Enable the buttons for pages
+* Enable the buttons for everything else.
+* Remove (or center) the lock/unlock icon for the root section
+* Keep open/closed state of sitemap
+* Delete/merge js/cms/sitemap.js.erb
+* Move/drag/drop sections
+* Enable buttons correctly based on selected item
+* Selecting the root section should not change its icon or expand/collapse it.
+
 ##
 
 
@@ -16,11 +22,6 @@ Current Task:
 
 * Implement implied features (Search/Notifications)
 
-
-### Notes
-
-* Multiple versions of jquery being loaded breaks things.
-
 ## Admin Menu
 * Reduce the different admin layouts (why are there so many?)
 * Need to highlight active tab