Changeset 79fff4f for interfejs/client-dashboard.html

Timestamp:

02/22/26 22:32:07 (7 months ago)

Author:

Klimentina Efremova <klimentina08642@…>

Branches:

finki-main, main

Children:

6fea37e, 81bc7da

Parents:

4dff800

Message:

Improved employee logging in and changing password

File:

• interfejs/client-dashboard.html (modified) (9 diffs)

interfejs/client-dashboard.html

@@ -18 +18 @@
       <li><a href="products.html">Products</a></li>
       <li><a href="#" id="dashboard-link" class="active">My Dashboard</a></li>
+      <li><a href="change-password.html" class="change-password-btn">🔑 Change Password</a></li>
+      <li><a href="#" id="logout-link">Logout</a></li>
     </ul>
   </nav>
@@ -96 +98 @@
             <input type="text" id="new-address" required>
           </div>
-
           <div class="form-row">
             <div class="form-group">
@@ -107 +108 @@
             </div>
           </div>
-
           <div class="form-group">
             <label for="new-country">Country *</label>
             <input type="text" id="new-country" required>
           </div>
-
           <div class="form-group checkbox">
             <input type="checkbox" id="new-is-default">
             <label for="new-is-default">Set as default address</label>
           </div>
-
           <button type="submit" class="btn-primary">Save Address</button>
           <button type="button" class="btn-secondary" id="cancel-add-address">Cancel</button>
@@ -158 +156 @@
             </select>
           </div>
-
           <div class="form-group">
             <label for="request-problem">Problem Description *</label>
             <textarea id="request-problem" rows="4" required></textarea>
           </div>
-
           <button type="submit" class="btn-primary">Submit Request</button>
           <button type="button" class="btn-secondary" id="cancel-new-request">Cancel</button>
@@ -262 +258 @@
   document.addEventListener('DOMContentLoaded', async () => {
     const user = await loadUserData();
+
     if (!user || user.userType !== 'client') {
       window.location.href = 'index.html';
@@ -268 +265 @@
 
     document.getElementById('client-name').textContent = `${user.firstName} ${user.lastName || ''}`;
+
+    // Logout functionality
+    document.getElementById('logout-link').addEventListener('click', async (e) => {
+      e.preventDefault();
+      await logout();
+    });
 
     // Load profile data
@@ -297 +300 @@
         document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
         document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
+
         btn.classList.add('active');
         document.getElementById(`${btn.dataset.tab}-tab`).classList.add('active');
@@ -352 +356 @@
 
       const tbody = document.getElementById('orders-list');
+
       if (data.success && data.orders.length > 0) {
         tbody.innerHTML = data.orders.map(order => {
           const total = order.items ? order.items.reduce((sum, item) =>
                   sum + (item.price * item.quantity), 0) : 0;
+
           return `
-                            <tr>
-                                <td>${order.order_num}</td>
-                                <td>${order.store_name || 'Unknown'}</td>
-                                <td>${new Date(order.order_date).toLocaleDateString()}</td>
-                                <td><span class="status-badge status-${order.status}">${order.status}</span></td>
-                                <td>$${total.toFixed(2)}</td>
-                                <td>
-                                    <button class="btn-small" onclick="viewOrder('${order.order_num}')">View</button>
-                                    ${order.status === 'delivered' ?
+                        <tr>
+                            <td>${order.order_num}</td>
+                            <td>${order.store_name || 'Unknown'}</td>
+                            <td>${new Date(order.order_date).toLocaleDateString()}</td>
+                            <td><span class="status-badge status-${order.status}">${order.status}</span></td>
+                            <td>$${total.toFixed(2)}</td>
+                            <td>
+                                <button class="btn-small" onclick="viewOrder('${order.order_num}')">View</button>
+                                ${order.status === 'delivered' ?
                   `<button class="btn-small" onclick="reviewOrder('${order.order_num}')">Review</button>` : ''}
-                                </td>
-                            </tr>
-                        `;
+                            </td>
+                        </tr>
+                    `;
         }).join('');
       } else {
@@ -383 +389 @@
     // This would need a separate API endpoint
     document.getElementById('addresses-list').innerHTML = `
-                <div class="address-card">
-                    <p><strong>Default Address:</strong></p>
-                    <p>st. Center num.10, Skopje 1000, North Macedonia</p>
-                    <button class="btn-small">Edit</button>
-                    <button class="btn-small" style="background: var(--danger);">Delete</button>
-                </div>
-            `;
+            <div class="address-card">
+                <p><strong>Default Address:</strong></p>
+                <p>st. Center num.10, Skopje 1000, North Macedonia</p>
+                <button class="btn-small">Edit</button>
+                <button class="btn-small" style="background: var(--danger);">Delete</button>
+            </div>
+        `;
   }