radiant 0.5.0

data/app/views/admin/page/_part.rhtml

@@ -0,0 +1,17 @@
+<%
+@part = part
+@index = (params[:index] || @index || 1).to_i
+-%>
+<div class="page" id="page-<%= @index %>">
+	<div class="part" id="part-<%= @index %>">
+		<%= hidden_field_tag "part[#{@index - 1}][name]", @part.name %>
+		<p>
+			<label for="part[<%= @index - 1 %>}][filter_id]">Filter</label>
+			<%= select_tag "part[#{@index - 1}][filter_id]", options_for_select([['<none>', '']] + TextFilter.find_all.map { |s| s.registered_id }, @part.filter_id) %>
+		</p>
+		<div><%= text_area_tag "part[#{@index - 1}][content]", h(@part.content), :class => "textarea", :style => "width: 100%" %></div>
+	</div>
+</div>
+<%
+@index += 1;
+-%>

data/app/views/admin/page/children.rhtml

@@ -0,0 +1,4 @@
+<% level = @level + 1 -%>
+<% @parent.children.each do |child| -%>
+<%= render_node child, :expand => 1, :level => level %>
+<% end -%>

data/app/views/admin/page/index.rhtml

@@ -0,0 +1,172 @@
+<% content_for('page_scripts') do -%>
+    var SiteMap = Class.create();
+    SiteMap.prototype = Object.extend({}, RuledTable.prototype); // Inherit from RuledTable
+    Object.extend(SiteMap.prototype, {
+
+      onRowSetup: function(row) {
+        Event.observe(row, 'click', this.onMouseClickRow.bindAsEventListener(this), false);
+      },
+      
+      onMouseClickRow: function(event) {
+        var element = Event.element(event);
+        if (this.isExpander(element)) {
+          var row = Event.findElement(event, 'tr');
+          if (this.hasChildren(row)) {
+            this.toggleBranch(row, element);
+          }
+        }
+      },
+      
+      hasChildren: function(row) {
+        return ! /\bno-children\b/.test(row.className);
+      },
+      
+      isExpander: function(element) {
+        return (element.tagName.strip().downcase() == 'img') && /\bexpander\b/i.test(element.className);
+      },
+      
+      isExpanded: function(row) {
+        return /\bchildren-visible\b/i.test(row.className);
+      },
+      
+      isRow: function(element) {
+        return element.tagName && (element.tagName.strip().downcase() == 'tr');
+      },
+      
+      extractLevel: function(row) {
+        if (/level-(\d+)/i.test(row.className))
+          return RegExp.$1.toInteger();
+      },
+      
+      extractPageId: function(row) {
+        if (/page-(\d+)/i.test(row.id))
+          return RegExp.$1.toInteger();
+      },
+      
+      getExpanderImageForRow: function(row) {
+        var images = $A(row.getElementsByTagName('img', row));
+        var expanders = [];
+        images.each(function(image){
+          expanders.push(image);
+        }.bind(this));
+        return expanders.first();
+      },      
+      
+      hideBranch: function(row, img) {
+        var level = this.extractLevel(row);
+        var sibling = row.nextSibling;
+        while(sibling != null) {
+          if (this.isRow(sibling)) {
+            if (this.extractLevel(sibling) <= level) break;
+            Element.hide(sibling);
+          }
+          sibling = sibling.nextSibling;
+        }
+        if (img == null)
+          img = this.getExpanderImageForRow(row);
+        img.src = img.src.replace(/collapse/, 'expand');
+        Element.removeClassName(row, 'children-visible');
+        Element.addClassName(row, 'children-hidden');
+      },
+      
+      showBranch: function(row, img) {
+        var level = this.extractLevel(row);
+        var sibling = row.nextSibling;
+        var children = false;
+        while(sibling != null) {
+          if (this.isRow(sibling)) {
+            var siblingLevel = this.extractLevel(sibling);
+            if (siblingLevel <= level) break;
+            if (siblingLevel == level + 1) {
+              Element.show(sibling);
+              this.hideBranch(sibling);
+            }
+            children = true;
+          }
+          sibling = sibling.nextSibling;
+        }
+        if (!children)
+          this.getBranch(row);
+        if (img == null)
+          img = this.getExpanderImageForRow(row);
+        img.src = img.src.replace(/expand/, 'collapse');
+        Element.removeClassName(row, 'children-hidden');
+        Element.addClassName(row, 'children-visible');
+      },
+      
+      getBranch: function(row) {
+        var level = this.extractLevel(row).toString();
+        var id = this.extractPageId(row).toString();
+        new Ajax.Updater(
+          row,
+          '<%= admin_url %>/ui/pages/children/' + id + '/' + level,
+          {
+            asynchronous: true,
+            insertion: Insertion.After,
+            onLoading: function(request) {
+              Element.show('busy-' + id);
+              this.updating = true;
+            }.bind(this),
+            onComplete: function(request) {
+              var sibling = row.nextSibling;
+              while (sibling != null) {
+                if (this.isRow(sibling)) {
+                  var siblingLevel = this.extractLevel(sibling);
+                  if (siblingLevel <= level) break;
+                  this.setupRow(sibling);
+                }
+                sibling = sibling.nextSibling;
+              }
+              this.updating = false;
+              Effect.Fade('busy-' + id);
+            }.bind(this)
+          }
+        );
+      },
+      
+      toggleBranch: function(row, img) {
+        if (! this.updating) {
+          if (this.isExpanded(row)) {
+            this.hideBranch(row, img);
+          } else {
+            this.showBranch(row, img);
+          }
+        }
+      }
+
+    });
+<% end -%>
+
+<h1>Pages</h1>
+
+<table id="site-map" class="index" cellpadding="0" cellspacing="0" border="0">
+	<thead>
+		<tr>
+			<th class="page">Page</th>
+			<th class="status">Status</th>
+			<th class="modify" colspan="2">Modify</th>
+		</tr>
+	</thead>
+	<tbody>
+<% if @homepage -%>
+<%= render_node @homepage -%>
+<% else -%>
+	<tr>
+		<td colspan="4" class="note">No Pages</td>
+	</tr>
+<% end -%>
+	</tbody>
+</table>
+<script type="text/javascript">
+// <![CDATA[
+  new SiteMap('site-map');
+// ]]>
+</script>
+<form action="<%= clear_cache_url %>" method="post">
+  <p>
+<% unless @homepage -%>
+    <%= link_to image_tag('new-homepage', :alt => 'New Homepage'), homepage_new_url %>
+<% end -%>
+    <%= image_submit_tag 'clear-page-cache' %>
+  </p>
+</form>

data/app/views/admin/page/new.rhtml

@@ -0,0 +1,164 @@
+<% content_for('page_scripts') do -%>
+      function part_added() {
+        var partNameField = $('part-name-field');
+        var partIndexField = $('part-index-field');
+        var index = parseInt(partIndexField.value);
+        var tab = 'tab-' + index;
+        var caption = partNameField.value;
+        var page = 'page-' + index;
+        tabControl.addTab(tab, caption, page);
+        Element.hide('add-part-popup');
+        Element.hide('busy');
+        partNameField.value = '';
+        partIndexField.value = (index + 1).toString();
+        $('add-part-button').disabled = false;
+        Field.focus(partNameField);
+        tabControl.select(tab);
+      }
+      function part_loading() {
+        $('add-part-button').disabled = true;
+        new Effect.Appear('busy');
+      }
+      function valid_part_name() {
+        var partNameField = $('part-name-field');
+        var name = partNameField.value.downcase().strip();
+        var result = true;
+        if (name == '') {
+          alert('Part name cannot be empty.');
+          return false;
+        }
+        tabControl.tabs.each(function(pair){
+          if (tabControl.tabs[pair.key].caption == name) {
+            result = false;
+            alert('Part name must be unique.');
+            throw $break;
+          }
+        })
+        return result;
+      }
+      function center(element) {
+        var header = $('header')
+        element = $(element);
+        element.style.position = 'fixed'
+        var dim = Element.getDimensions(element)
+        element.style.top = '200px';
+        element.style.left = ((header.offsetWidth - dim.width) / 2) + 'px';
+      }
+      function toggle_add_part_popup() {
+        var popup = $('add-part-popup');
+        var partNameField = $('part-name-field');
+        center(popup);
+        Element.toggle(popup);
+        Field.focus(partNameField);
+      }
+<% end -%>
+
+<% if @page.new_record? -%>
+<h1 id="new_page">New Page</h1>
+<% else -%>
+<h1 id="edit_page">Edit Page</h1>
+<% end -%>
+
+<form method="post">
+  <div class="form-area">
+    <p class="title">
+      <label for="page_title">Page Title</label>
+      <%= text_field "page", "title", :class => 'textbox', :maxlength => 255 %>
+    </p>
+    <div id="extended-metadata" class="row"<%= meta_visible(:meta) %>>
+      <table class="fieldset" cellpadding="0" cellspacing="0" border="0">
+        <tr>
+          <td><label for="page_slug">Slug</label></td>
+          <td class="field"><%= text_field "page", "slug", :class => 'textbox', :maxlength => 100 %></td>
+        </tr>
+        <tr>
+          <td><label for="page_breadcrumb">Breadcrumb</label></td>
+          <td class="field"><%= text_field "page", "breadcrumb", :class => 'textbox', :maxlength => 160 %></td>
+        </tr>
+      </table>
+      <script type="text/javascript">
+      // <![CDATA[
+        $title = $('page_title');
+        $slug = $('page_slug');
+        $breadcrumb = $('page_breadcrumb');
+        $old_title = $title.value || '';
+        function title_updated() {
+          if ($old_title.toSlug() == $slug.value) $slug.value = $title.value.toSlug();
+          if ($old_title == $breadcrumb.value) $breadcrumb.value = $title.value;
+          $old_title = $title.value;
+        }
+        Event.observe('page_title', 'keyup', title_updated);
+      // ]]>
+      </script>
+    </div>
+    <p class="more-or-less">
+      <small>
+        <a href="<%= toggle_javascript_for('extended-metadata') %>"<%= meta_visible(:meta_more) %> id="more-extended-metadata">More</a>
+        <a href="<%= toggle_javascript_for('extended-metadata') %>"<%= meta_visible(:meta_less) %> id="less-extended-metadata">Less</a>
+      </small>
+    </p>
+    <div id="tab-control">
+      <div id="tabs" class="tabs">
+        <div id="tab-toolbar">
+          <%= link_to image_tag('plus'), 'javascript: toggle_add_part_popup()', :title => 'Add Tab' %>
+          <%= link_to image_tag('minus'), 'javascript: tabControl.removeTab(tabControl.selected)', :title => 'Remove Tab', :confirm => 'Delete the current tab?' %>
+        </div>
+      </div>
+      <div id="pages" class="pages">
+<%= render :partial => 'part', :collection => @page.parts %>
+      </div>
+    </div>
+    <script type="text/javascript">
+    // <![CDATA[
+      var tabControl = new TabControl('tab-control');
+<%
+@index = 0
+for @part in @page.parts do
+  @index += 1
+-%>
+      tabControl.addTab('tab-<%= @index %>', '<%= @part.name %>', 'page-<%= @index %>');
+<%
+end
+-%>
+      tabControl.select(tabControl.firstTab());
+    // ]]>
+    </script>
+    <div class="row">
+      <p><label for="page_layout_id">Layout</label>
+        <%= select "page", "layout_id", [['<inherit>', '']] + Layout.find_all.map { |s| [s.name, s.id] } %></p>
+      <p><label for="page_behavior">Behavior</label>
+        <%= select "page", "behavior_id", [['<none>', '']] + Behavior.find_all.map { |s| s.registered_id } %></p>
+      <p><label for="page_status_id">Status</label>
+        <%= select "page", "status_id", Status.find_all.map { |s| [s.name, s.id] } %></p>
+    </div>
+    <span class="clear">&nbsp;</span>
+    <%= updated_stamp @page %>
+  </div>
+  <p class="buttons">
+    <%= save_model_button(@page) %> <%= save_model_and_continue_editing_button(@page) %> or <%= link_to "Cancel", page_index_url %>
+  </p>
+</form>
+
+<div id="popups">
+  <div class="popup" id="add-part-popup" style="display:none;">
+    <div id="busy" class="busy" style="display: none"><%= image_tag 'spinner.gif' %></div>
+    <h3>Add Part</h3>
+    <%= form_remote_tag(
+      :url => page_add_part_url,
+      :update => "pages", 
+      :position => :bottom, 
+      :loading => 'part_loading()', 
+      :complete => 'part_added()',
+      :condition => 'valid_part_name()'
+    ) %> 
+      <div>
+        <%= hidden_field_tag 'index', @index + 1, :id => 'part-index-field' %>
+        <%= text_field_tag "part[name]", "", :id => 'part-name-field', :maxlength => 100 %> 
+        <%= submit_tag "Add Part", :id => 'add-part-button' %>
+      </div>
+      <p><%= link_to_function 'Close', "Element.hide('add-part-popup')", :class => 'close-link' %></p>
+    <%= end_form_tag %>
+  </div>
+</div>
+
+<%= focus 'page_title' %>

data/app/views/admin/page/remove.rhtml

@@ -0,0 +1,14 @@
+<% pages = pluralize(@page.children.count + 1, 'Page') -%>
+
+<h1 id="remove_article">Remove <%= pages %></h1>
+<p>Are you sure you want to <strong class="warning">permanently remove</strong> the following <%= pages.downcase %>?</p>
+
+<table id="site-map" class="index" cellpadding="0" cellspacing="0" border="0">
+	<tbody>
+<%= render_node @page, :simple => true -%>
+	</tbody>
+</table>
+
+<form method="post">
+	<p class="buttons"><%= submit_tag "Delete #{pages}", :class => 'button' %> or <%= link_to 'Cancel', page_index_url %></p>
+</form>

data/app/views/admin/snippet/index.rhtml

@@ -0,0 +1,36 @@
+<h1>Snippets</h1>
+
+<p>Snippets are generally small pieces of content which are included in other pages or layouts.</p>
+
+<table id="snippets" class="index" cellpadding="0" cellspacing="0" border="0">
+	<thead>
+		<tr>
+			<th class="snippet">Snippet</th>
+			<th class="modify">Modify</th>
+		</tr>
+	</thead>
+	<tbody>
+<% unless @snippets.empty? -%>
+<% for snippet in @snippets -%>
+	  <tr class="node level-1">
+	    <td class="snippet">
+	      <%= image_tag "snippet", :class => "icon", :alt => 'snippet-icon', :title => '', :align => 'center' %>
+	      <%= link_to snippet.name, snippet_edit_url(:id => snippet) %></span>
+	    </td>
+	    <td class="remove"><%= link_to image_tag('remove', :alt => 'Remove Snippet'), snippet_remove_url(:id => snippet) %></td>
+	  </tr>
+<% end -%>
+<% else -%>
+    <tr>
+      <td colspan="2" class="note">No Snippets</td>
+    </tr>
+<% end -%>
+	</tbody>
+</table>
+<script type="text/javascript">
+// <![CDATA[
+  new RuledTable('snippets');
+// ]]>
+</script>
+
+<p><%= link_to image_tag('new-snippet', :alt => 'New Snippet'), snippet_new_url %></p>

data/app/views/admin/snippet/new.rhtml

@@ -0,0 +1,28 @@
+<% if @snippet.new_record? -%>
+<h1>New Snippet</h1>
+<% else -%>
+<h1>Edit Snippet</h1>
+<% end -%>
+
+<form method="post">
+	<div class="form-area">
+		<p class="title">
+			<label for="snippet_name">Name</label>
+			<%= text_field "snippet", "name", :class => 'textbox', :maxlength => 100 %>
+		</p>
+
+		<p class="content">
+		  <label for="snippet_content">Body</label>
+		  <%= text_area "snippet", "content", :class => "textarea", :style => "width: 100%" %></p>
+		<p>
+		  <label for="snippet_filter">Filter</label>
+      <%= select_tag "snippet[filter_id]", options_for_select([['none', '']] + TextFilter.find_all.map { |f| f.registered_id }, @snippet.filter_id) %>
+		</p>
+    <%= updated_stamp @snippet %>
+  </div>
+	<p class="buttons">
+		<%= save_model_button(@snippet) %> <%= save_model_and_continue_editing_button(@snippet) %> or <%= link_to "Cancel", snippet_index_url %>
+	</p>
+</form>
+
+<%= focus 'snippet_name' %>

data/app/views/admin/snippet/remove.rhtml

@@ -0,0 +1,16 @@
+<h1>Remove Snippet</h1>
+<p>Are you sure you want to <strong class="warning">permanently remove</strong> the following snippet?</p>
+
+<table id="snippets" class="index" cellpadding="0" cellspacing="0" border="0">
+	<tbody>
+	  <tr class="node level-1" onmouseover="Element.addClassName(this, 'highlight');" onmouseout="Element.removeClassName(this, 'highlight');">
+	    <td class="snippet">
+	      <%= @snippet.name %>
+	    </td>
+	  </tr>
+	</tbody>
+</table>
+
+<form method="post">
+	<p class="buttons"><%= submit_tag "Delete Snippet", :class => 'button' %> or <%= link_to 'Cancel', snippet_index_url %></p>
+</form>