From e1f7aef62935ab975a937ea1bc6632cc7ed71bb8 Mon Sep 17 00:00:00 2001
From: Skylar Ittner <admin@netsyms.com>
Date: Fri, 21 Jul 2017 00:58:25 -0600
Subject: [PATCH] Refactor page navigation and icon handling to match the rest
 of the apps

---
 home.php                      |  86 +++++++++++++++++++++----------
 index.php                     |   6 ++-
 pages.php                     |  12 +++--
 settings.template.php         |   9 ++++
 static/img/up-arrow-black.png | Bin 0 -> 516 bytes
 static/img/up-arrow-black.svg |  94 ++++++++++++++++++++++++++++++++++
 static/img/up-arrow-white.png | Bin 0 -> 538 bytes
 static/img/up-arrow-white.svg |  94 ++++++++++++++++++++++++++++++++++
 8 files changed, 269 insertions(+), 32 deletions(-)
 create mode 100644 static/img/up-arrow-black.png
 create mode 100644 static/img/up-arrow-black.svg
 create mode 100644 static/img/up-arrow-white.png
 create mode 100644 static/img/up-arrow-white.svg

diff --git a/home.php b/home.php
index 003f707..79f3211 100644
--- a/home.php
+++ b/home.php
@@ -38,10 +38,18 @@ if (!is_empty($_GET['page'])) {
         <div class="container">
             <div class="row">
                 <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-sm-offset-3 col-md-offset-4 col-lg-offset-4">
-                    <a href="home.php"><img class="img-responsive banner-image" src="static/img/logo.svg" /></a>
+                    <?php
+                    if ((SHOW_ICON == "both" || SHOW_ICON == "app") && ICON_POSITION != "menu") {
+                        if (MENU_BAR_STYLE != "fixed") {
+                            ?>
+                            <img class="img-responsive banner-image" src="static/img/logo.svg" />
+                            <?php
+                        }
+                    }
+                    ?>
                 </div>
             </div>
-            <nav class="navbar navbar-default navbar-orange">
+            <nav class="navbar navbar-default navbar-orange navbar-<?php echo MENU_BAR_STYLE; ?>-top">
                 <div class="container-fluid">
                     <div class="navbar-header">
                         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
@@ -51,45 +59,67 @@ if (!is_empty($_GET['page'])) {
                             <span class="icon-bar"></span>
                         </button>
                         <?php
-                        if (PAGES[$pageid]['title'] == "{DEFAULT}") {
-                            ?>
-                            <span class="navbar-brand">
-                                <?php
-                                lang2("welcome user", ["user" => $_SESSION['realname']]);
+                        if (SHOW_ICON == "both" || SHOW_ICON == "app") {
+                            if (MENU_BAR_STYLE == "fixed" || ICON_POSITION == "menu") {
+                                $src = "static/img/logo.svg";
+                                if ($pageid != "home") {
+                                    $src = "static/img/up-arrow-black.png";
+                                }
                                 ?>
-                            </span>
-                            <?php
-                        } else {
-                            ?>
-                            <a class="navbar-brand" href="home.php?page=home">
+                                <a class="navbar-brand" href="home.php">
+                                    <img style="height: 35px; padding-bottom: 12px; padding-left: 5px;" src="<?php echo $src; ?>" />
+                                </a>
                                 <?php
-                                // add breadcrumb thing
-                                lang("home");
-                                echo " <i class=\"fa fa-caret-right\"></i> ";
-                                lang(PAGES[$pageid]['title']);
-                                ?>
-                            </a>
-                            <?php
+                            }
                         }
                         ?>
+                        <a class="navbar-brand" href="home.php">
+                            <?php
+                            echo SITE_TITLE;
+                            ?>
+                        </a>
                     </div>
 
                     <div class="collapse navbar-collapse" id="navbar-collapse">
                         <ul class="nav navbar-nav">
+                            <?php
+                            foreach (PAGES as $id => $pg) {
+                                if ($pg['navbar'] === TRUE) {
+                                    if ($pageid == $id) {
+                                        ?>
+                                        <li class="active">
+                                            <?php
+                                        } else {
+                                            ?>
+                                        <li>
+                                        <?php } ?>
+                                        <a href="home.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>
                         <ul class="nav navbar-nav navbar-right">
-                            <li class="dropdown">
-                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-user fa-fw"></i> <?php lang("account") ?> <span class="caret"></span></a>
-                                <ul class="dropdown-menu" role="menu">
-                                    <li><a href="home.php?page=security"><i class="fa fa-gears fa-fw"></i> <?php lang("options") ?></a></li>
-                                    <li class="divider"></li>
-                                    <li class="mobile-app-hide"><a href="action.php?action=signout"><i class="fa fa-sign-out fa-fw"></i> <?php lang("sign out") ?></a></li>
-                                </ul>
-                            </li>
+                            <li><a href="home.php"><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>
                         </ul>
                     </div>
-                </div>
             </nav>
+            <?php
+            if (MENU_BAR_STYLE == "fixed") {
+                ?>
+                <div style="height: 75px;"></div>
+                <?php
+            }
+            ?>
 
             <div class="app-dock-container mobile-app-hide">
                 <div class="app-dock">
diff --git a/index.php b/index.php
index 8d72f51..cbbb74d 100644
--- a/index.php
+++ b/index.php
@@ -153,7 +153,11 @@ if ($VARS['progress'] == "1") {
             <div class="row">
                 <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-sm-offset-3 col-md-offset-4 col-lg-offset-4">
                     <div>
-                        <img class="img-responsive banner-image" src="static/img/logo.svg" />
+                        <?php
+                        if (SHOW_ICON == "both" || SHOW_ICON == "index") {
+                            ?>
+                            <img class="img-responsive banner-image" src="static/img/logo.svg" />
+                        <?php } ?>
                     </div>
                     <div class="panel panel-orange">
                         <div class="panel-heading">
diff --git a/pages.php b/pages.php
index a9f809e..4232656 100644
--- a/pages.php
+++ b/pages.php
@@ -3,16 +3,22 @@
 // List of pages and metadata
 define("PAGES", [
     "home" => [
-        "title" => "{DEFAULT}"
+        "title" => "home",
+        "navbar" => true,
+        "icon" => "home"
     ],
     "security" => [
-        "title" => "account options"
+        "title" => "account options",
+        "navbar" => true,
+        "icon" => "cogs"
     ],
     "404" => [
-        "title" => "404 error"
+        "title" => "404 error",
+        "navbar" => false
     ]
 ]);
 
+
 // Which apps to load on a given page
 define("APPS", [
     "home" => [
diff --git a/settings.template.php b/settings.template.php
index 380fd0e..7c22fb8 100644
--- a/settings.template.php
+++ b/settings.template.php
@@ -38,6 +38,15 @@ $ldap_config->addDomain($ldap_config_domain);
 
 define("SITE_TITLE", "AccountHub");
 
+// Which pages to show the app icon on:
+// index, app, both, none
+define("SHOW_ICON", "both");
+// Where to put the icon: top or menu
+// Overridden to 'menu' if MENU_BAR_STYLE is 'fixed'.
+define("ICON_POSITION", "menu");
+// App menu bar style: fixed or static
+define("MENU_BAR_STYLE", "fixed");
+
 // Used to identify the system in OTP and other places
 define("SYSTEM_NAME", "Netsyms SSO Demo");
 
diff --git a/static/img/up-arrow-black.png b/static/img/up-arrow-black.png
new file mode 100644
index 0000000000000000000000000000000000000000..6f2a58964c9436ce7d04476a831fc339d2e6abb1
GIT binary patch
literal 516
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I1|(Ny7TyC=EX7WqAsj$Z!;#Vf<Z~8yL>2?p
zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4<ivthz5Jr|+3#$m7#J8EJzX3_
zD(1YswLeSLQRe7J|8=dJTMPv}9X5WpWvT5H5sKGrT<|_YUMZ@p=@#d*OK!qKleAcp
zi*?Oz-}$q1`^?|n?|vTYZ@ruNe2($qcbkk`1e~h#5@p{PwD?zqt;*=rdCYrExU{Ri
zb=R{)TKjfp>{~BhddbR-_x;{gvp@B(&n&*S;eXJ($E#Pn*R3($AELTJ_42aXc<E54
zXrt9X^&@mH-ROy2_BTTOg4e`jX-D?V=>Ium|B|GA9?8Z@ac7R#oQV%Ij9;=*(op|d
za-G04@pJv(KS=g3+hTt}dydJKE0gShH1gkg?XUOn#+Qlz=fC37FBFfv&)^ukb#ue~
zUGrx)FL`?Cg#AH|_p4n+Hk~z)Z`!}H)!Mm+x9<90w(site4m^%CbcLi;)4kfqEoBW
zcoR2!J+P7ZQucFRWZI#qnY)Uk^m_gr5`GhR`B~ZFfB8J8Zxj}O@&C9W;ChVYL(6-Q
j1mr(%2?^v-e4yWUtL$Wk>I^1ej4^n+`njxgN@xNALo?es

literal 0
HcmV?d00001

diff --git a/static/img/up-arrow-black.svg b/static/img/up-arrow-black.svg
new file mode 100644
index 0000000..843f74b
--- /dev/null
+++ b/static/img/up-arrow-black.svg
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="64"
+   height="64"
+   viewBox="0 0 64.000001 63.999997"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="up-arrow-black.svg"
+   inkscape:export-filename="/home/skylar/Documents/Projects/Sources/SimpleInventory/static/img/up-arrow-black.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.979899"
+     inkscape:cx="66.826957"
+     inkscape:cy="-6.0149722"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-83.334319,-53.898981)">
+    <g
+       id="g4224"
+       transform="matrix(0.69842965,0,0,0.69842965,25.127004,31.746558)"
+       style="fill:#000000;fill-opacity:1">
+      <rect
+         ry="7.1589174"
+         rx="7.1589174"
+         y="72.534538"
+         x="85.33432"
+         height="10"
+         width="90"
+         id="rect4136"
+         style="opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:10;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,0,0)"
+         ry="7.1589174"
+         rx="7.1589174"
+         y="-12.636598"
+         x="112.29343"
+         height="10"
+         width="60"
+         id="rect4136-6-7"
+         style="opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:10;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,0,0)"
+         ry="7.1589174"
+         rx="7.1589174"
+         y="112.287"
+         x="2.6430364"
+         height="10"
+         width="60"
+         id="rect4136-6-7-5"
+         style="opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:10;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/static/img/up-arrow-white.png b/static/img/up-arrow-white.png
new file mode 100644
index 0000000000000000000000000000000000000000..92d06f351d91cdfeb17938ab6b3fffc40e58c87d
GIT binary patch
literal 538
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I1|(Ny7TyC=EX7WqAsj$Z!;#Vf<Z~8yL>2?p
zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4<ivthz5Jr|+3#$m7#J9*d%8G=
zRLprhdv{hypoH6XIquxvgaU=6>E8vuFy`ns*)`jBhGl+XeWR+V>FW5lg@rqJ&w?AC
z372%b3%e2|)D5cZ&i)LmHhW%k-|Baag*b;|%efWeSE^s_`{i7__TIX4TZOKyezmT?
zXi41qbJs;n*T~HYsyp`gRnOu$?Xcqq>^4}Y-&k_}n|I*#tL4St_Plc08#K4{rH;Yd
zbemP@c9on9__wxdrPceO$bwtHqc3cIwZ~iaX|Np<`X@8-lji(Sn)WT9cpYMy?=hJF
zGx{gJf%nfF>DAK554b-_&3?=6Q2Z<5lWoCHgBz<X+2%3v&-%r)BY5`mp1aHHn2ufb
zT=n8x(v$i`mOU%@0#AHiIFCjBfbfHd0{YGJGve6x&x<g+BE3-9g=r##3zGn+g9-yK
z#(@L&Q|A`4arUp?T$X(B@WYxqJ^SQ?GYhs`rEeEkUc2@D0pAA&=Qecj-S+?dgD=Zh
z&JF(dZ{n`Nx%sLqluNzu2Jc_J{z~-KolYDN#it+ta_*?_b~j)=GI+ZBxvX<aXaWG8
CcIa;a

literal 0
HcmV?d00001

diff --git a/static/img/up-arrow-white.svg b/static/img/up-arrow-white.svg
new file mode 100644
index 0000000..80d89ac
--- /dev/null
+++ b/static/img/up-arrow-white.svg
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="64"
+   height="64"
+   viewBox="0 0 64.000001 63.999997"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="up-arrow-white.svg"
+   inkscape:export-filename="/home/skylar/Documents/Projects/Sources/SimpleInventory/static/img/up-arrow-white.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.979899"
+     inkscape:cx="66.826957"
+     inkscape:cy="-6.0149722"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-83.334319,-53.898981)">
+    <g
+       id="g4224"
+       transform="matrix(0.69842965,0,0,0.69842965,25.127004,31.746558)"
+       style="fill:#ffffff;fill-opacity:1">
+      <rect
+         ry="7.1589174"
+         rx="7.1589174"
+         y="72.534538"
+         x="85.33432"
+         height="10"
+         width="90"
+         id="rect4136"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:10;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,0,0)"
+         ry="7.1589174"
+         rx="7.1589174"
+         y="-12.636598"
+         x="112.29343"
+         height="10"
+         width="60"
+         id="rect4136-6-7"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:10;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <rect
+         transform="matrix(0.70710678,-0.70710678,0.70710678,0.70710678,0,0)"
+         ry="7.1589174"
+         rx="7.1589174"
+         y="112.287"
+         x="2.6430364"
+         height="10"
+         width="60"
+         id="rect4136-6-7-5"
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:10;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+</svg>