rad_common_interface 0.0.6 → 0.0.7

data/app/views/rad/face/demo/dialogs/dialog_form.html.haml

@@ -0,0 +1,7 @@
+= b.title "Dialog Title"
+- b.form_tag action: url_for(:dialog, format: :js) 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.check_box_tag :valid, true, label: 'Valid'
+  = f.line ok_button('Ok'), cancel_button('Cancel')

data/app/views/rad/face/demo/dialogs/dialog_form.js.erb

@@ -0,0 +1 @@
+rad.dialog().show("<%= js render('dialog_form', format: 'html') %>");

data/app/views/rad/face/demo/dialogs/inplace/_element.html.haml

@@ -0,0 +1,3 @@
+#inplace_element
+  = h @text
+  = link_to('[edit]', :inplace_form, format: :js, theme: params.theme)

data/app/views/rad/face/demo/dialogs/inplace/_form.html.haml

@@ -0,0 +1,3 @@
+- b.form_tag action: url_for(:inplace, format: :js) do |f|
+  = f.text_area_tag :text, ''
+  = f.line ok_button, cancel_button

data/app/views/rad/face/demo/dialogs/inplace.js.haml

@@ -0,0 +1 @@
+rad.inplace('#inplace_element').update("#{js render('inplace/element')}");

data/app/views/rad/face/demo/dialogs/inplace_form.js.haml

@@ -0,0 +1,2 @@
+- form = js render('inplace/form', format: :html)
+rad.inplace('#inplace_element').edit('#{form}');

data/app/views/rad/face/demo/dialogs/show.html.haml

@@ -0,0 +1,27 @@
+= b.divider "Context Menu"
+%a{href: "#", class: "the_context_menu_button", "data-content_id" => "add_content_menu"}
+  Add
+#add_content_menu.hidden
+  %a{href: "#"} Page
+  %a{href: "#"} Note
+  %a{href: "#"} File
+  
+= b.divider "Dialog"
+= link_to('Show Dialog', :dialog_form, format: :js, theme: params.theme)
+
+= b.divider "Images"
+- b.text do
+  %a{href: url_for("/static/demo/images/img1.jpg")}
+    %img{src: url_for("/static/demo/images/img1_icon.jpg")}
+  %a{href: url_for("/static/demo/images/img2.jpg")}
+    %img{src: url_for("/static/demo/images/img2_icon.jpg")}
+  %a{href: url_for("/static/demo/images/img3.jpg")}
+    %img{src: url_for("/static/demo/images/img3_icon.jpg")}
+  %a{href: url_for("/static/demo/images/img_big.jpg")}
+    %img{src: url_for("/static/demo/images/img_big_icon.jpg")}    
+  .clear  
+  
+  Use Left/Right arrows to navigate between images.
+
+= b.divider "In-place editor"
+= render 'inplace/element'

data/app/views/rad/face/demo/helps/help.html.haml

@@ -0,0 +1 @@
+= render themed_partial('/help')

data/app/views/rad/face/demo/helps/index.html.haml

@@ -0,0 +1,25 @@
+- helps = Rad::Face::Demo::Helps
+- commons = Rad::Face::Demo::Commons
+- dialogs = Rad::Face::Demo::Dialogs
+
+- theme = (params.theme || 'default').to_sym
+
+= b.title "The :#{theme} theme:"
+
+- b.basic_list do |o|
+  - o.content do
+    = b.basic_list_item link_to('Help', helps, :help, theme: theme)          
+    
+    - urls = %w{basic forms aspects style items}.collect{|action| link_to action.humanize, commons, action.to_sym, theme: theme}
+    = b.basic_list_item urls.join(', ')
+    
+    = b.basic_list_item link_to('Dialogs', dialogs, :show, theme: theme)
+
+%br
+        
+= render themed_partial('/index')
+= render themed_partial('/index2') if theme == :default and template.exist?(themed_partial('/index2'))
+
+%br
+
+= b.text "Sources: <a href='http://github.com/alexeypetrushin/rad_common_interface'>http://github.com/alexeypetrushin/rad_common_interface</a>."

data/app/views/rad/face/demo/layout.html.haml

@@ -0,0 +1,3 @@
+- content_for :head do
+  = stylesheet_link_tag '/themes/default/style.css'
+= render themed_partial('/application')

data/app/views/rad/face/demo/layout.js.haml

@@ -0,0 +1,11 @@
+= "try{"
+- unless params._target.blank?
+  var target = $('#{params._target}');
+- else
+  var target = $('body');
+
+= yield
+
+- if msg = flash.sticky_error || flash.error || flash.sticky_info || flash.info
+  rad.info("#{js msg}");
+= "}catch(e){console.log(e)};"

data/app/views/rad/face/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("/static/demo/images/img1_icon.jpg")) unless i == 1
+        - o.text samples.comment_text
+        - o.controls samples.controls

data/app/views/rad/face/demo/shared/_core_tools.html.haml

@@ -0,0 +1,6 @@
+- content_for :tools do
+  - b.tool name: "Parameters" do        
+    - b.more name: "...", id: 'more' 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/app/views/rad/face/demo/shared/_line_previews.html.haml

@@ -0,0 +1,40 @@
+- attachment = samples.attachments.first
+- b.line do |o|
+  - o.name samples.name
+  - o.image attachment
+  - o.text samples.detail_text
+  - o.url attachment.url
+  - o.controls samples.controls
+    
+- b.line do |o|
+  - o.name samples.name
+  - o.image attachment
+  - o.text samples.detail_text
+  - o.url attachment.url
+  - o.controls samples.controls
+  - o.tags samples.tags + ["<div class='m_item_type'>Note</div>"]
+  - o.details samples.details
+
+- b.line do |o|
+  - o.name samples.name
+  - o.text samples.detail_text
+  - o.url attachment.url
+  - o.controls samples.controls
+  - o.tags samples.tags + ["<div class='m_item_type'>Page</div>"]
+  - o.details samples.details
+        
+- b.line do |o|
+  - o.name samples.name
+  - o.url attachment.url
+  - o.controls samples.controls
+  - o.tags samples.tags + ["<div class='m_item_type'>Task</div>"]
+  - o.details samples.details    
+    
+- b.line do |o|
+  - o.name samples.name
+  - o.image attachment
+  - o.text samples.detail_text
+  - o.url attachment.url
+  - o.controls samples.controls
+  - o.tags samples.tags + ["<div class='m_item_type'>Note</div>"]
+  - o.details samples.details

data/app/views/rad/face/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/app/views/rad/face/demo/shared/_tools.html.haml

@@ -0,0 +1,25 @@
+- content_for :tools do
+  - b.tool do  
+    - b.more name: "...", id: 'add_button' do |o|
+      - o.core do
+        = link_to 'Add', '#'
+      - o.more do
+        = link_to('Note', '#') + tag(:span, ', ')
+        = link_to 'Selector', '#'
+
+  - 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' 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/app/views/rad/face/demo/shared/_top_navigation_bottom.html.haml

@@ -0,0 +1,34 @@
+- content_for :top_panel do
+  - b.top_panel id: "top_panel_id", class: "top_panel_class" do |o|
+    - o.logo_image demo_metadata.logo_image
+    - o.logo_text demo_metadata.logo_text
+    - o.left do |a|
+      - a.add 'Documents'
+      - a.add 'Main'
+    
+    - o.right do |a|
+      - a.add "Hello, Guest"
+      - a.add link_to("Log In", "#")
+      - a.add link_to("Register", "#")
+
+
+- content_for :navigation do
+  - b.navigation do |o|    
+    - o.left 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, Rad::Face::Demo::Commons, :select_menu, top_menu: menu)
+      
+    - o.right do |a|
+      - a.add content: 'en', active: true
+      - a.add link_to('ru', '#')
+
+
+- content_for :bottom_panel do
+  - b.bottom_panel do |o|
+    - o.left do
+      Some bottom links
+    - o.right do
+      Powered by <a href='http://4ire.net'>4ire.net</a>

data/app/views/rad/face/demo/sites/blog.html.haml

@@ -0,0 +1,12 @@
+= render '/rad/face/demo/shared/top_navigation_bottom'
+
+= render '/rad/face/demo/shared/tools'
+
+- b.item do |o|
+  - o.name samples.name
+  - o.text samples.text
+  - o.controls samples.controls
+
+= render '/rad/face/demo/shared/line_previews'
+
+= render '/rad/face/demo/shared/paginator'

data/app/views/rad/face/demo/sites/home.html.haml

@@ -0,0 +1,8 @@
+= render '/rad/face/demo/shared/top_navigation_bottom'
+
+= render '/rad/face/demo/shared/core_tools'
+
+- b.item id: "note_id", class: "note_class" do |o|
+  - o.text demo_metadata.homepage_html
+  - o.controls [link_to('edit', '#'), link_to('delete', '#')]
+  - o.details samples.details

data/app/views/rad/face/demo/sites/post.html.haml

@@ -0,0 +1,10 @@
+= render '/rad/face/demo/shared/top_navigation_bottom'
+
+= render '/rad/face/demo/shared/tools'
+
+- b.item id: "note_id", class: "note_class" do |o|
+  - o.text samples.text
+  - o.controls [link_to('edit', '#'), link_to('delete', '#')]
+  - o.details samples.details
+  
+= render '/rad/face/demo/shared/comments'

data/app/views/rad/face/demo/sites/style.html.haml

@@ -0,0 +1,8 @@
+= render '/rad/face/demo/shared/top_navigation_bottom'
+
+= render '/rad/face/demo/shared/tools'
+
+- b.item id: "note_id", class: "note_class" do |o|
+  - o.text demo_metadata.style_html
+  - o.controls [link_to('edit', '#'), link_to('delete', '#')]
+  - o.details samples.details

data/app/views/themes/default/application.html.haml

@@ -0,0 +1,25 @@
+!!! 5
+%html{lang: I18n.locale}
+  
+  %head 
+    %meta{content: "text/html; charset=utf-8", "http-equiv" => "Content-Type"}
+    - unless (title = @html_title || @title || respond_to(:title)).blank?
+      %title= h title
+      
+    %link{rel: "icon", href: "/favicon.ico", type: "image/x-icon"}
+
+    = stylesheet_link_tag '/themes/default/reset.css'
+    = stylesheet_link_tag '/face.css'
+    = yield :head
+        
+  %body          
+    = yield :top_panel
+    = yield :navigation
+    
+    = render themed_partial("/layout_templates/#{theme.layout_template}")
+    
+    = yield :bottom_panel         
+      
+    = javascript_include_tag '/face.js'
+    = yield :bottom
+    = call_deferred_js

data/app/views/themes/default/basic_list.html.haml

@@ -0,0 +1,2 @@
+- if object.content?
+  = tag :div, object.content, object.merge_html_attributes(class: " the_basic_list")

data/app/views/themes/default/basic_list_item.html.haml

@@ -0,0 +1,5 @@
+- if object.content?
+  - tag :div, object.merge_html_attributes(class: " l_item") do
+    - if object.check_box?
+      .l_check_box= object.check_box
+    .l_content= object.content

data/app/views/themes/default/bottom_panel.html.haml

@@ -0,0 +1,16 @@
+- if object.content? or object.left? or object.right?
+  - tag :div, object.merge_html_attributes(class: " the_bottom_panel") do
+    .css_box
+      - if object.content? or object.left?
+        .l_left
+          .l_item
+            = object.content
+            = object.left.content
+          .css_clear
+
+      - if object.right?
+        .l_right
+          .l_item= object.right.content
+          .css_clear
+    
+      .css_clear

data/app/views/themes/default/comment.html.haml

@@ -0,0 +1,20 @@
+- tag :div, object.merge_html_attributes(class: " the_comment m_selectable") do
+  - body = capture do
+    .l_text.m_markup
+      = object.text
+      .css_clear
+  - if object.controls?
+    .m_hover_controls= object.controls.join(' ')
+  - if object.avatar?
+    %table.css_table
+      %tbody
+        %tr
+          %td.css_td1
+            .l_image= object.avatar
+          %td.css_td2
+            = body  
+  - else
+    = body
+  .m_details= (object.details.to_a + object.owner.to_a).join(', ')
+  .css_clear
+    

data/app/views/themes/default/controls.html.haml

@@ -0,0 +1,3 @@
+- object.class ||= ""
+- object.class << " thecontrols"
+= b.toolbar object

data/app/views/themes/default/demo_metadata.rb

@@ -0,0 +1,118 @@
+base = "/face"
+
+m = {
+  logo_text: "BOS Tec",
+  logo_image: nil
+}
+
+m[:homepage_html] = <<HTML
+<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>
+HTML
+
+m[:style_html] = <<HTML
+<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>
+
+<h4>Heading 4</h4>
+<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
+<div class="content-separator"></div>
+
+<h2>Images in text</h2>
+
+<img src="#{base}/images/demo/img1_thumb.jpg">
+
+<p>Curabitur faucibus risus quis lectus. <a href="#">Donec vehicula</a>. Pellentesque nec, lectus. Nullam dictum sem. Phasellus varius. Vestibulum in felis in mauris consequat molestie</p>
+
+<div class="content-separator"></div>
+
+<h2>Blockquote</h2>
+
+<blockquote>
+  <p>Praesent orci nisi, interdum quis, tristique vitae, consectetur sed, arcu. Ut at sapien non dolor semper sollicitudin. Etiam semper erat quis odio. Quisque commodo suscipit velit. Nulla facilisi.</p>
+  <p><cite>- Duis justo quam</cite></p>
+</blockquote>
+
+<div class="content-separator"></div>
+
+<h2>Lists</h2>
+
+<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>
+
+<h3>Definition list</h3>
+
+<dl>
+  <dt>title</dt>
+  <dd>definition</dd>
+  <dd>definition</dd>
+  <dt>title</dt>
+  <dt>title</dt>
+  <dd>definition</dd>
+  <dt>title</dt>
+  <dd>definition</dd>
+</dl>
+
+<div class="content-separator"></div>
+
+<h2>Tables</h2>
+
+<h3>Data table</h3>
+
+<table class="data-table">
+  <tbody><tr>
+    <th>Property 1</th>
+    <th>Property 2</th>
+    <th>Property 3</th>
+    <th>Property 4</th>
+  </tr>
+  <tr class="even">
+    <td>Value 1.1</td>
+    <td>Value 1.2</td>
+    <td>Value 1.3</td>
+    <td>Value 1.4</td>
+  </tr>
+  <tr>
+    <td>Value 2.1</td>
+    <td>Value 2.2</td>
+    <td>Value 2.3</td>
+    <td>Value 2.4</td>
+  </tr>
+  <tr class="even">
+    <td>Value 3.1</td>
+    <td>Value 3.2</td>
+    <td>Value 3.3</td>
+    <td>Value 3.4</td>
+  </tr>
+  <tr>
+    <td>Value 4.1</td>
+    <td>Value 4.2</td>
+    <td>Value 4.3</td>
+    <td>Value 4.4</td>
+  </tr>
+</tbody></table>
+HTML
+
+m

data/app/views/themes/default/details.html.haml

@@ -0,0 +1,6 @@
+- tag :div, object.merge_html_attributes(class: " the_details") do
+  - if object.tags?
+    .m_tags= object.tags.join(' ')
+  - if object.details?
+    .m_details= object.details.to_a.join(', ')
+  .css_clear

data/app/views/themes/default/discussion.html.haml

@@ -0,0 +1,7 @@
+- tag :div, object.merge_html_attributes(class: " the_discussion") do
+  / .divider.hidden
+  /   .divider_title= object.name  
+  .l_comments= object.content.to_a.join("\n") 
+  - if object.controls? 
+    .l_controls= object.controls.to_a.join("\n")
+  .css_clear

data/app/views/themes/default/divider.html.haml

@@ -0,0 +1,2 @@
+- tag :div, object.merge_html_attributes(class: " the_divider") do    
+  = object.content

data/app/views/themes/default/forms/errors.html.haml

@@ -0,0 +1,4 @@
+- unless object.empty?
+  .l_errors
+    - object.each do |message|
+      .l_error= message

data/app/views/themes/default/forms/field.html.haml

@@ -0,0 +1,18 @@
+- errors = object.errors.collect{|msg| tag(:div, msg, class: "l_error")}.join("\n")
+- body = capture do
+  .l_input= object.content
+  - unless errors.blank?
+    .l_errors= errors
+  - if object.description?
+    .l_description= object.description
+.l_field
+  - if object.label?
+    %table.css_table
+      %tbody
+        %tr
+          %td.css_td1        
+            %div{class: "l_label#{' l_required' if object.required?}"}= object.label
+          %td.css_td2
+            = body
+  - else
+    = body

data/app/views/themes/default/forms/form.html.haml

@@ -0,0 +1,4 @@
+- object.merge_html_attributes(id: object.id) if object.id?
+- tag :div, object.merge_html_attributes(class: " the_form") do
+	- form_tag *object.form_attributes do
+		= object.content

data/app/views/themes/default/forms/line.html.haml

@@ -0,0 +1,8 @@
+- if object.items?
+  .l_line      
+    - object.items.each do |item|
+      .l_item= item      
+    .css_clear
+- else 
+  / preserving space if line empty
+  .l_line

data/app/views/themes/default/help.html.haml

@@ -0,0 +1,3 @@
+= b.title "Default Theme"
+
+TODO2 add help page for default theme.

data/app/views/themes/default/html.html.haml

@@ -0,0 +1 @@
+Some custom HTML

data/app/views/themes/default/index.html.haml

@@ -0,0 +1,6 @@
+- sites = Rad::Face::Demo::Sites
+
+- b.basic_list do |o|
+  - o.content do
+    - urls = %w{home style blog post}.collect{|action| link_to action.humanize, sites, action.to_sym, theme: 'default'}
+    = b.basic_list_item urls.join(', ')

data/app/views/themes/default/item.html.haml

@@ -0,0 +1,12 @@
+- tag :div, object.merge_html_attributes(class: " the_item m_selectable") do
+  - if object.controls?
+    .m_hover_controls= object.controls.join(' ')
+  
+  - if object.name?
+    %h1.m_title= object.name
+  
+  .l_text.m_markup
+    = object.text
+    .css_clear
+
+  = render themed_partial('/shared/details'), object: object

data/app/views/themes/default/layout_templates/dashboard.html.haml

@@ -0,0 +1 @@
+- raise 'not impl'

data/app/views/themes/default/layout_templates/default.html.haml

@@ -0,0 +1,22 @@
+.css_box
+  - content = capture do
+    - if (top_aspects = yield :top_aspects).present?
+      .the_aspects= top_aspects
+    - if (content = yield :content).present?
+      .the_content= content
+    - if (aspects = yield :aspects).present? or (bottom_aspects = yield :bottom_aspects).present?
+      .the_aspects
+        = aspects
+        = bottom_aspects
+  - if (tools = yield :tools).present?
+    %table.css_table
+      %tbody
+        %tr
+          %td.css_td1        
+            = content
+          %td.css_td2
+            .the_tools
+              = tools
+  - else
+    .css_box
+      = content

data/app/views/themes/default/line.html.haml

@@ -0,0 +1,21 @@
+- tag :div, object.merge_html_attributes(class: " the_line m_selectable") do  
+  - if object.controls?
+    .m_hover_controls= object.controls.join(' ') 
+  - body = capture do
+    %a{href: object.url, class: 'l_title'}= object.name? ? object.name : "(#{t(:empty)})"  
+    - if object.text?
+      .l_text= object.text
+  - if object.image?
+    %table.css_table
+      %tbody
+        %tr
+          %td.css_td1        
+            .l_image
+              %a{href: object.url}
+                %img{src: object.image.icon_url}
+          %td.css_td2
+            = body
+  - else
+    = body      
+  .css_clear
+  = render themed_partial('/shared/details'), object: object

data/app/views/themes/default/message.html.haml

@@ -0,0 +1,2 @@
+- if object.content?
+  = tag :div, object.content, object.merge_html_attributes(class: " the_#{object.type || 'info'}_message")

data/app/views/themes/default/more.html.haml

@@ -0,0 +1,8 @@
+- more = object.more || object.content
+- if object.core? or present?(more)
+  - raise "you should provide unique id for b.more element (to allow it remember it's state in ajax requests')!" unless object.id?
+  - core_id, more_id = "#{object.id}_core", "#{object.id}_more"
+  = tag :span, object.core, id: core_id if object.core?
+  - if more.present?
+    = tag :a, object.name, class: "the_more", href: '#', 'data-id' => object.id
+    .hidden{id: more_id}= more

data/app/views/themes/default/narrow.html.haml

@@ -0,0 +1,2 @@
+- if object.content?
+  = tag :div, object.content, object.merge_html_attributes(class: " the_narrow")