tooltips + verwaltung finish

views/routes/user/edit/body.gohtml

@@ -208,27 +208,48 @@
 
 		<div class="col-span-1 mt-12 justify-self-end self-end items-end flex flex-row justify-end">
 			{{ if not $model.user.Deactivated }}
-				<button
-					type="submit"
-					formmethod="POST"
-					formaction="/user/{{ $model.user.Id }}/deactivate"
-					type="button"
-					class="inline-flex justify-center py-2 px-3 underline decoration-dotted
-					hover:decoration-solid
-							rounded-lg text-sm font-medium text-red-800 cursor-pointer">
-					Deaktivieren
-				</button>
+				<form action="/user/{{ $model.user.Id }}/deactivate/" method="POST">
+					<input
+						type="hidden"
+						name="csrf_nonce"
+						id="csrf_nonce"
+						required
+						value="{{ $model.csrf_nonce }}" />
+					<input
+						type="hidden"
+						name="csrf_token"
+						id="csrf_token"
+						required
+						value="{{ $model.csrf_token }}" />
+					<button
+						type="submit"
+						type="button"
+						class="cursor-pointer text-red-700 hover:text-red-900 pr-4 mt-6">
+						<i class="ri-prohibited-2-line"></i>
+						Deaktivieren
+					</button>
+				</form>
 			{{ else }}
-				<button
-					type="submit"
-					formmethod="POST"
-					formaction="/user/{{ $model.user.Id }}/activate"
-					type="button"
-					class="inline-flex justify-center py-2 px-4 border border-transparent hover:border-red-800
-							rounded-lg text-sm font-medium text-red-800 bg-red-200 hover:bg-red-300 cursor-pointer
-							focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-slate-500 no-underline">
-					<i class="ri-restart-line"></i> Aktivieren
-				</button>
+				<form action="/user/{{ $model.user.Id }}/activate/" method="POST">
+					<input
+						type="hidden"
+						name="csrf_nonce"
+						id="csrf_nonce"
+						required
+						value="{{ $model.csrf_nonce }}" />
+					<input
+						type="hidden"
+						name="csrf_token"
+						id="csrf_token"
+						required
+						value="{{ $model.csrf_token }}" />
+					<button
+						type="submit"
+						type="button"
+						class="cursor-pointer text-green-700 hover:text-green-900 pr-4 mt-6">
+						<i class="ri-restart-line"></i> Aktivieren
+					</button>
+				</form>
 			{{ end }}
 		</div>
 	</div>

views/routes/user/management/access/body.gohtml

@@ -107,26 +107,32 @@
 						value="{{ $model.access_url }}"
 						deactive
 						readonly />
-					<button
-						type="button"
-						class="ml-2 inline-flex justify-center py-2 px-3 border border-transparent
+					<tool-tip position="top">
+						<div class="data-tip font-bold hidden">Kopieren</div>
+						<button
+							type="button"
+							class="ml-2 inline-flex justify-center py-2 px-3 border border-transparent
 					rounded-xs
 					shadow-sm text-sm font-medium text-white bg-slate-700 hover:bg-slate-800 cursor-pointer
 					focus:outline-none no-underline
 					focus:ring-2 focus:ring-offset-2 focus:ring-slate-500"
-						onclick="navigator.clipboard.writeText('{{ $model.access_url }}')">
-						<i class="ri-file-copy-line"></i>
-					</button>
-					<a
-						href="{{ $model.relative_url }}"
-						target="_blank"
-						class="ml-2 inline-flex justify-center py-2 px-3 border border-transparent
+							onclick="navigator.clipboard.writeText('{{ $model.access_url }}')">
+							<i class="ri-file-copy-line"></i>
+						</button>
+					</tool-tip>
+					<tool-tip position="top">
+						<div class="data-tip font-bold hidden">In neuem Fenster öffnen</div>
+						<a
+							href="{{ $model.relative_url }}"
+							target="_blank"
+							class="ml-2 inline-flex justify-center py-2 px-3 border border-transparent
 					rounded-xs
 					shadow-sm text-sm font-medium text-white bg-slate-700 hover:bg-slate-800 cursor-pointer
 					focus:outline-none no-underline
 					focus:ring-2 focus:ring-offset-2 focus:ring-slate-500">
-						<i class="ri-external-link-line"></i>
-					</a>
+							<i class="ri-external-link-line"></i>
+						</a>
+					</tool-tip>
 					<form class="" method="POST">
 						<input
 							type="hidden"
@@ -141,15 +147,18 @@
 							required
 							value="{{ $model.csrf_token }}" />
 						<div class="col-span-9 flex flex-row items-center justify-center">
-							<button
-								type="submit"
-								class="ml-2 inline-flex justify-center py-2 px-3 border border-transparent
+							<tool-tip position="top">
+								<div class="data-tip font-bold hidden">Link invalidieren</div>
+								<button
+									type="submit"
+									class="ml-2 inline-flex justify-center py-2 px-3 border border-transparent
 					rounded-xs
 					shadow-sm text-sm font-medium text-white bg-slate-700 hover:bg-slate-800 cursor-pointer
 					focus:outline-none no-underline
 					focus:ring-2 focus:ring-offset-2 focus:ring-slate-500">
-								<i class="ri-loop-left-line"></i>
-							</button>
+									<i class="ri-loop-left-line"></i>
+								</button>
+							</tool-tip>
 						</div>
 					</form>
 				</div>

views/routes/user/management/body.gohtml

@@ -52,7 +52,13 @@
 					<tr class="{{ if $u.Deactivated }}deactivated{{ end }}">
 						<td>{{ $u.Name }}</td>
 						<td>{{ $u.Email }}</td>
-						<td>{{ $u.Role }}</td>
+						{{- if eq $u.Role "Admin" -}}
+							<td class="">Administrator</td>
+						{{- else if eq $u.Role "Editor" -}}
+							<td class="">Redakteur</td>
+						{{- else -}}
+							<td class="">Benutzer</td>
+						{{- end -}}
 						<td>{{ index $model.session_counts $u.Id }}</td>
 						<td>
 							<form class="flex flex-row gap-x-4 justify-end">
@@ -71,34 +77,43 @@
 									value="{{ $model.csrf_token }}" />
 								<!-- INFO: we dont use request.fullpath here, since this can be /logout /activate
 									or /deactivate, which would not work with the redirectTo query param -->
-								<button
-									formmethod="GET"
-									formaction="/user/{{ $u.Id }}/edit?redirectTo=/user/management">
-									<i class="ri-pencil-line"></i>
-								</button>
-								<button
-									hx-push-url="false"
-									formmethod="POST"
-									formaction="/user/management/logout/"
-									class="text-orange-800 bg-orange-200 hover:bg-orange-300">
-									<i class="ri-logout-box-r-line"></i>
-								</button>
+								<tool-tip position="top">
+									<div class="data-tip font-bold hidden">Bearbeiten</div>
+									<button
+										formmethod="GET"
+										formaction="/user/{{ $u.Id }}/edit?redirectTo=/user/management">
+										<i class="ri-pencil-line"></i>
+									</button>
+								</tool-tip>
+								<tool-tip position="top">
+									<div class="data-tip font-bold hidden">Logout</div>
+									<button
+										formmethod="POST"
+										formaction="/user/management/logout/"
+										class="text-orange-800 bg-orange-200 hover:bg-orange-300">
+										<i class="ri-logout-box-r-line"></i>
+									</button>
+								</tool-tip>
 								{{- if $u.Deactivated }}
-									<button
-										hx-push-url="false"
-										formmethod="POST"
-										formaction="/user/management/activate/"
-										class="text-blue-800 bg-blue-200 hover:bg-blue-300">
-										<i class="ri-check-line"></i>
-									</button>
+									<tool-tip position="top">
+										<div class="data-tip font-bold hidden">Reaktivieren</div>
+										<button
+											formmethod="POST"
+											formaction="/user/management/activate/"
+											class="text-green-800 bg-green-200 hover:bg-green-300">
+											<i class="ri-restart-line"></i>
+										</button>
+									</tool-tip>
 								{{- else -}}
-									<button
-										hx-push-url="false"
-										formmethod="POST"
-										formaction="/user/management/deactivate/"
-										class="text-red-800 bg-red-200 hover:bg-red-300">
-										<i class="ri-prohibited-2-line"></i>
-									</button>
+									<tool-tip position="top">
+										<div class="data-tip font-bold hidden">Deaktivieren</div>
+										<button
+											formmethod="POST"
+											formaction="/user/management/deactivate/"
+											class="text-red-800 bg-red-200 hover:bg-red-300">
+											<i class="ri-prohibited-2-line"></i>
+										</button>
+									</tool-tip>
 								{{- end -}}
 							</form>
 						</td>