Update UserProfile.astro

This commit is contained in:
chark1es 2025-02-03 04:56:01 -08:00
parent b9be0f9cb8
commit 7562fabc2e

View file

@ -168,132 +168,6 @@
</div>
</div>
<!-- Profile Editor Dialog -->
<dialog id="profileEditor" class="modal">
<div class="modal-box">
<h3 class="font-bold text-2xl mb-6">Edit Profile</h3>
<form class="space-y-4" onsubmit="return false" novalidate>
<div class="form-control">
<label class="label">
<span class="label-text">Name</span>
</label>
<input
type="text"
id="editorName"
class="input input-bordered"
/>
</div>
<div class="form-control">
<label class="label">
<span class="label-text">Email</span>
</label>
<input
type="email"
id="editorEmail"
class="input input-bordered"
disabled
/>
</div>
<div class="form-control">
<label class="label">
<span class="label-text">IEEE Member ID</span>
</label>
<input
type="text"
id="editorMemberId"
class="input input-bordered"
/>
</div>
<div class="form-control">
<label class="label">
<span class="label-text">Loyalty Points</span>
</label>
<input
type="number"
id="editorPoints"
min="0"
class="input input-bordered"
/>
</div>
<div class="form-control">
<label class="label">
<span class="label-text">Resume</span>
</label>
<div class="flex flex-col gap-2">
<p id="editorCurrentResume" class="text-sm opacity-70">
No resume uploaded
</p>
<input
type="file"
id="editorResume"
accept=".pdf,.doc,.docx"
class="file-input file-input-bordered file-input-sm w-full"
/>
</div>
</div>
<div class="modal-action">
<button
type="button"
id="saveProfileButton"
class="btn btn-primary">Save Changes</button
>
<button
type="button"
class="btn"
onclick="profileEditor.close()">Cancel</button
>
</div>
</form>
</div>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog>
<!-- PDF Viewer Modal -->
<dialog id="pdfViewer" class="modal">
<div class="modal-box w-11/12 max-w-5xl h-[80vh]">
<div class="flex justify-between items-center mb-4">
<h3 class="font-bold text-lg" id="pdfTitle">Resume</h3>
<div class="flex items-center gap-2">
<a
id="pdfExternalLink"
href="#"
target="_blank"
class="btn btn-sm btn-ghost"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-4 w-4 mr-1"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z"
></path>
<path
d="M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z"
></path>
</svg>
Open in New Tab
</a>
<form method="dialog">
<button class="btn btn-sm btn-circle btn-ghost">✕</button>
</form>
</div>
</div>
<div class="h-[calc(100%-4rem)]">
<iframe
id="pdfFrame"
class="w-full h-full rounded-lg border-2 border-base-300"
src=""></iframe>
</div>
</div>
<form method="dialog" class="modal-backdrop">
<button>close</button>
</form>
</dialog>
<style>
.hidden {
display: none;
@ -301,12 +175,6 @@
#userInfo {
transition: all 0.3s ease-in-out;
}
.modal {
background: rgba(0, 0, 0, 0.5);
}
.modal::backdrop {
background: rgba(0, 0, 0, 0.5);
}
</style>
<script>