From d749564a53b852eb85a2c19c7a6619d1f3a0c485 Mon Sep 17 00:00:00 2001
From: Skylar Ittner <admin@netsyms.com>
Date: Wed, 3 Jan 2018 20:29:49 -0700
Subject: [PATCH] Collapse navbar and iconify right-side navbar items on small
 screens

---
 app.php        | 59 ++++++++++++++++++++++++++++++++++----------------
 lang/en_us.php |  1 +
 2 files changed, 41 insertions(+), 19 deletions(-)

diff --git a/app.php b/app.php
index 6a4af9a..8eae1e2 100644
--- a/app.php
+++ b/app.php
@@ -1,5 +1,4 @@
 <?php
-
 /* 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
  * 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">
                         <ul class="nav navbar-nav">
                             <?php
+                            $counter = 0;
+                            $more = "";
+                            $curpagefound = false;
                             foreach (PAGES as $id => $pg) {
                                 if ($pg['navbar'] === TRUE) {
-                                    if ($pageid == $id) {
-                                        ?>
-                                        <li class="active">
-                                            <?php
-                                        } else {
+                                    $counter++;
+                                    if ($counter > ($curpagefound ? 4 : 3) && $pageid != $id) {
+                                        $item = '<a href="app.php?page=' . $id . '">';
+                                        if (isset($pg['icon'])) {
+                                            $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>
-                                        <?php } ?>
-                                        <a href="app.php?page=<?php echo $id; ?>">
-                                            <?php
-                                            if (isset($pg['icon'])) {
+                                            <li class="active">
+                                                <?php
+                                            } else {
                                                 ?>
-                                                <i class="fa fa-<?php echo $pg['icon']; ?> fa-fw"></i> 
+                                            <li>
                                             <?php } ?>
-                                            <?php lang($pg['title']) ?>
-                                        </a>
-                                    </li>
-                                    <?php
+                                            <a href="app.php?page=<?php echo $id; ?>">
+                                                <?php
+                                                if (isset($pg['icon'])) {
+                                                    ?>
+                                                    <i class="fa fa-<?php echo $pg['icon']; ?> fa-fw"></i>
+                                                <?php } ?>
+                                                <?php lang($pg['title']) ?>
+                                            </a>
+                                        </li>
+                                        <?php
+                                    }
                                 }
                             }
-                            ?>
+
+                            if ($counter > 4) {
+                                ?>
+                                <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 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="action.php?action=signout"><i class="fa fa-sign-out fa-fw"></i> <?php lang("sign out") ?></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> <span class="hidden-sm hidden-md"><?php lang("sign out") ?></span></a></li>
                         </ul>
                     </div>
                 </div>
diff --git a/lang/en_us.php b/lang/en_us.php
index ed35671..554e1ea 100644
--- a/lang/en_us.php
+++ b/lang/en_us.php
@@ -32,6 +32,7 @@ define("STRINGS", [
     "captcha error" => "There was a problem with the CAPTCHA (robot test).  Try again.",
     "no edit permission" => "You do not have permission to modify records.",
     "home" => "Home",
+    "more" => "More",
     "invalid itemid" => "The item ID is invalid.",
     "invalid category" => "The category is invalid.",
     "invalid location" => "The location does not exist.",