page_engine 0.0.1

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2011 YOURNAME
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.markdown

@@ -0,0 +1,74 @@
+# Page Engine
+
+Page engine is a (_reasonably_) simple way to extend your rails application with pages. This allows you to automatically generate navigation, breadcrumbs and create page snippets to use anywhere in your app views.
+
+## Installation
+
+For rails 3 and above simply add the following to your gemfile:
+
+	gem 'page_engine'
+
+Then bundle install.
+
+Since rails 3.0 doesn't support the asset pipeline out of the box you will also need to install the gems assets (images, css and javascript) using:
+
+	rails g page_engine
+
+If you've managed to get the asset pipeline working in rails 3.0 then you can skip the above step... and feel free to give yourself a biscuit.
+
+## Usage
+
+In application_controller add the line
+
+	page_engine
+
+and you're good to go. 
+
+You can supply options to page engine, currently just the layouts that should be available to the pages, and you can do this using
+
+	page_engine { :layouts => ['application'] }
+
+## How it works
+
+PageEngine comes with an admin namespace where you can CRUD your pages. It uses [jquery.nestedSortable](http://mjsarfatti.com/sandbox/nestedSortable/ "jquery.nestedSortable") to allow reordering and nesting of pages using drag and drop. When you create the page you can set a url or a controller and action and PageEngine use these to find the correct page. So, for example, say you have a welcome page at welcome#index, if you set the url to '/welcome' or choose welcome#index from the dropdown that page record will be retrieved when the welcome index page is hit and be available to your views.
+
+Using [MarkItUp](http://markitup.jaysalvat.com/home/ "MarkItUp") it's possible to write page content using textile, markdown or plain html. There's also the option to use erb but this is pretty dangerous and open to abuse so don't count on it being in there forever.
+
+## In the views
+
+PageEngine comes with a few helpers:
+
+	navigation(root page permalink, options)
+
+This generates an unordered list (ul) containing the root page and it's descendants up to the depth specified in the options.
+
+	page_content
+
+Renders the page content using the filter specified (textile, markdown etc). Defaults to using the automatically found page and it's body page part but this can be overriden in the options
+
+	breadcrumbs
+
+Generates a set of links that represent the current page and it's ancestors
+
+	page_title
+	
+
+	page_js
+	
+
+	page_css
+	
+
+	page_meta_keywords
+	
+
+	page_meta_description
+	
+
+	page_snippet snippet name
+
+Renders the named snippet
+
+## Rails engine
+
+Since this was built using the rails 3.1 plugin generator you can test the gem using the dummy application which can be found under spec/dummy.

data/Rakefile

@@ -0,0 +1,39 @@
+#!/usr/bin/env rake
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+begin
+  require 'rdoc/task'
+rescue LoadError
+  require 'rdoc/rdoc'
+  require 'rake/rdoctask'
+  RDoc::Task = Rake::RDocTask
+end
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'PageEngine'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../spec/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+
+Bundler::GemHelper.install_tasks
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task :default => :test

data/app/assets/javascripts/markitup/sets/css/set.js

@@ -0,0 +1,52 @@
+// ----------------------------------------------------------------------------
+// markItUp!
+// ----------------------------------------------------------------------------
+// Copyright (C) 2008 Jay Salvat
+// http://markitup.jaysalvat.com/
+// ----------------------------------------------------------------------------
+// CSS set by Kevin Papst
+// http://www.kevinpapst.de/
+// Initially written for the BIGACE CMS:
+// http://www.bigace.de/
+// ----------------------------------------------------------------------------
+// Basic CSS set. Feel free to add more tags
+// ----------------------------------------------------------------------------
+markitup_css_settings = {
+	onEnter:			{},
+	onShiftEnter:		{keepDefault:false, placeHolder:'Your comment here', openWith:'\n\/* ', closeWith:' *\/'},
+	onCtrlEnter:		{keepDefault:false, placeHolder:"classname", openWith:'\n.', closeWith:' { \n'},
+	onTab:				{keepDefault:false, openWith:'  '},
+	markupSet:  [	
+		{name:'Class', className:'class', key:'N', placeHolder:'Properties here...', openWith:'.[![Class name]!] {\n', closeWith:'\n}'},
+		{separator:'---------------' },
+		{name:'Bold', className:'bold', key:'B', replaceWith:'font-weight:bold;'},
+		{name:'Italic', className:'italic', key:'I', replaceWith:'font-style:italic;'},
+		{name:'Stroke through',  className:'stroke', key:'S', replaceWith:'text-decoration:line-through;'},
+		{separator:'---------------' },
+		{name:'Lowercase', className:'lowercase', key:'L', replaceWith:'text-transform:lowercase;'},
+		{name:'Uppercase', className:'uppercase', key:'U', replaceWith:'text-transform:uppercase;'},
+		{separator:'---------------' },
+		{name:'Text indent', className:'indent', openWith:'text-indent:', placeHolder:'5px', closeWith:';' },
+		{name:'Letter spacing', className:'letterspacing', openWith:'letter-spacing:', placeHolder:'5px', closeWith:';' },
+		{name:'Line height', className:'lineheight', openWith:'line-height:', placeHolder:'1.5', closeWith:';' },
+		{separator:'---------------' },
+		{name:'Alignments', className:'alignments', dropMenu:[
+			{name:'Left', className:'left', replaceWith:'text-align:left;'},
+			{name:'Center', className:'center', replaceWith:'text-align:center;'},
+			{name:'Right', className:'right', replaceWith:'text-align:right;'},
+			{name:'Justify', className:'justify', replaceWith:'text-align:justify;'}
+			]
+		},
+		{name:'Padding/Margin', className:'padding', dropMenu:[
+				{name:'Top', className:'top', openWith:'(!(padding|!|margin)!)-top:', placeHolder:'5px', closeWith:';' },
+				{name:'Left', className:'left', openWith:'(!(padding|!|margin)!)-left:', placeHolder:'5px', closeWith:';' },
+				{name:'Right', className:'right', openWith:'(!(padding|!|margin)!)-right:', placeHolder:'5px', closeWith:';' },
+				{name:'Bottom', className:'bottom', openWith:'(!(padding|!|margin)!)-bottom:', placeHolder:'5px', closeWith:';' }
+			]
+		},
+		{separator:'---------------' },
+		{name:'Background Image', className:'background', replaceWith:'background:url([![Source:!:http://]!]) no-repeat 0 0;' },
+		{separator:'---------------' },
+		{name:'Import CSS file',  className:'css', replaceWith:'@import "[![Source file:!:.css]!]";' }
+	]
+}

data/app/assets/javascripts/markitup/sets/html/set.js

@@ -0,0 +1,64 @@
+// ----------------------------------------------------------------------------
+// markItUp!
+// ----------------------------------------------------------------------------
+// Copyright (C) 2008 Jay Salvat
+// http://markitup.jaysalvat.com/
+// ----------------------------------------------------------------------------
+// Html tags
+// http://en.wikipedia.org/wiki/html
+// ----------------------------------------------------------------------------
+// Basic set. Feel free to add more tags
+// ----------------------------------------------------------------------------
+markitup_html_settings = {	
+  previewTemplatePath: '/assets/markitup/templates/preview.html',
+	onShiftEnter:	{keepDefault:false, replaceWith:'<br />\n'},
+	onCtrlEnter:	{keepDefault:false, openWith:'\n<p>', closeWith:'</p>\n'},
+	onTab:			{keepDefault:false, openWith:'	 '},
+	markupSet: [
+		{name:'Heading 1', key:'1', openWith:'<h1(!( class="[![Class]!]")!)>', closeWith:'</h1>', placeHolder:'Your title here...' },
+		{name:'Heading 2', key:'2', openWith:'<h2(!( class="[![Class]!]")!)>', closeWith:'</h2>', placeHolder:'Your title here...' },
+		{name:'Heading 3', key:'3', openWith:'<h3(!( class="[![Class]!]")!)>', closeWith:'</h3>', placeHolder:'Your title here...' },
+		{name:'Heading 4', key:'4', openWith:'<h4(!( class="[![Class]!]")!)>', closeWith:'</h4>', placeHolder:'Your title here...' },
+		{name:'Heading 5', key:'5', openWith:'<h5(!( class="[![Class]!]")!)>', closeWith:'</h5>', placeHolder:'Your title here...' },
+		{name:'Heading 6', key:'6', openWith:'<h6(!( class="[![Class]!]")!)>', closeWith:'</h6>', placeHolder:'Your title here...' },
+		{name:'Paragraph', openWith:'<p(!( class="[![Class]!]")!)>', closeWith:'</p>' },
+		{separator:'---------------' },
+		{name:'Bold', key:'B', openWith:'(!(<strong>|!|<b>)!)', closeWith:'(!(</strong>|!|</b>)!)' },
+		{name:'Italic', key:'I', openWith:'(!(<em>|!|<i>)!)', closeWith:'(!(</em>|!|</i>)!)' },
+		{name:'Stroke through', key:'S', openWith:'<del>', closeWith:'</del>' },
+		{separator:'---------------' },
+		{name:'Ul', openWith:'<ul>\n', closeWith:'</ul>\n' },
+		{name:'Ol', openWith:'<ol>\n', closeWith:'</ol>\n' },
+		{name:'Li', openWith:'<li>', closeWith:'</li>' },
+		{separator:'---------------' },
+		{name:'Picture', key:'P', replaceWith:'<img src="[![Source:!:http://]!]" alt="[![Alternative text]!]" />' },
+		{name:'Link', key:'L', openWith:'<a href="[![Link:!:http://]!]"(!( title="[![Title]!]")!)>', closeWith:'</a>', placeHolder:'Your text to link...' },
+		{separator:'---------------' },
+		{name:'Clean', className:'clean', replaceWith:function(markitup) { return markitup.selection.replace(/<(.*?)>/g, "") } },
+		{name:'Preview', className:'preview', call:'preview' },{	name:'Table generator', 
+			className:'tablegenerator', 
+			placeholder:"Your text here...",
+			replaceWith:function(markItUp) {
+				var cols = prompt("How many cols?"),
+					rows = prompt("How many rows?"),
+					html = "<table>\n";
+				if (markItUp.altKey) {
+					html += " <tr>\n";
+					for (var c = 0; c < cols; c++) {
+						html += "! [![TH"+(c+1)+" text:]!]\n";	
+					}
+					html+= " </tr>\n";
+				}
+				for (var r = 0; r < rows; r++) {
+					html+= " <tr>\n";
+					for (var c = 0; c < cols; c++) {
+						html += "  <td>"+(markItUp.placeholder||"")+"</td>\n";	
+					}
+					html+= " </tr>\n";
+				}
+				html += "<table>\n";
+				return html;
+			}
+		}
+	]
+}

data/app/assets/javascripts/markitup/sets/javascript/set.js

@@ -0,0 +1,6 @@
+markitup_javascript_settings = {
+	onEnter:			{},
+	onShiftEnter:		{keepDefault:false, placeHolder:'Your comment here', openWith:'\n\\\\ '},
+	onTab:				{keepDefault:false, openWith:'  '},
+	markupSet:  []
+}

data/app/assets/javascripts/markitup/sets/markdown/set.js

@@ -0,0 +1,53 @@
+// -------------------------------------------------------------------
+// markItUp!
+// -------------------------------------------------------------------
+// Copyright (C) 2008 Jay Salvat
+// http://markitup.jaysalvat.com/
+// -------------------------------------------------------------------
+// MarkDown tags example
+// http://en.wikipedia.org/wiki/Markdown
+// http://daringfireball.net/projects/markdown/
+// -------------------------------------------------------------------
+// Feel free to add more tags
+// -------------------------------------------------------------------
+markitup_markdown_settings = {
+  previewTemplatePath: '/assets/markitup/templates/preview.html',
+	previewParserPath: '/admin/pages/parse_content?data_type=markdown', // path to your Textile parser
+	onShiftEnter:		{keepDefault:false, openWith:'\n\n'},
+	markupSet: [
+		{name:'First Level Heading', key:'1', placeHolder:'Your title here...', closeWith:function(markItUp) { return miu.markdownTitle(markItUp, '=') } },
+		{name:'Second Level Heading', key:'2', placeHolder:'Your title here...', closeWith:function(markItUp) { return miu.markdownTitle(markItUp, '-') } },
+		{name:'Heading 3', key:'3', openWith:'### ', placeHolder:'Your title here...' },
+		{name:'Heading 4', key:'4', openWith:'#### ', placeHolder:'Your title here...' },
+		{name:'Heading 5', key:'5', openWith:'##### ', placeHolder:'Your title here...' },
+		{name:'Heading 6', key:'6', openWith:'###### ', placeHolder:'Your title here...' },
+		{separator:'---------------' },		
+		{name:'Bold', key:'B', openWith:'**', closeWith:'**'},
+		{name:'Italic', key:'I', openWith:'_', closeWith:'_'},
+		{separator:'---------------' },
+		{name:'Bulleted List', openWith:'- ' },
+		{name:'Numeric List', openWith:function(markItUp) {
+			return markItUp.line+'. ';
+		}},
+		{separator:'---------------' },
+		{name:'Picture', key:'P', replaceWith:'![[![Alternative text]!]]([![Url:!:http://]!] "[![Title]!]")'},
+		{name:'Link', key:'L', openWith:'[', closeWith:']([![Url:!:http://]!] "[![Title]!]")', placeHolder:'Your text to link here...' },
+		{separator:'---------------'},	
+		{name:'Quotes', openWith:'> '},
+		{name:'Code Block / Code', openWith:'(!(\t|!|`)!)', closeWith:'(!(`)!)'},
+		{separator:'---------------'},
+		{name:'Preview', call:'preview', className:"preview"}
+	]
+}
+
+// mIu nameSpace to avoid conflict.
+miu = {
+	markdownTitle: function(markItUp, char) {
+		heading = '';
+		n = $.trim(markItUp.selection||markItUp.placeHolder).length;
+		for(i = 0; i < n; i++) {
+			heading += char;
+		}
+		return '\n'+heading;
+	}
+}

data/app/assets/javascripts/markitup/sets/textile/set.js

@@ -0,0 +1,57 @@
+// -------------------------------------------------------------------
+// markItUp!
+// -------------------------------------------------------------------
+// Copyright (C) 2008 Jay Salvat
+// http://markitup.jaysalvat.com/
+// -------------------------------------------------------------------
+// Textile tags example
+// http://en.wikipedia.org/wiki/Textile_(markup_language)
+// http://www.textism.com/
+// -------------------------------------------------------------------
+// Feel free to add more tags
+// -------------------------------------------------------------------
+markitup_textile_settings = {
+  previewTemplatePath: '/assets/markitup/templates/preview.html',
+	previewParserPath: '/admin/pages/parse_content?data_type=textile', // path to your Textile parser
+	onShiftEnter:		{keepDefault:false, replaceWith:'\n\n'},
+	markupSet: [
+		{name:'Heading 1', key:'1', openWith:'h1(!(([![Class]!]))!). ', placeHolder:'Your title here...' },
+		{name:'Heading 2', key:'2', openWith:'h2(!(([![Class]!]))!). ', placeHolder:'Your title here...' },
+		{name:'Heading 3', key:'3', openWith:'h3(!(([![Class]!]))!). ', placeHolder:'Your title here...' },
+		{name:'Heading 4', key:'4', openWith:'h4(!(([![Class]!]))!). ', placeHolder:'Your title here...' },
+		{name:'Heading 5', key:'5', openWith:'h5(!(([![Class]!]))!). ', placeHolder:'Your title here...' },
+		{name:'Heading 6', key:'6', openWith:'h6(!(([![Class]!]))!). ', placeHolder:'Your title here...' },
+		{name:'Paragraph', key:'P', openWith:'p(!(([![Class]!]))!). '},
+		{separator:'---------------' },
+		{name:'Bold', key:'B', closeWith:'*', openWith:'*'},
+		{name:'Italic', key:'I', closeWith:'_', openWith:'_'},
+		{name:'Stroke through', key:'S', closeWith:'-', openWith:'-'},
+		{separator:'---------------' },
+		{name:'Bulleted list', openWith:'(!(* |!|*)!)'},
+		{name:'Numeric list', openWith:'(!(# |!|#)!)'}, 
+		{separator:'---------------' },
+		{name:'Picture', replaceWith:'![![Source:!:http://]!]([![Alternative text]!])!'}, 
+		{name:'Link', openWith:'"', closeWith:'([![Title]!])":[![Link:!:http://]!]', placeHolder:'Your text to link here...' },
+		{separator:'---------------' },
+		{name:'Quotes', openWith:'bq(!(([![Class]!]))!). '},
+		{name:'Code', openWith:'@', closeWith:'@'},
+		{separator:'---------------' },
+		{name:'Preview', call:'preview', className:'preview'},
+	  {name:'Table generator', 
+		  className:'tablegenerator', 
+		  placeholder:"Your text here...",
+		  replaceWith:function(h) {
+			  cols = prompt("How many cols?");
+			  rows = prompt("How many rows?");
+			  html = "";
+			  for (r = 0; r < rows; r++) {
+				  for (c = 0; c < cols; c++) {
+					  html += "|"+(h.placeholder||"");	
+				  }
+				  html += "|\n";
+			  }
+			  return html;
+		  }
+	  }
+	]
+}

data/app/assets/javascripts/page_engine.js

@@ -0,0 +1,189 @@
+//= require jquery-ui-1.8.15.custom.min
+//= require jquery.markitup
+//= require markitup/sets/html/set
+//= require markitup/sets/textile/set
+//= require markitup/sets/markdown/set
+//= require markitup/sets/css/set
+//= require markitup/sets/javascript/set
+//= require jquery.ui.nestedSortable
+
+$(document).ready(function(){
+  
+  $('ol#page_engine').nestedSortable({
+    disableNesting: 'no-nest',
+    forcePlaceholderSize: true,
+    handle: 'div',
+    helper: 'clone',
+    items: 'li',
+    opacity: .6,
+    placeholder: 'placeholder',
+    revert: 250,
+    tabSize: 25,
+    tolerance: 'pointer',
+    toleranceElement: '> div'
+  }); 
+  
+  $('#update_page_positions').click(function(){    
+    page_array = $('ol#page_engine').nestedSortable('toArray', { startDepthCount: 0 });
+    page_array.splice(0, 1);
+    
+    $.ajax({
+      data: { pages: page_array },
+      dataType:'script',
+      url: $('ol#page_engine').attr('data-href'),
+      type: 'put'
+    });
+    return false;
+  });
+  
+  var selected_tab = 0;
+  var page_parts = $('.page_parts').tabs({
+    select: function(event, ui){
+      selected_tab = ui.index;
+    }
+  });
+
+  $('.page_part a.delete').live('click', function(){
+    $(this).prev().val(true);
+    $('.page_parts').after($(this).prev());
+    page_parts.tabs('remove', selected_tab);     
+    return false;
+  });
+  
+  $('textarea[data-filter=css]').each(function(){
+    add_css($(this));
+  });  
+  
+  $('textarea[data-filter=javascript]').each(function(){
+    add_javascript($(this));
+  });  
+
+  $('textarea[data-filter=textile]').each(function(){
+    add_textile($(this));
+  });  
+  
+  $('textarea[data-filter=markdown]').each(function(){
+    add_markdown($(this));
+  });  
+  
+  $('textarea[data-filter=html]').each(function(){
+    add_html($(this));
+  });  
+  
+  $('select.filter').live('change', function(){
+    textarea = $('#' + $(this).attr('rel'));
+    filter = textarea.attr('data-filter');
+    
+    switch ($(this).val()){
+      case 'html':
+        add_html(textarea)
+        textarea.attr('data-filter', 'html');
+        break;
+      case 'textile':
+        add_textile(textarea);
+        textarea.attr('data-filter', 'textile');
+        break;
+      case 'markdown':
+        add_markdown(textarea);
+        textarea.attr('data-filter', 'markdown');
+        break;
+      case 'erb':
+        remove_editors(textarea);
+        textarea.attr('data-filter', 'erb');
+        break;
+      case 'erb+textile':
+        add_textile(textarea)
+        textarea.attr('data-filter', 'erb+textile');
+        break;
+      case 'none':
+        remove_editors(textarea);
+        textarea.attr('data-filter', 'none');
+        break;
+    }
+  });
+  
+  $('#page_no_publish_window').change(function(){
+    $('.edit_page .field.publish_from').toggle('slide');
+    $('.edit_page .field.publish_to').toggle('slide');
+  });
+  
+  $('textarea.ignore_tab').keypress(function(e){
+    if(e.keyCode == 9){
+      var pos = $(this).caret().start + 2;
+      text = $(this).val().substr(0, $(this).caret().start) + '  ' + $(this).val().substr($(this).caret().start);
+      console.debug($(this).val().substr($(this).caret().start));
+      $(this).val(text); 
+      
+		  if ($(this).get(0).setSelectionRange) 
+		  { 	
+			  $(this).get(0).setSelectionRange(pos, pos); 	
+		  } 
+		  else if ($(this).get(0).createTextRange) 
+		  { 
+			  var range = $(this).get(0).createTextRange(); 
+			  range.collapse(true); range.moveEnd("character", pos); 
+			  range.moveStart("character", pos); range.select(); 
+		  } 
+      return false;
+    }
+  });
+});
+
+add_html = function(textarea){
+  remove_editors(textarea);
+  textarea.markItUp(markitup_html_settings);
+  textarea.parents('.markItUp').addClass('html');
+}
+
+add_textile = function(textarea){
+  remove_editors(textarea);
+  textarea.markItUp(markitup_textile_settings);
+  textarea.parents('.markItUp').addClass('textile');
+}
+
+add_markdown = function(textarea){
+  remove_editors(textarea);
+  textarea.markItUp(markitup_markdown_settings);
+  textarea.parents('.markItUp').addClass('markdown');
+}
+
+add_css = function(textarea){
+  remove_editors(textarea);
+  textarea.markItUp(markitup_css_settings);
+  textarea.parents('.markItUp').addClass('css');
+}
+
+add_javascript = function(textarea){
+  remove_editors(textarea);
+  textarea.markItUp(markitup_javascript_settings);
+  textarea.parents('.markItUp').addClass('javascript');
+}
+
+remove_editors = function(textarea){
+  textarea.markItUpRemove();
+}
+
+add_fields = function(link, association, content){
+  var page_part_name = $('#new_page_part_name').val();
+  
+  if (page_part_name != ''){
+    if ($('#' + page_part_name.replace(/[^a-z0-9\-_]+/ig, '-')).length == 0){
+      var new_id = new Date().getTime();
+      
+      content = content.replace(/name="page_parts/g, 'name="page[page_parts_attributes][' + new_id + ']');
+      content = content.replace(/for="page_parts/g, 'for="page_page_parts_attributes_' + new_id);
+
+      $('.page_parts').tabs('add', '#' + new_id, page_part_name);
+      $('#' + new_id).html(content);
+      $('#' + new_id).addClass('page_part');
+      $('#' + new_id + ' .input:first input').val(page_part_name);
+      $('#new_page_part_name').val('');
+    }
+    else {
+      alert('Name already exists');      
+    }
+  } else {
+    alert('You need to specify a name');
+  }
+}
+