Files
watcher/Watcher/Views/User/Info.cshtml
2025-09-12 11:50:04 +02:00

124 lines
5.1 KiB
Plaintext

@{
ViewData["Title"] = "Account Info";
var pictureUrl = User.Claims.FirstOrDefault(c => c.Type == "picture")?.Value ?? "";
var Id = ViewBag.Id;
var preferredUsername = ViewBag.name;
var IdProvider = ViewBag.IdProvider;
var mail = ViewBag.mail;
}
<head>
<link rel="stylesheet" href="~/css/site.css" />
<link rel="stylesheet" href="~/css/user-info.css" />
</head>
<div class="container mt-5">
<div class="card shadow-lg rounded-3 p-4" style="max-width: 700px; margin: auto;">
<div class="text-center mb-4">
@if (!string.IsNullOrEmpty(pictureUrl))
{
<img src="@pictureUrl" alt="Profilbild" class="rounded-circle shadow picture" />
}
else
{
<div class="bg-secondary text-white rounded-circle d-inline-flex align-items-center justify-content-center"
style="width: 120px; height: 120px; font-size: 48px;">
<span>@(User.Identity?.Name?.Substring(0,1).ToUpper() ?? "?")</span>
</div>
}
<h3 class="mt-3">
<i class="bi"></i>@preferredUsername
</h3>
</div>
<table class="usertable">
<tbody>
<tr>
<th><i class="bi bi-person-badge me-1"></i>Username</th>
<td>@preferredUsername</td>
</tr>
<tr>
<th><i class="bi bi-envelope me-1"></i>E-Mail</th>
<td>@(mail ?? "Nicht verfügbar")</td>
</tr>
<tr>
<th><i class="bi bi-fingerprint me-1"></i>Benutzer-ID</th>
<td>@(Id ?? "Nicht verfügbar")</td>
</tr>
@if(IdProvider != "local")
{
<tr>
<th><i class="bi bi-clock-history me-1"></i>Login-Zeit</th>
<td>
@(User.FindFirst("iat") != null
? DateTimeOffset.FromUnixTimeSeconds(long.Parse(User.FindFirst("iat").Value)).ToLocalTime().ToString()
: "Nicht verfügbar")
</td>
</tr>
<tr>
<th><i class="bi bi-hourglass-split me-1"></i>Token läuft ab</th>
<td>
@(User.FindFirst("exp") != null
? DateTimeOffset.FromUnixTimeSeconds(long.Parse(User.FindFirst("exp").Value)).ToLocalTime().ToString()
: "Nicht verfügbar")
</td>
</tr>
<tr>
<th><i class="bi bi-shield-lock me-1"></i>Rollen</th>
<td>
@{
var roles = User.FindAll("role").Select(r => r.Value);
if (!roles.Any())
{
<span class="text-muted">Keine Rollen</span>
}
else
{
<ul class="mb-0">
@foreach (var role in roles)
{
<li><i class="bi bi-tag me-1 text-primary"></i>@role</li>
}
</ul>
}
}
</td>
</tr>
}
</tbody>
</table>
<div class="card shadow mt-5 p-4" style="width: 100%; margin: auto;">
<h4><i class="bi bi-pencil-square me-2"></i>Benutzerdaten ändern</h4>
<form asp-action="Edit" method="post" asp-controller="User">
<div class="mb-3">
<label for="Username" class="form-label">Neuer Benutzername</label>
<input type="text" class="form-control" id="Username" name="Username" value="@preferredUsername" />
</div>
<div class="mb-3">
<label for="NewPassword" class="form-label">Neues Passwort</label>
<input type="password" class="form-control" id="NewPassword" name="NewPassword" />
</div>
<div class="mb-3">
<label for="ConfirmPassword" class="form-label">Passwort bestätigen</label>
<input type="password" class="form-control" id="ConfirmPassword" name="ConfirmPassword" />
</div>
<button type="submit" class="btn btn-db">
<i class="bi bi-save me-1"></i>Speichern
</button>
</form>
</div>
<div>
<form method="post" asp-controller="Auth" asp-action="Logout" class="text-center mt-4">
<button type="submit" class="btn btn-danger">
<i class="bi bi-box-arrow-right me-1"></i>Abmelden
</button>
</form>
</div>
</div>
</div>