From 6567276f11765cd0bf5a5b653f734f4a1b673b78 Mon Sep 17 00:00:00 2001
From: Staycie <stacymapano0@gmail.com>
Date: Mon, 12 Feb 2024 21:41:31 +0800
Subject: [PATCH] first commit for highlighting active tab

---
 vendor-dashboard.php    | 17 ++++++++++-------
 vendor-profile-tabs.php | 20 ++++++++++++++++++++
 vendor-profile.php      | 21 ++++++++++++---------
 vendor-settings.php     | 29 ++++++++++++++++-------------
 vendor-uploads.php      | 17 ++++++++++-------
 5 files changed, 68 insertions(+), 36 deletions(-)
 create mode 100644 vendor-profile-tabs.php

diff --git a/vendor-dashboard.php b/vendor-dashboard.php
index ebbc1a5..edc7626 100644
--- a/vendor-dashboard.php
+++ b/vendor-dashboard.php
@@ -127,13 +127,16 @@ if (is_array($vendorOrderss)) {
                                     <img class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
                                     <h5 class="name"><?php echo $vendorData['user_login'] ?></h5>
                                 </div>
-                                <div class="ec-vendor-block-items">
-                                    <ul>
-                                        <li><a href="vendor-dashboard.php">Dashboard</a></li>
-                                        <li><a onclick="addProduct();" href="">Upload Product</a></li>
-                                        <li><a href="vendor-settings.php">Settings (Edit)</a></li>
-                                    </ul>
-                                </div>
+                                <!-- 2024-02-12 Stacy deleted div with class "ec-vendor-block-items", and inserted vendor-profile-tabs.php -->
+                                    <!-- <div class="ec-vendor-block-items">
+                                        <ul>
+                                            <li><a href="vendor-dashboard.php">Dashboard</a></li>
+                                            <li><a onclick="addProduct();" href="">Upload Product</a></li>
+                                            <li><a href="vendor-settings.php">Settings (Edit)</a></li>
+                                        </ul>
+                                    </div> -->
+                                <?php include 'vendor-profile-tabs.php' ?>
+                                <!-- 2024-02-12 Stacy deleted div with class "ec-vendor-block-items", and inserted vendor-profile-tabs.php -->
                             </div>
                         </div>
                     </div>
diff --git a/vendor-profile-tabs.php b/vendor-profile-tabs.php
new file mode 100644
index 0000000..a926e09
--- /dev/null
+++ b/vendor-profile-tabs.php
@@ -0,0 +1,20 @@
+<!-- 2024-02-12 Stacy created this file -->
+<div class="ec-vendor-block-items">
+    <ul>
+        <li <?php if ($_SERVER['REQUEST_URI'] == '/login.php') echo 'class="active"'; ?>><a href="login.php" id="login-link">Dashboards</a></li>
+        <li <?php if ($_SERVER['REQUEST_URI'] == '/vendor-profile.php') echo 'class="active"'; ?>><a href="vendor-profile.php" id="vendor-profile-link">Public Profile</a></li>
+        <li <?php if ($_SERVER['REQUEST_URI'] == '/vendors-uploads.php') echo 'class="active"'; ?>><a href="vendors-uploads.php" id="vendors-uploads-link">Uploads</a></li>
+        <li <?php if ($_SERVER['REQUEST_URI'] == '/track-order.html') echo 'class="active"'; ?>><a href="track-order.html" id="track-order-link">Track Shipping</a></li>
+        <li <?php if ($_SERVER['REQUEST_URI'] == '/vendor-settings.php') echo 'class="active"'; ?>><a href="vendor-settings.php" id="vendor-settings-link">Settings (edit)</a></li>
+    </ul>
+</div>
+
+
+<style>.ec-vendor-block-items ul li.active a {
+    color: white !important; /* Change the text color */
+    background-color: #3474d4; /* Change the background color */
+    padding: 10px;
+    border-radius: 10px;
+}
+</style>
+<!-- 2024-02-12 Stacy created this file -->
\ No newline at end of file
diff --git a/vendor-profile.php b/vendor-profile.php
index e9b4e7e..c229be9 100644
--- a/vendor-profile.php
+++ b/vendor-profile.php
@@ -165,15 +165,18 @@
                         <!-- Sidebar Category Block -->
                         <div class="ec-sidebar-block">
                             <div class="ec-vendor-block">
-                                <div class="ec-vendor-block-items">
-                                    <ul>
-                                        <li><a href="vendor-dashboard.php">Dashboard</a></li>
-                                        <li><a href="vendor-profile.html">Public Profile</a></li>
-                                        <li><a href="vendor-uploads.html">Uploads</a></li>
-                                        <li><a href="track-order.html">Track Shipping</a></li>
-                                        <li><a href="vendor-settings.html">Settings (Edit)</a></li>
-                                    </ul>
-                                </div>
+                                <!-- 2024-02-12 Stacy deleted the div with class "ec-vendor-block-items", and then added the vendor-profile-tabs.php -->
+                                    <!-- <div class="ec-vendor-block-items">
+                                        <ul>
+                                            <li><a href="vendor-dashboard.php">Dashboard</a></li>
+                                            <li><a href="vendor-profile.html">Public Profile</a></li>
+                                            <li><a href="vendor-uploads.html">Uploads</a></li>
+                                            <li><a href="track-order.html">Track Shipping</a></li>
+                                            <li><a href="vendor-settings.html">Settings (Edit)</a></li>
+                                        </ul>
+                                    </div> -->
+                                <?php include 'vendor-profile-tabs.php' ?>
+                                <!-- 2024-02-12 Stacy deleted the div with class "ec-vendor-block-items", and then added the vendor-profile-tabs.php -->
                             </div>
                         </div>
                     </div>
diff --git a/vendor-settings.php b/vendor-settings.php
index 5e7c8b7..b9b9b93 100644
--- a/vendor-settings.php
+++ b/vendor-settings.php
@@ -115,19 +115,22 @@ if ($_SESSION["userId"] <> "") {
                         <!-- Sidebar Category Block -->
                         <div class="ec-sidebar-block">
                             <div class="ec-vendor-block">
-                                <div class="ec-vendor-block-items">
-                                    <ul>
-                                        <!-- <li><a href="vendor-dashboard.php">Dashboard</a></li>
-                                        <li><a href="vendor-profile.html">Public Profile</a></li>
-                                        <li><a href="vendor-uploads.html">Uploads</a></li>
-                                        <li><a href="vendor-uploads.php">Uploads</a></li>
-                                        <li><a href="#">Track Shipping</a></li>
-                                        <li><a href="vendor-settings.php">Settings (Edit)</a></li> -->
-                                        <li><a href="vendor-dashboard.php">Dashboard</a></li>
-                                        <li><a href="vendor-uploads-add-product-action.php">Upload Product</a></li>
-                                        <li><a href="vendor-settings.php">Settings (Edit)</a></li>
-                                    </ul>
-                                </div>
+                                <!-- 2024-02-12 Stacy deleted div with class "ec-vendor-block-items", and inserted vendor-profile-tabs.php -->
+                                    <!-- <div class="ec-vendor-block-items">
+                                        <ul>
+                                            <!-- <li><a href="vendor-dashboard.php">Dashboard</a></li>
+                                            <li><a href="vendor-profile.html">Public Profile</a></li>
+                                            <li><a href="vendor-uploads.html">Uploads</a></li>
+                                            <li><a href="vendor-uploads.php">Uploads</a></li>
+                                            <li><a href="#">Track Shipping</a></li>
+                                            <li><a href="vendor-settings.php">Settings (Edit)</a></li> -->
+                                            <!-- <li><a href="vendor-dashboard.php">Dashboard</a></li>
+                                            <li><a href="vendor-uploads-add-product-action.php">Upload Product</a></li>
+                                            <li><a href="vendor-settings.php">Settings (Edit)</a></li>
+                                        </ul>
+                                    </div> -->
+                                    <?php include 'vendor-profile-tabs.php' ?>
+                                <!-- 2024-02-12 Stacy deleted div with class "ec-vendor-block-items", and inserted vendor-profile-tabs.php -->
                             </div>
                         </div>
                     </div>
diff --git a/vendor-uploads.php b/vendor-uploads.php
index b3e708d..2e1b84a 100644
--- a/vendor-uploads.php
+++ b/vendor-uploads.php
@@ -111,13 +111,16 @@ $array = json_decode($result, true);
                         <!-- Sidebar Category Block -->
                         <div class="ec-sidebar-block">
                             <div class="ec-vendor-block">
-                                <div class="ec-vendor-block-items">
-                                    <ul>
-                                        <li><a href="vendor-dashboard.php">Dashboard</a></li>
-                                        <li><a href="vendor-uploads-add-product-action.php">Upload Product</a></li>
-                                        <li><a href="vendor-settings.php">Settings (Edit)</a></li>
-                                    </ul>
-                                </div>
+                                <!-- 2024-02-12 Stacy deleted div with class "ec-vendor-block-items", and inserted vendor-profile-tabs.php -->
+                                    <!-- <div class="ec-vendor-block-items">
+                                        <ul>
+                                            <li><a href="vendor-dashboard.php">Dashboard</a></li>
+                                            <li><a href="vendor-uploads-add-product-action.php">Upload Product</a></li>
+                                            <li><a href="vendor-settings.php">Settings (Edit)</a></li>
+                                        </ul>
+                                    </div> -->
+                                    <?php include 'vendor-profile-tabs.php' ?>
+                                <!-- 2024-02-12 Stacy deleted div with class "ec-vendor-block-items", and inserted vendor-profile-tabs.php -->
                             </div>
                         </div>
                     </div>