radiant 0.5.2 → 0.6.0

data/app/models/status.rb

@@ -11,11 +11,11 @@ class Status
   end
   
   def self.[](value)
-    @@statuses.select { |status| status.symbol == value.to_s.downcase.intern }.first
+    @@statuses.find { |status| status.symbol == value.to_s.downcase.intern }
   end
   
   def self.find(id)
-    @@statuses.select { |status| status.id.to_s == id.to_s }.first
+    @@statuses.find { |status| status.id.to_s == id.to_s }
   end
   
   def self.find_all

data/app/models/text_filter.rb

@@ -1,11 +1,25 @@
-require 'registerable'
-
-module TextFilter
-  include Registerable
+class TextFilter
+  include Simpleton
+  include Annotatable
   
-  class Base
+  annotate :filter_name, :description
+   
+  def filter(text)
+    text
+  end
+  
+  class << self
+    def inherited(subclass)
+      subclass.filter_name = subclass.name.to_name('Filter')
+    end
+    
     def filter(text)
-      text
+      instance.filter(text)
+    end
+    
+    def description_file(filename)
+      text = File.read(filename) rescue ""
+      self.description text
     end
   end
 end

data/app/models/user.rb

@@ -2,6 +2,9 @@ require 'digest/sha1'
 
 class User < ActiveRecord::Base
   
+  # Default Order
+  order_by 'name'
+  
   # Associations
   belongs_to :created_by, :class_name => 'User', :foreign_key => 'created_by'
   belongs_to :updated_by, :class_name => 'User', :foreign_key => 'updated_by'

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

@@ -0,0 +1,45 @@
+<% content_for(:page_css) do -%>
+    table.index h4 {
+      font-size: 110%;
+      margin-top: .5em;
+      margin-bottom: .25em;
+    }
+    table.index p {
+      margin-top: .25em;
+      margin-bottom: .5em;
+    }
+<% end -%>
+
+<h1>Extensions</h1>
+
+<form name="extensions-form" action="<%= extension_update_url %>" method="post">
+  <table id="extensions" class="index" cellpadding="0" cellspacing="0" border="0">
+    <thead>
+      <tr>
+        <th class="extension">Extension</th>
+        <th class="website">Website</td>
+        <th class="version">Version</th>
+        <th class="enabled">Enabled</th>
+      </tr>
+    </thead>
+    <tbody>
+  <% for extension in @extensions -%>
+      <tr class="node level-1">
+        <td class="extension">
+          <h4><%=h extension.extension_name %></h4>
+          <p><%=h extension.description %></p>
+        </td>
+        <td class="website"><%= link_to "Website", extension.url, :target => "_blank" unless extension.url.blank? %></td>
+        <td class="version"><%=h extension.version %></td>
+        <td class="enabled"><input type="checkbox" name="enabled_extensions[]" value="<%= extension.extension_name %>" <%= 'checked="checked"' if extension.enabled? %> /></td>
+      </tr>
+  <% end -%>
+    </tbody>
+  </table>
+  <input type="submit" value="Update" />
+</form>
+<script type="text/javascript">
+// <![CDATA[
+  new RuledTable('extensions');
+// ]]>
+</script>

data/app/views/admin/layout/{new.rhtml → edit.rhtml}

@@ -5,6 +5,7 @@
 <% end -%>
 
 <form method="post">
+  <%= hidden_field "layout", "lock_version" %>
   <div class="form-area">
     <p class="title">
       <label for="layout_name">Name</label>
@@ -13,20 +14,21 @@
     <div id="extended-metadata" class="row"<%= meta_visible(:meta) %>>
       <table class="fieldset" cellpadding="0" cellspacing="0" border="0">
         <tr>
-          <td><label for="layout_content_type">Content-Type</label></td>
+          <td class="label"><label for="layout_content_type">Content&#8209;Type</label></td>
           <td class="field"><%= text_field "layout", "content_type", :class => 'textbox', :maxlength => 40 %></td>
         </tr>
       </table>
     </div>
     <p>
       <small>
-        <a id="more-extended-metadata" href="<%= toggle_javascript_for('extended-metadata') %>"<%= meta_visible(:meta_more) %>>More</a>
-        <a id="less-extended-metadata" href="<%= toggle_javascript_for('extended-metadata') %>"<%= meta_visible(:meta_less) %>>Less</a>
+        <a id="more-extended-metadata" href="#" onclick="<%= toggle_javascript_for('extended-metadata') %>"<%= meta_visible(:meta_more) %>>More</a>
+        <a id="less-extended-metadata" href="#" onclick="<%= toggle_javascript_for('extended-metadata') %>"<%= meta_visible(:meta_less) %>>Less</a>
       </small>
     </p>
     <p class="content">
       <label for="layout_content">Body</label>
-      <%= text_area "layout", "content", :class => "textarea", :style => "width: 100%" %></p>
+      <%= text_area "layout", "content", :class => "textarea", :style => "width: 100%" %>
+    </p>
     <%= updated_stamp @layout %>
   </div>
   <p class="buttons">

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

@@ -16,10 +16,10 @@
 <% for layout in @layouts -%>
     <tr class="node level-1">
       <td class="layout">
-        <%= image_tag 'layout', :alt => 'layout-icon', :title => '', :align => 'center' %>
+        <%= image 'layout', :alt => 'layout-icon', :title => '', :align => 'center' %>
         <%= link_to layout.name, layout_edit_url(:id => layout) %>
       </td>
-      <td class="remove"><%= link_to image_tag('remove', :alt => 'Remove Layout'), layout_remove_url(:id => layout) %></td>
+      <td class="remove"><%= link_to image('remove', :alt => 'Remove Layout'), layout_remove_url(:id => layout) %></td>
     </tr>
 <% end -%>
 <% else -%>
@@ -35,4 +35,4 @@
 // ]]>
 </script>
 
-<p><%= link_to image_tag('new-layout', :alt => 'New Layout'), layout_new_url %></p>
+<p><%= link_to image('new-layout', :alt => 'New Layout'), layout_new_url %></p>

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

@@ -5,7 +5,7 @@
   <tbody>
     <tr class="node level-1" onmouseover="Element.addClassName(this, 'highlight');" onmouseout="Element.removeClassName(this, 'highlight');">
       <td class="layout">
-        <%= image_tag 'layout', :alt => 'layout-icon', :title => '', :align => 'center' %>
+        <%= image 'layout', :alt => 'layout-icon', :title => '', :align => 'center' %>
         <%= @layout.name %>
       </td>
     </tr>

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

@@ -0,0 +1,4 @@
+<tr>
+  <td class="label"><label for="page_<%= meta_row[:field] %>"><%= meta_row[:label] || meta_row[:field].humanize %></label></td>
+  <td class="field"><%= send(meta_row[:type], "page", meta_row[:field], *meta_row[:args])%></td>
+</tr>

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

@@ -7,17 +7,17 @@ padding_left = (level * 22) + 4
 children_class = children ? (expanded ? ' children-visible' : ' children-hidden') : ' no-children'
 virtual_class = page.virtual? ? " virtual": ""
 
-expander = children ? image_tag((expanded ? "collapse" : "expand"), :class => "expander", :alt => 'toggle children', :title => '', :align => 'center') : ""
+expander = children ? image((expanded ? "collapse" : "expand"), :class => "expander", :alt => 'toggle children', :title => '', :align => 'center') : ""
 
 icon_name = page.virtual? ? "virtual-page" : "page"
-icon = image_tag(icon_name, :class => "icon", :alt => 'page-icon', :title => '', :align => 'center')
+icon = image(icon_name, :class => "icon", :alt => 'page-icon', :title => '', :align => 'center')
 
 title = %{<span class="title">#{ page.title }</span>}
 
-behavior_id = page.behavior_id.to_s.strip
-behavior = behavior_id.empty? ? '' : %{<small class="info">(#{ behavior_id })</small>}
+display_name = page.class.display_name
+page_type = display_name == 'Page' ? '' : %{<small class="info">(#{ display_name })</small>}
 
-spinner = image_tag("spinner.gif", :class => 'busy', :id => "busy-#{page.id}", :alt => "", :title => "", :align => "center", :style => 'display: none;')
+spinner = image('spinner.gif', :class => 'busy', :id => "busy-#{page.id}", :alt => "", :title => "", :align => "center", :style => 'display: none;')
 -%>
     <tr id="page-<%= page.id %>" class="node level-<%= level %><%= children_class %><%= virtual_class %>">
       <td class="page" style="padding-left: <%= padding_left %>px">
@@ -26,16 +26,16 @@ spinner = image_tag("spinner.gif", :class => 'busy', :id => "busy-#{page.id}", :
           <%= icon %>
           <%= title %>
 <% else -%>
-          <%= expander %><a href="<%= page_edit_url(:id => page) %>"><%= icon %> <%= title %></a> 
-          <%= behavior %>
+          <%= expander %><a href="<%= page_edit_url(:id => page) %>" title="<%= page.url %>"><%= icon %> <%= title %></a> 
+          <%= page_type %>
           <%= spinner %>
 <% end -%>
         </span>
       </td>
 <% unless simple -%>
       <td class="status <%= page.status.name.downcase %>-status"><%= page.status.name %></td>
-      <td class="add-child"><%= link_to image_tag('add-child', :alt => 'add child'), page_new_url(:parent_id => page) %></td>
-      <td class="remove"><%= link_to image_tag('remove', :alt => 'remove page'), page_remove_url(:id => page) %></td>
+      <td class="add-child"><%= link_to image('add-child', :alt => 'add child'), page_new_url(:parent_id => page) %></td>
+      <td class="remove"><%= link_to image('remove', :alt => 'remove page'), page_remove_url(:id => page) %></td>
 <% end -%>
     </tr>
 <% level = level + 1 -%>

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

@@ -6,8 +6,9 @@
   <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) %>
+      <label for="part[<%= @index - 1 %>][filter_id]">Filter</label>
+      <%= select_tag "part[#{@index - 1}][filter_id]", options_for_select([['<none>', '']] + TextFilter.descendants.map { |s| s.filter_name }.sort, @part.filter_id) %>
+      <span id="reference-links">Reference: <span id="filter-reference-link-<%= @index-1 %>"><%= link_to_function "Filter", "load_filter_reference(#{@index - 1})" %></span> <span id="tag-reference-link-<%= @index -1 %>"><%= link_to_function 'Available Tags', "load_tag_reference(#{@index-1});" %></span></span>
     </p>
     <div><%= text_area_tag "part[#{@index - 1}][content]", h(@part.content), :class => "textarea", :style => "width: 100%" %></div>
   </div>

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

@@ -0,0 +1,4 @@
+<div class="tag-description">
+  <h4>&lt;r:<%= tag_name %> /&gt;</h4>
+  <div><%= description %></div>
+</div>

data/app/views/admin/page/{new.rhtml → edit.rhtml}

@@ -1,164 +1,223 @@
-<% 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' %>
+<% 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 = 'absolute';
+        var dim = Element.getDimensions(element);
+        var top = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
+        element.style.top = (top + 200) + 'px';
+        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);
+      }
+      var last_type = "<%= @page.class_name %>";
+      function load_tag_reference(part) {
+        page_type = $F('page_class_name');
+        popup = $('tag-reference-popup');
+        if(last_type != page_type) {
+          url = "<%= tag_reference_url %>";
+          params = "class_name=" + page_type;
+          new Effect.Highlight('tag-reference-link-'+ part);
+          req = new Ajax.Request(url, { method: 'get', parameters: params, evalScripts: true });
+        } else {
+           center(popup);
+           Element.toggle(popup);
+        }
+        return false;
+      }
+      var last_filter = "<%= default_filter_name %>";
+      function load_filter_reference(part) {
+        filter_type = $F("part[" + part + "][filter_id]");
+        popup = $('filter-reference-popup');
+        if(last_filter != filter_type) {
+          url = "<%= filter_reference_url %>";
+          params = "filter_name=" + filter_type;
+          new Effect.Highlight('filter-reference-link-'+ part);
+          req = new Ajax.Request(url, { method: 'get', parameters: params, evalScripts: true });
+        } else {
+          center(popup);
+          Element.toggle(popup);
+        }
+        return false;
+      }
+<% end -%>
+
+<% content_for :page_css do %>
+      #content #extended-metadata .fieldset {
+        margin-left: 0;
+        margin-right: 0;
+        margin-bottom: .5em;
+        padding: 0;
+      }
+      #content #extended-metadata .fieldset td.label {
+        text-align: left;
+        width: 15%;
+      }
+      #content #extended-metadata .fieldset td.field .textbox {
+        width: 90%;
+      }
+<% end %>
+
+<% include_javascript "tag_reference_search" %>
+<% if @page.new_record? -%>
+<h1 id="new_page">New Page</h1>
+<% else -%>
+<h1 id="edit_page">Edit Page</h1>
+<% end -%>
+
+<form method="post">
+  <%= hidden_field "page", "lock_version" %>
+  <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">
+        <% for meta in @meta %>
+            <%= render :partial => "meta_row", :object => meta %>
+        <% end %>
+      </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;
+        }
+        new Form.Element.Observer('page_title', 0.15, title_updated);
+      // ]]>
+      </script>
+    </div>
+    <p class="more-or-less">
+      <small>
+        <a href="#" onclick="<%= toggle_javascript_for('extended-metadata') %>"<%= meta_visible(:meta_more) %> id="more-extended-metadata">More</a>
+        <a href="#" onclick="<%= 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_function image('plus'), 'toggle_add_part_popup()', :title => 'Add Tab' %>
+          <%= link_to_function image('minus'), 'if(confirm(\'Delete the current tab?\')) { tabControl.removeTab(tabControl.selected) }', :title => 'Remove 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_class_name">Page Type</label>
+        <%= select "page", "class_name", [['<normal>', 'Page']] + Page.descendants.map { |p| [p.display_name, p.name] }.sort_by { |p| p.first } %></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>
+  <% @buttons_partials.each do |partial| %>
+    <%= render :partial => partial %>
+  <% end %>
+  <p class="buttons">
+    <%= save_model_button(@page) %> <%= save_model_and_continue_editing_button(@page) %> or <%= link_to "Cancel", page_index_url %>
+  </p>
+</form>
+
+<% content_for :popups do -%>
+  <div class="popup" id="add-part-popup" style="display: none">
+    <div id="busy" class="busy" style="display: none"><%= image '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()'
+    ) do %> 
+      <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 %>
+  </div>
+  <div class="popup" id="tag-reference-popup" style="display:none;">
+    <div style="float:right">Search Tags: <input type="text" id="search-tag-reference"></div>
+    <%= javascript_tag "new Form.Element.Observer('search-tag-reference', 0.5, observeTagSearch);" %>
+    <h3>Available Tags for <span id="page-type"><%= @page.class.display_name %></span></h3>
+    <div id="tag-reference"><%= tag_reference(@page.class.name) %></div>
+    <p><%= link_to_function 'Close', "Element.hide('tag-reference-popup')", :class => 'close-link' %></p>
+  </div>
+  <div class="popup" id="filter-reference-popup" style="display:none;">
+    <h3><span id="filter-type"><%= default_filter_name %></span> Reference</h3>
+    <div id="filter-reference"><%= filter_reference(default_filter_name) %></div>
+    <p><%= link_to_function 'Close', "Element.hide('filter-reference-popup')", :class => 'close-link' %></p>
+  </div>
+<% end -%>
+
+<%= focus 'page_title' %>