common_interface 0.1.0 → 0.1.1

data/lib/views/CommonInterface/Demo/Basic/page.html.haml

@@ -0,0 +1,19 @@
+= render '../shared/top_navigation_bottom'
+
+= render '../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 samples.common_controls
+		- o.toolbar [link_to('Note', '#'), link_to('Folder', '#')]
+		- o.tags samples.common_tags
+		- o.icon url_for("/common_interface/images/img1_thumb.jpg")
+		- o.content do
+			= render('page/note', :locals => {:text => "#{image_tag(url_for("/common_interface/images/img1_thumb.jpg"))} #{samples.note_text} #{samples.note_text}"})
+			= render('page/note', :locals => {:text => samples.note_text})
+			= render('page/folder')
+			= render('page/note', :locals => {:text => samples.note_text})			
+
+	= render '../shared/comments'

data/lib/views/CommonInterface/Demo/Basic/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("/common_interface/images/img#{i}_thumb.jpg")
+				- o.url url_for("/common_interface/images/img#{i}.jpg")
+				- o.controls [link_to('edit', '#'), link_to('delete', '#'), link_to('move', '#', {}, :class => '_handle')]

data/lib/views/CommonInterface/Demo/Basic/page/_note.html.haml

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

data/lib/views/CommonInterface/Demo/Basic/page/_toolbar.html.haml

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

data/lib/views/CommonInterface/Demo/Basic/popup.js.erb

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

data/lib/views/CommonInterface/Demo/Basic/selector.html.haml

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

data/lib/views/CommonInterface/Demo/Basic/style.html.erb

@@ -0,0 +1,113 @@
+<% content_for :content do %>
+	<% b.text do %>
+		
+
+		<h1>Heading, Paragraphs, Line Breaks, Links, Bold, Italic</h1>
+		<h1>Heading 1</h1>
+		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+		<h2>Heading 2</h2>
+		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+		<h3>Heading 3</h3>
+		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>		
+		<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. <b>They created 'THE TERMINATOR'</b>
+    <br/>The thing that won't die, in the <i>nightmare that won't end</i>. 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>
+		<h3>Unsorted list</h3>
+		<ul>
+			<li>Blandit in, interdum a</li>
+			<li>Ultrices non lectus</li>
+			<li>Nunc id odio</li>
+			<li>Fusce ultricies</li>
+		</ul>
+		<h3>Ordered list</h3>
+		<ol>
+			<li>Blandit in, interdum a</li>
+			<li>Ultrices non lectus</li>
+			<li>Nunc id odio</li>
+			<li>Fusce ultricies</li>
+		</ol>
+		
+
+		<h1>Images inside links should be modified to ImageBox</h1>
+		<a href="<%= url_for("/common_interface/images/img1.jpg") %>">
+			<img src="<%= url_for("/common_interface/images/img1_icon.jpg") %>"></img>
+		</a>
+		<a href="<%= url_for("/common_interface/images/img2.jpg") %>">
+			<img src="<%= url_for("/common_interface/images/img2_icon.jpg") %>"></img>
+		</a>
+		<a href="<%= url_for("/common_interface/images/img3.jpg") %>">
+			<img src="<%= url_for("/common_interface/images/img3_icon.jpg") %>"></img>
+		</a>
+
+
+		<h1>Left and right styles for images</h1>
+		<div class='left'>
+			<a href="<%= url_for("/common_interface/images/img1.jpg") %>">
+				<img src="<%= url_for("/common_interface/images/img1_icon.jpg") %>"></img>
+			</a>
+		</div>
+    <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>
+		<div class='right'>
+			<a href="<%= url_for("/common_interface/images/img3.jpg") %>">
+				<img src="<%= url_for("/common_interface/images/img2_icon.jpg") %>"></img>
+			</a>
+		</div>
+    <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>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'
+    <br/>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>
+
+
+		<h1>Left and right styles for arbitrary content</h1>
+		<div class='left'>
+			<b>The Terminator (1984) <a href='#'>More at IMDbPro</a> <br/> A human-looking, apparently unstoppable cyborg.</b>
+		</div>
+    <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>
+		<div class='right'>
+			<b>The Terminator (1984) <a href='#'>More at IMDbPro</a> <br/> A human-looking, apparently unstoppable cyborg.</b>
+		</div>
+    <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>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'
+    <br/>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>
+
+
+		<h1>Image by default should be alligned to the Left</h1>
+		<img src="<%= url_for("/common_interface/images/img1_thumb.jpg") %>"></img>
+    <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>
+
+		
+		<h1>Image by default should be alligned to the Left, even if it wrapped (from error)</h1>		
+    <p>
+			<img src="<%= url_for("/common_interface/images/img1_thumb.jpg") %>"></img>
+			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>
+
+
+		<h1>Image by default should be alligned to the Left</h1>
+		<a href="http://www.youtube.com/watch?v=M-cIjPOJdFM&amp;fs=1" title="Zombieland Trailer" class='_video'>
+			<img src="<%= url_for("/common_interface/images/video_icon.png") %>"></img>
+		</a>
+    <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>
+
+
+		<h1>Clear and Space</h1>
+		<div class='left'>This text splitted</div> <div class='clear'></div> <div class='left'>in two lines by clear div.</div>
+		<div class='clear'></div>
+		<div class='left'>This text splitted</div> <div class='space'></div> <div class='left'>in two lines by space div.</div>
+		<div class='clear'></div>
+		
+		
+		<!-- <h1>Autoclear after last image in line</h1>
+		<a href="<%= url_for("/common_interface/images/img1.jpg") %>">
+			<img src="<%= url_for("/common_interface/images/img1_icon.jpg") %>"></img>
+		</a>
+		<a href="<%= url_for("/common_interface/images/img2.jpg") %>">
+			<img src="<%= url_for("/common_interface/images/img2_icon.jpg") %>"></img>
+		</a>
+		This text should be on the newline -->
+				
+	<% end %>
+<% end %>

data/lib/views/CommonInterface/Demo/Basic/tmp.haml

@@ -0,0 +1,2 @@
+- tag :span, :class => "selected_tag #{1}" do
+	sdfa

data/lib/views/CommonInterface/Demo/Basic/user.html.haml

@@ -0,0 +1,16 @@
+- content_for :content do	
+	= b.title 'Alex'
+	
+	- b.user :id => 'user_id', :class => 'user_class' do |o|
+		- o.controls [link_to('add', '#'), link_to('edit', '#'), link_to('delete', '#')]
+		- o.avatar image_tag("/common_interface/images/img1_icon.jpg")
+		- o.properties do
+			- b.list do |o|
+				- o.content do
+					= b.list_item 'Alex Freeman'
+			
+		- o.content do
+			- b.list do |o|
+				- o.content do
+					= b.list_item 'Latest Activity ...'
+					= b.list_item 'Public Items ...'

data/lib/views/CommonInterface/Demo/Site/blog.html.haml

@@ -0,0 +1,13 @@
+= render '../shared/top_navigation_bottom'
+
+= render '../shared/tools'
+
+- content_for :content do	
+	- b.selector do |o|
+		- o.name samples.common_name
+		- o.text samples.note_text
+		- o.controls samples.common_controls
+
+	= render '../shared/line_previews'
+	
+	= render '../shared/paginator'

data/lib/views/CommonInterface/Demo/Site/home.html.haml

@@ -0,0 +1,9 @@
+= render '../shared/top_navigation_bottom'
+
+= render '../shared/core_tools'
+
+- content_for :content do
+	- b.note :id => "note_id", :class => "note_class" do |o|
+		- o.text metadata.homepage_html
+		- o.controls [link_to('edit', '#'), link_to('delete', '#')]
+		- o.details samples.common_details

data/lib/views/CommonInterface/Demo/Site/post.html.haml

@@ -0,0 +1,11 @@
+= render '../shared/top_navigation_bottom'
+
+= render '../shared/tools'
+
+- content_for :content do
+	- b.note :id => "note_id", :class => "note_class" do |o|
+		- o.text samples.note_text
+		- o.controls [link_to('edit', '#'), link_to('delete', '#')]
+		- o.details samples.common_details
+		
+	= render '../shared/comments'

data/lib/views/CommonInterface/Demo/Site/style.html.haml

@@ -0,0 +1,9 @@
+= render '../shared/top_navigation_bottom'
+
+= render '../shared/tools'
+
+- content_for :content do
+	- b.note :id => "note_id", :class => "note_class" do |o|
+		- o.text metadata.style_html
+		- o.controls [link_to('edit', '#'), link_to('delete', '#')]
+		- o.details samples.common_details

data/lib/views/CommonInterface/Demo/layouts/theme.html.erb

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

data/lib/views/CommonInterface/Demo/layouts/theme.js.erb

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

data/lib/views/CommonInterface/Demo/shared/_comments.html.haml

@@ -0,0 +1,11 @@
+- b.discussion :id => "discussion_id", :class => "discussion_class" do |o|
+	- o.name "3 comments"
+	- o.controls "<a href='#'>comment</a>"
+	- o.content do
+		- 3.times do |i|
+			- b.comment :id => 'comment_id', :class => 'comment_class' do |o|
+				- o.details samples.comment_details
+				- o.owner link_to("admin", '#')
+				- o.avatar image_tag(url_for("/common_interface/images/img1_icon.jpg")) unless i == 1
+				- o.text samples.comment_text
+				- o.controls samples.common_controls

data/lib/views/CommonInterface/Demo/shared/_core_tools.html.haml

@@ -0,0 +1,6 @@
+- content_for :tools do
+	- b.tool :name => "Parameters" do				
+		- b.more :name => "...", :id => 'more', :class => '_tiny' do
+			- b.basic_list do
+				= b.basic_list_item(tag(:a, "Update icon", :href => '#'))
+				= b.basic_list_item(tag(:a, "Edit", :href => '#') + " " + tag(:a, "Delete", :href => '#'))

data/lib/views/CommonInterface/Demo/shared/_line_previews.html.haml

@@ -0,0 +1,39 @@
+- b.line do |o|
+	- o.name samples.common_name
+	- o.icon url_for("/common_interface/images/img#{rand(3) + 1}_icon.jpg")
+	- o.text samples.detail_text
+	- o.url url_for("/common_interface/images/img#{rand(3) + 1}_icon.jpg")					
+	- o.controls samples.common_controls
+		
+- b.line do |o|
+	- o.name samples.common_name
+	- o.icon url_for("/common_interface/images/img#{rand(3) + 1}_icon.jpg")
+	- o.text samples.detail_text
+	- o.url url_for("/common_interface/images/img#{rand(3) + 1}_icon.jpg")					
+	- o.controls samples.common_controls
+	- o.tags samples.common_tags + ["Note"]
+	- o.details samples.common_details
+
+- b.line do |o|
+	- o.name samples.common_name
+	- o.text samples.detail_text
+	- o.url url_for("/common_interface/images/img#{rand(3) + 1}_icon.jpg")					
+	- o.controls samples.common_controls
+	- o.tags samples.common_tags + ["Page"]
+	- o.details samples.common_details
+				
+- b.line do |o|
+	- o.name samples.common_name
+	- o.url url_for("/common_interface/images/img#{rand(3) + 1}_icon.jpg")					
+	- o.controls samples.common_controls
+	- o.tags samples.common_tags + ["Task"]
+	- o.details samples.common_details		
+		
+- b.line :class => "_item" do |o|
+	- o.name samples.common_name
+	- o.icon url_for("/common_interface/images/img#{rand(3) + 1}_icon.jpg")
+	- o.text samples.detail_text
+	- o.url url_for("/common_interface/images/img#{rand(3) + 1}_icon.jpg")					
+	- o.controls samples.common_controls
+	- o.tags samples.common_tags + ["Note"]
+	- o.details samples.common_details

data/lib/views/CommonInterface/Demo/shared/_paginator.html.haml

@@ -0,0 +1,7 @@
+- pages = %w{1 2 3 4 5 6 7}.collect{|t| "<a href='#'>#{t}</a>"}
+- b.paginator do |o|
+	- o.prev "<a href='#'>Prev</a>"
+	- o.pages [1, 2, 3, 4, 5, 6, 7]
+	- o.to_link lambda{|t| "<a href='#'>#{t}</a>"}
+	- o.current_page 3
+	- o.next "<a href='#'>Next</a>"

data/lib/views/CommonInterface/Demo/shared/_tools.html.haml

@@ -0,0 +1,26 @@
+- content_for :tools do
+	- b.tool :name => "Add" do
+		%a{:href => "#", :class => "_embedded_popup", "data-content_id" => "add_content_popup"}
+			Add
+		#add_content_popup._hidden
+			- b.popup do
+				%a{:href => "#"} Page
+				%a{:href => "#"} Note
+				%a{:href => "#"} File
+
+	- b.tool :name => "Search" do
+		- form_tag do
+			= text_field_tag ''
+
+	- b.tool :name => "Tags" do
+		- b.tag_selector do |o|
+			- o.selected ['hot', 'low']
+			- o.selected_tag_to_link lambda{|tag| link_to tag.name, '#'}
+			- o.tags [{:name => 'top', :count => 10}, {:name => 'low', :count => 1}, {:name => 'hot', :count => 7}, {:name => 'middle', :count => 3}, {:name => 'middle', :count => 3}, {:name => 'middle', :count => 3}, {:name => 'ajax', :count => 1}, {:name => 'important', :count => 4}, {:name => 'artifical_intelligence', :count => 6}, {:name => 'google', :count => 1}, {:name => 'body', :count => 2}, {:name => 'sport', :count => 8}].collect{|hash| hash.to_openobject}
+			- o.tag_to_link lambda{|tag| link_to tag.name, '#'}
+			
+	- b.tool :name => "Parameters" do				
+		- b.more :name => "...", :id => 'more', :class => '_tiny' do
+			- b.basic_list do
+				= b.basic_list_item(tag(:a, "Update icon", :href => '#'))
+				= b.basic_list_item(tag(:a, "Edit", :href => '#') + " " + tag(:a, "Delete", :href => '#'))

data/lib/views/CommonInterface/Demo/shared/_top_navigation_bottom.html.haml

@@ -0,0 +1,32 @@
+- content_for :top_panel do
+	- b.top_panel :id => "top_panel_id", :class => "top_panel_class" do |o|
+		- o.logo metadata.logo
+		- o.left do |a|
+			- a.add 'Documents > Main'
+		
+		- o.right do |a|
+			- a.add "Hello, Guest"
+			- a.add
+			- a.add link_to("Log In", "#")
+			- a.add
+			- a.add link_to("Register", "#")
+			- a.add
+			- a.add link_to("+", CommonInterface::Demo::Basic, 'popup', :format => :js, :_theme => params[:_theme])
+
+
+- content_for :navigation do
+	- b.navigation :id => 'navigation_id', :class => 'navigation_class' do |o|		
+		- o.items do |a|			
+			- samples.top_menu_items.each do |menu|
+				- if samples.active_top_menu == menu
+					- a.add :content => menu, :active => true
+				- else
+					- a.add link_to(menu, CommonInterface::Demo::Basic, :select_menu, :top_menu => menu)
+
+
+- content_for :bottom_panel do
+	- b.bottom_panel do |o|
+		- o.left do
+			Some bottom links
+		- o.right do
+			Powered by <a href='http://bom4.com'>bom4.com</a>

data/lib/views/layouts/config/default.yml

@@ -0,0 +1,14 @@
+default:
+  layout_template: default  
+  slots:
+    top_panel: "shared/top_panel"
+    navigation: "shared/navigation"
+    aspects_bottom:
+    - "shared/aspects/comments"    
+    tools:
+    - "shared/tools/add_buttons"
+    - "shared/tools/search"
+    - "shared/tools/tags"
+    - "shared/tools/access"
+    - "shared/tools/context_menu"  
+    bottom_panel: "shared/bottom_panel"

data/lib/views/layouts/config/simple_organization.yml

@@ -0,0 +1,24 @@
+default:
+  layout_template: default
+  slots:
+    top_panel: "shared/top_panel"  
+    navigation: "shared/navigation"
+    aspects_bottom:
+    - "shared/aspects/comments"    
+    tools:
+    - "shared/tools/add_buttons"
+    - "shared/tools/search"
+    - "shared/tools/tags"
+    - "shared/tools/access"
+    - "shared/tools/context_menu"    
+    bottom_panel: "shared/bottom_panel"
+  
+home:
+  layout_template: home
+  slots:
+    top_panel: "shared/top_panel"
+    navigation: "shared/navigation"
+    tools: 
+      - "shared/tools/access"
+      - "shared/tools/context_menu"
+    bottom_panel: "shared/bottom_panel"