+Fab menu, littered edit buttons

views/layouts/components/_fab.gohtml

@@ -0,0 +1,10 @@
+{{- if .request.user -}}
+<fab-menu
+  data-user-name="{{ if .request.user.Name }}{{ .request.user.Name }}{{ end }}"
+  data-user-email="{{ .request.user.Email }}"
+  data-user-id="{{ .request.user.Id }}"
+  data-is-admin-or-editor="{{ if (IsAdminOrEditor .request.user) }}true{{ else }}false{{ end }}"
+  data-is-admin="{{ if eq .request.user.Role "Admin" }}true{{ else }}false{{ end }}"
+  data-redirect-path="{{ .request.fullpath }}"
+></fab-menu>
+{{- end -}}

views/layouts/components/_footer.gohtml

@@ -1,37 +1,5 @@
 {{- $date := Today -}}
-<footer id="footer" class="container-normal pb-1.5 text-base text-gray-800 relative" x-data="{ openusermenu: false }">
-	<!-- INFO: User menu -->
-	{{- if .request.user -}}
-		<div class="" x-show="openusermenu">
-			<div
-				class="absolute right-0 bottom-10 bg-white border-gray-300 rounded-md shadow mt-2
-		[&>a]:no-underline [&>a]:text-gray-700 [&>a]:hover:bg-gray-100 [&>a]:hover:text-gray-900
-		[&>a]:block [&>a]:px-3 [&>a]:py-2 [&>a]:text-sm [&>a]:w-full [&>a]:text-left
-		[&>a]:whitespace-nowrap [&>a]:transition-all [&>a]:duration-200 [&>a]:border-b
-		[&>a]:last:border-b-0">
-				<a :href="'/user/{{ .request.user.Id }}/edit?redirectTo=' + window.location" class="">
-					<i class="ri-user-3-line"></i>
-					Profil bearbeiten
-				</a>
-				{{ if and .request.user (eq .request.user.Role "Admin") }}
-					<a href="/user/management/access/User?redirectTo={{ .request.fullpath }}" class="">
-						<i class="ri-group-3-line"></i>
-						Nutzer einladen
-					</a>
-					<a href="/user/management?redirectTo={{ .request.fullpath }}" class="">
-						<i class="ri-group-2-line"></i>
-						Benuzterverwaltung
-					</a>
-				{{ end }}
-				<a href="/logout?redirectTo={{ .request.fullpath }}" class="">
-					<i class="ri-logout-box-line"></i>
-					Logout
-				</a>
-			</div>
-		</div>
-	{{- end -}}
-	<!-- END: User menu -->
-
+<footer id="footer" class="container-normal pb-1.5 text-base text-gray-800 relative">
 	<!-- INFO: Actual Footer -->
 	<div class="mt-12 pt-3 flex flex-row justify-between">
 		<div>
@@ -52,24 +20,12 @@
 			<a href="https://github.com/Theodor-Springmann-Stiftung/musenalm">Code</a>
 			<span>&middot;</span>
 			{{ if .request.user }}
-				<button
-					class="inline-block cursor-pointer hover:shadow-lg hover:bg-gray-100 px-1.5
-					py-0.5 rounded-xs"
-					@click="openusermenu = !openusermenu"
-					x-bind:class="openusermenu ? 'bg-gray-100 shadow-lg' : ''">
-					<i class="ri-user-3-line"></i>
-					{{ if .request.user.Name }}
-						<b>{{ .request.user.Name }}</b>
-					{{ else }}
-						<b>{{ .request.user.Email }}</b>
-					{{ end }}
-					<i class="ri-arrow-up-s-fill"></i>
-				</button>
-				<!--
-				|
-				<i class="ri-logout-box-line"></i>
-				<a href="/logout?redirectTo={{ .request.fullpath }}">Logout</a>
-				-->
+				<i class="ri-user-3-line"></i>
+				{{ if .request.user.Name }}
+					<b>{{ .request.user.Name }}</b>
+				{{ else }}
+					<b>{{ .request.user.Email }}</b>
+				{{ end }}
 			{{ else }}
 				<i class="ri-login-box-line"></i>
 				<a href="/login?redirectTo={{ .request.fullpath }}">Login</a>