hyperzlib
/
nodebb-theme-persona
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

submenu - profile completed

Browse Source
main
psychobunny 10 years ago
parent 2ec342b91d
commit 08403d71c7
4 changed files with 22 additions and 8 deletions
Show Stats Download Patch File Download Diff File

7
less/mobile.less
Unescape Escape View File

@ -120,6 +120,13 @@
span {
margin: 5px;
position: relative;
i {
position: absolute;
right: -3px;
top: -6px;
}
}
img {

6
lib/persona.js
Unescape Escape View File

@ -198,14 +198,16 @@ $(document).ready(function() {
});
$('#menu [data-section="navigation"] ul').html($('#main-nav').html());
$('#menu [data-section="profile"] ul').html($('#user-control-list').html())
.find('[component="user/status"]').remove();
$('#menu [data-submenu]').each(function() {
var submenuEl = $(this),
submenu = submenuEl.attr('data-submenu');
submenuEl.on('click', function() {
$('#menu [data-section]').hide();
$('#menu [data-section="' + submenu + '"]').show();
$('#menu [data-section]').addClass('hide');
$('#menu [data-section="' + submenu + '"]').removeClass('hide');
if (submenu === 'chats') {
require(['chat'], function(chat) {

15
templates/header.tpl
Unescape Escape View File

@ -40,17 +40,22 @@
<body>
<nav id="menu" class="visible-xs visible-sm">
<section class="menu-submenu">
<span class="img-round pointer"><img data-submenu="navigation" src="{user.picture}"/></span>
<span class="img-round pointer"><img data-submenu="profile" src="{user.picture}"/></span>
<span class="img-round pointer"><img data-submenu="chats" src="{user.picture}"/></span>
<span class="img-round pointer"><img data-submenu="notifications" src="{user.picture}"/></span>
<span class="pointer"><img data-submenu="navigation" src="{user.picture}"/></span>
<span class="pointer"><img data-submenu="profile" src="{user.picture}"/><i component="user/status" class="fa fa-fw fa-circle status {user.status}"></i></span>
<span class="pointer"><img data-submenu="chats" src="{user.picture}"/></span>
<span class="pointer"><img data-submenu="notifications" src="{user.picture}"/></span>
</section>
<section class="menu-section" data-section="chats">
<section class="menu-section hide" data-section="chats">
<h3 class="menu-section-title">[[global:header.chats]]</h3>
<ul class="menu-section-list chat-list"></ul>
</section>
<section class="menu-section hide" data-section="profile">
<h3 class="menu-section-title">[[global:header.profile]]</h3>
<ul class="menu-section-list"></ul>
</section>
<section class="menu-section" data-section="navigation">
<h3 class="menu-section-title">[[global:header.navigation]]</h3>
<ul class="menu-section-list"></ul>

2
templates/partials/menu.tpl
Unescape Escape View File

@ -32,7 +32,7 @@
<ul id="user-control-list" class="dropdown-menu" aria-labelledby="user_dropdown">
<li>
<a component="header/profilelink" href="{relative_path}/user/{user.userslug}">
<i class="fa fa-fw fa-circle status {user.status}"></i> <span component="header/username">{user.username}</span>
<i component="user/status" class="fa fa-fw fa-circle status {user.status}"></i> <span component="header/username">{user.username}</span>
</a>
</li>
<li role="presentation" class="divider"></li>

Write Preview
Loading…
Cancel
Save