From eefa7ab00f863c647b785624613b8ba46f475f82 Mon Sep 17 00:00:00 2001
From: Skylar Ittner <admin@netsyms.com>
Date: Sat, 27 Jan 2018 22:04:01 -0700
Subject: [PATCH] Improve mobile app compatibility

---
 app.php            | 20 +++++++++-----------
 lang/en_us.php     |  3 ++-
 pages.php          |  5 +++++
 pages/test.php     |  1 +
 static/css/app.css |  5 +++++
 5 files changed, 22 insertions(+), 12 deletions(-)
 create mode 100644 pages/test.php

diff --git a/app.php b/app.php
index 07e3654..a766e30 100644
--- a/app.php
+++ b/app.php
@@ -88,23 +88,21 @@ END;
         <?php
         // Adjust as needed
         $navbar_breakpoint = "sm";
+
+        // For mobile app
+        echo "<script nonce=\"$SECURE_NONCE\">var navbar_breakpoint = \"$navbar_breakpoint\";</script>"
         ?>
         <nav class="navbar navbar-expand-<?php echo $navbar_breakpoint; ?> navbar-dark bg-dark fixed-top">
-            <button class="navbar-toggler my-0 py-0" type="button" data-toggle="collapse" data-target="#collapse" aria-controls="collapse" aria-expanded="false" aria-label="Toggle navigation">
-                <i class="fas fa-bars"></i>
+            <button class="navbar-toggler my-0 py-0" type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-controls="navbar-collapse" aria-expanded="false" aria-label="Toggle navigation">
+                <!--<i class="fas fa-bars"></i>-->
+                <span class="navbar-toggler-icon"></span>
             </button>
             <a class="navbar-brand py-0 mr-auto" href="app.php">
-                <?php
-                $src = "static/img/logo.png";
-                if ($pageid != "home") {
-                    $src = "static/img/up-arrow-white.png";
-                }
-                ?>
-                <img src="<?php echo $src; ?>" alt="" class="d-inline brand-img py-0" />
+                <img src="static/img/logo.svg" alt="" class="d-inline brand-img py-0" />
                 <?php echo SITE_TITLE; ?>
             </a>
 
-            <div class="collapse navbar-collapse py-0" id="collapse">
+            <div class="collapse navbar-collapse py-0" id="navbar-collapse">
                 <div class="navbar-nav mr-auto py-0">
                     <?php
                     $curpagefound = false;
@@ -135,7 +133,7 @@ END;
                         }
                         ?>
                 </div>
-                <div class="navbar-nav ml-auto py-0">
+                <div class="navbar-nav ml-auto py-0" id="navbar-right">
                     <span class="nav-item py-<?php echo $navbar_breakpoint; ?>-0">
                         <a class="nav-link py-<?php echo $navbar_breakpoint; ?>-0" href="<?php echo PORTAL_URL; ?>">
                             <i class="fas fa-user fa-fw"></i><span>&nbsp;<?php echo $_SESSION['realname'] ?></span>
diff --git a/lang/en_us.php b/lang/en_us.php
index 82628f2..5958921 100644
--- a/lang/en_us.php
+++ b/lang/en_us.php
@@ -25,5 +25,6 @@ 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"
+    "more" => "More",
+    "test" => "Test"
 ]);
\ No newline at end of file
diff --git a/pages.php b/pages.php
index c2a1cdb..e44646b 100644
--- a/pages.php
+++ b/pages.php
@@ -7,6 +7,11 @@ define("PAGES", [
         "navbar" => true,
         "icon" => "fas fa-home"
     ],
+    "test" => [
+        "title" => "test",
+        "navbar" => true,
+        "icon" => "fas fa-terminal"
+    ],
     "404" => [
         "title" => "404 error"
     ]
diff --git a/pages/test.php b/pages/test.php
new file mode 100644
index 0000000..5198ff9
--- /dev/null
+++ b/pages/test.php
@@ -0,0 +1 @@
+<h1>Test Page</h1>
\ No newline at end of file
diff --git a/static/css/app.css b/static/css/app.css
index a4a661a..805fc04 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -16,6 +16,11 @@ body {
     padding-right: 1.5rem;
 }
 
+.navbar-toggler-icon {
+    padding: 0px;
+    margin: 0px;
+}
+
 .navbar-brand {
     font-size: 120%;
     padding-right: 1rem;