From a16e8668a8a4419b8b8d65f47c8eed4044463ac3 Mon Sep 17 00:00:00 2001
From: John Mizerek <mizerek@gmail.com>
Date: Mon, 26 Jan 2026 13:26:30 -0800
Subject: [PATCH] Add auth redirect to portal index

Redirects unauthenticated users to signup.html

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 portal/index.html | 49 ++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 46 insertions(+), 3 deletions(-)
diff --git a/portal/index.html b/portal/index.html
index c41e395..ffa52d7 100644
--- a/portal/index.html
+++ b/portal/index.html
@@ -5,6 +5,15 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Payfrit Business Portal</title>
   <link rel="stylesheet" href="portal.css">
+  <script>
+    // Auth check - redirect to signup if not logged in
+    (function() {
+      const token = localStorage.getItem('payfrit_portal_token');
+      if (!token) {
+        window.location.href = 'signup.html';
+      }
+    })();
+  </script>
 </head>
 <body>
   <div class="app">
@@ -209,6 +218,12 @@
                     </svg>
                     Open KDS
                   </button>
+                  <button class="action-btn" onclick="Portal.openQuickTasks()">
+                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                      <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>
+                    </svg>
+                    Quick Tasks
+                  </button>
                   <button class="action-btn" onclick="Portal.openHUD()">
                     <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                       <path d="M18 20V10M12 20V4M6 20v-6"/>
@@ -425,11 +440,25 @@
         <!-- Admin Tasks Page -->
         <section class="page" id="page-admin-tasks">
           <div class="admin-tasks-layout">
-            <!-- Quick Task Templates Section -->
+            <!-- Task Categories Section -->
+            <div class="card">
+              <div class="card-header" style="display:flex;justify-content:space-between;align-items:center;">
+                <h3>Task Categories</h3>
+                <button class="btn btn-sm btn-primary" onclick="Portal.showAddCategoryModal('task')">+ Add Category</button>
+              </div>
+              <div class="card-body">
+                <p style="color:#666;margin-bottom:16px;">Categories organize tasks and assign colors. Every task needs a category.</p>
+                <div class="categories-grid" id="taskCategoriesGrid">
+                  <div class="empty-state">Loading...</div>
+                </div>
+              </div>
+            </div>
+
+            <!-- Quick Tasks Section -->
             <div class="card">
               <div class="card-header" style="display:flex;justify-content:space-between;align-items:center;">
                 <h3>Quick Tasks</h3>
-                <button class="btn btn-sm btn-primary" onclick="Portal.showAddQuickTaskModal()">+ Add Template</button>
+                <button class="btn btn-sm btn-primary" onclick="Portal.showAddQuickTaskModal()">+ Add Quick Task</button>
               </div>
               <div class="card-body">
                 <p style="color:#666;margin-bottom:16px;">Create common tasks instantly with one tap.</p>
@@ -453,6 +482,20 @@
                 </div>
               </div>
             </div>
+
+            <!-- Worker Ratings Section -->
+            <div class="card">
+              <div class="card-header" style="display:flex;justify-content:space-between;align-items:center;">
+                <h3>Worker Ratings</h3>
+                <button class="btn btn-sm btn-secondary" onclick="Portal.loadPendingRatings()">Refresh</button>
+              </div>
+              <div class="card-body">
+                <p style="color:#666;margin-bottom:16px;">Rate worker performance on recently completed tasks. These ratings help track performance over time.</p>
+                <div class="list-group" id="pendingRatingsList">
+                  <div class="empty-state">Loading...</div>
+                </div>
+              </div>
+            </div>
           </div>
         </section>
 
@@ -590,6 +633,6 @@
   <!-- Toast Container -->
   <div class="toast-container" id="toastContainer"></div>
 
-  <script src="portal.js?v=6"></script>
+  <script src="portal.js?v=9"></script>
 </body>
 </html>
