user_dropdown.html 3.51 KB
Newer Older
1 2 3 4
## mako
<%page expression_filter="h"/>
<%namespace name='static' file='static_content.html'/>

5 6
## This template should not use the target student's details when masquerading, see TNL-4895
<%
7
self.real_user = real_user if real_user != UNDEFINED else user
8 9
%>

10 11 12 13 14 15 16 17 18 19 20 21
<%!
from django.core.urlresolvers import reverse
from django.utils.translation import ugettext as _

from openedx.core.djangoapps.user_api.accounts.image_helpers import get_profile_image_urls_for_user
%>

% if uses_pattern_library:
    <div class="wrapper-user-menu dropdown-menu-container logged-in js-header-user-menu">
        <a href="${reverse('dashboard')}" class="menu-title">
            <span class="sr-only">${_("Dashboard for:")}</span>
            <%
22 23
            username = self.real_user.username
            profile_image_url = get_profile_image_urls_for_user(self.real_user)['medium']
24 25 26 27
            %>
            <img class="menu-image" src="${profile_image_url}" alt="">
            ${username}
        </a>
Jareer Ahsan committed
28
        <div role="group" aria-label="User menu" class="user-menu">
29 30 31 32 33 34
            <button type="button" class="menu-button button-more has-dropdown js-dropdown-button" aria-expanded="false" aria-controls="${_("Usermenu")}">
                  <span class="icon fa fa-caret-down" aria-hidden="true"></span>
                  <span class="sr-only">${_("Usermenu dropdown")}</span>
            </button>
            <ul class="dropdown-menu list-divided is-hidden" id="${_("Usermenu")}" tabindex="-1">
                <%block name="navigation_dropdown_menu_links" >
35 36 37
                    <li class="dropdown-item item has-block-link"><a href="${reverse('dashboard')}" role="menuitem" class="action dropdown-menuitem">${_("Dashboard")}</a></li>
                    <li class="dropdown-item item has-block-link"><a href="${reverse('learner_profile', kwargs={'username': self.real_user.username})}" role="menuitem" class="action dropdown-menuitem">${_("Profile")}</a></li>
                    <li class="dropdown-item item has-block-link"><a href="${reverse('account_settings')}" role="menuitem" class="action dropdown-menuitem">${_("Account")}</a></li>
38
                </%block>
39
                <li class="dropdown-item item has-block-link"><a href="${reverse('logout')}" role="menuitem" class="action dropdown-menuitem">${_("Sign Out")}</a></li>
40 41
            </ul>
        </div>
42 43 44 45 46 47 48
    </div>
% else:
    <ol class="user">
        <li class="primary">
            <a href="${reverse('dashboard')}" class="user-link">
                <span class="sr">${_("Dashboard for:")}</span>
                <%
49 50
                username = self.real_user.username
                profile_image_url = get_profile_image_urls_for_user(self.real_user)['medium']
51 52 53 54 55 56
                %>
                <img class="user-image-frame" src="${profile_image_url}" alt="${_('Profile image for {username}').format(username=username)}">
                <div class="label-username">${username}</div>
            </a>
        </li>
        <li class="primary">
Jareer Ahsan committed
57
            <div role="group" aria-label="User menu" class="user-menu">
58 59 60
                <button class="dropdown" aria-expanded="false"><span class="sr">${_("More options dropdown")}</span><span class="fa fa-sort-desc" aria-hidden="true"></span></button>
                <ul class="dropdown-menu" aria-label="More Options" role="menu">
                    ${navigation_dropdown_menu_links()}
61
                    <li class="item"><a href="${reverse('logout')}" role="menuitem" class="dropdown-menuitem">${_("Sign Out")}</a></li>
62 63
                </ul>
            </div>
64 65 66
        </li>
    </ol>
% endif