From 2b2106c0b5f7436f9e5c42bb8dcb53c3fc607cd8 Mon Sep 17 00:00:00 2001
From: CommanderRedYT <ccommanderred@gmail.com>
Date: Mon, 30 Nov 2020 17:52:50 +0100
Subject: [PATCH] New js to add .php if served locally [dev]

---
 includes/navbar.php | 32 ++++++++++++++++----------------
 js/local.js         |  9 +++++++++
 js/main.js          |  1 +
 3 files changed, 26 insertions(+), 16 deletions(-)
 create mode 100644 js/local.js

diff --git a/includes/navbar.php b/includes/navbar.php
index 237526c..d46742b 100644
--- a/includes/navbar.php
+++ b/includes/navbar.php
@@ -1,8 +1,8 @@
     <!--Begin Navbar-->
     <nav class="navbar navbar-expand-lg navbar-light bg-light couldDark disable-select sticky-top" id="navbar">
       <div class="container">
-        <a class="navbar-brand" href="https://pfostendynamics.com/" draggable="false" ondragstart="return false;">
-          <img src="https://pfostendynamics.com/img/PfostenDynamics.png" style="max-height: 60px" class="d-inline-block align-top" alt="" loading="lazy" id="pfostendynamics" />
+        <a class="navbar-brand" href="./" draggable="false" ondragstart="return false;">
+          <img src="./img/PfostenDynamics.png" style="max-height: 60px" class="d-inline-block align-top" alt="" loading="lazy" id="pfostendynamics" />
         </a>
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
           <span class="navbar-toggler-icon"></span>
@@ -14,29 +14,29 @@
             {
             ?>
               <li class="nav-item home canactive <?php if ($active) { ?> active<?php } ?>">
-                <a draggable="false" ondragstart="return false;" class="nav-link" href="<?php echo htmlentities($url); ?>"><?php echo htmlentities($text); ?><?php if ($active) { ?> <span class="sr-only">(current)</span><?php } ?></a>
+                <a draggable="false" ondragstart="return false;" class="nav-link givePHP" href="<?php echo htmlentities($url); ?>"><?php echo htmlentities($text); ?><?php if ($active) { ?> <span class="sr-only">(current)</span><?php } ?></a>
               </li>
             <?php
             }
             ?>
-            <?php makeMenuItem("Home", "https://pfostendynamics.com/", ACTIVE_MENUITEM == "home"); ?>
+            <?php makeMenuItem("Home", "./", ACTIVE_MENUITEM == "home"); ?>
             <li class="nav-item dropdown vehicles bobbycar bobbyquad bobbybob bobbyklo bobbyboot bobbyhubschrauber raupenfahrzeug canactive">
               <a class="nav-link dropdown-toggle" href="javascript:void(0)" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" draggable="false" ondragstart="return false;">Vehicles</a>
               <div class=" dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
-                <a class="dropdown-item" href="https://pfostendynamics.com/bobbycar" draggable="false" ondragstart="return false;">Bobbycar</a>
-                <a class="dropdown-item" href="https://pfostendynamics.com/bobbyquad" draggable="false" ondragstart="return false;">Bobbyquad</a>
-                <a class="dropdown-item" href="https://pfostendynamics.com/bobbybob" draggable="false" ondragstart="return false;">Bobbybob</a>
-                <a class="dropdown-item" href="https://pfostendynamics.com/bobbyklo" draggable="false" ondragstart="return false;">Bobbyklo</a>
-                <a class="dropdown-item" href="https://pfostendynamics.com/bobbyboot" draggable="false" ondragstart="return false;">Bobbyboot</a>
-                <a class="dropdown-item" href="https://pfostendynamics.com/bobbyhubschrauber" draggable="false" ondragstart="return false;">Bobbyhubschrauber</a>
-                <a class="dropdown-item" href="https://pfostendynamics.com/raupenfahrzeug" draggable="false" ondragstart="return false;">Raupenfahrzeug</a>
+                <a class="dropdown-item givePHP" href="./bobbycar" draggable="false" ondragstart="return false;">Bobbycar</a>
+                <a class="dropdown-item givePHP" href="./bobbyquad" draggable="false" ondragstart="return false;">Bobbyquad</a>
+                <a class="dropdown-item givePHP" href="./bobbybob" draggable="false" ondragstart="return false;">Bobbybob</a>
+                <a class="dropdown-item givePHP" href="./bobbyklo" draggable="false" ondragstart="return false;">Bobbyklo</a>
+                <a class="dropdown-item givePHP" href="./bobbyboot" draggable="false" ondragstart="return false;">Bobbyboot</a>
+                <a class="dropdown-item givePHP" href="./bobbyhubschrauber" draggable="false" ondragstart="return false;">Bobbyhubschrauber</a>
+                <a class="dropdown-item givePHP" href="./raupenfahrzeug" draggable="false" ondragstart="return false;">Raupenfahrzeug</a>
               </div>
             </li>
-            <?php makeMenuItem("Careers", "https://pfostendynamics.com/careers", ACTIVE_MENUITEM == "careers"); ?>
-            <?php makeMenuItem("News", "https://pfostendynamics.com/news", ACTIVE_MENUITEM == "news"); ?>
-            <?php makeMenuItem("About", "https://pfostendynamics.com/about", ACTIVE_MENUITEM == "about"); ?>
-            <?php makeMenuItem("Shop", "https://pfostendynamics.com/shop", ACTIVE_MENUITEM == "shop"); ?>
-            <?php makeMenuItem("Impressum", "https://pfostendynamics.com/impressum", ACTIVE_MENUITEM == "impressum"); ?>
+            <?php makeMenuItem("Careers", "./careers", ACTIVE_MENUITEM == "careers"); ?>
+            <?php makeMenuItem("News", "./news", ACTIVE_MENUITEM == "news"); ?>
+            <?php makeMenuItem("About", "./about", ACTIVE_MENUITEM == "about"); ?>
+            <?php makeMenuItem("Shop", "./shop", ACTIVE_MENUITEM == "shop"); ?>
+            <?php makeMenuItem("Impressum", "./impressum", ACTIVE_MENUITEM == "impressum"); ?>
           </ul>
           <a class="nav-link toggleDarkmode" href="javascript:void(0)" onclick="darkMode()" draggable="false" ondragstart="return false;"><img id="darkModeImg" class="img-fluid" data-toggle="tooltip" data-placement="top" title="Toggle darkmode" draggable="false" ondragstart="return false;" /></a>
         </div>
diff --git a/js/local.js b/js/local.js
new file mode 100644
index 0000000..5b5106f
--- /dev/null
+++ b/js/local.js
@@ -0,0 +1,9 @@
+function givePHP() {
+  var elements = document.getElementsByClassName("givePHP");
+  len = elements !== null ? elements.length : 0;
+  i = 0;
+  for (i; i < len; i++) {
+    if(elements[i].href != "http://localhost/")
+    elements[i].href += ".php";
+  }
+}
diff --git a/js/main.js b/js/main.js
index 69570f1..3d01044 100644
--- a/js/main.js
+++ b/js/main.js
@@ -99,6 +99,7 @@ function load() {
     setCookie("darkmode", false, 999);
   }
   checkDarkmode();
+  if(location.hostname == "localhost") givePHP();
 }
 
 /*Cookie scripts*/