ActionItem166: form de insercao de comentario melhorado

git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@1473 3f533792-8f58-4932-b0fe-aaf55b0a4547

ActionItem166: form de insercao de comentario melhorado
git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@1473 3f533792-8f58-4932-b0fe-aaf55b0a4547
AurelioAHeckert
1 parent 1e455329
Showing 8 changed files with 106 additions and 55 deletions Show diff stats
app/helpers/application_helper.rb
app/views/content_viewer/_comment_form.rhtml
app/views/layouts/application.rhtml
app/views/shared/user_menu.rhtml
public/designs/icons/default/home-HC.gif
public/designs/icons/default/style.css
public/stylesheets/article.css
public/stylesheets/menu.css
@@ -126,28 +126,6 @@ module ApplicationHelper
     link_to text, homepage_path(:profile => doc.profile.identifier , :page => path)
   end
-  def shortcut_header_links
-#    search_link = ( lightbox_link_to content_tag('span', _('Search')), { :controller => 'search', :action => 'popup' }, { :id => 'open_search'} )
-#
-#    if logged_in?
-#      [
-#        ( link_to_homepage '<img src="' +
-#          ( (current_user.person.image)? current_user.person.image.public_filename(:icon) : "/images/icons-bar/photo.png" ) +
-#          '" alt="Photo" title="" height="20" border="0"/>'+ current_user.login,
-#          current_user.login, :id=>"link_go_home" ),
-#        ( link_to_myprofile( content_tag('span', _('control panel')), {}, nil, { :id => 'link_edit_profile'} ) ),
-#        ( link_to content_tag('span', _('Admin')), { :controller => 'admin_panel' }, :id => 'link_admin_panel' if current_user.person.is_admin?), 
-#        ( lightbox_link_to content_tag('span', _('Logout')), { :controller => 'account', :action => 'logout_popup'}, :id => 'link_logout'),
-#        search_link,
-#      ]
-#    else
-#      [
-#        ( lightbox_link_to content_tag('span', _('Login')), { :controller => 'account', :action => 'login_popup' }, :id => 'link_login' ),
-#        search_link,
-#      ]
-#    end.join(" ")
-  end
-
   def link_if_permitted(link, permission = nil, target = nil)
     if permission.nil? || current_user.person.has_permission?(permission, target)
       link
-<h3><%= _('Post a comment') %></h3>
+<%
+  comment_form_id = 'comment_form'+ rand(9999).to_s
+%>
+<div
+  class="post_comment_box closed"
+  onclick="f=$(<%= comment_form_id %>); f.style.display='block';
+           this.className = this.className.replace(/closed/,'opened');
+           f.commit.focus(); f['comment[title]'].focus()">
-<% form_tag do %>
+<h4><%= _('Post a comment') %></h4>
+
+<% form_tag( {}, { :id => comment_form_id, :style => 'display:none' } ) do %>
   <% unless logged_in? %>
@@ -14,8 +23,10 @@
   <% end %>
   <%= labelled_form_field(_('Title'), text_field(:comment, :title)) %>
-  <%= labelled_form_field(_('Enter your comment'), text_area(:comment, :body)) %>
+  <%= labelled_form_field(_('Enter your comment'), text_area(:comment, :body, :rows => 5)) %>
   <% button_bar do %>
-    <%= submit_button('post', _('Post comment')) %>
+    <%= submit_button('add', _('Post comment')) %>
   <% end %>
 <% end %>
+
+</div><!-- end class="post_comment_box" -->
@@ -13,7 +13,7 @@
      stylesheet_import is better then stylesheet_link_tag because the stylesheet
      must be loaded before the page show.
     %>
-    <%= stylesheet_import %w( common help menu button search blocks forms login-box ) %>
+    <%= stylesheet_import %w( common help menu article button search blocks forms login-box ) %>
     <%= import_blocks_stylesheets %>
     <%=
       # Load the controller's css file if it exists:
 <div id="user_menu" class="top_extra_menu AOM_paddingBottom_6">
 <% if logged_in? %>
-  <%=
-  link_to_homepage '<img src="' + (
-      (current_user.person.image)? current_user.person.image.public_filename(:icon) : "/images/icons-bar/photo.png"
-    ) +
-    '" alt="'+ current_user.login() +' Icon-Photo" title="" height="20" border="0"/>'+
-    current_user.login, current_user.login, :id=>'link_go_home', :class => 'user_menu_first_link'
-  %>
+
+  <div id="user_menu_head">
+    <img src="<%=
+    (current_user.person.image)?
+    current_user.person.image.public_filename(:icon) : "/images/icons-bar/photo.png"
+    %>" alt="<%= current_user.login %> Icon-Photo" title="" height="20" border="0"/>
+    <span><%= _("%s's Menu") % current_user.login %></span>
+  </div>
+
   <div id="user_menu_ul">
     <ul>
-      <li><a href="#"><span class="icon-menu-blog"></span> Meu Blog</a></li>
+      <li><a href="<%= homepage_path(:profile => current_user.login) %>"><span class="icon-menu-home"></span><%= _('My Home Page') %></a></li>
+
+      <!-- li><a href="#"><span class="icon-menu-blog"></span> Meu Blog</a></li -->
       <li><%= link_to_myprofile( '<span class="icon-menu-ctrl-panel"></span>'+ _('control panel'),
                                    {}, nil, :id => 'link_edit_profile' ) %></li>
-      <li><%= link_to( '<span class="icon-menu-edit"></span>'+_('Edit Profile'),
-                      :controller => 'profile_editor', :profile => user.identifier, :action => 'edit' ) %></li>
-
-      <li><%= link_to( '<span class="icon-menu-product"></span>'+_('Consumed Products'),
-                      :profile => user.identifier, :controller => 'consumed_products' ) %></li>
       <%=
         '<li>'+ link_to( '<span class="icon-menu-"></span>'+ _('Admin'),
                          { :controller => 'admin_panel' }, :id => 'link_admin_panel' ) +
         '</li>' if user.is_admin?
       %>
-      <li><%= link_to( '<span class="icon-menu-ed-design"></span>'+_('Edit Visual Design'),
-                       :controller => 'profile_design', :profile => user.identifier ) %></li>
-
-      <li><%= link_to( '<span class="icon-menu-"></span>'+_('Manage Content'),
-                       :controller => 'cms', :profile => user.identifier) %></li>
-
       <li><%= lightbox_link_to( '<span class="icon-menu-logout"></span>'+ _('Logout'),
                                 { :controller => 'account', :action => 'logout_popup'}, :id => 'link_logout' ) %></li>
@@ -43,7 +36,7 @@
 <%= lightbox_link_to '<span class="icon-menu-login"></span>'+ _('Login'),
                      { :controller => 'account', :action => 'login_popup' },
-                     :id => 'link_login', :class => 'user_menu_first_link' %>
+                     :id => 'link_login' %>
 <% end %>
@@ -24,6 +24,7 @@
 .icon-help32on  { background-image: url(help-on-32x32-HC.gif)    }
 .icon-help32off { background-image: url(help-off-32x32-HC.gif)   }
 .icon-menu-           { background-image: url(menu-without-ico-HC.gif) }
+.icon-menu-home       { background-image: url(home-HC.gif)             }
 .icon-menu-blog       { background-image: url(blog-HC.gif)             }
 .icon-menu-album      { background-image: url(album-HC.gif)            }
 .icon-menu-product    { background-image: url(product-HC.gif)          }
@@ -0,0 +1,50 @@
+/*
+** Style for Article Related Elements
+*/
+
+.post_comment_box {
+  text-align: center;
+  padding: 0px 15px 5px 15px;
+  margin: 10px;
+}
+
+.post_comment_box h4 {
+  padding: 1px 20px;
+  margin: 0px;
+  background: #B8CFE7;
+}
+
+.post_comment_box.closed h4 {
+  display: inline;
+  border: 1px solid #729FCF;
+  cursor: pointer;
+}
+
+.post_comment_box.opened {
+  border: 1px solid #729FCF;
+  background: #B8CFE7;
+}
+
+.post_comment_box form {
+  text-align: left;
+  margin: -10px 0px 0px 0px;
+}
+
+.post_comment_box .formfield * {
+  width: 99%;
+}
+
+.post_comment_box .button-bar {
+  text-align: center;
+}
+
+.post_comment_box input.button {
+  position: relative;
+  float: none;
+  margin: auto;
+}
+
+.post_comment_box .button-bar br {
+  display: none;
+}
+
@@ -172,7 +172,6 @@ body.category4 #assets_menu_layout_iten { background: url(/images/top-bar/assets
 #assets_menu_list {
   padding: 0px 0px 6px 5px;
   background: url(/images/top-bar/assets-menu-bg-azul.gif) 0% 100%;
-  Xborder-right: 1px solid #2A5896;
 }
 body.category1 #assets_menu_list { background-image: url(/images/top-bar/assets-menu-bg-laranja.gif)   }
 body.category2 #assets_menu_list { background-image: url(/images/top-bar/assets-menu-bg-verde.gif)     }
@@ -194,8 +193,9 @@ body.category4 #assets_menu_list { background-image: url(/images/top-bar/assets-
   list-style: none;
 }
+#user_menu_head,
 #user_box a,
-/*#assets_menu a,*/
+#assets_menu a,
 .top_extra_menu a {
   font-size: 12px;
   font-weight: bold;
@@ -208,13 +208,21 @@ body.category4 #assets_menu_list { background-image: url(/images/top-bar/assets-
   overflow: hidden;
   position: relative;
 }
+body.category1 #user_menu_head,
 body.category1 #user_box a,
+body.category1 #assets_menu a,
 body.category1 .top_extra_menu a { color: #FDD79E }
+body.category2 #user_menu_head,
 body.category2 #user_box a,
+body.category2 #assets_menu a,
 body.category2 .top_extra_menu a { color: #C4F099 }
+body.category3 #user_menu_head,
 body.category3 #user_box a,
+body.category3 #assets_menu a,
 body.category3 .top_extra_menu a { color: #D6BFD3 }
+body.category4 #user_menu_head,
 body.category4 #user_box a,
+body.category4 #assets_menu a,
 body.category4 .top_extra_menu a { color: #F79494 }
 #user_box a:hover,
 .top_extra_menu a:hover {
@@ -235,7 +243,7 @@ body.category3 .top_extra_menu a:hover { background: #75507B; color: #FFF }
 body.category4 #user_box a:hover,
 body.category4 .top_extra_menu a:hover { background: #CC0000; color: #FFF }
-#user_box a img,
+#user_box img,
 #user_box a span,
 .top_extra_menu a span {
 	position: absolute;
@@ -250,18 +258,18 @@ body.category4 .top_extra_menu a:hover { background: #CC0000; color: #FFF }
   opacity: 0.7;
 	filter: alpha(opacity=70);
 }
-.msie5 #user_box a img,
+/*.msie5 #user_box img,*/
 .msie5 #user_box a span,
 .msie5 .top_extra_menu a span {
   display: none;
 }
-#user_box a img,
+#user_box img,
 #user_box a:hover span,
 .top_extra_menu a:hover span {
   opacity: 1;
 	filter: alpha(opacity=100);
 }
-#user_box a img {
+#user_box img {
   border: none;
   top: -1px;
   left: -1px;
@@ -297,11 +305,21 @@ body.category4 .top_extra_menu a:hover { background: #CC0000; color: #FFF }
   width: 170px;
 }
-#user_box a.user_menu_first_link {
+#user_menu_head {
+  overflow: visible;
+  cursor: default;
+}
+#user_menu_head span {
+  position: relative;
+  top: 1px;
+}
+
+#user_menu_head,
+#user_box a#link_login {
   margin-left: 25px;
   display: inline;
 }
-#user_menu .user_menu_first_link:hover {
+#user_menu a#link_login:hover {
   background: none;
 }
	@@ -126,28 +126,6 @@ module ApplicationHelper		@@ -126,28 +126,6 @@ module ApplicationHelper
126	link_to text, homepage_path(:profile => doc.profile.identifier , :page => path)	126	link_to text, homepage_path(:profile => doc.profile.identifier , :page => path)
127	end	127	end
128		128
129	- def shortcut_header_links
130	-# search_link = ( lightbox_link_to content_tag('span', _('Search')), { :controller => 'search', :action => 'popup' }, { :id => 'open_search'} )
131	-#
132	-# if logged_in?
133	-# [
134	-# ( link_to_homepage '<img src="' +
135	-# ( (current_user.person.image)? current_user.person.image.public_filename(:icon) : "/images/icons-bar/photo.png" ) +
136	-# '" alt="Photo" title="" height="20" border="0"/>'+ current_user.login,
137	-# current_user.login, :id=>"link_go_home" ),
138	-# ( link_to_myprofile( content_tag('span', _('control panel')), {}, nil, { :id => 'link_edit_profile'} ) ),
139	-# ( link_to content_tag('span', _('Admin')), { :controller => 'admin_panel' }, :id => 'link_admin_panel' if current_user.person.is_admin?),
140	-# ( lightbox_link_to content_tag('span', _('Logout')), { :controller => 'account', :action => 'logout_popup'}, :id => 'link_logout'),
141	-# search_link,
142	-# ]
143	-# else
144	-# [
145	-# ( lightbox_link_to content_tag('span', _('Login')), { :controller => 'account', :action => 'login_popup' }, :id => 'link_login' ),
146	-# search_link,
147	-# ]
148	-# end.join(" ")
149	- end
150	-
151	def link_if_permitted(link, permission = nil, target = nil)	129	def link_if_permitted(link, permission = nil, target = nil)
152	if permission.nil? \|\| current_user.person.has_permission?(permission, target)	130	if permission.nil? \|\| current_user.person.has_permission?(permission, target)
153	link	131	link
	@@ -13,7 +13,7 @@		@@ -13,7 +13,7 @@
13	stylesheet_import is better then stylesheet_link_tag because the stylesheet	13	stylesheet_import is better then stylesheet_link_tag because the stylesheet
14	must be loaded before the page show.	14	must be loaded before the page show.
15	%>	15	%>
16	- <%= stylesheet_import %w( common help menu button search blocks forms login-box ) %>	16	+ <%= stylesheet_import %w( common help menu article button search blocks forms login-box ) %>
17	<%= import_blocks_stylesheets %>	17	<%= import_blocks_stylesheets %>
18	<%=	18	<%=
19	# Load the controller's css file if it exists:	19	# Load the controller's css file if it exists:
@@ -0,0 +1,50 @@		@@ -0,0 +1,50 @@
	1	+/*
	2	+** Style for Article Related Elements
	3	+*/
	4	+
	5	+.post_comment_box {
	6	+ text-align: center;
	7	+ padding: 0px 15px 5px 15px;
	8	+ margin: 10px;
	9	+}
	10	+
	11	+.post_comment_box h4 {
	12	+ padding: 1px 20px;
	13	+ margin: 0px;
	14	+ background: #B8CFE7;
	15	+}
	16	+
	17	+.post_comment_box.closed h4 {
	18	+ display: inline;
	19	+ border: 1px solid #729FCF;
	20	+ cursor: pointer;
	21	+}
	22	+
	23	+.post_comment_box.opened {
	24	+ border: 1px solid #729FCF;
	25	+ background: #B8CFE7;
	26	+}
	27	+
	28	+.post_comment_box form {
	29	+ text-align: left;
	30	+ margin: -10px 0px 0px 0px;
	31	+}
	32	+
	33	+.post_comment_box .formfield * {
	34	+ width: 99%;
	35	+}
	36	+
	37	+.post_comment_box .button-bar {
	38	+ text-align: center;
	39	+}
	40	+
	41	+.post_comment_box input.button {
	42	+ position: relative;
	43	+ float: none;
	44	+ margin: auto;
	45	+}
	46	+
	47	+.post_comment_box .button-bar br {
	48	+ display: none;
	49	+}
	50	+