Mar 04 2026: Implement customer's view functionalities - Phase 5

2026-03-04 13:35:12 -05:00
parent 59f46f2110
commit 736cb04bcb
7 changed files with 763 additions and 0 deletions
@@ -0,0 +1,118 @@
+{% extends "base.html" %}
+{% block title %}Customer Management{% endblock %}
+
+{% block content %}
+<div class="row mb-4 align-items-center">
+  <div class="col">
+    <h2><i class="bi bi-person-badge"></i> Customer Management</h2>
+    <p class="text-muted mb-0">Manage portal access for all customer accounts.</p>
+  </div>
+  <div class="col-auto">
+    <a href="{{ url_for('customers.create') }}" class="btn btn-primary">
+      <i class="bi bi-person-plus"></i> New Customer
+    </a>
+  </div>
+</div>
+
+{% if customers %}
+<div class="card shadow-sm">
+  <div class="card-body p-0">
+    <div class="table-responsive">
+      <table class="table table-hover mb-0">
+        <thead class="table-light">
+          <tr>
+            <th>Username</th>
+            <th>Email</th>
+            <th>Status</th>
+            <th>Assigned Projects</th>
+            <th>Accessible Facilities</th>
+            <th>Created</th>
+            <th width="160"></th>
+          </tr>
+        </thead>
+        <tbody>
+          {% for customer in customers %}
+          {% set assignments = assignment_map[customer.id] %}
+          {% set facility_ids = scope_map[customer.id] %}
+          <tr class="{{ 'table-secondary text-muted' if not customer.active else '' }}">
+            <td>
+              <strong>
+                <a href="{{ url_for('customers.manage', customer_id=customer.id) }}"
+                   class="text-decoration-none">
+                  {{ customer.username }}
+                </a>
+              </strong>
+            </td>
+            <td class="small text-muted">{{ customer.email }}</td>
+            <td>
+              {% if customer.active %}
+              <span class="badge bg-success">Active</span>
+              {% else %}
+              <span class="badge bg-secondary">Disabled</span>
+              {% endif %}
+            </td>
+            <td>
+              {% if assignments %}
+                {% set project_names = assignments | map(attribute='project') | map(attribute='name') | unique | list %}
+                {% for pname in project_names %}
+                <span class="badge bg-primary me-1">{{ pname }}</span>
+                {% endfor %}
+              {% else %}
+              <span class="text-muted small">— None —</span>
+              {% endif %}
+            </td>
+            <td>
+              {% if facility_ids %}
+              <span class="badge bg-info text-dark">{{ facility_ids|length }} facilit{{ 'y' if facility_ids|length == 1 else 'ies' }}</span>
+              {% else %}
+              <span class="text-muted small">— None —</span>
+              {% endif %}
+            </td>
+            <td class="small text-muted">{{ customer.created_at.strftime('%Y-%m-%d') }}</td>
+            <td class="text-end">
+              <a href="{{ url_for('customers.manage', customer_id=customer.id) }}"
+                 class="btn btn-sm btn-outline-primary" title="Manage">
+                <i class="bi bi-gear"></i>
+              </a>
+              <a href="{{ url_for('customers.edit', customer_id=customer.id) }}"
+                 class="btn btn-sm btn-outline-secondary" title="Edit">
+                <i class="bi bi-pencil"></i>
+              </a>
+              <form method="POST"
+                    action="{{ url_for('customers.toggle_active', customer_id=customer.id) }}"
+                    class="d-inline">
+                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+                <button type="submit"
+                        class="btn btn-sm {{ 'btn-outline-warning' if customer.active else 'btn-outline-success' }}"
+                        title="{{ 'Disable' if customer.active else 'Enable' }}"
+                        onclick="return confirm('{{ 'Disable' if customer.active else 'Enable' }} {{ customer.username }}?')">
+                  <i class="bi bi-{{ 'person-slash' if customer.active else 'person-check' }}"></i>
+                </button>
+              </form>
+            </td>
+          </tr>
+          {% endfor %}
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+
+{# ── Summary footer ── #}
+<div class="mt-3 text-muted small">
+  {{ customers|length }} customer account{{ 's' if customers|length != 1 else '' }} total
+  · {{ customers|selectattr('active')|list|length }} active
+</div>
+
+{% else %}
+<div class="card shadow-sm">
+  <div class="card-body text-center py-5 text-muted">
+    <i class="bi bi-person-badge fs-1 d-block mb-3 opacity-25"></i>
+    <p class="mb-3">No customer accounts have been created yet.</p>
+    <a href="{{ url_for('customers.create') }}" class="btn btn-primary">
+      <i class="bi bi-person-plus"></i> Create First Customer
+    </a>
+  </div>
+</div>
+{% endif %}
+{% endblock %}