reworked user admin view

uffd/role/__init__.py

 from .views import bp as bp_ui
+from .models import Role, RoleGroup, RoleUser
 
 bp = [bp_ui]

uffd/role/templates/role.html

@@ -16,9 +16,7 @@
 		</small>
 	</div>
 	<div class="form-group col">
-		<p>
-			Included groups
-		</p>
+		<span>Included groups</span>
 		<table class="table table-striped table-sm">
 			<thead>
 				<tr>

uffd/user/templates/user.html

@@ -3,6 +3,19 @@
 {% block body %}
 <form action="{{ url_for("user.update", uid=user.uid) }}" method="POST">
 <div class="align-self-center">
+	<ul class="nav nav-tabs " id="tablist" role="tablist">
+		<li class="nav-item">
+			<a class="nav-link active" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="true">Profile</a>
+		</li>
+		<li class="nav-item">
+			<a class="nav-link" id="roles-tab" data-toggle="tab" href="#roles" role="tab" aria-controls="roles" aria-selected="false">Roles</a>
+		</li>
+		<li class="nav-item">
+			<a class="nav-link" id="ldif-tab" data-toggle="tab" href="#ldif" role="tab" aria-controls="ldif" aria-selected="false">LDIF</a>
+		</li>
+	</ul>
+	<div class="tab-content border border-top-0 mb-2 pt-2" id="tabcontent">
+		<div class="tab-pane fade show active" id="profile" role="tabpanel" aria-labelledby="roles-tab">
 			<div class="form-group col">
 				<label for="user-uid">uid</label>
 				{% if user.uid %}
@@ -43,57 +56,45 @@
 					At least 8 characters, no other special requirements. But please don't be stupid and use a password manager.
 				</small>
 			</div>
-	{% if user.uid %}
-	<div class="form-group col "id="accordion">
-		<div class="card">
-			<div class="card-header" id="user-ldif">
-				<h5 class="mb-0">
-					<a class="btn btn-link collapsed" data-toggle="collapse" data-target="#user-ldif-body" aria-expanded="false" aria-controls="user-ldif">
-						ldif
-					</a>
-				</h5>
-			</div>
-			<div id="user-ldif-body" class="collapse" aria-labelledby="user-ldif" data-parent="#accordion">
-				<div class="card-body">
-					<pre>{{ user_ldif }}</pre>
-				</div>
 		</div>
+		<div class="tab-pane fade" id="roles" role="tabpanel" aria-labelledby="roles-tab">
+			<div class="form-group col">
+				<span>Roles:</span>
 			</div>
-		<div class="card">
-			<div class="card-header" id="user-group">
-				<h5 class="mb-0">
-					<a class="btn btn-link collapsed" data-toggle="collapse" data-target="#user-group-body" aria-expanded="false" aria-controls="user-group">
-						groups
+			<div class="form-group col">
+				<span>Resulting groups (only updated after save):</span>
+				<table class="table table-striped table-sm">
+					<thead>
+						<tr>
+							<th scope="col">name</th>
+							<th scope="col">description</th>
+						</tr>
+					</thead>
+					<tbody>
+						{% for group in user.get_groups()|sort(attribute="name") %}
+						<tr id="group-{{ group.gid }}">
+							<td>
+								<a href="{{ url_for("group.show", gid=group.gid) }}">
+									{{ group.name }}
 								</a>
-				</h5>
-			</div>
-			<div id="user-group-body" class="collapse" aria-labelledby="user-group" data-parent="#accordion">
-				<div class="card-body">
-					<ul class="list-group">
-					{% for group in user.get_groups() %}
-					<li class="list-group-item"><a href="{{ url_for("group.show", gid=group.gid) }}">{{ group.name }}</a></li>
+							</td>
+							<td>
+								{{ group.description }}
+							</td>
+						</tr>
 						{% endfor %}
-					</ul>
+					</tbody>
+				</table>
 			</div>
 		</div>
-		</div>
-		<div class="card">
-			<div class="card-header" id="user-role">
-				<h5 class="mb-0">
-					<a class="btn btn-link" data-toggle="collapse" data-target="#user-role-body" aria-expanded="true" aria-controls="user-role">
-						roles
-					</a>
-				</h5>
-			</div>
-			<div id="user-role-body" class="collapse show" aria-labelledby="user-role" data-parent="#accordion">
-				<div class="card-body">
-					roles.
-				</div>
+		<div class="tab-pane fade" id="ldif" role="tabpanel" aria-labelledby="ldif-tab">
+			<div class="form-group col">
+				<pre>{{ user_ldif }}</pre>
 			</div>
 		</div>
 	</div>
-	{% endif %}
-	<div class="form-group col">
+
+	<div class="form-group col pl-0">
 		<button type="submit" class="btn btn-primary"><i class="fa fa-save" aria-hidden="true"></i> Save</button>
 		<a href="{{ url_for("user.index") }}" class="btn btn-secondary">Cancel</a>
 		{% if user.uid %}