107 lines
5.0 KiB
Plaintext
107 lines
5.0 KiB
Plaintext
package templates
|
|
|
|
import (
|
|
"fmt"
|
|
"net/http"
|
|
|
|
"gitea.zokki.net/zokki/uni/web43-diary/context"
|
|
"gitea.zokki.net/zokki/uni/web43-diary/internal/database"
|
|
"gitea.zokki.net/zokki/uni/web43-diary/internal/models"
|
|
"gitea.zokki.net/zokki/uni/web43-diary/internal/session"
|
|
"gitea.zokki.net/zokki/uni/web43-diary/web/templates/shared"
|
|
)
|
|
|
|
templ Settings(context *context.Context) {
|
|
{{
|
|
users, err := database.GetAll(context, &models.User{})
|
|
if err != nil {
|
|
return err
|
|
}
|
|
|
|
sessionUser := session.GetSession(context).GetUser()
|
|
if sessionUser == nil || sessionUser.ID <= 0 {
|
|
return models.NewHTTPError(http.StatusUnauthorized)
|
|
}
|
|
}}
|
|
@shared.Layout(context) {
|
|
<div class="flex gap-4 w-[76rem] m-auto pt-6">
|
|
<form method="PUT" action={ templ.URL(fmt.Sprintf("/user/%d", sessionUser.ID)) } enctype="multipart/form-data" data-redirect-url="/settings" class="flex flex-col gap-4 w-1/2 p-6 bg-surface-container-highest rounded-lg">
|
|
<h2 class="text-center">Nutzerinformationen</h2>
|
|
<div>
|
|
<label for="firstName" class="text-sm font-medium">Vorname*</label>
|
|
<input type="firstName" name="firstName" id="firstName" class="outline-gray-400 rounded-lg w-full p-2.5 text-ellipsis" maxlength="256" value={ sessionUser.FirstName } required/>
|
|
</div>
|
|
<div>
|
|
<label for="lastName" class="text-sm font-medium">Nachname*</label>
|
|
<input type="lastName" name="lastName" id="lastName" class="outline-gray-400 rounded-lg w-full p-2.5 text-ellipsis" maxlength="256" value={ sessionUser.LastName } required/>
|
|
</div>
|
|
<div>
|
|
<label for="username" class="text-sm font-medium">Nutzername*</label>
|
|
<input type="username" name="username" id="username" class="outline-gray-400 rounded-lg w-full p-2.5 text-ellipsis" maxlength="256" value={ sessionUser.Username } required/>
|
|
</div>
|
|
<button type="submit" class="w-full text-on-bg bg-primary hover:bg-primary-650 font-medium rounded-lg text-sm px-5 py-2.5">Informationen ändern</button>
|
|
</form>
|
|
<form method="PUT" action={ templ.URL(fmt.Sprintf("/user/%d/password", sessionUser.ID)) } enctype="multipart/form-data" data-redirect-url="/settings" class="flex flex-col gap-4 w-1/2 p-6 bg-surface-container-highest rounded-lg">
|
|
<h2 class="text-center">Passwort ändern</h2>
|
|
<div>
|
|
<label for="current-password" class="text-sm font-medium">Aktuelles Passwort*</label>
|
|
<input type="password" name="currentPassword" id="current-password" class="outline-gray-400 rounded-lg w-full p-2.5 text-ellipsis" maxlength="256" required/>
|
|
</div>
|
|
<div>
|
|
<label for="new-password" class="text-sm font-medium">Neues Passwort*</label>
|
|
<input type="password" name="newPassword" id="new-password" class="outline-gray-400 rounded-lg w-full p-2.5 text-ellipsis" maxlength="256" required/>
|
|
</div>
|
|
<div>
|
|
<label for="password-repeat" class="text-sm font-medium">Passwort wiederholen*</label>
|
|
<input type="password" name="passwordRepeat" id="password-repeat" class="outline-gray-400 rounded-lg w-full p-2.5 text-ellipsis" maxlength="256" required/>
|
|
</div>
|
|
<button type="submit" class="w-full text-on-bg bg-primary hover:bg-primary-650 font-medium rounded-lg text-sm px-5 py-2.5">Passwort ändern</button>
|
|
</form>
|
|
</div>
|
|
<form method="DELETE" action={ templ.URL(fmt.Sprintf("/user/%d", sessionUser.ID)) } data-redirect-url="/" class="w-1/3 my-6 mx-auto p-6 bg-surface-container-highest rounded-lg h-fit">
|
|
<h2 class="text-center">Nutzerkonto löschen</h2>
|
|
<button type="submit" class="w-full text-on-bg bg-red-700 hover:bg-red-500 font-medium rounded-lg text-sm px-5 py-2.5">!Löschen!</button>
|
|
</form>
|
|
if sessionUser.Role.IsAdminUser() {
|
|
<div class="mx-auto pb-6">
|
|
<table id="users-table" class="overflow-hidden rounded-2xl w-[76rem] text-sm text-left text-dark-250">
|
|
<thead class="text-xs text-dark-350 uppercase bg-surface-variant">
|
|
<tr>
|
|
<th scope="col" class="px-6 py-3">Nutzername</th>
|
|
<th scope="col" class="px-6 py-3">Vorname</th>
|
|
<th scope="col" class="px-6 py-3">Nachname</th>
|
|
<th scope="col" class="px-6 py-3">Admin</th>
|
|
<th scope="col" class="px-6 py-3">Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="divide-y">
|
|
{{ i := 0 }}
|
|
for _, user := range users {
|
|
{{
|
|
if user.ID == sessionUser.ID {
|
|
continue
|
|
}
|
|
|
|
class := "bg-surface-variant-950 hover:bg-surface-variant-650"
|
|
if i%2 != 0 {
|
|
class = "bg-surface-variant-800 hover:bg-surface-variant-500"
|
|
}
|
|
i++
|
|
}}
|
|
<tr class={ class }>
|
|
<th scope="row" class="px-6 py-4 font-medium text-bright">{ user.Username }</th>
|
|
<td class="px-6 py-4">{ user.FirstName }</td>
|
|
<td class="px-6 py-4">{ user.LastName }</td>
|
|
<td class="px-6 py-4"><input type="checkbox" class="w-4 h-4" checked?={ user.Role.IsAdminUser() } disabled/></td>
|
|
<td>
|
|
<button data-user-id={ user.IDString() } class="delete-button font-medium rounded-lg text-sm px-5 py-2.5 w-full text-red-600 hover:bg-dark-450">Löschen</button>
|
|
</td>
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
}
|
|
}
|
|
}
|