177 lines
9.1 KiB
HTML
177 lines
9.1 KiB
HTML
# ==============================================================================
|
|
# Formeleon - Multi-tenant Form Generator
|
|
# Author: Björn Runden <br@runden.net>
|
|
# Template: admin/users/view.html
|
|
# Description: View and edit user details with role management.
|
|
# ============================================================================== #}
|
|
|
|
{% extends "base.html" %}
|
|
|
|
{% block title %}{{ target_user.name }} - Formeleon{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="container">
|
|
<div class="row mb-4">
|
|
<div class="col-12 d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<h1><i class="bi bi-person"></i> {{ target_user.name }}</h1>
|
|
<p class="text-muted mb-0">
|
|
Email: {{ target_user.email }} |
|
|
Role: <span class="badge bg-{{ 'primary' if target_user.role.value == 'admin' else 'success' if target_user.role.value == 'tenant_admin' else 'info' if target_user.role.value == 'user' else 'secondary' }}">
|
|
{{ target_user.role.value }}
|
|
</span>
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<a href="{{ url_for('admin.list_users') }}" class="btn btn-outline-secondary">
|
|
<i class="bi bi-arrow-left"></i> Back to Users
|
|
</a>
|
|
<a href="{{ url_for('admin.manage_user_tenants', user_id=target_user.id) }}" class="btn btn-outline-info">
|
|
<i class="bi bi-buildings"></i> Manage Tenants
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
{# User Details Card #}
|
|
<div class="col-lg-6 mb-4">
|
|
<div class="card">
|
|
<div class="card-header bg-light">
|
|
<h5><i class="bi bi-info-circle"></i> User Details</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<dl class="row mb-0">
|
|
<dt class="col-sm-4">User ID:</dt>
|
|
<dd class="col-sm-8"><code>{{ target_user.id }}</code></dd>
|
|
|
|
<dt class="col-sm-4">Email:</dt>
|
|
<dd class="col-sm-8">{{ target_user.email }}</dd>
|
|
|
|
<dt class="col-sm-4">Name:</dt>
|
|
<dd class="col-sm-8">{{ target_user.name }}</dd>
|
|
|
|
<dt class="col-sm-4">OIDC Subject:</dt>
|
|
<dd class="col-sm-8"><code>{{ target_user.sub or 'N/A' }}</code></dd>
|
|
|
|
<dt class="col-sm-4">Role:</dt>
|
|
<dd class="col-sm-8">
|
|
<form method="POST" action="{{ url_for('admin.update_user_role', user_id=target_user.id) }}" class="d-inline">
|
|
<select name="role" class="form-select form-select-sm d-inline-block" style="width: 200px;"
|
|
onchange="this.form.submit()">
|
|
{% for role in ['admin', 'tenant_admin', 'user', 'viewer'] %}
|
|
<option value="{{ role }}" {% if target_user.role.value == role %}selected{% endif %}>{{ role }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</form>
|
|
</dd>
|
|
|
|
<dt class="col-sm-4">Created:</dt>
|
|
<dd class="col-sm-8">{{ target_user.created_at.strftime('%Y-%m-%d %H:%M:%S') if target_user.created_at else 'N/A' }}</dd>
|
|
|
|
<dt class="col-sm-4">Last Updated:</dt>
|
|
<dd class="col-sm-8">{{ target_user.updated_at.strftime('%Y-%m-%d %H:%M:%S') if target_user.updated_at else 'N/A' }}</dd>
|
|
|
|
<dt class="col-sm-4">Last Login:</dt>
|
|
<dd class="col-sm-8">{{ target_user.last_login.strftime('%Y-%m-%d %H:%M:%S') if target_user.last_login else 'Never' }}</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{# Associated Tenants Card #}
|
|
<div class="col-lg-6 mb-4">
|
|
<div class="card">
|
|
<div class="card-header bg-light d-flex justify-content-between align-items-center">
|
|
<h5><i class="bi bi-buildings"></i> Associated Tenants ({{ tenants|length }})</h5>
|
|
<a href="{{ url_for('admin.manage_user_tenants', user_id=target_user.id) }}" class="btn btn-sm btn-outline-primary">
|
|
<i class="bi bi-pencil"></i> Manage
|
|
</a>
|
|
</div>
|
|
<div class="card-body">
|
|
{% if tenants %}
|
|
<div class="table-responsive">
|
|
<table class="table table-hover mb-0">
|
|
<thead class="table-light">
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>ID</th>
|
|
<th>Status</th>
|
|
<th>Forms</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for tenant in tenants %}
|
|
<tr>
|
|
<td>{{ tenant.name }}</td>
|
|
<td><code>{{ tenant.id }}</code></td>
|
|
<td>
|
|
<span class="badge bg-{{ 'success' if tenant.status.value == 'active' else 'warning' if tenant.status.value == 'suspended' else 'danger' }}">
|
|
{{ tenant.status.value }}
|
|
</span>
|
|
</td>
|
|
<td>{{ tenant.forms|length }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{% else %}
|
|
<p class="text-muted mb-0">No tenants assigned.</p>
|
|
<a href="{{ url_for('admin.manage_user_tenants', user_id=target_user.id) }}" class="btn btn-primary btn-sm">
|
|
<i class="bi bi-plus"></i> Assign Tenants
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{# Edit User Modal #}
|
|
<div class="modal fade" id="editUserModal" tabindex="-1" aria-labelledby="editUserModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="editUserModalLabel"><i class="bi bi-pencil"></i> Edit User</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<form method="POST" action="{{ url_for('admin.view_user', user_id=target_user.id) }}">
|
|
<div class="modal-body">
|
|
<div class="row g-3">
|
|
<div class="col-12">
|
|
<label for="edit_email" class="form-label">Email *</label>
|
|
<input type="email" class="form-control" id="edit_email" name="email"
|
|
value="{{ target_user.email }}" required>
|
|
</div>
|
|
|
|
<div class="col-12">
|
|
<label for="edit_name" class="form-label">Name *</label>
|
|
<input type="text" class="form-control" id="edit_name" name="name"
|
|
value="{{ target_user.name }}" required>
|
|
</div>
|
|
|
|
<div class="col-12">
|
|
<label for="edit_role" class="form-label">Role</label>
|
|
<select class="form-select" id="edit_role" name="role">
|
|
{% for role in UserRole %}
|
|
<option value="{{ role.value }}" {% if target_user.role.value == role.value %}selected{% endif %}>{{ role.value }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">
|
|
<i class="bi bi-x"></i> Cancel
|
|
</button>
|
|
<button type="submit" class="btn btn-primary">
|
|
<i class="bi bi-check"></i> Save Changes
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|