Alex/GoMembership
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

del: Avatar image

Browse Source
This commit is contained in:
Alex
2024-10-07 11:40:58 +02:00
parent dfbeabc93c
commit 580b022c42
1 changed files with 46 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
frontend/src/routes/auth/about/[id]/+page.svelte
View File

@@ -23,12 +23,12 @@
/** @type {App.Locals['licence_categories']} */
$: licence_categories = $page.data.licence_categories;
/** @typedef {{name: string, src: string}} Avatar */
const avatarFiles = import.meta.glob("$lib/img/Avatar-*.jpeg", {
eager: true,
});
/** @type{Avatar[]} */
let avatars = [];
// /** @typedef {{name: string, src: string}} Avatar */
// const avatarFiles = import.meta.glob("$lib/img/Avatar-*.jpeg", {
// eager: true,
// });
// /** @type{Avatar[]} */
// let avatars = [];
const TABS = ["profile", "licence", "membership", "bankaccount"];
let activeTab = TABS[0];
@@ -67,13 +67,13 @@
let showModal = false,
isUploading = false,
isUpdating = false,
showAvatars = false,
// showAvatars = false,
password = "",
password2 = "";
const open = () => (showModal = true);
const close = () => (showModal = false);
const toggleAvatars = () => (showAvatars = !showAvatars);
// const toggleAvatars = () => (showAvatars = !showAvatars);
$: selectedSubscriptionModel =
subscriptions.find(
@@ -83,26 +83,26 @@
onMount(() => {
console.dir(user);
console.dir(licence_categories);
avatars = Object.entries(avatarFiles).map(([path, module]) => {
if (typeof path !== "string") {
throw new Error("Unexpected non-string path");
}
if (
typeof module !== "object" ||
module === null ||
!("default" in module)
) {
throw new Error("Unexpected module format");
}
const src = module.default;
if (typeof src !== "string") {
throw new Error("Unexpected default export type");
}
return {
name: path.split("/").pop()?.split(".")[0] ?? "Unknown",
src: src,
};
});
// avatars = Object.entries(avatarFiles).map(([path, module]) => {
// if (typeof path !== "string") {
// throw new Error("Unexpected non-string path");
// }
// if (
// typeof module !== "object" ||
// module === null ||
// !("default" in module)
// ) {
// throw new Error("Unexpected module format");
// }
// const src = module.default;
// if (typeof src !== "string") {
// throw new Error("Unexpected default export type");
// }
// return {
// name: path.split("/").pop()?.split(".")[0] ?? "Unknown",
// src: src,
// };
// });
});
/**
@@ -126,28 +126,28 @@
};
/** @type {import('./$types').SubmitFunction} */
const handleUpload = async () => {
isUploading = true;
return async ({ result }) => {
isUploading = false;
/** @type {any} */
const res = result;
if (result.type === "success" || result.type === "redirect") {
user.profile_picture = res.data.profile_picture;
}
await applyAction(result);
};
};
// const handleUpload = async () => {
// isUploading = true;
// return async ({ result }) => {
// isUploading = false;
// /** @type {any} */
// const res = result;
// if (result.type === "success" || result.type === "redirect") {
// user.profile_picture = res.data.profile_picture;
// }
// await applyAction(result);
// };
// };
</script>
<div class="hero-container">
<div class="hero-logo">
<!-- <div class="hero-logo">
<img
src={user.profile_picture ? user.profile_picture : Avatar}
alt={`${user.first_name} ${user.last_name}`}
width="200"
/>
</div>
</div> -->
<div class="user-info">
{#if user.status}
<h3 class="hero-subtitle subtitle info-row">
@@ -210,7 +210,7 @@
{#if showModal}
<Modal on:close={close}>
<div class="avatar-container">
<!-- <div class="avatar-container">
<form
class="avatar-form"
action="?/uploadImage"
@@ -274,7 +274,7 @@
{/each}
</div>
{/if}
</div>
</div> -->
<form
class="content"
action="?/updateUser"
@@ -751,7 +751,7 @@
font-size: 1.1rem;
}
.avatar-container {
/* .avatar-container {
display: flex;
flex-direction: column;
align-items: center;
@@ -811,7 +811,7 @@
height: 100%;
object-fit: cover;
border-radius: 50%;
}
} */
.button-container {
display: flex;
justify-content: space-between;