Anaru/Roesstad
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: Enhance member details with gender, birth/death dates, location, and coordinates, and integrate login form directly into the history section.

Browse source
This commit is contained in:
Eivind Røsstad Skeie 2025-11-27 12:09:22 +01:00
parent dc6354cf49
commit 17c317790a
2 changed files with 112 additions and 87 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
index.html
View file

@ -55,17 +55,6 @@
<div class="history-container"> <div class="history-container">
<h2>Slektshistorie</h2> <h2>Slektshistorie</h2>
<ul id="history-list"> <ul id="history-list">
<!-- History items will be injected here -->
</ul>
</div>
</section>
</main>
<!-- Login Modal -->
<div id="login-modal" class="modal">
<div class="modal-content glass-panel login-box">
<h2>Velkommen til Røsstad</h2>
<p>Vennligst logg inn for å se slektstreet.</p>
<form id="login-form"> <form id="login-form">
<input type="email" id="email" placeholder="E-post" required> <input type="email" id="email" placeholder="E-post" required>
<input type="password" id="password" placeholder="Passord" required> <input type="password" id="password" placeholder="Passord" required>
@ -96,6 +85,39 @@
<div class="form-group"> <div class="form-group">
<label>Kjønn</label> <label>Kjønn</label>
<div class="radio-group">
<label><input type="radio" name="gender" value="male"> Mann</label>
<label><input type="radio" name="gender" value="female"> Kvinne</label>
<label><input type="radio" name="gender" value="other"> Annet</label>
</div>
</div>
<div class="form-row">
<div class="form-group">
<label>Fødselsdato</label>
<input type="date" id="birthDate">
</div>
<div class="form-group">
<label>Dødsdato</label>
<input type="date" id="deathDate">
</div>
</div>
<div class="form-group">
<label>Sted</label>
<input type="text" id="location" placeholder="F.eks. Kristiansand">
</div>
<div class="form-row">
<div class="form-group">
<label>Breddegrad (Lat)</label>
<input type="number" id="lat" step="any" placeholder="58.16">
</div>
<div class="form-group">
<label>Lengdegrad (Lng)</label>
<input type="number" id="lng" step="any" placeholder="8.25">
</div>
</div>
<!-- Relationships --> <!-- Relationships -->
<div class="form-section"> <div class="form-section">

7
script.js
View file

@ -170,6 +170,8 @@ memberForm.addEventListener('submit', (e) => {
birthDate: document.getElementById('birthDate')?.value, birthDate: document.getElementById('birthDate')?.value,
deathDate: document.getElementById('deathDate')?.value, deathDate: document.getElementById('deathDate')?.value,
location: document.getElementById('location')?.value, location: document.getElementById('location')?.value,
lat: parseFloat(document.getElementById('lat')?.value),
lng: parseFloat(document.getElementById('lng')?.value),
notes: document.getElementById('notes')?.value, notes: document.getElementById('notes')?.value,
motherId: document.getElementById('motherId').value, motherId: document.getElementById('motherId').value,
fatherId: document.getElementById('fatherId').value, fatherId: document.getElementById('fatherId').value,
@ -350,10 +352,11 @@ function openEditModal(member) {
document.getElementById('member-id').value = member.id; document.getElementById('member-id').value = member.id;
document.getElementById('firstName').value = member.firstName; document.getElementById('firstName').value = member.firstName;
document.getElementById('lastName').value = member.lastName; document.getElementById('lastName').value = member.lastName;
document.getElementById('birthDate').value = member.birthDate; document.getElementById('birthDate').value = member.birthDate || '';
document.getElementById('birthYear').value = member.birthYear || (member.birthDate ? member.birthDate.split('-')[0] : '');
document.getElementById('deathDate').value = member.deathDate || ''; document.getElementById('deathDate').value = member.deathDate || '';
document.getElementById('location').value = member.location || ''; document.getElementById('location').value = member.location || '';
document.getElementById('lat').value = member.lat || '';
document.getElementById('lng').value = member.lng || '';
document.getElementById('notes').value = member.notes || ''; document.getElementById('notes').value = member.notes || '';
// Set Gender // Set Gender