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

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

diff --git a/app.php b/app.php
index e3a6019..8fafa9f 100644
--- a/app.php
+++ b/app.php
@@ -90,33 +90,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> <span class="hidden-sm"><?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"><?php lang("sign out") ?></span></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 0c69d14..82628f2 100644
--- a/lang/en_us.php
+++ b/lang/en_us.php
@@ -25,4 +25,5 @@ define("STRINGS", [
     "login server user data error" => "The login server refused to provide account information.  Try again or contact technical support.",
     "captcha error" => "There was a problem with the CAPTCHA (robot test).  Try again.",
     "home" => "Home",
+    "more" => "More"
 ]);
\ No newline at end of file