Collapse navbar on certain screen sizes

master
Skylar Ittner 6 years ago
parent 228d4c8bff
commit 805d6bc2a1

@ -1,5 +1,4 @@
<?php <?php
/* This Source Code Form is subject to the terms of the Mozilla Public /* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this * License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
@ -92,33 +91,55 @@ if (!is_empty($_GET['page'])) {
<div class="collapse navbar-collapse" id="navbar-collapse"> <div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<?php <?php
$counter = 0;
$more = "";
$curpagefound = false;
foreach (PAGES as $id => $pg) { foreach (PAGES as $id => $pg) {
if ($pg['navbar'] === TRUE) { if ($pg['navbar'] === TRUE) {
if ($pageid == $id) { $counter++;
?> if ($counter > ($curpagefound ? 5 : 4) && $pageid != $id) {
<li class="active"> $item = '<a href="app.php?page=' . $id . '">';
<?php if (isset($pg['icon'])) {
} else { $item .= '<i class="fa fa-' . $pg['icon'] . ' fa-fw"></i>';
}
$item .= lang($pg['title'], false) . '</a>';
echo '<li class="hidden-sm hidden-md">' . $item . "</li>";
$more .= '<li>' . $item . "</li>";
} else {
if ($pageid == $id) {
$curpagefound = true;
?> ?>
<li> <li class="active">
<?php } ?> <?php
<a href="app.php?page=<?php echo $id; ?>"> } else {
<?php
if (isset($pg['icon'])) {
?> ?>
<i class="fa fa-<?php echo $pg['icon']; ?> fa-fw"></i> <li>
<?php } ?> <?php } ?>
<?php lang($pg['title']) ?> <a href="app.php?page=<?php echo $id; ?>">
</a> <?php
</li> if (isset($pg['icon'])) {
<?php ?>
<i class="fa fa-<?php echo $pg['icon']; ?> fa-fw"></i>
<?php } ?>
<?php lang($pg['title']) ?>
</a>
</li>
<?php
}
} }
} }
?>
if ($counter > 5) {
?>
<li class="dropdown hidden-lg hidden-xs">
<a href="" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-ellipsis-v fa-fw"></i> <?php lang("more"); ?></a>
<ul class="dropdown-menu"><?php echo $more; ?></ul>
</li>
<?php } ?>
</ul> </ul>
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li><a href="<?php echo PORTAL_URL; ?>"><i class="fa fa-user fa-fw"></i> <?php echo $_SESSION['realname'] ?></a></li> <li><a href="<?php echo PORTAL_URL; ?>"><i class="fa fa-user fa-fw"></i> <span class="hidden-sm hidden-md"><?php echo $_SESSION['realname'] ?></span></a></li>
<li><a href="action.php?action=signout"><i class="fa fa-sign-out fa-fw"></i> <?php lang("sign out") ?></a></li> <li><a href="action.php?action=signout"><i class="fa fa-sign-out fa-fw"></i> <span class="hidden-sm hidden-md"><?php lang("sign out") ?></span></a></li>
</ul> </ul>
</div> </div>
</div> </div>

Loading…
Cancel
Save