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

---
 app.php        | 65 ++++++++++++++++++++++++++++++++++----------------
 lang/en_us.php |  1 +
 2 files changed, 45 insertions(+), 21 deletions(-)

diff --git a/app.php b/app.php
index dbdc3dd..148c1fc 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/. */
@@ -95,31 +94,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 (isset($pg['navbar']) && $pg['navbar'] === TRUE) {
-                                    if ($pageid == $id) {
-                                        ?>
-                                        <li class="active">
-                                            <?php
-                                        } else {
-                                            ?>
-                                        <li><?php
+                                if ($pg['navbar'] === TRUE) {
+                                    $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>';
                                         }
-                                        ?><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
-                                            }
-                                            lang($pg['title']);
-                                            ?></a>
-                                    </li>
-                                    <?php
+                                        $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 class="active">
+                                                <?php
+                                            } else {
+                                                ?>
+                                            <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
+                                    }
                                 }
                             }
-                            ?></ul>
+
+                            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 4f8bb9e..dc167c6 100644
--- a/lang/en_us.php
+++ b/lang/en_us.php
@@ -33,6 +33,7 @@ define("STRINGS", [
     "no messages" => "No messages found.",
     "all caught up" => "You're all caught up!",
     "home" => "Home",
+    "more" => "More",
     "my tasks" => "My Tasks",
     "message board" => "Message Board",
     "messages" => "Messages",