Oliver/paraguay
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Profile modal and Logout button for logged-in users

Browse Source
This commit is contained in:
Kato
2026-09-02 19:51:33 +00:00
parent a140d5881e
commit fe7f29b697
3 changed files with 86 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+32
View File
@@ -19,6 +19,10 @@
<button class="lang-btn active" data-lang="de">DE</button>
<button class="lang-btn" data-lang="en">EN</button>
</div>
<div class="user-actions hidden">
<button class="btn-secondary user-btn" onclick="openProfileModal()"><span class="hide-de">Profil</span><span class="hide-en">Profile</span></button>
<button class="btn-secondary user-btn" onclick="logout()"><span class="hide-de">Abmelden</span><span class="hide-en">Logout</span></button>
</div>
</div>
</header>
@@ -159,6 +163,34 @@
</div>
</main>
<!-- Profile Modal -->
<div id="profile-modal" class="modal hidden">
<div class="modal-content">
<span class="close-btn" onclick="closeProfileModal()">&times;</span>
<h3 class="hide-de">Profil bearbeiten</h3>
<h3 class="hide-en">Edit Profile</h3>
<form id="profile-form">
<div class="form-group">
<label for="profile-username" class="hide-de">Telegram Nutzername</label>
<label for="profile-username" class="hide-en">Telegram Username</label>
<input type="text" id="profile-username" disabled />
</div>
<div class="form-group">
<label for="profile-name" class="hide-de">Vollständiger Name</label>
<label for="profile-name" class="hide-en">Full name</label>
<input type="text" id="profile-name" required />
</div>
<div class="form-group">
<label for="profile-llc" class="hide-de">Name der LLC / SRL</label>
<label for="profile-llc" class="hide-en">LLC / SRL name</label>
<input type="text" id="profile-llc" required />
</div>
<button type="button" class="btn-primary hide-de" onclick="saveProfile()">Speichern</button>
<button type="button" class="btn-primary hide-en" onclick="saveProfile()">Save</button>
</form>
</div>
</div>
<footer class="footer">
<p>
<span class="hide-de">Sponsored by</span>