crystal-ext 0.0.1

data/lib/common_interface/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright (c) 2009 [name of plugin creator]
+
+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/lib/common_interface/README.md

@@ -0,0 +1,51 @@
+# Common Interface
+Common Interface is a tool for **Rapid Web Interface Creation**, Ruby on Rails Plugin (more exactly, it's the concrete implementation of the [Abstract Inteface][abstract-interface] plugin).
+
+Instead of trying to provide one universal user interface API (like GWT) to fit all needs, the [Abstract Interface][abstract-interface] **provides you with tools that ease creation of your own custom interface**.
+
+Define Your design only one time, in one place, and then reuse it, forget about HTML and CSS in your Views.
+
+It acts like an abstraction layer, allowing you to define your custom API (or DSL if you like) to build your user interface. Key point here - it allows you build such API **very quick and easy**.
+
+# Demo
+
+* [Sample of HomePage][sample1], [sample of page (with another design)][sample2]
+* [List of all Samples][list_of_samples]
+
+Real-life sample - [http://bos-tec.com](http://bos-tec.com), [http://bom4.com](http://bom4.com), there's no any custom template, all pages are made with the [Abstract Interface][abstract-interface] plugin.
+
+# Advantages
+
+* **Themes support** not only CSS, you can use completelly different HTML and layouts
+* **DRY**
+* **Clean views**
+* **Iterative development**
+* **Loose coupling of Logic and Design**
+* **Share the same design with many Apps**
+* **Mix two complete different themes** simultaneously, in the same page
+* Start with simple prototype and when App matures create professional design (with minimum changes in App)
+* Theme/Skin support (not only CSS but also Templates, Images, ...)
+* Outsource design without opening App code
+* Designers can go ahead and create working html/css/js
+* Programmers can go ahead and create working App with simple design
+* Both of them can do iterative prototyping that will be updated later
+
+# Usage
+
+1. sudo gem install rails-ext
+2. install this plugin in your rails App
+3. create symlink (in linux) or copy <plugin>/public/themes/ directory to <your_rails_App>/public
+4. start your rails App and go to /theme
+
+
+**Notice!** Common Interface is the interface that I build for my own need (you can also use it, by the way).
+But to create you own design you need to create your own 'Common Interface', using this code as a sample.
+
+
+Copyright (c) 2009 Alexey Petrushin [http://bos-tec.com](http://www.bos-tec.com), released under the MIT license.
+
+[abstract-interface]: http://github.com/alexeypetrushin/rails-ext
+
+[sample1]: http://bos-tec.com/theme_site/home?_layout_template=home&_theme=simple_organization
+[sample2]: http://bos-tec.com/theme/page
+[list_of_samples]: http://bos-tec.com/theme/index

data/lib/common_interface/app/controllers/theme_controller.rb

@@ -0,0 +1,65 @@
+class ThemeController < ActionController::Base
+  before_filter :prepare_menu, :prepare_variables, :set_theme, :prepare_samples
+  
+  def help
+    render :action => 'help', :layout => false
+  end
+  
+  def index
+    @title = "Theme"
+    render :index, :layout => false
+  end
+
+  def select_menu
+    session[:top_menu] = params[:top_menu] if params[:top_menu]
+    session[:side_menu] = params[:side_menu] if params[:side_menu]
+    
+    redirect_to :back
+  end  
+  
+  protected
+    def prepare_menu
+      @title = params[:action].humanize
+      
+      @top_menu_items = %w{Email Contacts Calendar Files}
+      @active_top_menu = session[:top_menu] || @top_menu_items.first
+    
+      @side_menu_items = %w{control_caption_0 control_caption_1 control_caption_2}
+      @active_side_menu = session[:side_menu] || @side_menu_items.first
+    end
+
+    def prepare_variables
+      @tabs = %w{Compose Contacts Import Categories}
+      @active_tab = @tabs.first
+    end
+  
+    def set_theme
+      current_theme.name = params[:_theme]
+      current_theme.layout_template = params[:_layout_template]
+    end
+    before_filter :set_theme
+  
+    def prepare_samples
+      @common_name = "Terminator Movie Series"
+      @common_tags = ['egypt', 'photo', 'travel'].collect{|w| "<a href='#'>#{w}</a>"}
+      @common_details = ["Today at 15:58", "by <a href='#'>admin</a>", "{7}"]
+      @comment_details = ["Today at 15:58", "by <a href='#'>admin</a>"]
+      @common_controls = %w{add edit delete}.collect{|w| "<a href='#'>#{w}</a>"}
+      
+      @detail_text = <<END
+<p>The Terminator (1984) <a href='#'>More at IMDbPro</a></p>
+<p>Your future is in his hands.</p>      
+END
+      
+      @note_text = <<END
+<p>The Terminator (1984) <a href='#'>More at IMDbPro</a></p>
+<p>In the Year of Darkness, 2029, the rulers of this planet devised the ultimate plan. They would reshape the Future by changing the Past. The plan required something that felt no pity. No pain. No fear. Something unstoppable. They created 'THE TERMINATOR'</p>
+<p>The thing that won't die, in the nightmare that won't end. A human-looking, apparently unstoppable cyborg is sent from the future to kill Sarah Connor; Kyle Reese is sent to stop it.</p>
+<p>Your future is in his hands.</p>
+END
+      @comment_text = <<END
+<p>Although the Stack Overflow engine was always designed with a technical audience in mind, I’m intrigued to see how far we can push the boundaries of that audience.</p>
+<p>We’ve pushed a little bit when going from programmers, to sysadmins, to power computer users — and we may try pushing a tad further this year with yet another site.</p>
+END
+    end
+end

data/lib/common_interface/app/controllers/theme_site_controller.rb

@@ -0,0 +1,2 @@
+class ThemeSiteController < ThemeController
+end

data/lib/common_interface/app/views/layouts/theme.html.erb

@@ -0,0 +1 @@
+<%= html = render :partial => themed_partial('application') -%>

data/lib/common_interface/app/views/layouts/theme.js.erb

@@ -0,0 +1,11 @@
+try{
+	<% unless params[:target].blank? -%>
+	var target = $('#<%= params[:target] %>');
+	<% end -%>
+	
+	<%= yield %>
+	
+	<% if msg = flash[:error] || flash[:info] -%>
+	$.infoMessage("<%= j msg %>");
+	<% end -%>
+}catch(e){console.log(e)};

data/lib/common_interface/app/views/theme/_dialog.html.haml

@@ -0,0 +1,7 @@
+- b.dialog do
+	= b.title "Dialog Title"
+	- b.form do |f|
+		= f.hidden_field_tag :_theme, params[:_theme]
+		= f.text_field_tag :name, "Some Name", :label => "Name"
+		= f.text_area_tag :body, "Some text"
+		= f.line_with_delimiters ok_button, cancel_button

data/lib/common_interface/app/views/theme/_popup.html.haml

@@ -0,0 +1,4 @@
+- b.popup do 
+	= b.title "The More" 
+	= link_to "Profile", "#"
+	= link_to "Statistics", "#"

data/lib/common_interface/app/views/theme/aspects.html.haml

@@ -0,0 +1,32 @@
+= render :partial => 'theme_shared/top_navigation_bottom'
+
+= render :partial => 'theme_shared/tools'
+
+- content_for :aspects do
+	= b.divider "Controls"
+	- b.controls :id => "controls_id", :class => "controls_class" do |o|
+		- o.left do |a|
+			- a.add link_to('Compose', "#", :class => 'icn_compose')
+			- a.add link_to('Move', "#")
+			- a.add link_to('Delete', "#")
+
+		- o.right do |a|
+			- a.add link_to('Archive', "#", :class => 'icn_compose')
+			- a.add link_to('Filter', "#")
+
+	= b.divider "Tags and Details"
+	- b.details :id => "details_id", :class => "details_class" do |o|
+		- o.tags @common_tags
+		- o.details @common_details
+
+	= b.divider "Comments"
+	= render :partial => 'theme_shared/comments'
+
+	= b.divider "Visibility Tags"
+	- visibility_tags = [['owner', '__owner_visibility'], ['member', '__member_visibility']].collect{|t, v| content_tag :div, t, :class => v}
+	- item_type = [content_tag :div, 'Note', :class => '__item_type']
+	- b.details do |o|
+		- o.tags @common_tags + visibility_tags + item_type
+		
+	= b.divider "Paginator"
+	= render :partial => 'theme_shared/paginator'

data/lib/common_interface/app/views/theme/basic.html.haml

@@ -0,0 +1,123 @@
+= render :partial => 'theme_shared/top_navigation_bottom'
+
+= render :partial => 'theme_shared/tools'
+					
+- content_for :content do
+	= b.divider "Dialog"
+	= link_to('Show Dialog', :action => 'dialog', :format => :js, :_theme => params[:_theme]) 	
+
+	= b.divider "Title"
+	= b.title "The Title", :id => "title_id", :class => "title_class"	
+
+	= b.divider "Messages"
+	
+	= b.message 'Info message'
+	- b.message :type => :error do
+		Error Message
+	
+	= b.narrow b.message('Narrow content')
+	
+
+	= b.divider "Tabs"
+	
+	- b.tabs :id => "tabs_id", :class => "tabs_class" do |o|
+		- o.content do
+			- @tabs.each do |name|
+				- if @active_tab == name
+					= b.tabs_item name, :active => true
+				- else
+					= b.tabs_item link_to(name, "#")
+				
+	
+	= b.divider "Toolbar"
+
+	- b.toolbar :id => "toolbar_id", :class => "toolbar_class" do |o|
+		- o.left do |a|
+			- a.add link_to('Compose', "#", :class => 'icn_compose')
+			- a.add link_to('Move', "#")
+			- a.add link_to('Delete', "#")
+
+		- o.right do |a|
+			- a.add link_to('Archive', "#", :class => 'icn_compose')
+			- a.add link_to('Filter', "#")
+			
+	
+	= b.divider "List"
+	
+	- b.basic_list :id => "list_id", :class => "list_class" do |o|
+		- o.content do
+			= b.basic_list_item "First Line", :id => "list_id_1", :class => "list_class_1"
+			= b.basic_list_item "Second Line", :check_box => check_box_tag(:tmp), :id => "list_id_2", :class => "list_class_2"
+	
+	
+	= b.divider "Form"
+
+	- b.form do |f|
+		= f.error_messages "First", "Second" 
+	
+		= f.hidden_field_tag :name, "value" 
+	
+		= f.check_box_tag :active, true, :label => "" 
+		= f.text_field_tag :name, "Some Name", :label => "Field with error", :errors => ["Error 1", "Error 2"] 
+		= f.text_field_tag :name, "Some Name", :label => "Type something here", :description => "Add something valuable, (its description for this text_field)" 
+		= f.text_area_tag :body, "Some text"
+		= f.text_field_tag :name, "", :required => true, :label => "Required field"
+		
+		= f.field_tag %w{one two three}.collect{|n| radio_button_tag('group', n) + label_tag("group_#{n}", n)}.join(' '), :label => "Visibility"
+		
+		- b.more :id => 'stub', :name => "...", :class => '_tiny' do
+			= f.text_field_tag :extra_field, "", :label => "Extra Fields"
+	
+		= f.line f.submit("Ok"), link_to("Cancel", "#") 
+		= f.line_with_delimiters f.submit("Ok"), link_to("Cancel", "#") 
+
+
+	= b.divider "Form for" 
+
+	- b.form_for Samples.build_stub!, :url => '' do |f| 
+		= f.error_messages 
+
+		= f.hidden_field_tag :some_hidden_field, "value" 
+		= f.hidden_field :name 
+
+		= f.check_box :active, :label => "" 
+		= f.text_field :name, :label => "Type something here", :description => "Add something valuable, (its description for this text_field)" 
+		= f.text_area :body, :label => false 
+
+		= f.text_field_tag :name, "value" 
+
+		= f.line f.submit("Ok"), link_to("Cancel", "#") 
+		= f.line_with_delimiters f.submit("Ok"), link_to("Cancel", "#") 
+
+
+	= b.divider "Table" 
+
+	- b.table :id => "table_id", :class => "table_class", :on => 3 do |o| 
+		- o.head ["Name", "Position", "Actions"]
+		- o.rows do |a|
+			- a.add b.table_row(["Alex", "Manager", "<a href='#'>Delete</a>"], :id => "table_id_1", :class => "table_class_1")
+			- a.add b.table_row(["Bob", "Worker", "<a href='#'>Delete</a>"])
+			- a.add b.table_row(["Fred", "Executer", "<a href='#'>Delete</a>"])
+
+
+	= b.divider "Table without header" 
+
+	- b.table do |o| 
+		- o.rows do |a|
+			= a.add b.table_row(["Alex", "Manager", "<a href='#'>Delete</a>"])
+			- a.add do
+				- b.table_row do |o| 
+					- o.content do |a|
+						- a.add "Fred"
+						- a.add "Executer"
+						- a.add "<a href='#'>Delete</a>" 
+
+
+	= b.divider "Text" 
+
+	- b.text do
+		Some Text <a href='#'>Some Link</a>
+		
+	= b.divider "Custom content" 
+	
+	= render :partial => themed_partial('basic/html')

data/lib/common_interface/app/views/theme/dialog.js.erb

@@ -0,0 +1 @@
+target.showDialog("<%= js render('dialog') %>");

data/lib/common_interface/app/views/theme/folder.html.haml

@@ -0,0 +1,45 @@
+= render :partial => 'theme_shared/top_navigation_bottom'
+
+= render :partial => 'theme_shared/tools'					
+
+- content_for :content do	
+	- options = b.options :class => "_sortable_container", :html_attributes => {"data-item_class" => '_item'} do |o|
+		- o.name @common_name
+		- o.controls @common_controls
+		- o.tags @common_tags
+		
+	= b.divider "Folder (Thumb without Title)"
+	- b.folder options do |o|
+		- o.content do
+			- 12.times do 
+				- i = rand(3) + 1
+				- b.thumb :class => "_item" do |o|
+					- o.thumb url_for_path("/common_interface/images/img#{i}_thumb.jpg")
+					- o.url url_for_path("/common_interface/images/img#{i}.jpg")
+					- o.controls(@common_controls + [link_to('move', '#', :class => '_handle')])
+				
+				
+	= b.divider "Folder (Thumb with Title)"
+	- b.folder options do |o|
+		- o.content do
+			- 3.times do |i|
+				- i = i + 1
+				- b.thumb :name => "The Salvator", :class => "_item" do |o|
+					- o.thumb url_for_path("/common_interface/images/img#{i}_thumb.jpg")
+					- o.url url_for_path("/common_interface/images/img#{i}.jpg")
+					- o.controls(@common_controls + [link_to('move', '#', :class => '_handle')])
+
+	= b.divider "Folder (Lines)"
+	- b.folder options do |o|
+		- o.content do
+			- 3.times do |i|
+				- i = i + 1
+				- b.line :class => "_item" do |o|
+					- o.name @common_name
+					- o.icon url_for_path("/common_interface/images/img#{i}_icon.jpg")
+					- o.url url_for_path("/common_interface/images/img#{i}_icon.jpg")
+					- o.text @detail_text
+					- o.controls(@common_controls + [link_to('move', '#', :class => '_handle')])
+					- unless i == 2
+						- o.tags @common_tags			
+						- o.details @common_details

data/lib/common_interface/app/views/theme/help.html.haml

@@ -0,0 +1,7 @@
+- if params[:_theme].blank?
+	%h1 Help for Themes
+	- AbstractInterface.available_themes.each do |theme|
+		%a{:href => url_for(:controller => :theme, :action => :help, :_theme => theme)}= theme.humanize
+		%br
+- else
+	= render :partial => themed_partial('help')

data/lib/common_interface/app/views/theme/index.html.haml

@@ -0,0 +1,24 @@
+- layouts = b.options do |o|
+	- o.default [[:home, :default], [:style, :default], [:blog, :default], [:post, :default]]
+	- o.simple_organization [[:home, :home], [:style, :default], [:blog, :default], [:post, :default]]
+
+- AbstractInterface.available_themes.each do |theme|
+	%h1= "'#{theme.humanize}' Theme"
+
+	%b Core:
+	- %w{aspects basic folder items list page selector}.each do |action|
+		%a{:href => url_for(:controller => :theme, :action => action, :_theme => theme)} #{action.humanize}
+	%br
+
+	%b Special Cases:
+	- %w{user style}.each do |action|
+		%a{:href => url_for(:controller => :theme, :action => action, :_theme => theme)} #{action.humanize}
+	%br
+	
+	%b Site: 
+	- layouts[theme].each do |action, ltemplate|
+		%a{:href => url_for(:controller => :theme_site, :action => action, :_theme => theme, :_layout_template => ltemplate)} #{action.to_s.humanize}
+	%br
+
+%p
+	Sources are <a href='http://github.com/alexeypetrushin/common_interface'>here</a>.

data/lib/common_interface/app/views/theme/items.html.haml

@@ -0,0 +1,91 @@
+= render :partial => 'theme_shared/top_navigation_bottom'
+
+= render :partial => 'theme_shared/tools'					
+
+- content_for :content do
+	= b.divider "Note"
+	- b.note :id => "note_id", :class => "note_class" do |o|
+		- o.name "Terminator movie series"
+		- o.text @note_text
+		- o.controls [link_to('edit', '#'), link_to('delete', '#')]
+		- o.tags @common_tags			
+		- o.details @common_details
+						
+	= b.divider "Thumb"
+	- b.thumb :id => 'thumb_id', :class => "thumb_class" do |o|
+		- o.controls @common_controls
+		- o.thumb url_for_path("/common_interface/images/img1_thumb.jpg")
+		- o.url url_for_path("/common_interface/images/img1.jpg")
+		- o.name 'Picture 1.jpg'
+	._clear					
+		
+	= b.divider "Line"
+	- b.line :id => "line_id", :class => "line_class" do |o|
+		- o.name @common_name
+		- o.icon url_for_path("/common_interface/images/img1_icon.jpg")
+		- o.url url_for_path("/common_interface/images/img1_icon.jpg")
+		- o.text @detail_text
+		- o.controls @common_controls
+		- o.tags @common_tags			
+		- o.details @common_details
+	
+	= b.divider "File"
+	- b.file :id => "file_id", :class => "file_class" do |o|
+		- o.name "Product Overview.pdf"
+		- o.icon url_for_path("/common_interface/images/img1_icon.jpg")
+		- o.url url_for_path("/common_interface/images/img1_icon.jpg")
+		- o.controls @common_controls
+		- o.tags @common_tags
+		- o.details @common_details
+					
+	= b.divider "Selector"
+	- b.selector :id => "selector_id", :class => "selector_class" do |o|
+		- o.name "Top 10 Movies"
+		- o.controls @common_controls
+		- o.content do
+			- 2.times do |i|
+				- i = i + 1
+				- b.line :id => "line_id", :class => "line_class" do |o|
+					- o.name @common_name
+					- o.icon url_for_path("/common_interface/images/img#{i}_icon.jpg")
+					- o.url url_for_path("/common_interface/images/img#{i}_icon.jpg")
+					- o.text @detail_text
+					- o.controls @common_controls
+					- o.tags @common_tags	if i == 1
+					- o.details @common_details if i == 1
+		
+	= b.divider "Folder"
+	- b.folder :id => "folder_id", :class => "folder_class _item _sortable_container", :html_attributes => {"data-item_class" => '_item'} do |o|
+		- o.name "Pictures for Terminator Movie"
+		- o.controls @common_controls
+		- o.tags @common_tags			
+		- o.details @common_details
+		- o.content do
+			- 7.times do |i|
+				- i = rand(3) + 1			
+				- b.thumb :class => '_item' do |o|
+					- o.thumb url_for_path("/common_interface/images/img#{i}_thumb.jpg")
+					- o.url url_for_path("/common_interface/images/img#{i}.jpg")
+					- o.controls(@common_controls + [link_to('move', '#', :class => '_handle')])
+					
+	= b.divider "List"
+	- b.list :id => "list_id", :class => "list_class _item _sortable_container", :html_attributes => {"data-item_class" => '_item'} do |o|
+		- o.name "List of Tasks"
+		- o.controls @common_controls
+		- o.tags @common_tags			
+		- o.details @common_details
+		- o.content do
+			- 7.times do |i|
+				- b.list_item "First Line", :id => "list_id_#{i}", :class => "_item list_class_#{i}" do |o|
+					- o.check_box check_box_tag(:tmp) if i.odd? and i <= 4
+					- o.controls(@common_controls + [link_to('move', '#', :class => '_handle')])
+					- o.details @common_details
+					- o.finished true if i > 4
+
+	= b.divider "Selector"
+	- b.selector :id => "selector_id", :class => "selector_class" do |o|
+		- o.name @common_name
+		- o.text @detail_text
+		- o.controls @common_controls
+		- o.tags @common_tags			
+		- o.details @common_details

data/lib/common_interface/app/views/theme/list.html.haml

@@ -0,0 +1,23 @@
+= render :partial => 'theme_shared/top_navigation_bottom'
+
+= render :partial => 'theme_shared/tools'					
+
+- content_for :content do
+	= b.divider "List"
+	- b.list :id => "list_id", :class => "_item list_class _sortable_container", :html_attributes => {"data-item_class" => '_item'} do |o|
+		- o.name "List of Tasks"
+		- o.controls @common_controls
+		- o.tags @common_tags			
+		- o.details @common_details
+		- o.content do
+			- 5.times do |i|
+				- b.list_item "First Line", :id => "a#{i}", :class => '_item' do |o|
+					- o.check_box check_box_tag(:tmp)
+					- o.controls(@common_controls + [link_to('move', '#', :class => '_handle')])
+					- o.details @common_details
+					
+			- 13.times do |i|
+				- b.list_item "First Line", :id => "b#{i}", :class => '_item' do |o|
+					- o.controls(@common_controls + [link_to('move', '#', :class => '_handle')])
+					- o.details @common_details
+					- o.finished true

data/lib/common_interface/app/views/theme/page/_folder.html.haml

@@ -0,0 +1,10 @@
+- b.folder :class => "_item _sortable_container", :html_attributes => {"data-item_class" => '_item'} do |o|
+	- o.name "Pictures for Terminator Movie"
+	- o.controls [link_to('add', '#'), link_to('edit', '#'), link_to('delete', '#'), link_to('move', '#', :class => '_handle')]
+	- o.content do
+		- 5.times do 			
+			- i = rand(3) + 1
+			- b.thumb :name => "The Salvator", :class => '_item' do |o|
+				- o.thumb url_for_path("/common_interface/images/img#{i}_thumb.jpg")
+				- o.url url_for_path("/common_interface/images/img#{i}.jpg")
+				- o.controls [link_to('edit', '#'), link_to('delete', '#'), link_to('move', '#', :class => '_handle')]

data/lib/common_interface/app/views/theme/page/_note.html.haml

@@ -0,0 +1,4 @@
+- b.note :class => '_item' do |o|
+	- o.name "Terminator movie series"
+	- o.text text
+	- o.controls(@common_controls + [link_to('move', '#', :class => '_handle')])

data/lib/common_interface/app/views/theme/page/_toolbar.html.haml

@@ -0,0 +1,5 @@
+.hover_controls_container
+	 
+	.hover_controls
+		Add: 
+		= [link_to('Note', '#'), link_to('Folder', '#')].join(' ')

data/lib/common_interface/app/views/theme/page.html.haml

@@ -0,0 +1,19 @@
+= render :partial => 'theme_shared/top_navigation_bottom'
+
+= render :partial => 'theme_shared/tools'					
+
+- content_for :content do
+		
+	- b.page :class => "_sortable_container", :html_attributes => {"data-item_class" => '_item'} do |o|
+		- o.name "Pictures for Terminator Movie"
+		- o.controls @common_controls
+		- o.toolbar [link_to('Note', '#'), link_to('Folder', '#')]
+		- o.tags @common_tags
+		- o.icon url_for_path("/common_interface/images/img1_thumb.jpg")
+		- o.content do
+			= render(:partial => 'theme/page/note', :locals => {:text => "#{image_tag(url_for_path("/common_interface/images/img1_thumb.jpg"))} #{@note_text} #{@note_text}"})
+			= render(:partial => 'theme/page/note', :locals => {:text => @note_text})
+			= render(:partial => 'theme/page/folder')
+			= render(:partial => 'theme/page/note', :locals => {:text => @note_text})			
+
+	= render :partial => 'theme_shared/comments'

data/lib/common_interface/app/views/theme/popup.js.erb

@@ -0,0 +1 @@
+target.showPopup("<%= js render('popup') %>");

data/lib/common_interface/app/views/theme/selector.html.haml

@@ -0,0 +1,38 @@
+= render :partial => 'theme_shared/top_navigation_bottom'
+
+= render :partial => 'theme_shared/tools'					
+
+- content_for :content do	
+	- options = b.options do |o|
+		- o.name @common_name
+		- o.controls @common_controls
+		- o.tags @common_tags
+		
+	= b.divider "Selector (Thumb without Title)"
+	- b.selector options do |o|
+		- o.text @note_text
+	- 12.times do 
+		- i = rand(3) + 1
+		- b.thumb :class => "_item" do |o|
+			- o.thumb url_for_path("/common_interface/images/img#{i}_thumb.jpg")
+			- o.url url_for_path("/common_interface/images/img#{i}.jpg")
+			- o.controls @common_controls
+	._clear
+				
+
+	= b.divider "Selector (Thumb with Title)"
+	= b.selector options
+	- 3.times do |i|
+		- i = i + 1
+		- b.thumb :name => "The Salvator", :class => "_item" do |o|
+			- o.thumb url_for_path("/common_interface/images/img#{i}_thumb.jpg")
+			- o.url url_for_path("/common_interface/images/img#{i}.jpg")
+			- o.controls @common_controls
+	._clear
+
+
+	= b.divider "Selector (Lines)"
+	= b.selector options
+
+	= render :partial => 'theme_shared/line_previews'
+	._clear