compages 0.4.0

data/app/models/meta_data.rb

@@ -0,0 +1,3 @@
+class MetaData < ActiveRecord::Base
+  belongs_to :content
+end

data/app/models/page.rb

@@ -0,0 +1,106 @@
+class Page < ActiveRecord::Base
+  attr_reader :page_html
+  has_many :page_elements, :include=>:content, :order=>"area_name, position ASC" do
+    def of_area (area_name)
+      find_all "area_name = '#{area_name}'"
+    end
+  end
+  # returns an array of strings with all the area_names associated to the elements of this page
+  has_many :areas, :class_name=>"PageElement", :select=>"area_name", :group=>"area_name"
+  has_many :contents, :through => :page_elements
+  acts_as_urlnameable :title, :overwrite=>true, :message=>'is unavailable.', :validate=>:class
+  
+  
+  THEMES_BASE_PATH = RAILS_ROOT+"/public/themes/"
+  
+  def render( mode = :show )
+    @page_html = theme_body
+    fill_areas do |area_name|
+      area_html = ""
+      area_html = %(<div class='compages_area' id='area_#{ area_name }'>) if mode == :edit
+      for page_element in page_elements.of_area area_name
+        unless page_element.content.nil?
+          area_html << %(<div class='compages_element' id='element_#{ page_element.id }'>) if mode == :edit
+          area_html << page_element.content.body_to_html
+          area_html << %(</div>) if mode == :edit
+        else
+          page_element.destroy
+        end
+      end
+      area_html << %(</div>) if mode == :edit
+      area_html
+    end
+    fill_theme_vars
+  end
+  
+  # renders the whole page with its theme and contents
+  def to_html
+    @page_html = theme_body
+    # subsitute areas definition (like %%area:my_area_name%%)
+    # with the html for the area elements
+    @page_html.gsub!( %r{%%area:([a-z_]+)%%} ) do ||
+      area_name, area_html = $1, ""
+      for page_element in page_elements.of_area area_name
+        area_html = page_element.content.body_to_html
+      end
+      area_html
+    end
+    fill_theme_vars
+  end
+  
+  # 
+  def fill_areas
+    # subsitute areas definition (like %%area:myareaname%%) 
+    # with the html for the area elements
+    @page_html.gsub!( %r{%%area:([a-z_]+)%%} ) do ||
+      area_name = $1
+      yield area_name
+    end
+    return @page_html
+  end
+  
+  
+  def fill_theme_vars
+    # subsitutes some other %%-style "variables" (see above)
+    @page_html.gsub!( %r{%%([a-z_]+):([a-z_]*)%%} ) do ||
+      case $1
+      when "page"
+        title if $2 == "title"
+      when "theme"
+        THEMES_BASE_PATH[(RAILS_ROOT+"/public").length..-1] + theme_name if $2 == "path"
+      end
+    end
+    return @page_html
+  end
+  
+  # returns the theme main file code
+  def Page.theme_body (theme_name)
+    File.open( THEMES_BASE_PATH + theme_name + "/index.html" ).read
+  end
+  
+  # returns the theme main file code
+  def theme_body
+    Page.theme_body( theme_name )
+  end
+  
+  # returns an array with all the available theme names
+  def Page.available_themes
+    Dir.entries(THEMES_BASE_PATH).collect {|f| f.gsub("_", "_") unless (f =~ /\..*/ ) }.compact
+  end
+  
+  def Page.theme_areas (theme_name)
+    areas_colection = []
+    (Page.theme_body theme_name).gsub %r{%%area:([a-z_]+)%%} do |match|
+      areas_colection << $1
+    end
+    return areas_colection
+  end
+  def theme_areas
+     Page.theme_areas( theme_name )
+  end
+  
+  def area_names #of the page
+    theme_areas #areas.collect {|area| area.area_name }.compact
+  end
+  
+end

data/app/models/page_element.rb

@@ -0,0 +1,9 @@
+class PageElement < ActiveRecord::Base
+  belongs_to :page
+  belongs_to :content
+  
+#  acts_as_list :scope => "area_name = '#{area_name}'"
+  
+  
+ 
+end

data/app/views/contents/_content_preview.rhtml

@@ -0,0 +1 @@
+<%= @content.body_to_html %>

data/app/views/contents/_contents_list.rhtml

@@ -0,0 +1,3 @@
+<% for content in @contents %>
+  <%= %(<option value="#{content.id}"> #{truncate strip_tags content.body} </option>) %>
+<% end %>

data/app/views/contents/_show_library.rhtml

@@ -0,0 +1,60 @@
+<!--table id="library_widget" class="widget bar_content" -->
+<div id="library_widget" class="widget bar_content" style="width:90%;margin:auto;background-color:#fff;">
+<!--tbody><tr>
+<td-->
+  <div class="widget_instructions" style="width:30%; float:left;">
+    <h2>About library</h2>
+    <p></p>
+  </div>
+<!--/td>
+<td-->
+  <div id="library" style="width:30%;  float:left;">
+    <div id="contents_list">
+      <label for="searchtext">Search Library:</label>
+      <%= text_field_tag :searchtext %><br/>
+      <%= image_tag "spinner.gif", :id=>"spinner", :style=>"display:none;" %>
+      <span id="search_comment"></span><br/>
+      <select name="content[id]" id="select_content" style="overflow:auto;width:20em;" size="10">
+        <%= render :partial=>"contents_list" %>
+      </select><br/>
+      <small id="content_actions" style="display:none">Selected content:
+      <%= link_to_remote "delete", 
+            { :url=>{:controller=>"contents", :action=>"delete_content", :id=>@page.id }, 
+              :submit=>"contents_list", 
+              :confirm=>"This deletion will affect all the pages!\n\nAre you sure?",
+              :loading=>( remote_function :url => { :action => :live_search },
+                                    :with => "('searchtext='+$('searchtext').value)"),
+              :loading => "Element.show('spinner')",
+              :complete => "Element.hide('spinner')"
+            },
+            { :style=>"color:red" }%>
+      <%= link_to "edit", "" %></small>&nbsp;
+    </div>
+    
+    <%= observe_field(:searchtext,
+                     :frequency => 0.5,
+                     :with => "('searchtext='+$('searchtext').value)",
+                     :loading => "Element.show('spinner')",
+                     :complete => "Element.hide('spinner')",
+                     :url => { :action => :live_search }) %>
+    <%= observe_field(:select_content,
+                     :on => "select",
+                     :frequency => 0.1,
+                     :update => "content_preview",
+                     :with => "select_content",
+                     :loading => "Element.show('spinner')",
+                     :complete => "Element.hide('spinner');if ($('select_content').value != '') {Element.show('content_actions')};",
+                     :url => { :action => :content_preview }) %>
+    
+    <h2><%= link_to_remote "add to the page!", :url=>{:controller=>"contents", :action=>"create_page_element", :id=>@page.id }, :submit=>"contents_list" %></h2>
+  </div>
+<!--/td>
+<td!-->
+  <div id="content_preview" style="width:30%;height:10em; float:left;">
+    <i style="color:lightgrey">no content selected for the preview</i>
+  </div>
+<!--/td!-->
+  <div class="clear"></div>
+<!--/tr>
+</tbody></table!-->
+</div>

data/app/views/contents/_write_now.rhtml

@@ -0,0 +1,42 @@
+<table id="write_widget" class="widget bar_content" >
+<tbody><tr>
+<td>
+  <div id="textile_instructions" class="widget_instructions" style="display:none;">
+    <h2>What is Textile?</h2>
+    <p>Textile is a simple markup language.</p>
+    <h2>textile &rarr; formatted text</h2>
+    <p>_a phrase_ &rarr; <span style="font-style:italic;">a phrase</span> (italic)</p>
+    <p>*a phrase* &rarr; <span style="font-weight:bold;">a phrase</span> (bold)</p>
+    <p>_*a phrase*_ &rarr; <span style="font-weight:bold;font-style:italic;">a phrase</span> (italic+bold)</p>
+    <p>"Google":http://google.com &rarr; <a href="http://google.com" style="text-decoration:underline;color:blue;padding:0;margin:0;">Google</a> (links)</p>
+        
+    <p>For more on Textile's language, hop over to <a href="http://hobix.com/textile/" target="_blank">A Textile Reference</a>.</p>
+  </div>
+</td>
+<td>
+  <div id="write_area">
+    <%= form_remote_tag :url=>{:controller=>"contents", :action=>"create_page_element", :id=>@page.id}, :html=>{:id=>"write_content_form"}%>
+      <h1>Write here... </h1><br/><%= text_area :content, :body %>
+      <%= hidden_field :content, :content_type, :value=>"text/textile"%>
+      <br/><%#= submit_to_remote "Save", "" %>
+    <%= end_form_tag %>
+    <h2><%= link_to_remote "Save!", :url=>{:controller=>"contents", :action=>"create_page_element", :id=>@page.id }, :submit=>"write_content_form" %></h2>
+		<br/>You can use <em>textile</em> here. <small><%= link_to_function "(what is textile?)", visual_effect( :toggle_slide, "textile_instructions" )%></small>
+  	
+  </div>
+</td>
+<td>
+  <div id="content_metadatas" style="display:none;">
+    <% remote_form_for :meta_data, :url=>{:controller=>"contents", :action=>"add_metadata"} do |f| %>
+      <h1>Add Meta-datas</h1>
+      Key: <%= f.text_field :key, :disabled=>true %><br/>
+      Value: <%= f.text_field :value, :disabled=>true %>
+      <%= f.hidden_field :content_id, :value=>@content%>
+    <% end %>
+  </div>
+</td>
+  <div class="clear"/>&nbsp;</div>
+</tr>
+</tbody></table>
+
+

data/app/views/layouts/pages.rhtml

@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>
+<head>
+  <title>Pages: <%= controller.action_name %></title>
+  <%= stylesheet_link_tag 'compages' %>
+  <%= javascript_include_tag :defaults, :unobtrusive %> 
+</head>
+<body>
+
+<p style="color: green" id="flash_notice" class="flash notice"><%= flash[:notice] %></p>
+<p style="color: red" id="flash_error" class="flash error"><%= flash[:error] %></p>
+
+<div id="wrapper">
+  <div id="journal-page" style="">
+  <%= @content_for_layout %>
+  <div class="clear"/>&nbsp;</div>
+  </div>
+  <div id="journal-shadow">
+    Copyright &copy; 2006 Elia Schito
+  </div>
+</div>
+<%= javascript_tag( visual_effect :blind_down, 'journal-page', :duration => 0.5 ) %>
+</body>
+</html>

data/app/views/layouts/render.rhtml

@@ -0,0 +1,11 @@
+<html>
+<head>
+  <title><%= @page.title %></title>
+</head>
+<body>
+
+
+<%= @content_for_layout %>
+
+</body>
+</html>

data/app/views/pages/_edit_menu.rhtml

@@ -0,0 +1,62 @@
+
+
+<script type="text/javascript">
+
+function goToMenu(menuName){
+<%= update_page do |page| 
+  page.select("#options_bar .menu").each {|menu|  menu.hide }
+  page << "$(menuName).show();return false;"
+end %>
+}
+Position.includeScrollOffsets = true;
+
+</script>
+
+
+<div id="compages">
+  <% apply_behaviour "#restore_bar", make_draggable %>
+  <div id="restore_bar">
+    <div id="restore_bar_ie">
+    <span class="drag_handle">Drag me...</span><br/>
+    <input type="hidden" id="selected_element" name="selected_element" value=""/>
+    <%= link_to_remote "Remove!", {:url=>{:controller=>"contents", :action=>"remove_page_element", :id=>@page.id }, :submit=>"restore_bar"}, {:id=>"remove_element", :style=>"position:relative;display:none;"} %>
+    <br/><%= link_to_function "Show Options", update_page{|p| p['compages_bar_wrapper'].visual_effect :appear, :duration=>0.2; p['restore_bar'].hide;p['hide_bar'].visual_effect :pulsate, :duration=>2 }, :style=>"position:relative;"%>
+  </div>
+  </div>
+  
+  <div id="compages_bar_wrapper" style="display: none;">
+    <div id="options_bar">
+      <div id="hide_bar"><%= link_to_function "hide this bar", update_page {|p| p['compages_bar_wrapper'].visual_effect :fade, :duration=>0.2; p['restore_bar'].show } %></div>
+      
+  		<ul id="main_menu" class="menu">
+  		  <span class="back"><%= link_to "&laquo; BACK", :action => "list" %></span>
+  			<li><%= link_to_function "Add some content", "goToMenu('add_content_menu');" %></li>
+  			<li id="highlight_areas"><%= link_to_function "highlight areas", update_page{|p|
+              p.select('.compages_area').each{|area| area.set_style :outline=>"3px solid #ffffaa;" }
+              p["highlight_areas"].hide;p["restore_highlighted_areas"].show } %>
+        </li>
+  			<li id="restore_highlighted_areas" style="display:none;background:#ffffaa;">
+          <%= link_to_function "highlight areas", update_page{|p|
+              p.select('.compages_area').each{|area| area.set_style :outline=>"none;" }
+              p["highlight_areas"].show;p["restore_highlighted_areas"].hide } %>
+        </li>
+  			
+  			<li id="change_theme"><%= link_to_remote "Change the page Theme", :url=>{:action=>"select_theme", :id=>@page.id } %></li>
+  		</ul>
+  		
+  		<ul id="add_content_menu" class="menu" style="display:none" >
+  		  <li class="back"><%= link_to_function "&laquo; BACK", "goToMenu('main_menu');" %></li>
+  			<li><%= link_to_remote "Write now!", :url=>{:controller=>"contents", :action=>"write_now", :id=>@page.id } %></li>
+  			<li><%= link_to_remote "Pick from library...", :url=>{:controller=>"contents", :action=>"show_library", :id=>@page.id } %></li>
+  		</ul>
+  		
+  		<ul id="write_content_menu" class="menu" style="display:none" >
+  		  <li class="back"><%= link_to_function "&laquo; Cancel", update_page{|p| p<< "goToMenu('add_content_menu');"; p.replace_html "widgets", ""} %></li>
+  		</ul>
+  		
+  	</div>
+  	<div id="widgets"></div>
+    <%= if_ie_tag %{<div id="ie_shadow">&nbsp;</div>} %>
+  </div>
+  
+</div>

data/app/views/pages/_page_listed.rhtml

@@ -0,0 +1,13 @@
+<li class="page_listed" id="page_<%= @page.id %>">
+  <span id="page_<%= @page.id %>_edit">&ldquo;</span>
+  <span class="title" id="page_<%= @page.id %>_title">
+    <%= in_place_editor_field :page, :title, {}, :external_control=>"page_#{@page.id}_edit"%>
+    &rdquo;
+  </span>
+  <br><span class="actions">
+    <%= link_to "View online", "/#{@page.urlname}", :target => "_blank"%> | 
+    <%= link_to 'Edit', :action => 'edit', :id => @page %> | 
+    <%= link_to_remote 'Delete', :url=>{:action => 'destroy', :id => @page} %>
+  </span>
+    
+</li>

data/app/views/pages/_select_theme.rhtml

@@ -0,0 +1,4 @@
+<%= form_tag :action=>"save_theme", :id=>@page.id %>
+  <%= select :page, :theme_name, Page.available_themes.collect{|name| [ name, name ] }, {:selected=>@page.theme_name}, {:id=>"save_theme"} %>
+  <%= submit_tag "change!"%>
+<% end_form_tag %>

data/app/views/pages/edit.rhtml

@@ -0,0 +1,35 @@
+<% @page_html = @page.render :edit 
+
+ head_content = javascript_include_tag( :defaults, :unobtrusive )<< stylesheet_link_tag( "page_editing" ) 
+ @page_html.gsub! %r{<\/head>}i, head_content<< "\n</head>" 
+ @page_html.gsub! %r{<body.*?>}i, render( :partial=>"edit_menu" )
+
+ sortables_code = "" 
+ for area in @page.area_names 
+   sortables_code << sortable_element( "area_"<< area, 
+                          :url=>{ :controller=>"contents", :action=>"update_area_elements", :id=>("area_"+area) },
+                          :dropOnEmpty=>true, 
+                          :tag=>:div, 
+                          :only=>"compages_element",
+                          :constraint=>false, 
+                          :hoverclass=>"\"dragging\"",
+                          :containment=>@page.area_names.collect{|name| "area_"<< name})
+ end 
+
+ @page_html.gsub! %r{<\/body>}i, import_stylesheet("editing")<< if_ie_tag(import_stylesheet "editing_ie_filth")<< sortables_code<< "</body>" 
+
+
+# i behaviour non stampano stringhe, quindi non c'� bisogno di inserirli nella pagina 
+ apply_behaviour( ".compages_element:click" , 
+          update_page{|p|
+            p.select('.compages_element').each{|e| e.set_style(:border=>"none")}
+            p<< 'this.setStyle({"border": "2px dotted black !important;"});'
+            p<< '$("selected_element").value=this.id'
+            p['remove_element'].show
+#            p.delay 10.seconds do |page|
+#              p.select('.compages_element').each{|e| e.set_style(:border=>"none")}
+#              p['remove_element'].visual_effect :fade
+#            end
+          }, :prevent_default=>true ) 
+ apply_behaviour( "table" , "this.setStyle('position:relative;');" ) %>
+<%= @page_html %>

data/app/views/pages/index.rhtml

@@ -0,0 +1,45 @@
+<h1 class="main_title">COMPAGES</h1>
+
+<div class="subtitle">
+a lean content management &amp; publishing system
+</div>
+
+<table><tbody><tr>
+<td class="column left_column">
+  <h2>What you can do now?</h2>
+  <p>
+  If you don't know where to start you can click on "Manage pages" to create your &#64257;rst sitepage.
+  <ol>
+    <li><%= link_to "Manage Pages", :action => 'list' %></li>
+    <li><%= link_to "View Your Site", "/", :popup=>true %></li>
+    <li><%= link_to "Manage Users", :action => 'list' %></li>
+  </ol>
+  </p>
+</td>
+<td class="column right_column lborder">
+  <h2>What is Compages</h2>
+  <p>
+  Compages is a web application that hepls you to build and maintain your site, 
+  <%= image_tag "logo_journal_small", :style=>"float:right;"%>
+  usually caled a "Content Management System".
+  I hope you'll &#64257;nd in this software an intuitive way to get things done. 
+  <br /><%= link_to_function "[more...]", visual_effect( :toggle_blind, "more" ), :id=>"more_link" %>
+  <div id="more" style="display:none">
+  Here are the main features/aims of the project:
+  <ul>
+   <li>A pleasant user interface</li>
+   <li>Drag-n-drop contents around the page</li>
+   <li>Change the content appearance with a click</li>
+   <li>Nearly NO user management/rights system</li>
+   <li>WYSIWYG content writing</li>
+   <li>Built using Ruby on Rails (which means that adapting Compges is as easy 
+    as any other Rails application)</li>
+   <li>Minimal templating system <br/><small>(building a template is reduced to 
+    the insertion of strings like %%area:my_area_name%% where you want to enable dropping of contents)</small></li>
+  </ul>
+  </div>
+  </p>
+  <p class="align_right"><span class="signature"> Elia Schito </span><i>(author of Compages)</i></p>
+</td>
+</tr></tbody></table>
+

data/app/views/pages/list.rhtml

@@ -0,0 +1,41 @@
+
+<div class="subtitle"><%= link_to "&laquo; Back", {:controller => "pages"}, :class=>"left"%> COMPAGES - LISTING PAGES </div>
+
+<table><tbody><tr>
+<td class="left_column column rborder" style="m in-height:25em;">
+<h2>Pages archive</h2>
+<p><%= link_to_remote "Add a page &raquo;", :url=>{:action=>"create"}%>
+<% unless @pages.empty? %>
+  <ol id="pages_listed">
+    <% for page in @pages %>
+      <% @page = page %>
+      <%= render :partial => "page_listed" %>
+    <% end %>
+  </ol>
+<% else %>
+  <p> Currently there are no pages! Start creating the &#64257;rst one by clicking on 
+  <em>Add a page &gt;</em>.</p>
+<% end %>
+</p>
+
+</td>
+
+<td class="right_column column">
+<h2> Pages Help<i>!</i> </h2>
+<p>Here are listed all the pages of the site, you can <em>edit the title by clicking
+ on it</em>.</p>
+<p>To add a page to your site <em>click on &ldquo;add a page&rdquo;</em>.</p>
+<p>To wipe out a page you can <em>click on &ldquo;delete&rdquo;</em>.</p>
+
+<h2>Editing...</h2>
+<p>To &#64257;ll up a page with contents or review contets and layout of a page 
+<em>click on &ldquo;edit&rdquo;</em>.</p>
+<p>By clicking on <em>edit</em> you'll be able to:
+<ul>
+  <li>add, and/or remove contents from your page</li>
+  <li>change the position of the contents within the page</li>
+  <li>chose the theme of your page</li>
+</ul>
+
+</td>
+</tr></tbody></table>