ActionItem114: EStrutura para icons de acesso rapido na barra.

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

ActionItem114: EStrutura para icons de acesso rapido na barra.
git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@814 3f533792-8f58-4932-b0fe-aaf55b0a4547
ValessioBrito
1 parent 38212a81
Showing 8 changed files with 66 additions and 8 deletions Show diff stats
app/views/layouts/application.rhtml
public/images/icons-bar/accessibility.png
public/images/icons-bar/go-content.png
public/images/icons-bar/go-home.png
public/images/icons-bar/help.png
public/images/icons-bar/login.png
public/images/icons-bar/logout.png
public/stylesheets/menu.css
@@ -32,8 +32,18 @@
       <div id='noosfero_bar' class='category<%= category_color %>'>
        <div id='top_bar' class='category<%= category_color %>'>
         <div id='accessibility_menu'>
-          <a href='#content' title='Ir para o conteúdo'>Ir para conteúdo</a>
-          <%= accessibility_link  %>
+          <a href='#content'><span><%= _('Go Content') %></span></a>
+         <%=
+	 if logged_in?
+	   ( accessibility_link ) + " " +
+           ( link_to_homepage((content_tag('span', _('My account'))))) + " " +
+           ( link_to(_('Admin'), { :controller => 'admin_panel' }) if current_user.person.is_admin?) + " " +
+	   (link_to (content_tag('span', _('Logout'))), { :controller => 'account', :action => 'logout'}, :method => 'post')
+	 else
+	 ( accessibility_link ) + " " +
+         (link_to (content_tag('span', _('Login'))), :controller => 'account', :action => 'login')
+	 end
+	 %>
         </div><!-- accessibility_menu -->
         <div id='path_category'>
         <% if @category %>
@@ -50,13 +50,51 @@ color: #ffffff;
 #accessibility_menu {
   float: right;
-  margin-right: 10px;
+  margin-right: 5px;
+  text-align: right;
   font-family: Verdana, Arial, Serif-sans;
   font-size: 9px;
   color: #dfdfdf;
   font-weight: normal;
 }
+/* Images Icons Mini-BAR 
+#accessibility_menu span {
+display: none;
+}
+
+#accessibility_menu a {
+display: block;
+float: right;
+padding: 0px !important;
+margin: 0px !important;
+width: 24px !important;
+height: 24px !important;
+background-position: top left !important;
+background-repeat: no-repeat !important;
+}
+
+#accessibility_menu a#icon_go_content {
+background-image: url('../images/icons-bar/go-content.png');
+}
+
+#accessibility_menu a#icon_go_home {
+background-image: url('../images/icons-bar/go-home.png');
+}
+
+#accessibility_menu a#icon_logout {
+background-image: url('../images/icons-bar/logout.png');
+}
+
+#accessibility_menu a#icon_login {
+background-image: url('../images/icons-bar/login.png');
+}
+
+#accessibility_menu a#icon_accessibility {
+background-image: url('../images/icons-bar/accessibility.png');
+}
+*/
+ 
 #accessibility_menu a {
   padding-left: 9px;
   margin-left: 5px;
@@ -70,20 +108,26 @@ color: #ffffff;
   color: #ffffff;
 }
+
 /* Itens Navigation Bar */
 #navigation_bar {
-  float: left;
+  position: absolute;
+  top: 20px;
+  left: 0px;
+  width: 100%;
   padding: 0px !important;
   margin-top: -5px !important;
   height: 40px;
   vertical-align: middle;
   line-height: 40px;
+  z-index: 996;
 }
 #navigation_bar ul {
   padding: 0px !important;
   margin: 0px !important;
+  z-index: 997;
 }
 #navigation_bar ul li {
@@ -96,6 +140,7 @@ color: #ffffff;
 #navigation_bar ul li a {
   float: left;
   display: block;
+  cursor: default;
   margin-top: 5px;
   text-align: center;
   width: 124px;
@@ -108,13 +153,13 @@ color: #ffffff;
 #navigation_bar ul ul {
 position: absolute;
-top: 58px;
+top: 43px;
 margin: 0px;
 padding: 0px;
 width: 100%;
 left: 0px;
 display: none;
-z-index: 999;
+z-index: 998;
 }
 #navigation_bar ul li ul li {
@@ -123,6 +168,7 @@ z-index: 999;
 #navigation_bar ul li ul li a {
  display: inline;
+ cursor: pointer;
  width: auto;
  padding-left: 5px;
  padding-right: 5px;
@@ -131,12 +177,14 @@ z-index: 999;
 }
 #search_box {
-float: right;
+position: absolute;
+right: 0px;
 margin: 0px;
 width: 200px;
-height: 35px;
+height: 33px;
 padding-top: 5px;
 padding-left: 15px;
+z-index: 999;
 }
 #input_search {
	@@ -32,8 +32,18 @@		@@ -32,8 +32,18 @@
32	<div id='noosfero_bar' class='category<%= category_color %>'>	32	<div id='noosfero_bar' class='category<%= category_color %>'>
33	<div id='top_bar' class='category<%= category_color %>'>	33	<div id='top_bar' class='category<%= category_color %>'>
34	<div id='accessibility_menu'>	34	<div id='accessibility_menu'>
35	- <a href='#content' title='Ir para o conteúdo'>Ir para conteúdo</a>
36	- <%= accessibility_link %>	35	+ <a href='#content'><span><%= _('Go Content') %></span></a>
		36	+ <%=
		37	+ if logged_in?
		38	+ ( accessibility_link ) + " " +
		39	+ ( link_to_homepage((content_tag('span', _('My account'))))) + " " +
		40	+ ( link_to(_('Admin'), { :controller => 'admin_panel' }) if current_user.person.is_admin?) + " " +
		41	+ (link_to (content_tag('span', _('Logout'))), { :controller => 'account', :action => 'logout'}, :method => 'post')
		42	+ else
		43	+ ( accessibility_link ) + " " +
		44	+ (link_to (content_tag('span', _('Login'))), :controller => 'account', :action => 'login')
		45	+ end
		46	+ %>
37	</div><!-- accessibility_menu -->	47	</div><!-- accessibility_menu -->
38	<div id='path_category'>	48	<div id='path_category'>
39	<% if @category %>	49	<% if @category %>