socialforge/app/views/layouts/_base_header.html.erb

<%= render :partial => "layouts/base_feedback" %>
<div id="top-menu" style="background-color: #15bccf;height:40px;margin-top: 10px;margin-bottom: 10px;">
	<div class="welcome_logo">
		<%=link_to image_tag("/images/logo.png",weight:"36px", height: "36px")%>
	</div>
	<div id="account">
		<%= render_menu :account_menu -%>
	</div>
  <% if User.current.logged? -%>
	<div id="loggedas">
	<ul style="padding:0 0; margin:0 0;display:inline;">
		<li style="padding:0 0; margin:0 0;display:inline;border-bottom: 0;" class="loggedas_li">
			<%=link_to_user(User.current)%>
			<ul class="sub_menu">
              <% if @show_course == 1 %>
				<% if User.current.user_extensions && [UserExtensions::TEACHER, UserExtensions::STUDENT].include?(User.current.user_extensions.identity) -%>
                    <% hasCourse=false %>
                    <% User.current.courses.each do |course| %>
                        <% if !course_endTime_timeout?(course) %>
                              <% hasCourse=true %>
                        <% end %>
                    <% end %>
                      <%= render :partial => 'layouts/user_courses_list', :locals => {:hasCourse => hasCourse} %>
				<% end -%>
              <% end %>
              <%= render :partial => 'layouts/user_project_list', :locals => {:hasCourse => hasCourse} %>
              <li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">
                <%=link_to l(:label_user_edit), {:controller => 'my', :action=> 'account', host: Setting.user_domain}%>
              </li>
			</ul>
		</li>
		<li style="padding:0 0; margin:0 0;display:inline;border-bottom: 0;">
			<%=link_to l(:label_my_message)+'('+User.current.count_new_jour.to_s+')',
                       { :controller => 'users', :action => 'user_newfeedback', id: User.current.id, host: Setting.user_domain },
                       {:class => 'my-message'} if User.current.logged?%>
		</li>
	</ul>
	</div>
	<% end -%>
	<%= render_dynamic_nav if User.current.logged? || !Setting.login_required? -%>
</div>

<script type="text/javascript">
	function setMessageCount () {
		var mes = $('#loggedas .my-message');
		mes.html(mes.html()+ '(' + <%=User.current.count_new_jour.to_s%> + ")");
	}

	function addSlipMenu () {
		var loggedas = $('#loggedas ul li:first');
		var sub_menu = $('.sub_menu');
		loggedas.mouseenter(function(event) {
				sub_menu.show();
		});
		sub_menu.mouseleave(function(event) {
				sub_menu.hide();
		});
	}

    function addProjectSlipMenu () {
        var loggedas = $('#project_loggedas_li');
        var project_sub_menu = $('.project_sub_menu');
        var course_sub_menu = $('.course_sub_menu');
        loggedas.mouseenter(function(event) {
            course_sub_menu.hide();
            project_sub_menu.show();
        });
        project_sub_menu.mouseleave(function(event) {
            project_sub_menu.hide();
        });
    }
    function addCourseSlipMenu () {
        var loggedas = $('#course_loggedas_li');
        var project_sub_menu = $('.project_sub_menu');
        var course_sub_menu = $('.course_sub_menu');
        loggedas.mouseenter(function(event) {
            project_sub_menu.hide();
            course_sub_menu.show();
        });
        course_sub_menu.mouseleave(function(event) {
            course_sub_menu.hide();
        });
    }

    function homeworkSlipMenuOver(id)
    {
        $('.project_sub_menu').hide();
        $('#course_loggedas_li').show();
        $("#homework_loggedas_ul_" + id).show();
    }

    function homeworkSlipMenuOut(id)
    {
        $("#homework_loggedas_ul_" + id).hide();
    }

	$(document).ready(function () {
		addSlipMenu();
        addProjectSlipMenu ();
        addCourseSlipMenu();
	});

	jQuery(document).ready(function($) {
		$('.sub_menu').find("a").attr('target', '_blank');
        $('.project_sub_menu').find("a").attr('target', '_blank');
        $('.course_sub_menu').find("a").attr('target', '_blank');
	});
</script>