From 0888edaec53a93c51da8800a80cbaba8ab3ce95a Mon Sep 17 00:00:00 2001 From: Matt Hills Date: Mon, 20 Oct 2025 18:16:45 -0400 Subject: [PATCH] Modernize tenant selection page with improved UX - Replace list view with responsive card grid layout for better scalability - Add real-time search functionality to filter tenants by name or ID - Move settings to fixed gear icon in top-right corner - Add new tenant button (plus icon) next to settings gear - Implement modal dialog for creating new tenants - Add hover effects and animations to tenant cards - Improve mobile responsiveness - Display tenant info more compactly (name, ID, username, date, AR URL) - Add "no results" message for empty search results The new layout handles 50+ tenants efficiently with better visual organization and easier navigation. --- src/app/templates/tenant_selection.html | 254 ++++++++++++++++++------ 1 file changed, 191 insertions(+), 63 deletions(-) diff --git a/src/app/templates/tenant_selection.html b/src/app/templates/tenant_selection.html index 14ee745..23f5371 100644 --- a/src/app/templates/tenant_selection.html +++ b/src/app/templates/tenant_selection.html @@ -6,10 +6,62 @@ Select or Create Tenant - KCAP Demo Server + -
-

KCAP Demo Server - Multi-Tenant

+ +
+ + + + +
+ +
+

KCAP Demo Server

{% with messages = get_flashed_messages(with_categories=true) %} {% if messages %} @@ -21,67 +73,102 @@ {% endfor %} {% endif %} {% endwith %} - -
-
-
-
-

Select an Existing Tenant

+ + +
+
+
+
+ + +
-
- {% if tenants %} -
- {% for tenant in tenants %} -
- -
-
{{ tenant.name }}
- {{ tenant.created_at }} -
-

Username: {{ tenant.username }}

-

- Knox Capture AR Template URL: - {{ server_url }}/{{ tenant.id }}/ -

- ID: {{ tenant.id }} - - -
- -
+
+
+
+ + +
+ {% if tenants %} + {% for tenant in tenants %} +
+
+ +
+
+
{{ tenant.name }}
+ {{ tenant.id }} +
+

+ {{ tenant.username }} +

+

+ {{ tenant.created_at }} +

+
+ AR Template URL: +
+ +
- {% endfor %}
- {% else %} -

No tenants exist yet. Create one below!

- {% endif %} + +
+ +
+ +
+
- -
-
-

Create a New Tenant

-
-
-
-
- - - Only letters, numbers, hyphens, and underscores allowed -
- -
+ {% endfor %} + {% else %} +
+
+ +

No tenants exist yet. Create your first tenant!

- -
-

- Note: When you access a tenant URL directly (e.g., /my-tenant/), - it will be automatically created with default credentials (admin/admin). -

- Server Settings + {% endif %} +
+ + + +
+ + +