Reorder navigation menu, hide stock adjustment from staff

Author: hiteshkrmsft

www/js/modules/stock.js

@@ -42,6 +42,9 @@ export class StockManager {
         const container = document.getElementById("stockList");
         if (!container) return;
 
+        // Hide adjustment tab for staff
+        this.hideAdjustmentTabForStaff();
+
         try {
             // Use withLoading for the Firebase operation
             const stock = await UIManager.withLoading(async () => {
@@ -185,10 +188,17 @@ export class StockManager {
 
     /**
      * Filter between stock view tabs (current stock vs adjustments)
+     * Staff cannot access adjustment section
      * @param {'current'|'adjustment'} section - Section to display
      * @param {Event} [event] - Optional click event for button styling
      */
     static filterStockTab(section, event) {
+        // Staff cannot access adjustment section
+        if (section === 'adjustment' && AppState.userRole === 'staff') {
+            UIManager.showToast('You do not have permission to access stock adjustments');
+            return;
+        }
+        
         const sections = {
             current: document.getElementById("currentStockSection"),
             adjustment: document.getElementById("stockAdjustmentSection")
@@ -215,6 +225,20 @@ export class StockManager {
         }
     }
 
+    /**
+     * Hide stock adjustment tab for staff users
+     * Called when stock page is loaded
+     */
+    static hideAdjustmentTabForStaff() {
+        if (AppState.userRole === 'staff') {
+            // Hide the Stock Adjustment button
+            const filterButtons = document.querySelectorAll('#stock .filter-btn');
+            if (filterButtons.length > 1) {
+                filterButtons[1].style.display = 'none';
+            }
+        }
+    }
+
     /**
      * Load items into the stock adjustment dropdown
      * Populates select element with all inventory items

www/templates/navigation.html

@@ -23,6 +23,10 @@ <h2>Aadhat Billing</h2>
                 <span class="nav-icon">📋</span>
                 Billing
             </a>
+            <a href="#" onclick="window.app.nav.showTab('wholesale-sales', event)">
+                <span class="nav-icon">🧾</span>
+                Sales
+            </a>
             <a href="#" onclick="window.app.nav.showTab('expenses', event)">
                 <span class="nav-icon">💳</span>
                 Expenses
@@ -31,42 +35,30 @@ <h2>Aadhat Billing</h2>
                 <span class="nav-icon">📦</span>
                 Items
             </a>
-            <a href="#" onclick="window.app.nav.showTab('stock', event)">
-                <span class="nav-icon">📊</span>
-                Stock
-            </a>
-            <a href="#" onclick="window.app.nav.showTab('wholesale-sales', event)">
-                <span class="nav-icon">💰</span>
-                Sales
-            </a>
             <a href="#" onclick="window.app.nav.showTab('history', event)">
                 <span class="nav-icon">📜</span>
                 History
             </a>
+            <a href="#" onclick="window.app.nav.showTab('stock', event)">
+                <span class="nav-icon">📊</span>
+                Stocks
+            </a>
             <a href="#" onclick="window.app.nav.showTab('due', event)">
                 <span class="nav-icon">💸</span>
                 Outstanding
             </a>
-            <a href="#" onclick="window.app.nav.showTab('reports', event)">
-                <span class="nav-icon">📈</span>
-                Reports
-            </a>
             <a href="#" onclick="window.app.nav.showTab('finance', event)">
                 <span class="nav-icon">💰</span>
                 Finance
             </a>
+            <a href="#" onclick="window.app.nav.showTab('reports', event)">
+                <span class="nav-icon">📈</span>
+                Reports
+            </a>
             <a href="#" onclick="window.app.nav.showTab('analytics', event)">
-                <span class="nav-icon">📊</span>
+                <span class="nav-icon">📉</span>
                 Analytics
             </a>
-            <a href="#" onclick="window.app.nav.showTab('chat', event)">
-                <span class="nav-icon">💬</span>
-                AI Assistant
-            </a>
-            <a href="#" onclick="window.app.nav.showTab('settings', event)">
-                <span class="nav-icon">⚙️</span>
-                Settings
-            </a>
             <a href="#" onclick="window.app.nav.showTab('admin', event)" id="adminNavLink" style="display: none;">
                 <span class="nav-icon">🛠️</span>
                 Admin
@@ -75,6 +67,14 @@ <h2>Aadhat Billing</h2>
                 <span class="nav-icon">🔬</span>
                 Diagnostics
             </a>
+            <a href="#" onclick="window.app.nav.showTab('settings', event)">
+                <span class="nav-icon">⚙️</span>
+                Settings
+            </a>
+            <a href="#" onclick="window.app.nav.showTab('chat', event)">
+                <span class="nav-icon">🤖</span>
+                AI Assistant
+            </a>
         </nav>
     </div>