andyburke/autonomous.contact
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: more login/session issues addressed

Browse source
This commit is contained in:
Andy Burke 2025-07-04 15:16:51 -07:00
parent cf46450f5f
commit ee152a514c
8 changed files with 85 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

76
public/tabs/user.html
View file

@ -1,76 +0,0 @@
<script>
new MutationObserver((mutations, observer) => {
mutations.forEach((mutation) => {
const user_json = document.body.dataset.user;
const user = user_json
? JSON.parse(user_json)
: {
username: "",
meta: {
avatar: "/images/default_avatar.gif",
},
};
const avatars = document.querySelectorAll("[data-bind-user_meta_avatar]");
for (const avatar of avatars) {
const bound_to = avatar.dataset["bind-user_meta_avatar"] ?? "innerHTML";
avatar[bound_to] = user.meta?.avatar ?? "/images/default_avatar.gif";
}
const usernames = document.querySelectorAll("[data-bind-user_username]");
for (const username of usernames) {
const bound_to = username.dataset["bind-user_username"] ?? "innerHTML";
username[bound_to] = user.username;
}
});
}).observe(document.body, {
attributes: true,
attributeFilter: ["data-user"],
});
</script>
<div id="user" class="tab">
<input
type="radio"
name="top-level-tabs"
id="user-tab-input"
class="tab-switch"
data-hash="/profile"
/>
<label for="user-tab-input" class="tab-label"
><div class="icon user"></div>
<div class="label">Profile</div></label
>
<div class="tab-content">
<div class="avatar-container">
<img
id="user-avatar"
src="/images/default_avatar.gif"
alt="User Avatar"
data-bind-user_meta_avatar="src"
/>
</div>
<div class="username-container">
<span class="username" data-bind-user_username></span>
</div>
<form data-smart="true" action="/api/auth" method="DELETE">
<script>
{
const form = document.currentScript.closest("form");
form.on_response = (response) => {
if (!response.ok) {
alert("error logging out!");
return;
}
delete document.body.dataset.user;
delete document.body.dataset.perms;
window.location = "/";
};
}
</script>
<button class="primary">Log Out</button>
</form>
</div>
</div>