Added active section indicator
This commit is contained in:
parent
b8e37a234a
commit
8f906d83bf
3 changed files with 136 additions and 68 deletions
|
@ -47,6 +47,11 @@ body {
|
|||
display: inline-block;
|
||||
float: left;
|
||||
}
|
||||
#top-nav li.main-nav-item.active a {
|
||||
border-bottom: 3px solid #f7f7f7;
|
||||
margin-bottom: 0;
|
||||
background: #f7f7f7;
|
||||
}
|
||||
|
||||
#top-nav li input,
|
||||
#top-nav li.main-nav-item a {
|
||||
|
@ -351,6 +356,7 @@ button:hover {
|
|||
background: white;
|
||||
}
|
||||
|
||||
.tabs li a:hover,
|
||||
.tabs li a:focus {
|
||||
color: firebrick;
|
||||
}
|
||||
|
|
|
@ -27,74 +27,7 @@
|
|||
|
||||
<nav id="top-nav">
|
||||
<div class="main-wrapper">
|
||||
<ul class="main-nav">
|
||||
<?php
|
||||
$nav = [];
|
||||
|
||||
$nav []= ['Home', \Chibi\UrlHelper::route('index', 'index')];
|
||||
if (PrivilegesHelper::confirm(Privilege::ListPosts))
|
||||
$nav []= ['Browse', \Chibi\UrlHelper::route('post', 'list')];
|
||||
|
||||
if (PrivilegesHelper::confirm(Privilege::UploadPost))
|
||||
$nav []= ['Upload', \Chibi\UrlHelper::route('post', 'upload')];
|
||||
|
||||
if (PrivilegesHelper::confirm(Privilege::ListComments))
|
||||
$nav []= ['Comments', \Chibi\UrlHelper::route('comment', 'list')];
|
||||
|
||||
if (PrivilegesHelper::confirm(Privilege::ListTags))
|
||||
$nav []= ['Tags', \Chibi\UrlHelper::route('tag', 'list')];
|
||||
|
||||
if (PrivilegesHelper::confirm(Privilege::ListUsers))
|
||||
$nav []= ['Users', \Chibi\UrlHelper::route('user', 'list')];
|
||||
|
||||
if (!$this->context->loggedIn)
|
||||
{
|
||||
$nav []= ['Log in', \Chibi\UrlHelper::route('auth', 'login')];
|
||||
$nav []= ['Register', \Chibi\UrlHelper::route('user', 'registration')];
|
||||
}
|
||||
else
|
||||
{
|
||||
$nav []= ['My account', \Chibi\UrlHelper::route('user', 'view', ['name' => $this->context->user->name])];
|
||||
$nav []= ['Log out', \Chibi\UrlHelper::route('auth', 'logout')];
|
||||
}
|
||||
|
||||
if (!empty($this->config->help->title))
|
||||
$nav []= [$this->config->help->title, \Chibi\UrlHelper::route('index', 'help')];
|
||||
|
||||
foreach ($nav as $navItem)
|
||||
{
|
||||
list ($text, $link) = $navItem;
|
||||
echo '<li class="main-nav-item">';
|
||||
echo '<a href="' . $link . '">' . $text . '</a>';
|
||||
echo '</li>';
|
||||
}
|
||||
?>
|
||||
|
||||
<?php if (PrivilegesHelper::confirm(Privilege::ChangeUserSettings, PrivilegesHelper::getIdentitySubPrivilege($this->context->user))): ?>
|
||||
<li class="safety">
|
||||
<ul>
|
||||
<?php foreach (PostSafety::getAll() as $safety): ?>
|
||||
<?php if (PrivilegesHelper::confirm(Privilege::ListPosts, PostSafety::toString($safety))): ?>
|
||||
<li class="safety-<?php echo TextHelper::camelCaseToHumanCase(PostSafety::toString($safety)) ?>">
|
||||
<a href="<?php echo \Chibi\UrlHelper::route('user', 'toggle-safety', ['safety' => $safety]) ?>" class="<?php echo $this->context->user->hasEnabledSafety($safety) ? 'enabled' : 'disabled' ?>" title="Searching <?php echo TextHelper::camelCaseToHumanCase(PostSafety::ToString($safety)) ?> posts: <?php echo $this->context->user->hasEnabledSafety($safety) ? 'enabled' : 'disabled' ?>">
|
||||
<span><?php echo TextHelper::camelCaseToHumanCase(PostSafety::toString($safety), true) ?></span>
|
||||
</a>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
|
||||
<li class="search">
|
||||
<form name="search" action="<?php echo \Chibi\UrlHelper::route('post', 'list') ?>" method="get">
|
||||
<input class="autocomplete" type="search" name="query" placeholder="Search…" value="<?php echo isset($this->context->transport->searchQuery) ? htmlspecialchars($this->context->transport->searchQuery) : '' ?>" data-autocomplete-url="<?php echo \Chibi\UrlHelper::route('tag', 'list') ?>"/>
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<?php $this->renderFile('top-navigation') ?>
|
||||
</nav>
|
||||
|
||||
<section id="content">
|
||||
|
|
129
src/Views/top-navigation.phtml
Normal file
129
src/Views/top-navigation.phtml
Normal file
|
@ -0,0 +1,129 @@
|
|||
<ul class="main-nav">
|
||||
<?php
|
||||
$nav = [];
|
||||
|
||||
$activeController = $this->context->route->simpleControllerName;
|
||||
$activeAction = $this->context->route->simpleActionName;
|
||||
|
||||
$registerNavItem = function ($text, $link, $active = false) use (&$nav)
|
||||
{
|
||||
$nav []= [
|
||||
'text' => $text,
|
||||
'link' => $link,
|
||||
'active' => $active];
|
||||
};
|
||||
|
||||
$registerNavItem(
|
||||
'Home',
|
||||
\Chibi\UrlHelper::route('index', 'index'),
|
||||
$activeController == 'index' and $activeAction == 'index');
|
||||
|
||||
if (PrivilegesHelper::confirm(Privilege::ListPosts))
|
||||
{
|
||||
$registerNavItem(
|
||||
'Browse',
|
||||
\Chibi\UrlHelper::route('post', 'list'),
|
||||
$activeController == 'post' and $activeAction != 'upload');
|
||||
}
|
||||
|
||||
if (PrivilegesHelper::confirm(Privilege::UploadPost))
|
||||
{
|
||||
$registerNavItem(
|
||||
'Upload',
|
||||
\Chibi\UrlHelper::route('post', 'upload'),
|
||||
$activeController == 'post' and $activeAction == 'upload');
|
||||
}
|
||||
|
||||
if (PrivilegesHelper::confirm(Privilege::ListComments))
|
||||
{
|
||||
$registerNavItem(
|
||||
'Comments',
|
||||
\Chibi\UrlHelper::route('comment', 'list'),
|
||||
$activeController == 'comment');
|
||||
}
|
||||
|
||||
if (PrivilegesHelper::confirm(Privilege::ListTags))
|
||||
{
|
||||
$registerNavItem(
|
||||
'Tags',
|
||||
\Chibi\UrlHelper::route('tag', 'list'),
|
||||
$activeController == 'tag');
|
||||
}
|
||||
|
||||
if (PrivilegesHelper::confirm(Privilege::ListUsers))
|
||||
{
|
||||
$registerNavItem(
|
||||
'Users',
|
||||
\Chibi\UrlHelper::route('user', 'list'),
|
||||
$activeController == 'user' and $activeAction != 'registration' and (!isset($this->context->route->arguments['name']) or $this->context->route->arguments['name'] != $this->context->user->name));
|
||||
}
|
||||
|
||||
if (!$this->context->loggedIn)
|
||||
{
|
||||
$registerNavItem(
|
||||
'Log in',
|
||||
\Chibi\UrlHelper::route('auth', 'login'),
|
||||
$activeController == 'auth' and $activeAction == 'login');
|
||||
|
||||
$registerNavItem(
|
||||
'Register',
|
||||
\Chibi\UrlHelper::route('user', 'registration'),
|
||||
$activeController == 'user' and $activeAction == 'registration');
|
||||
}
|
||||
else
|
||||
{
|
||||
$registerNavItem(
|
||||
'My account',
|
||||
\Chibi\UrlHelper::route('user', 'view', ['name' => $this->context->user->name]),
|
||||
$activeController == 'user' and isset($this->context->route->arguments['name']) and $this->context->route->arguments['name'] == $this->context->user->name);
|
||||
|
||||
$registerNavItem(
|
||||
'Log out',
|
||||
\Chibi\UrlHelper::route('auth', 'logout'));
|
||||
}
|
||||
|
||||
if (!empty($this->config->help->title))
|
||||
{
|
||||
$registerNavItem(
|
||||
$this->config->help->title,
|
||||
\Chibi\UrlHelper::route('index', 'help'),
|
||||
$activeController == 'index' and $activeAction == 'help');
|
||||
}
|
||||
|
||||
foreach ($nav as $navItem)
|
||||
{
|
||||
extract($navItem);
|
||||
echo TextHelper::htmlTag('li', TextHelper::HTML_OPEN, ['class' => rtrim('main-nav-item ' . ($active ? 'active' : ''))]);
|
||||
echo TextHelper::htmlTag('a', TextHelper::HTML_OPEN, ['href' => $link]);
|
||||
echo $text;
|
||||
echo TextHelper::htmlTag('a', textHelper::HTML_CLOSE);
|
||||
echo TextHelper::htmlTag('li', textHelper::HTML_CLOSE);
|
||||
}
|
||||
?>
|
||||
|
||||
<?php if (PrivilegesHelper::confirm(Privilege::ChangeUserSettings, PrivilegesHelper::getIdentitySubPrivilege($this->context->user))): ?>
|
||||
<li class="safety">
|
||||
<ul>
|
||||
<?php foreach (PostSafety::getAll() as $safety): ?>
|
||||
<?php if (PrivilegesHelper::confirm(Privilege::ListPosts, PostSafety::toString($safety))): ?>
|
||||
<li class="safety-<?php echo TextHelper::camelCaseToHumanCase(PostSafety::toString($safety)) ?>">
|
||||
<a href="<?php echo \Chibi\UrlHelper::route('user', 'toggle-safety', ['safety' => $safety]) ?>" class="<?php echo $this->context->user->hasEnabledSafety($safety) ? 'enabled' : 'disabled' ?>" title="Searching <?php echo TextHelper::camelCaseToHumanCase(PostSafety::ToString($safety)) ?> posts: <?php echo $this->context->user->hasEnabledSafety($safety) ? 'enabled' : 'disabled' ?>">
|
||||
<span><?php echo TextHelper::camelCaseToHumanCase(PostSafety::toString($safety), true) ?></span>
|
||||
</a>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
|
||||
<li class="search">
|
||||
<form name="search" action="<?php echo \Chibi\UrlHelper::route('post', 'list') ?>" method="get">
|
||||
<input class="autocomplete" type="search" name="query" placeholder="Search…" value="<?php echo isset($this->context->transport->searchQuery) ? htmlspecialchars($this->context->transport->searchQuery) : '' ?>" data-autocomplete-url="<?php echo \Chibi\UrlHelper::route('tag', 'list') ?>"/>
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
Loading…
Reference in a new issue